:root{--bg-obsidian: #080c12;--bg-panel: rgba(13, 19, 28, .94);--bg-card: rgba(20, 29, 42, .92);--gold-primary: #d4af37;--gold-bright: #fde047;--gold-deep: #926b16;--text-parchment: #f4ebd9;--text-muted: #94a3b8;--border-gold: rgba(212, 175, 55, .42);--border-gold-strong: rgba(250, 204, 21, .78)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background-color:var(--bg-obsidian);color:var(--text-parchment);min-height:100vh;font-variant-numeric:tabular-nums}body:has(dialog[open]){overflow:hidden}h1,h2,h3,.brand-logo,.settlement-title,.modal-title,.panel-heading,.panel-subheading,.civ-title{font-family:Cinzel,Georgia,serif;letter-spacing:.03em}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#080c12cc}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37,#785513);border-radius:4px}dialog:modal{overscroll-behavior:contain;background:linear-gradient(180deg,#111926fa,#0a0f17fc);color:var(--text-parchment);border:2px solid var(--gold-primary);border-radius:14px;width:min(920px,95vw);max-height:88vh;margin:auto;padding:0;box-shadow:inset 0 0 0 1px #fef08a38,0 28px 70px #000000eb}dialog::backdrop{overflow:hidden;overscroll-behavior:contain;background-color:#04070cc7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-inner{display:flex;flex-direction:column;max-height:88vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.35rem;background:linear-gradient(90deg,#d4af3729,#0f172a66);border-bottom:1px solid var(--border-gold)}.modal-body{padding:1.35rem;overflow-y:auto}.modal-close-btn{background:#0f172ad9;border:1px solid var(--gold-primary);color:var(--gold-bright);width:36px;height:36px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .15s ease}.modal-close-btn:hover{background:#d4af3740;transform:scale(1.05)}.auth-screen,.setup-screen,.screen-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(180deg,#060a1094,#060a10e0),url(/assets/hero_citadel_bg.jpg) center center / cover no-repeat fixed}.auth-card{width:min(460px,100%);background:linear-gradient(180deg,#0e151ff0,#090d14f7);border:2px solid var(--gold-primary);border-radius:16px;padding:2.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #fef08a40,0 25px 65px #000000e0}.lang-bar{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1.35rem}.lang-pill{background:#0f172abf;border:1px solid rgba(212,175,55,.3);color:var(--text-parchment);padding:.35rem .65rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.lang-pill.active,.lang-pill:hover{border-color:var(--gold-bright);background:#d4af373d;color:var(--gold-bright)}.brand-logo{text-align:center;background:linear-gradient(180deg,#fef08a,#eab308 55%,#a16207);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.05rem;font-weight:800;letter-spacing:.08em;filter:drop-shadow(0 3px 8px rgba(0,0,0,.85))}.brand-subtitle{text-align:center;color:#cbd5e1;font-size:.92rem;margin:.45rem 0 1.45rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.field-label{display:flex;flex-direction:column;gap:.35rem;font-size:.84rem;font-weight:600;color:var(--gold-bright)}.text-input,.hud-select,.qty-input{background:#070b11e6;border:1px solid var(--border-gold);color:var(--text-parchment);padding:.65rem .85rem;border-radius:8px;font-size:.92rem;box-shadow:inset 0 2px 5px #0009}.text-input:focus,.hud-select:focus,.qty-input:focus{outline:none;border-color:var(--gold-bright);box-shadow:0 0 0 2px #facc1540}.gold-btn{background:linear-gradient(180deg,#fde047,#d4af37 45%,#9a6f18);color:#090d14;font-family:Cinzel,Georgia,serif;font-weight:800;letter-spacing:.03em;border:1px solid #fef08a;padding:.7rem 1.15rem;border-radius:8px;cursor:pointer;min-height:44px;box-shadow:inset 0 1px #ffffff8c,0 4px 14px #0000008c;transition:transform .12s ease,filter .12s ease}.gold-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.gold-btn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.35)}.full-width{width:100%}.link-btn{margin-top:1.1rem;width:100%;background:transparent;border:none;color:var(--gold-bright);cursor:pointer;font-size:.86rem;text-decoration:underline}.error-alert,.floating-error{background:linear-gradient(90deg,#991b1bf2,#7f1d1df2);border:1px solid #fca5a5;color:#fff;padding:.65rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.88rem;box-shadow:0 8px 24px #000000a6}.floating-error{position:fixed;top:76px;left:50%;transform:translate(-50%);z-index:60}.setup-container{width:min(1220px,100%);background:linear-gradient(180deg,#0d131cf0,#080c12f7);border:2px solid var(--gold-primary);border-radius:16px;padding:1.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #fef08a33,0 24px 64px #000000e0}.civ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:.9rem;margin-bottom:1.35rem}.civ-card{background:linear-gradient(180deg,#182334eb,#0e1520f2);border:2px solid var(--border-gold);border-radius:12px;padding:1rem;cursor:pointer;transition:all .18s ease;box-shadow:0 6px 18px #00000073}.civ-card:hover{transform:translateY(-2px);border-color:var(--gold-primary)}.civ-card.selected{background:linear-gradient(180deg,#d4af3738,#141e2cf5);transform:translateY(-3px);box-shadow:0 0 22px #facc1547,inset 0 0 0 1px #fef08a66}.civ-card-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.55rem}.civ-title{font-size:1.02rem;color:var(--gold-bright)}.civ-unit-tag{font-size:.76rem;color:#cbd5e1}.civ-desc{font-size:.8rem;line-height:1.45;color:var(--text-parchment);margin-bottom:.55rem}.civ-tech-row{font-size:.76rem;font-weight:600;color:var(--gold-primary)}.setup-form-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem;align-items:end;border-top:1px solid var(--border-gold);padding-top:1.15rem}.game-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-hud{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1.1rem;background:linear-gradient(180deg,#16202e,#0b1119);border-bottom:2px solid var(--gold-primary);box-shadow:0 6px 24px #000000bf;z-index:20;flex-wrap:wrap}.hud-realm-badge{display:flex;align-items:center;gap:.7rem}.settlement-title{font-size:1.08rem;font-weight:800;color:var(--gold-bright);text-shadow:0 2px 4px rgba(0,0,0,.8)}.coords-tag{font-family:Inter,sans-serif;font-size:.76rem;color:#94a3b8}.epoch-subtitle{font-size:.75rem;font-weight:600;color:var(--gold-primary)}.resource-strip{display:flex;flex-wrap:wrap;gap:.5rem}.res-pill{display:flex;align-items:center;gap:.48rem;background:linear-gradient(180deg,#0a0f18eb,#06090ff5);border:1px solid rgba(212,175,55,.38);border-radius:9px;padding:.32rem .68rem;box-shadow:inset 0 1px 3px #000000bf;min-width:112px}.res-numbers{display:flex;flex-direction:column;line-height:1.15;flex:1}.res-val{font-weight:700;font-size:.86rem;color:#f8fafc}.res-cap{color:#64748b;font-weight:500;font-size:.72rem}.res-rate{font-size:.69rem;font-weight:600}.res-rate.pos{color:#4ade80}.res-rate.neg{color:#f87171}.res-bar-track{width:100%;height:3px;background:#ffffff14;border-radius:2px;margin-top:2px;overflow:hidden}.res-bar-fill{height:100%;background:linear-gradient(90deg,#eab308,#fde047)}.hud-right-controls{display:flex;align-items:center;gap:.5rem}.pop-chip{background:#0a0f18e0;border:1px solid var(--border-gold);padding:.38rem .68rem;border-radius:8px;font-size:.8rem;font-weight:600}.hud-btn{background:linear-gradient(180deg,#1e293be6,#0f172af2);border:1px solid var(--border-gold);color:var(--text-parchment);padding:.45rem .75rem;border-radius:8px;font-weight:600;cursor:pointer}.hud-btn:hover{border-color:var(--gold-bright);color:var(--gold-bright)}.main-stage{flex:1;display:grid;grid-template-columns:1fr 410px;overflow:hidden}.iso-viewport{position:relative;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none;background:#08100e}.iso-canvas{width:100%;height:100%;display:block;cursor:grab}.iso-canvas:active{cursor:grabbing}.iso-camera-controls{position:absolute;bottom:16px;left:16px;display:flex;gap:.4rem;background:#090d14db;border:1px solid var(--border-gold);padding:.35rem;border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 24px #000000a6}.cam-btn{background:#182332e6;border:1px solid rgba(212,175,55,.3);color:var(--text-parchment);width:36px;height:36px;border-radius:7px;cursor:pointer;font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.cam-btn.active,.cam-btn:hover{border-color:var(--gold-bright);background:#d4af3742;color:var(--gold-bright)}.floating-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.floating-gain{position:absolute;font-family:Cinzel,serif;font-weight:800;font-size:1.05rem;text-shadow:0 2px 8px #000;animation:floatUp 1.1s ease-out forwards}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(.95)}to{opacity:0;transform:translateY(-42px) scale(1.08)}}.command-sidebar{background:linear-gradient(180deg,#121b28,#0a0f17);border-left:2px solid var(--gold-primary);padding:.9rem;overflow-y:auto;display:flex;flex-direction:column;gap:.85rem;box-shadow:-8px 0 28px #000000a6}.panel-card{background:linear-gradient(180deg,#162030eb,#0e1520f2);border:1px solid var(--border-gold);border-radius:11px;padding:.9rem;box-shadow:inset 0 0 0 1px #fef08a14,0 6px 18px #00000073}.panel-heading{font-size:1.05rem;color:var(--gold-bright);margin-bottom:.35rem}.panel-subheading{font-size:.92rem;color:var(--gold-primary);margin-bottom:.55rem}.panel-desc{font-size:.8rem;color:#cbd5e1;line-height:1.45}.lvl-badge{background:#d4af3738;border:1px solid rgba(250,204,21,.45);color:var(--gold-bright);padding:.14rem .48rem;border-radius:6px;font-family:Inter,sans-serif;font-size:.74rem;font-weight:700}.bonus-tag{color:#4ade80;font-weight:700;font-size:.78rem}.settler-box,.upgrade-box{margin-top:.75rem;padding-top:.65rem;border-top:1px solid rgba(212,175,55,.18)}.settler-btn-row{display:flex;gap:.5rem;margin-top:.45rem;align-items:center}.mini-btn{background:linear-gradient(180deg,#d4af3747,#926b1640);border:1px solid var(--gold-primary);color:var(--text-parchment);padding:.36rem .68rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .14s ease}.mini-btn:hover:not(:disabled){background:#d4af376b;border-color:var(--gold-bright)}.mini-btn:disabled{opacity:.38;cursor:not-allowed}.cost-row{display:flex;flex-wrap:wrap;gap:.55rem;font-size:.79rem;font-weight:600;margin:.55rem 0;color:#e2e8f0}.build-catalog{display:flex;flex-direction:column;gap:.65rem;max-height:320px;overflow-y:auto;margin-top:.55rem;padding-right:.25rem}.build-option-card,.world-node-card{background:linear-gradient(180deg,#0c121ce0,#080c14f0);border:1px solid rgba(212,175,55,.32);border-radius:9px;padding:.75rem;box-shadow:0 4px 12px #0006}.build-option-top,.world-node-header,.stamina-header,.tool-row,.queue-item-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.build-option-desc,.world-node-meta{font-size:.76rem;color:#94a3b8;margin:.32rem 0}.compact-btn{padding:.44rem .75rem;min-height:36px;font-size:.8rem;width:100%}.gather-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:.48rem;margin-bottom:.68rem}.gather-action-btn{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#1644288c,#0d2a19bf);border:1px solid var(--border-gold);color:var(--text-parchment);padding:.5rem .7rem;border-radius:8px;cursor:pointer;min-height:44px;transition:all .14s ease}.gather-action-btn:hover:not(:disabled){border-color:var(--gold-bright);background:#1e5631b3}.tools-strip{display:flex;flex-direction:column;gap:.42rem}.queue-item-row{padding:.45rem 0;border-bottom:1px solid rgba(212,175,55,.12);font-size:.8rem}.timer-text{color:var(--gold-bright);font-weight:700}.hero-sheet{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.hero-portrait-banner{display:flex;align-items:center;gap:1rem;margin-bottom:.85rem;padding:.75rem;background:#090d14bf;border:1px solid var(--border-gold);border-radius:10px}.hero-portrait-img{width:84px;height:84px;border-radius:10px;border:2px solid var(--gold-primary);object-fit:cover;box-shadow:0 6px 18px #000000bf}.bottom-dock{display:flex;justify-content:center;gap:.55rem;padding:.55rem 1rem;background:linear-gradient(180deg,#141e2c,#090d14);border-top:2px solid var(--gold-primary);box-shadow:0 -6px 24px #000c;z-index:20;flex-wrap:wrap}.dock-btn{position:relative;background:linear-gradient(180deg,#1a2638eb,#0e1520f5);border:1px solid var(--border-gold);color:var(--text-parchment);font-family:Cinzel,Georgia,serif;padding:.55rem .95rem;border-radius:9px;font-weight:700;font-size:.84rem;cursor:pointer;min-height:44px;transition:all .15s ease}.dock-btn:hover{border-color:var(--gold-bright);transform:translateY(-1px)}.dock-btn.active{background:linear-gradient(180deg,#d4af3757,#78530f61);border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 0 16px #facc1540}.dock-btn-highlight{border-color:var(--gold-bright);background:linear-gradient(180deg,#eab30847,#92400e73);box-shadow:0 0 14px #facc1538}.notif-badge{background:#ef4444;color:#fff;border-radius:999px;padding:.1rem .42rem;font-family:Inter,sans-serif;font-size:.72rem;margin-left:.35rem}.modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem}.game-layout{height:100vh;height:100dvh}.main-stage.full-stage{grid-template-columns:1fr}.three-labels-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:6}.three-building-tag{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;background:#090d16e0;border:1.5px solid var(--gold-primary);color:var(--text-parchment);padding:.22rem .52rem;border-radius:7px;font-size:.72rem;font-weight:700;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;box-shadow:0 4px 12px #000000bf;transition:transform .12s ease,background .12s ease}.three-building-tag:hover,.three-building-tag.selected{background:#d4af3752;border-color:var(--gold-bright);color:#fff;transform:translate(-50%,-106%) scale(1.06);z-index:10}.three-building-tag.gather-portal-tag{background:linear-gradient(180deg,#14532df0,#0a2616f5);font-size:.76rem;padding:.32rem .68rem;box-shadow:0 0 18px #4ade8059}.three-lvl-chip{background:#facc153d;color:var(--gold-bright);padding:.05rem .32rem;border-radius:4px;font-size:.68rem}.villager-humor-banner{position:absolute;top:12px;left:12px;right:12px;max-width:780px;margin:0 auto;z-index:12;display:flex;align-items:center;gap:.75rem;background:linear-gradient(90deg,#0c131ef0,#141e2eeb);border:1.5px solid var(--gold-primary);border-radius:12px;padding:.45rem .75rem;box-shadow:0 10px 28px #000000bf;cursor:pointer}.villager-humor-avatar{width:44px;height:44px;aspect-ratio:1 / 1;border-radius:8px;border:1.5px solid var(--gold-bright);object-fit:cover;flex-shrink:0}.villager-humor-text{flex:1;font-size:clamp(.76rem,.68rem + .3vw,.88rem);color:var(--text-parchment);line-height:1.35}.villager-humor-text strong{color:var(--gold-bright)}.villager-mine-cta{padding:.4rem .75rem;min-height:36px;font-size:.76rem;white-space:nowrap}.sidebar-3d-banner{width:100%;aspect-ratio:16 / 9;max-height:128px;object-fit:cover;border-radius:8px;border:1px solid var(--border-gold);margin-bottom:.65rem}.modal-3d-hero-banner{width:100%;aspect-ratio:16 / 9;max-height:190px;object-fit:cover;border-radius:10px;border:1.5px solid var(--gold-primary);margin-bottom:.9rem;box-shadow:0 8px 24px #000000a6}.mine-portal-promo{position:relative;border-radius:10px;overflow:hidden;border:2px solid var(--gold-bright);cursor:pointer;box-shadow:0 6px 20px #0009;transition:transform .15s ease}.mine-portal-promo:hover{transform:translateY(-2px)}.mine-portal-thumb{width:100%;aspect-ratio:16 / 9;max-height:115px;object-fit:cover;display:block}.mine-portal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#060a1240,#060a12eb);display:flex;flex-direction:column;justify-content:flex-end;padding:.6rem .75rem}.mine-portal-overlay strong{color:var(--gold-bright);font-family:Cinzel,Georgia,serif;font-size:.86rem}.mine-portal-overlay span{font-size:.74rem;color:#e2e8f0}.gather-scene-wrapper{display:flex;flex-direction:column;width:100%;height:100%;background:#070b12;overflow:hidden}@keyframes sceneShake{0%,to{transform:translate(0)}25%{transform:translate(-6px,4px)}50%{transform:translate(6px,-4px)}75%{transform:translate(-4px,-3px)}}.shake-anim{animation:sceneShake .22s ease-in-out}.gather-scene-topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem;padding:.55rem 1rem;background:linear-gradient(180deg,#141f30,#0b111b);border-bottom:1.5px solid var(--border-gold);z-index:10}.gather-zone-tabs{display:flex;flex-wrap:wrap;gap:.45rem}.gather-zone-tab{background:#0f172ad9;border:1px solid var(--border-gold);color:var(--text-parchment);padding:.45rem .85rem;border-radius:8px;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .14s ease}.gather-zone-tab.active,.gather-zone-tab:hover{background:linear-gradient(180deg,#d4af3759,#78530f6b);border-color:var(--gold-bright);color:var(--gold-bright)}.gather-stamina-controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.gather-stamina-pill{display:flex;align-items:center;gap:.45rem;background:#090d16e6;border:1px solid var(--border-gold);padding:.35rem .75rem;border-radius:8px;font-size:.8rem}.gather-stamina-bar{width:76px;height:7px;background:#ffffff1f;border-radius:4px;overflow:hidden}.gather-stamina-fill{height:100%;background:linear-gradient(90deg,#22c55e,#fde047)}.gather-beer-btn{padding:.4rem .8rem;min-height:36px;font-size:.78rem}.gather-canvas-stage{position:relative;flex:1;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.gather-interactive-canvas{width:100%;height:100%;display:block;cursor:crosshair;touch-action:manipulation}.gather-floating-hud{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;pointer-events:none}.gather-combo-badge,.gather-session-loot{background:#090d16e0;border:1.5px solid var(--gold-primary);padding:.4rem .8rem;border-radius:9px;display:flex;align-items:center;gap:.65rem;font-size:.82rem;box-shadow:0 6px 20px #000000b3}.gather-foreman-bar{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;background:linear-gradient(90deg,#0a0f18f0,#121b2af0);border:2px solid var(--gold-primary);border-radius:12px;padding:.65rem 1rem;box-shadow:0 12px 32px #000000d9}.gather-foreman-speech{flex:1;min-width:240px}.foreman-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.22rem;color:var(--gold-bright);font-size:.86rem}.foreman-quote{font-size:clamp(.78rem,.7rem + .25vw,.9rem);color:#f8fafc;font-style:italic}.gather-tool-upgrade-card{display:flex;align-items:center;gap:.75rem;background:#0f172ad9;border:1px solid var(--border-gold);padding:.45rem .75rem;border-radius:9px}.world-map-fullscreen{display:flex;flex-direction:column;width:100%;height:100%;background:#08120e;overflow:hidden}.world-map-topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.5rem .9rem;background:linear-gradient(180deg,#131e2e,#0a1019);border-bottom:1.5px solid var(--border-gold);z-index:10}.world-filter-pills,.world-quick-actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.world-canvas-container{position:relative;flex:1;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.world-map-canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.world-map-canvas:active{cursor:grabbing}.world-minimap-box{position:absolute;top:12px;right:12px;background:#090e16eb;border:2px solid var(--gold-primary);border-radius:11px;padding:.45rem;box-shadow:0 10px 28px #000c;z-index:12}.minimap-header{display:flex;justify-content:space-between;font-size:.7rem;font-weight:700;color:var(--gold-bright);margin-bottom:.3rem}.world-minimap-canvas{display:block;border:1px solid rgba(212,175,55,.4);border-radius:6px;cursor:pointer}.minimap-zoom-row{display:flex;justify-content:space-between;gap:.3rem;margin-top:.35rem}.world-active-marches-overlay{position:absolute;top:12px;left:12px;width:min(340px,90vw);background:#090e16eb;border:1.5px solid var(--gold-primary);border-radius:10px;padding:.65rem .85rem;box-shadow:0 8px 24px #000000bf;z-index:12}.world-selected-node-card{position:absolute;bottom:14px;left:14px;width:min(380px,calc(100vw - 28px));background:linear-gradient(180deg,#0f1724f7,#090d15fc);border:2px solid var(--gold-bright);border-radius:14px;overflow:hidden;box-shadow:0 16px 42px #000000e6;z-index:16}.world-node-banner-img{width:100%;aspect-ratio:16 / 9;max-height:135px;object-fit:cover;border-bottom:1px solid var(--border-gold)}.world-selected-node-body{padding:.85rem 1rem}.world-army-drawer{position:absolute;top:12px;bottom:12px;left:12px;width:min(420px,calc(100vw - 24px));background:linear-gradient(180deg,#0e1521fa,#080c14fc);border:2px solid var(--gold-primary);border-radius:14px;padding:1rem;overflow-y:auto;box-shadow:0 20px 50px #000000eb;z-index:20}.march-units-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.unit-input-chip{display:flex;flex-direction:column;gap:.2rem;font-size:.74rem;background:#0f172ab3;border:1px solid rgba(212,175,55,.25);padding:.35rem .5rem;border-radius:7px}.mobile-drawer-toggle-btn{display:none}@media(max-width:920px){.top-hud{padding:.35rem .65rem;gap:.4rem}.resource-strip{overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:2px}.res-pill{min-width:94px;padding:.24rem .48rem}.main-stage{position:relative;grid-template-columns:1fr;grid-template-rows:1fr}.mobile-drawer-toggle-btn{display:inline-flex;align-items:center;justify-content:center;position:absolute;bottom:14px;right:14px;z-index:18;padding:.5rem .9rem;font-size:.8rem;box-shadow:0 8px 24px #000000d9}.command-sidebar{position:absolute;left:0;right:0;bottom:0;max-height:62dvh;z-index:25;border-left:none;border-top:2px solid var(--gold-bright);border-radius:16px 16px 0 0;transform:translateY(105%);transition:transform .24s cubic-bezier(.22,1,.36,1)}.command-sidebar.open{transform:translateY(0)}.bottom-dock{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:.4rem .6rem;gap:.4rem}.dock-btn{flex-shrink:0;padding:.45rem .75rem;font-size:.76rem}.villager-humor-banner{top:8px;left:8px;right:8px;padding:.35rem .55rem}.villager-mine-cta{display:none}.world-minimap-box{width:118px;padding:.3rem}.world-minimap-canvas{width:106px;height:106px}}.pop-chip,.hud-btn,.dock-btn,.gather-zone-tab,.gather-beer-btn,.villager-mine-cta,.cost-row>span,.gather-session-loot>strong{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.modal-close-btn{display:inline-flex;align-items:center;justify-content:center}.world-selected-node-card{max-height:calc(100% - 28px);overflow-y:auto}