:root{color-scheme:dark;--ui-scale: 1;--ink: #30271b;--muted: #766950;--cream: #f0e2b8;--paper: rgba(239, 223, 181, .96);--paper-dark: rgba(211, 188, 137, .96);--wood: rgba(63, 42, 25, .96);--wood-light: #9a693b;--wood-dark: #2d1b11;--line: rgba(238, 211, 147, .28);--gold: #e2bc66;--green: #6f934c;--green-bright: #a8cf72;--red: #b65749;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app,#game-shell,#game-container,#hud-root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:#2d4738;color:var(--cream);user-select:none;-webkit-user-select:none;overscroll-behavior:none}button,input{font:inherit}button{color:inherit}#game-shell{position:relative;isolation:isolate;background:#304c3c}#game-container,#game-container canvas{position:absolute;inset:0;display:block;width:100%;height:100%}#game-container canvas{touch-action:none}#game-container canvas.is-panning{cursor:grabbing}#game-shell:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 46%,transparent 45%,rgba(25,35,24,.18) 78%,rgba(15,24,18,.46)),linear-gradient(to bottom,rgba(255,241,180,.06),transparent 22%,transparent 78%,rgba(20,27,19,.26))}#hud-root{position:absolute;inset:0;z-index:3;pointer-events:none}.hud{position:absolute;inset:0;pointer-events:none;font-size:calc(14px * var(--ui-scale))}.hud button,.hud input,.hud .timber-panel,.hud .parchment-panel,.hud .dialog-backdrop{pointer-events:auto}.timber-panel{position:relative;border:1px solid rgba(226,191,111,.25);background:linear-gradient(120deg,rgba(166,111,58,.12),transparent 35%),linear-gradient(180deg,#432d1bf7,#24180ff2);box-shadow:0 15px 42px #11120b8c,inset 0 1px #ffe8ae14,inset 0 -6px #140c072e;backdrop-filter:blur(9px) saturate(115%)}.timber-panel:after{content:"";position:absolute;inset:4px;border:1px solid rgba(229,194,117,.08);border-radius:inherit;pointer-events:none}.parchment-panel{border:1px solid rgba(82,61,31,.56);background:linear-gradient(135deg,rgba(255,249,215,.22),transparent 38%),linear-gradient(180deg,var(--paper),var(--paper-dark));color:var(--ink);box-shadow:0 16px 42px #14140c66,inset 0 1px #ffffeda6;backdrop-filter:blur(7px)}.eyebrow{color:var(--muted);font-size:.68em;letter-spacing:.16em;line-height:1;text-transform:uppercase}.top-command-bar{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));min-height:calc(88px * var(--ui-scale));display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,240px) minmax(420px,1.7fr) auto;align-items:stretch;border-radius:9px;overflow:hidden}.brand-lockup,.era-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border-right:1px solid var(--line);min-width:0}.brand-seal{width:50px;height:50px;flex:none;display:grid;place-items:center;border:2px solid #d3a95a;border-radius:50%;background:radial-gradient(circle,rgba(226,188,102,.22),transparent 62%),#2e2418;box-shadow:inset 0 0 0 4px #dab25e14;color:#f0d58c;font-weight:900;letter-spacing:.08em}.brand-name{margin-top:3px;color:#f2dfad;font-weight:850;font-size:1.36em;letter-spacing:.12em;white-space:nowrap}.phase-line{margin-top:3px;color:#b8a47c;font-size:.76em}.era-card img{width:48px;height:48px}.era-card span,.era-card strong,.era-card small{display:block;white-space:nowrap}.era-card span{color:#a99670;font-size:.66em;text-transform:uppercase}.era-card strong{margin-top:3px;color:#f0ddb0;font-size:1.05em}.era-card small{margin-top:3px;color:#ab9871;font-size:.65em}.resource-strip{display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));min-width:0}.resource-chip{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;padding:10px 12px;border-right:1px solid var(--line);min-width:0}.resource-chip img{width:38px;height:38px}.resource-chip span,.resource-chip strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-chip span{color:#a99670;font-size:.64em;text-transform:uppercase}.resource-chip strong{margin-top:3px;color:#f3dfac;font-size:1.08em}.command-row{display:grid;grid-template-columns:repeat(5,42px);align-content:center;gap:7px;padding:10px 12px}.command-row button{width:42px;height:42px;border:1px solid rgba(224,190,110,.2);border-radius:6px;background:#231910c7;cursor:pointer;transition:.15s ease}.command-row button:hover,.command-row button.active{border-color:#f1d387b8;background:#6f4f2ab8;transform:translateY(-1px)}.command-row img{width:23px;height:23px}.objective-card{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 102px * var(--ui-scale));left:max(12px,env(safe-area-inset-left));width:min(calc(410px * var(--ui-scale)),calc(100vw - 24px));display:grid;grid-template-columns:54px 1fr;gap:13px;align-items:center;padding:12px 15px;border-radius:7px}.objective-icon{width:48px;height:48px;display:grid;place-items:center;border:2px solid #876538;border-radius:50%;background:#7e61341f;color:#795326;font-family:Georgia,serif;font-size:1.55em;font-weight:800}.objective-card span,.objective-card strong,.objective-card small{display:block}.objective-card span{color:#8a724c;font-size:.68em;text-transform:uppercase}.objective-card strong{margin-top:3px;line-height:1.3;font-size:.94em}.objective-card small{margin-top:4px;color:#786b53;line-height:1.35;font-size:.72em}.map-card{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 102px * var(--ui-scale));right:max(12px,env(safe-area-inset-right));width:calc(274px * var(--ui-scale));padding:12px;border-radius:8px}.panel-title{display:flex;justify-content:space-between;gap:10px;padding:0 3px 8px}.panel-title span,.panel-title small{display:block}.panel-title span{color:#f0dca9;font-weight:750}.panel-title small{color:#a9956f;font-size:.68em}.map-card canvas{width:100%;height:auto;display:block;border:1px solid rgba(232,203,134,.18);border-radius:5px;background:#2d4a39}.map-legend{display:flex;gap:11px;margin-top:7px;color:#b6a27d;font-size:.63em}.map-legend span{display:inline-flex;align-items:center;gap:4px}.map-legend i{width:8px;height:8px;border-radius:50%}.map-legend .land{background:#7da05d}.map-legend .water{background:#4c9296}.map-legend .resource{background:#c04d55}.entity-info{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 340px * var(--ui-scale));right:max(12px,env(safe-area-inset-right));width:min(calc(320px * var(--ui-scale)),calc(100vw - 24px));padding:17px;border-radius:8px;opacity:0;transform:translate(24px);pointer-events:none!important;transition:.2s ease}.entity-info.visible{opacity:1;transform:translate(0);pointer-events:auto!important}.entity-info h3{margin:5px 28px 4px 0;color:#3d2c19;font-size:1.3em}.info-meta{margin-bottom:12px;color:#7c6a4d;font-size:.76em}.info-body p{margin:0 0 12px;line-height:1.5;font-size:.86em}.info-body small{color:#74674f;line-height:1.4}.info-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.info-stats div,.info-list div{border:1px solid rgba(87,66,36,.18);border-radius:5px;background:#604a2712;padding:9px}.info-stats span,.info-list span{display:block;color:#806f52;font-size:.65em;text-transform:uppercase}.info-stats strong,.info-list strong{display:block;margin-top:3px;color:#3d2d1c;font-size:.86em}.info-list{display:grid;gap:6px}.resource-meter{height:9px;margin:7px 0 10px;overflow:hidden;border:1px solid rgba(83,61,32,.24);border-radius:999px;background:#58442621}.resource-meter span{display:block;height:100%;background:linear-gradient(90deg,#758f4e,#a9c86e)}.panel-close{position:absolute;top:8px;right:9px;width:30px;height:30px;border:0;background:transparent;color:#6b5535;font-size:1.45em;cursor:pointer}.build-mode-ribbon{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 107px * var(--ui-scale));left:50%;min-width:340px;padding:10px 18px;border-radius:7px;opacity:0;transform:translate(-50%,-12px);transition:.18s ease}.build-mode-ribbon.visible{opacity:1;transform:translate(-50%)}.build-mode-ribbon.valid{border-color:#56863db8}.build-mode-ribbon.invalid{border-color:#ac473ab8}.build-mode-ribbon strong,.build-mode-ribbon span{display:block}.build-mode-ribbon strong{margin-top:3px}.build-mode-ribbon span{margin-top:2px;color:#6f6049;font-size:.76em}.build-dock{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(1480px * var(--ui-scale)),calc(100vw - 28px));min-height:calc(205px * var(--ui-scale));display:grid;grid-template-rows:auto 1fr;gap:9px;padding:11px 13px 12px;border-radius:9px}.dock-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f0d9a2}.dock-heading span,.dock-heading strong,.dock-heading small{display:block}.dock-heading span,.dock-heading small{color:#a9946d;font-size:.68em;text-transform:uppercase}.dock-heading strong{margin-top:2px;font-size:1.04em}.building-grid{min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.building-card{min-width:0;display:grid;grid-template-columns:calc(104px * var(--ui-scale)) minmax(0,1fr);grid-template-rows:1fr auto;gap:8px 10px;padding:7px;border:1px solid rgba(226,193,117,.18);border-radius:6px;background:linear-gradient(135deg,rgba(150,103,53,.18),transparent 42%),#231910b8;text-align:left;cursor:pointer;transition:.16s ease}.building-card:hover,.building-card.active{border-color:#f1d694ad;background:#5b3f22d1;transform:translateY(-2px);box-shadow:inset 0 -3px #d5a958}.building-card.unaffordable{filter:saturate(.55);opacity:.68}.building-thumb{position:relative;grid-row:1 / span 2;height:calc(132px * var(--ui-scale));overflow:hidden;border:1px solid rgba(226,197,131,.18);border-radius:5px;background:radial-gradient(circle at 50% 64%,rgba(151,171,92,.24),transparent 58%),linear-gradient(180deg,#6b895033,#211f1433)}.building-thumb:after{content:"";position:absolute;left:13%;right:13%;bottom:10%;height:18%;border-radius:50%;background:#11130c61;filter:blur(7px)}.building-thumb img{position:absolute;z-index:1;width:126%;height:126%;left:-13%;top:-18%;object-fit:contain}.building-thumb span{position:absolute;z-index:2;top:5px;left:5px;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(237,207,132,.58);border-radius:4px;background:#2a1d12e6;color:#f0dca5;font-size:.74em}.building-copy{min-width:0}.building-copy span,.building-copy strong,.building-copy p{display:block}.building-copy span{color:#a99168;font-size:.62em;text-transform:uppercase}.building-copy strong{margin-top:3px;color:#f1dca7;font-size:.98em}.building-copy p{margin:5px 0 0;color:#bba982;font-size:.72em;line-height:1.34}.building-cost{display:flex;flex-wrap:wrap;gap:8px;color:#d9c291;font-size:.72em}.building-cost span{display:inline-flex;align-items:center;gap:4px}.building-cost img{width:16px;height:16px}.zoom-readout{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:calc(max(12px,env(safe-area-inset-bottom)) + 222px * var(--ui-scale));display:flex;align-items:center;gap:9px;padding:7px 11px;border-radius:6px}.zoom-readout span{color:#837251;font-size:.62em}.control-hint{position:absolute;left:50%;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 222px * var(--ui-scale));transform:translate(-50%);display:flex;gap:13px;padding:7px 11px;border-radius:6px;color:#65583f;font-size:.7em}kbd{min-width:24px;display:inline-grid;place-items:center;margin-right:4px;padding:2px 5px;border:1px solid rgba(80,57,30,.36);border-radius:4px;background:#4f392014;color:#4a371f;font-family:inherit;font-size:.9em;font-weight:700}.dialog-backdrop{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:#1219119e;opacity:0;pointer-events:none!important;transition:.18s}.dialog-backdrop.visible{opacity:1;pointer-events:auto!important}.dialog{position:relative;width:min(720px,100%);max-height:min(720px,calc(100vh - 36px));overflow:auto;padding:24px;border-radius:9px}.dialog h2{margin:7px 0 18px}.key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.key-grid>div{display:grid;grid-template-columns:minmax(90px,.52fr) 1fr;align-items:center;gap:10px;padding:10px;border:1px solid rgba(87,65,35,.16);border-radius:5px;background:#5d47250f}.key-grid span{font-size:.82em}.setting-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 0;border-top:1px solid rgba(85,64,34,.16)}.setting-row span,.setting-row strong,.setting-row small{display:block}.setting-row small{margin-top:3px;color:#7b6d53}.hud-toast{position:absolute;left:50%;top:calc(max(10px,env(safe-area-inset-top)) + 176px * var(--ui-scale));max-width:min(560px,calc(100vw - 24px));padding:10px 16px;border-radius:999px;opacity:0;transform:translate(-50%,-12px);transition:.2s ease;text-align:center;font-weight:700;font-size:.82em}.hud-toast.visible{opacity:1;transform:translate(-50%)}@media(max-width:1380px){.top-command-bar{grid-template-columns:minmax(210px,.8fr) minmax(160px,200px) minmax(380px,1.5fr) auto}.brand-seal{display:none}.brand-lockup{padding-inline:13px}.building-copy p{display:none}.building-card{grid-template-columns:92px 1fr}.building-thumb{height:116px}}@media(max-width:1120px){.top-command-bar{grid-template-columns:minmax(190px,1fr) minmax(360px,1.5fr) auto}.era-card{display:none}.map-card{width:232px}.entity-info{top:calc(max(10px,env(safe-area-inset-top)) + 312px * var(--ui-scale))}.building-grid{grid-template-columns:repeat(5,minmax(190px,1fr));overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.building-card{min-width:190px}}@media(max-width:820px){.top-command-bar{left:7px;right:7px;top:max(7px,env(safe-area-inset-top));grid-template-columns:1fr auto;grid-template-rows:auto auto}.brand-lockup{min-height:58px}.brand-name{font-size:1.05em}.phase-line{font-size:.66em}.resource-strip{grid-column:1 / -1;grid-row:2;border-top:1px solid var(--line)}.resource-chip{grid-template-columns:29px minmax(0,1fr);padding:7px 8px}.resource-chip img{width:28px;height:28px}.resource-chip span{font-size:.56em}.resource-chip strong{font-size:.88em}.command-row{grid-column:2;grid-row:1;grid-template-columns:repeat(5,36px);gap:4px;padding:9px 7px}.command-row button{width:36px;height:36px}.command-row img{width:20px;height:20px}.objective-card{top:calc(max(7px,env(safe-area-inset-top)) + 126px);left:7px;width:min(390px,calc(100vw - 14px));grid-template-columns:40px 1fr;padding:9px 11px}.objective-icon{width:36px;height:36px;font-size:1.15em}.objective-card small,.map-card{display:none}.entity-info{top:calc(max(7px,env(safe-area-inset-top)) + 188px);right:7px;width:min(290px,calc(100vw - 14px));max-height:290px;overflow:auto}.build-mode-ribbon{top:calc(max(7px,env(safe-area-inset-top)) + 132px);min-width:0;width:min(360px,calc(100vw - 14px))}.build-dock{left:7px;right:7px;bottom:max(7px,env(safe-area-inset-bottom));width:auto;min-height:176px;transform:none;padding:8px}.dock-heading small{display:none}.building-grid{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.building-card{flex:0 0 225px;min-width:225px;grid-template-columns:82px 1fr;scroll-snap-align:start}.building-thumb{height:104px}.building-copy p{display:none}.zoom-readout{left:7px;bottom:calc(max(7px,env(safe-area-inset-bottom)) + 190px)}.control-hint{display:none}.hud-toast{top:calc(max(7px,env(safe-area-inset-top)) + 188px)}}@media(max-width:520px){.brand-lockup .eyebrow{display:none}.brand-lockup{padding:8px 10px}.brand-name{font-size:.92em;letter-spacing:.08em}.phase-line{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-row{grid-template-columns:repeat(5,33px)}.command-row button{width:33px;height:33px}.resource-chip{grid-template-columns:24px 1fr;gap:5px}.resource-chip img{width:23px;height:23px}.resource-chip span{display:none}.resource-chip strong{font-size:.78em}.objective-card strong{font-size:.8em}.entity-info{top:calc(max(7px,env(safe-area-inset-top)) + 178px);width:calc(100vw - 14px)}.build-dock{min-height:166px}.dock-heading{font-size:.88em}.building-card{flex-basis:208px;min-width:208px;grid-template-columns:76px 1fr}.building-thumb{height:94px}.building-cost{font-size:.66em}.zoom-readout{bottom:calc(max(7px,env(safe-area-inset-bottom)) + 178px)}.key-grid{grid-template-columns:1fr}}.dialog-backdrop:not(.visible),.dialog-backdrop:not(.visible) *,.entity-info:not(.visible),.entity-info:not(.visible) *,.build-mode-ribbon:not(.visible),.build-mode-ribbon:not(.visible) *{pointer-events:none!important}:root{--bronze: #b98545;--bronze-bright: #f0cf84;--deep-wood: #24160e;--forest-shadow: rgba(16, 30, 20, .72);--panel-glow: rgba(255, 226, 155, .08)}#game-shell:before{background:radial-gradient(circle at 34% 13%,rgba(255,238,178,.13),transparent 31%),radial-gradient(circle at 50% 46%,transparent 38%,rgba(17,30,21,.14) 68%,rgba(9,18,13,.52) 100%),linear-gradient(to bottom,rgba(255,244,201,.04),transparent 20%,transparent 74%,rgba(8,18,12,.3));mix-blend-mode:soft-light}#game-shell:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.24;background:repeating-linear-gradient(111deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),repeating-linear-gradient(27deg,rgba(11,30,18,.014) 0 1px,transparent 1px 7px),radial-gradient(ellipse at 18% 4%,rgba(255,231,166,.09),transparent 42%);filter:contrast(108%) saturate(108%)}.timber-panel{border:1px solid rgba(238,201,121,.34);background:linear-gradient(105deg,rgba(255,223,157,.065),transparent 28%,rgba(10,7,4,.13) 75%),repeating-linear-gradient(0deg,rgba(255,220,143,.017) 0 1px,transparent 1px 5px),repeating-linear-gradient(92deg,rgba(105,65,31,.13) 0 2px,transparent 2px 29px),linear-gradient(180deg,#4a301bfb,#20140cf9);box-shadow:0 22px 52px #070c0894,0 3px 10px #04070570,inset 0 1px #ffefbf1f,inset 0 -8px 18px #0d070447;backdrop-filter:blur(13px) saturate(122%)}.timber-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.38;background:radial-gradient(ellipse at 20% 35%,transparent 0 11%,rgba(242,196,105,.045) 12%,transparent 17%),radial-gradient(ellipse at 74% 66%,transparent 0 12%,rgba(26,14,8,.18) 13%,transparent 18%),repeating-radial-gradient(ellipse at 50% 110%,transparent 0 18px,rgba(255,230,165,.018) 19px,transparent 22px)}.timber-panel:after{inset:5px;border:1px solid rgba(244,210,131,.12);box-shadow:inset 0 0 0 1px #1f11096b,inset 0 0 22px #f0bb5b09}.parchment-panel{border:1px solid rgba(92,64,29,.68);background:radial-gradient(circle at 17% 20%,rgba(255,255,230,.34),transparent 28%),radial-gradient(circle at 85% 78%,rgba(129,89,39,.08),transparent 34%),repeating-linear-gradient(7deg,rgba(94,66,35,.018) 0 1px,transparent 1px 4px),linear-gradient(180deg,#f6e8bffb,#d5bb84fb);box-shadow:0 18px 48px #0d130c73,0 3px 8px #0f110a4d,inset 0 1px #ffffedc7,inset 0 0 28px #734d2112}.parchment-panel:before{content:"";position:absolute;inset:4px;border:1px solid rgba(110,76,35,.16);border-radius:inherit;pointer-events:none}.top-command-bar{border-radius:11px;border-bottom:2px solid rgba(184,128,59,.5);overflow:hidden}.brand-seal{border-color:#d9ad5c;background:radial-gradient(circle at 35% 30%,rgba(255,226,149,.2),transparent 35%),radial-gradient(circle,rgba(184,126,53,.18),transparent 64%),#24180f;box-shadow:inset 0 0 0 4px #e1b55b17,0 2px 8px #00000073,0 0 18px #d9ad5c14}.brand-name{text-shadow:0 2px 0 rgba(30,18,9,.8),0 0 18px rgba(240,203,122,.08)}.resource-chip{position:relative;background:linear-gradient(180deg,#ffe5a805,#0a060314);transition:background .18s ease}.resource-chip:hover{background:linear-gradient(180deg,#ffe5a80e,#0a06031a)}.resource-chip img{filter:drop-shadow(0 3px 2px rgba(0,0,0,.42)) drop-shadow(0 0 8px rgba(232,190,104,.06))}.command-row button{border-color:#e5bf6b47;background:radial-gradient(circle at 35% 25%,rgba(255,228,164,.08),transparent 40%),linear-gradient(180deg,#312012eb,#180f09f0);box-shadow:inset 0 1px #ffe29e12,0 3px 7px #0000003d}.command-row button:hover,.command-row button.active{border-color:#f6d88fd1;background:radial-gradient(circle at 40% 25%,rgba(255,232,174,.16),transparent 45%),linear-gradient(180deg,#795227e0,#442a14eb);box-shadow:inset 0 -3px #dda84db8,0 5px 12px #00000047,0 0 14px #e6b95b14}.objective-card{border-radius:10px;overflow:hidden}.objective-card:after{content:"";position:absolute;inset:auto -10% -32% 24%;height:72%;background:radial-gradient(ellipse,rgba(125,92,44,.08),transparent 70%);transform:rotate(-7deg);pointer-events:none}.objective-icon{box-shadow:inset 0 0 0 3px #7d582614,0 3px 8px #4c361b26}.map-card{border-radius:10px}.map-card canvas{border-color:#efcd804d;box-shadow:inset 0 0 22px #0b191059,0 3px 9px #0003}.entity-info{border-radius:10px}.info-stats div,.info-list div{background:linear-gradient(135deg,rgba(255,250,221,.18),transparent 46%),#604a2713;box-shadow:inset 0 1px #ffffe833}.resource-meter{height:11px;box-shadow:inset 0 2px 4px #3021122e}.resource-meter span{background:linear-gradient(180deg,rgba(255,255,216,.2),transparent 50%),linear-gradient(90deg,#577c3b,#99bc62,#bed87b);box-shadow:0 0 10px #79a44833}.build-mode-ribbon{border-radius:10px;box-shadow:0 12px 36px #11140c59,inset 0 1px #ffffe666}.build-dock{border-radius:12px;border-top:2px solid rgba(198,143,67,.42);padding:12px 14px 14px}.dock-heading{padding:0 3px 2px;text-shadow:0 1px 0 rgba(0,0,0,.7)}.building-grid{gap:11px;scrollbar-color:rgba(194,145,72,.65) rgba(35,22,12,.55);scrollbar-width:thin}.building-grid::-webkit-scrollbar{height:8px}.building-grid::-webkit-scrollbar-track{border-radius:99px;background:#160e089e}.building-grid::-webkit-scrollbar-thumb{border:1px solid rgba(245,209,132,.18);border-radius:99px;background:linear-gradient(90deg,#7f542b,#c28a43,#7f542b)}.building-card{position:relative;overflow:hidden;border-color:#e6c3753d;background:radial-gradient(circle at 14% 18%,rgba(244,209,137,.09),transparent 30%),linear-gradient(132deg,rgba(149,98,46,.2),transparent 47%),linear-gradient(180deg,#332214eb,#1c120bf0);box-shadow:inset 0 1px #ffe29e0f,inset 0 -7px 16px #0c07042e,0 4px 10px #00000029}.building-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;background:repeating-linear-gradient(93deg,transparent 0 22px,rgba(255,230,170,.018) 23px,transparent 25px)}.building-card:hover,.building-card.active{border-color:#f9dc97e0;background:radial-gradient(circle at 18% 20%,rgba(255,225,146,.13),transparent 34%),linear-gradient(135deg,rgba(160,106,49,.32),transparent 46%),linear-gradient(180deg,#53371df0,#2c1b0ff5);box-shadow:inset 0 -3px #e1b35e,inset 0 1px #ffeeb917,0 10px 24px #0a07044d,0 0 18px #e4b15412}.building-thumb{border-color:#eac87f47;background:radial-gradient(ellipse at 50% 72%,rgba(131,166,86,.42),transparent 45%),linear-gradient(180deg,#7b9b5b57,#25341b52),repeating-linear-gradient(45deg,rgba(255,255,255,.014) 0 1px,transparent 1px 5px);box-shadow:inset 0 0 22px #0b150a47,inset 0 1px #fff5c414}.building-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,244,196,.08),transparent 33%),radial-gradient(ellipse at 50% 96%,rgba(21,34,16,.26),transparent 58%);z-index:1;pointer-events:none}.building-thumb:after{background:#0c11097a;filter:blur(9px)}.building-thumb img{z-index:2;width:132%;height:132%;left:-16%;top:-21%;filter:drop-shadow(0 7px 5px rgba(12,17,9,.42)) drop-shadow(-1px -1px 0 rgba(255,235,174,.08)) saturate(1.08) contrast(1.04);transition:transform .22s ease,filter .22s ease}.building-card:hover .building-thumb img,.building-card.active .building-thumb img{transform:translateY(-2px) scale(1.035);filter:drop-shadow(0 9px 7px rgba(8,12,7,.48)) saturate(1.12) contrast(1.06)}.building-thumb span{z-index:4;border-color:#f7d589b8;background:radial-gradient(circle at 35% 25%,rgba(255,228,165,.1),transparent 42%),#23160df0;box-shadow:0 2px 7px #00000057}.building-copy strong{text-shadow:0 1px 0 rgba(0,0,0,.78)}.zoom-readout,.control-hint{box-shadow:0 10px 28px #0d120b45,inset 0 1px #ffffe861}.hud-toast{border:1px solid rgba(233,199,123,.34);background:radial-gradient(circle at 50% 0,rgba(255,223,152,.08),transparent 60%),linear-gradient(180deg,#452e1af5,#1f140cf5);color:#f1dba5;box-shadow:0 15px 40px #070b0773,inset 0 1px #ffe6ad14}.dialog-backdrop{background:radial-gradient(circle at 50% 45%,rgba(65,76,47,.28),transparent 42%),#0c140eb8;backdrop-filter:blur(7px) saturate(85%)}@media(max-width:820px){#game-shell:after{opacity:.15}.build-dock{box-shadow:0 -10px 32px #070c0861,inset 0 1px #ffe7ae12}.building-card{flex-basis:236px;min-width:236px}}