/* Separate game windows from the scaled character HUD. */
.hud-shortcuts{position:fixed;top:14px;left:calc(var(--character-hud-width,240px) + 24px);z-index:35;display:grid;gap:6px}.hud-shortcuts button{display:flex;align-items:center;gap:8px;min-height:42px;padding:7px 12px;border:1px solid #9b8555;border-radius:7px;background:linear-gradient(135deg,#283237ee,#101a20ee);color:#ead9ac;font:600 12px Georgia,serif;box-shadow:0 4px 18px #0005}.hud-shortcuts i{font-size:23px;font-style:normal;color:#f3d586}.game-shell:not(.playing) .hud-shortcuts{display:none}
.panel-window{position:fixed;z-index:85;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(890px,94vw);max-height:86dvh;background:linear-gradient(135deg,#233033,#101719);border:1px solid #ab925d;border-radius:12px;box-shadow:0 25px 90px #000b;overflow:hidden;color:#ebe3d2}.panel-window[hidden],.game-hub[hidden],.entry-progress[hidden]{display:none!important}.panel-window>header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #8e795344}.panel-window>header h2{margin:0;font:25px Georgia,serif}.panel-window>header button,.hub-surface>header button{width:40px;height:40px;border:1px solid #a48b5855;background:#ffffff08;border-radius:6px;color:#eee0ba;font-size:25px}.panel-window #panelContent{position:static!important;inset:auto!important;transform:none!important;width:auto!important;max-height:calc(86dvh - 76px)!important;overflow:auto;padding:20px;background:transparent;font-size:14px;border:0;box-shadow:none;margin:0}.panel-window #panelContent h3{font:20px Georgia,serif;margin:15px 0}.panel-window #panelContent small{font-size:12px;line-height:1.55}.panel-window #panelContent b{font-size:14px}.panel-window .inventory-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.panel-window .inventory-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:107px;width:100%;height:auto;padding:7px 4px;background:linear-gradient(140deg,#344045,#111b20);border:1px solid #91805b80;border-radius:7px;color:#e3d5b6}.panel-window .inventory-slot .item-art{width:54px;height:54px;flex-shrink:0}.panel-window .inventory-slot label{font:11px/1.3 system-ui;margin-top:5px;pointer-events:none;overflow-wrap:anywhere}.panel-window .inventory-slot b,.panel-window .inventory-slot em{position:absolute;right:4px;top:4px;font-size:12px;text-shadow:0 2px 3px #000}.panel-window .inventory-slot em{left:4px;right:auto;color:#e9ba64}.panel-window .inventory-slot.equipped{border-color:#77bfc0}.panel-window .inventory-slot.empty{opacity:.3;min-height:88px}.panel-window .equipment-layout{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.panel-window .equipment-layout>button,.panel-window .equipment-empty{min-height:86px;width:auto;display:grid;justify-items:center;padding:8px}.inventory-tools{display:flex;gap:10px;align-items:center;margin:12px 0}.inventory-tools input{flex:1;min-width:0;padding:12px;background:#0d171b;border:1px solid #89795877;color:#fff;border-radius:7px}.inventory-tools span{font-size:12px;color:#b7b6a9}.panel-window .skill-node{padding:14px;grid-template-columns:44px 1fr auto}.panel-window .skill-node>span{width:42px;height:42px}.panel-window .panel-action{font-size:14px;min-height:42px}.panel-window .equipment-stats{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
#socialModal{z-index:100}#socialModal>article{width:min(900px,94vw);max-width:900px;max-height:90dvh;overflow:auto;padding:30px;font-size:14px}#socialModal h2{font-size:26px}#socialModal p,#socialModal small,#socialModal .npc-note{font-size:13px;line-height:1.6}#socialModal button:not(.modal-scrim):not(.modal-close){min-height:38px;font-size:13px}#socialModal .item-art.large{width:112px;height:112px}
.game-hub{position:fixed;inset:0;z-index:110;display:grid;place-items:center;color:#ede4cf;font:14px/1.6 system-ui}.hub-scrim{position:absolute;inset:0;background:#03080dcc;backdrop-filter:blur(9px)}.hub-surface{position:relative;display:flex;flex-direction:column;width:min(1320px,96vw);height:min(900px,94dvh);border:1px solid #a58b58;border-radius:15px;background:radial-gradient(ellipse at 90% 0,#394242,#131c24 60%);box-shadow:0 30px 100px #0009;overflow:hidden}.hub-surface>header{display:flex;align-items:center;justify-content:space-between;padding:22px 32px;border-bottom:1px solid #aa925536}.hub-surface h1{font:34px Georgia,serif;margin:2px 0}.hub-surface small{color:#bda87f}.hub-surface>header small{font-size:10px;letter-spacing:.23em}.hub-tabs{display:flex;gap:8px;align-items:center;padding:14px 32px;flex-wrap:wrap}.game-hub button{cursor:pointer;color:#e9ddb9;border:1px solid #ad95614d;background:#ffffff06;border-radius:6px;padding:9px 15px;font:inherit;touch-action:manipulation}.game-hub button:disabled{opacity:.42;cursor:default}.hub-tabs button[aria-pressed=true],.post-actions button[aria-pressed=true]{background:#b3944829;border-color:#ccb573;color:#ffe6a3}.hub-wallet{margin-left:auto;color:#e7c877}.hub-body{overflow:auto;overscroll-behavior:contain;flex:1;padding:0 32px 26px}.hub-feedback{margin:0 32px;min-height:24px;font-size:13px;color:#97d6c2}.hub-feedback.error{color:#ffb3a5}.hub-surface>footer{padding:10px 32px;border-top:1px solid #ab925536;font-size:11px;color:#b3b5af}.store-hero{position:relative;padding:25px 32px;margin:10px 0 24px;border:1px solid #c2a87555;border-radius:10px;background:linear-gradient(105deg,#293e48,#2c252e);overflow:hidden}.store-hero h2{font:32px Georgia,serif;margin:8px 0}.store-hero p{color:#c7c8c2;max-width:75%}.store-hero>span{position:absolute;right:5%;top:-35px;font-size:180px;color:#e5c47a55}.premium-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.premium-product{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid #a18d5955;border-radius:9px;background:linear-gradient(150deg,#35404777,#141d24);min-height:290px}.premium-product.featured{background:radial-gradient(ellipse at top,#6f5a3544,#17222a 75%);border-color:#c1a56388}.product-emblem{font-size:68px;color:#e3c68c;text-shadow:0 0 35px #d6ac6644}.premium-product h2{font:23px Georgia,serif;margin:6px 0}.premium-product p{color:#acb9bf;font-size:13px;flex:1}.premium-product strong{margin:12px 0;color:#e5c783}.premium-product>button{width:100%}.premium-product>.item-art{width:80px;height:80px;margin-bottom:18px}.hub-disclosure{font-size:12px;color:#b7b7ae;margin:22px 0 0}.community-layout{display:grid;grid-template-columns:300px 1fr;gap:28px;margin:16px 0}.community-layout h2{font:26px Georgia,serif}.community-layout aside>p{color:#abb9bd}.community-composer{display:grid;gap:10px}.game-hub textarea,.game-hub input,.game-hub select{padding:12px;border:1px solid #8d805655;border-radius:7px;color:#eee9dd;background:#0e181e;font:14px system-ui}.game-hub textarea{min-height:160px;resize:vertical}.community-feed{display:grid;gap:16px;align-content:start}.community-post{border:1px solid #8e815849;background:#1a252cc9;border-radius:10px;padding:20px}.community-post>header{display:flex;gap:12px;align-items:center}.author-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:9px;border:1px solid #b1985e;color:#e3c584;background:#38454b;font:23px Georgia,serif}.community-post header div{display:grid;flex:1}.community-post header small{font-size:11px}.community-post>p,.post-comments p{white-space:pre-wrap;overflow-wrap:anywhere}.post-actions{display:flex;gap:8px}.post-comments>div{border-top:1px solid #bda27433;padding:12px 0}.post-comments form{display:flex;gap:8px;margin-top:15px}.post-comments input{min-width:0;flex:1}.hub-empty{text-align:center;padding:55px 20px;color:#aeb9bc}.hub-empty>span{font-size:50px;color:#ceb675}
.auth-scene{filter:saturate(.7) brightness(.65)}.auth-card{width:min(1180px,92vw);gap:40px 80px}.auth-message h1{font-size:clamp(54px,6vw,88px);letter-spacing:-.035em;text-shadow:0 8px 40px #0008}.auth-message p{font-size:15px;line-height:1.8;max-width:430px}.auth-form{padding:34px;border:1px solid #c0a47766;border-radius:16px;background:linear-gradient(150deg,#263039eb,#111a22f5);box-shadow:0 25px 70px #0007}.auth-form h2{font-size:29px}.auth-form label>span{font-size:11px;letter-spacing:.08em}.auth-form input{height:49px;font-size:15px;background:#0e171e}.auth-primary,.realm-enter{background:linear-gradient(120deg,#aa8445,#ddbc76);color:#171b1e;font-size:14px;min-height:50px}.auth-feedback{font-size:13px}.auth-options,.auth-options button,.auth-card>footer,.auth-card>footer button{font-size:12px}.entry-progress{position:fixed;inset:0;z-index:200;background:#080f17b5;backdrop-filter:blur(7px);display:grid;place-items:center;color:#eee1c4}.entry-progress>div{width:min(420px,88vw);padding:32px;border:1px solid #bc9e6377;background:#17232af2;border-radius:15px;box-shadow:0 25px 80px #0008}.entry-progress small{letter-spacing:.2em;color:#bfa36c}.entry-progress h2{font:26px Georgia,serif}.entry-progress p{font:14px/1.6 system-ui;color:#b9c1c2}.entry-progress i{display:block;height:3px;background:linear-gradient(90deg,transparent,#e5c078,transparent);background-size:50% 100%;background-repeat:no-repeat;animation:entry-wait 1.4s infinite linear}@keyframes entry-wait{from{background-position:-100% 0}to{background-position:200% 0}}
@media(max-width:700px){.hud-shortcuts{gap:4px;top:12px}.hud-shortcuts button{padding:4px 7px;min-height:34px;font-size:10px}.hud-shortcuts i{font-size:16px}.panel-window .inventory-grid,.panel-window .equipment-layout{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-window #panelContent{padding:12px}.hub-surface>header{padding:14px 16px}.hub-surface h1{font-size:25px}.hub-tabs{padding:10px 16px;gap:5px}.hub-tabs button{padding:7px 10px;font-size:12px}.hub-body{padding:0 16px 16px}.hub-feedback{margin:0 16px}.premium-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.premium-product{padding:15px;min-height:260px}.premium-product h2{font-size:19px}.community-layout{grid-template-columns:1fr;gap:16px}.community-layout aside>p{display:none}.community-composer textarea{min-height:85px}.store-hero{padding:20px}.store-hero h2{font-size:25px}.store-hero p{max-width:100%}.store-hero>span{display:none}.auth-message{display:none}.auth-card{gap:15px}.auth-form{padding:24px}.hub-surface>footer{padding:8px 16px}.community-post{padding:14px}}
@media(prefers-reduced-motion:reduce){.entry-progress i{animation:none;background:#cbb277}}
.panel-window #panelContent .inventory-slot .item-art{width:54px!important;height:54px!important;min-width:54px;position:static!important;flex-shrink:0}.panel-window #panelContent .inventory-slot label{position:static;display:block;max-width:100%;margin:6px 0 0;font-size:11px}.panel-window #panelContent .inventory-slot[hidden]{display:none!important}.premium-product>.item-art{width:80px!important;height:80px!important}

.premium-benefits{padding-left:18px;margin:4px 0 8px;color:#d8d2bd;font-size:13px;line-height:1.9}.premium-product.featured p{flex:0}

.hud-shortcuts button{width:100%;min-width:0;text-align:left}.hud-shortcuts i{flex-shrink:0}@media(max-width:700px){.hud-shortcuts button{gap:4px;padding:5px;font-size:10px;line-height:1.3;overflow-wrap:anywhere}.hud-shortcuts i{font-size:15px}}

/* Modal content must remain visible after moving out of the collapsed mobile HUD. */
.panel-window #panelContent:not([hidden]){display:block}

.hud-shortcuts{width:44px!important}.hud-shortcuts button{width:44px;height:40px;min-height:40px;justify-content:center;padding:5px}.hud-shortcuts i{font-size:24px}
@media(max-width:700px){.hud-shortcuts{width:34px!important}.hud-shortcuts button{width:34px;height:34px;min-height:34px}.hud-shortcuts i{font-size:20px}}
.loot-panel{position:fixed;z-index:130;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;padding:10px;border:1px solid #b69a5d;border-radius:8px;background:#15201eee;color:#eddfbd;box-shadow:0 12px 36px #0009}.loot-panel[hidden]{display:none}.loot-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.loot-panel header button{background:none;color:#e7d4a7;border:0;font-size:22px}.loot-slots{display:grid;grid-template-columns:1fr;gap:5px}.loot-slots button{min-height:44px;background:#29302a;color:#ecd693;border:1px solid #756345;border-radius:4px;display:flex;align-items:center;gap:10px;padding:8px}.loot-slots button:disabled{opacity:.45}.loot-slots i{font-style:normal;font-size:22px;color:#f3c65b}.loot-panel>small{display:block;margin-top:8px;font-size:10px;color:#c2b8a1}