:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--bg:#090806;--bg-deep:#050403;--surface:#15120e;--surface-raised:#1c1711;--surface-soft:#100e0b;--border:#3c3020;--border-soft:#282017;--gold:#f5a623;--gold-bright:#ffd274;--gold-deep:#8c5715;--parchment:#eadfcf;--muted:#917f68;--muted-dark:#665744;--blue:#6aa8ff;--green:#53d98a;--red:#ef5b5b;--orange:#f9733f;--shadow:0 20px 65px #00000061;--display:Georgia, "Times New Roman", serif;--body:Georgia, "Times New Roman", serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100vh;color:var(--parchment);background:radial-gradient(circle at 50% -15%, #93591129, transparent 38rem), linear-gradient(#ffffff04 1px, transparent 1px), linear-gradient(90deg, #ffffff03 1px, transparent 1px), var(--bg-deep);background-size:auto,32px 32px,32px 32px,auto;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}button:disabled{cursor:not-allowed}.app-shell{background:radial-gradient(circle at 20% 0, #f5a62312, transparent 28rem), linear-gradient(180deg, #0c0a08, var(--bg) 22rem);width:min(100%,1280px);min-height:100vh;margin:0 auto;position:relative}.app-header{border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#090806f0;grid-template-columns:1fr auto;gap:12px;min-height:112px;padding:18px 18px 12px;display:grid;position:sticky;top:0}.brand-block{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{width:38px;height:38px;color:var(--gold);clip-path:polygon(50% 0,92% 20%,86% 78%,50% 100%,14% 78%,8% 20%);background:linear-gradient(145deg,#241a0d,#120e08);border:1px solid #76501e;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 18px #f5a62314}.brand-block h1,.brand-block p{margin:0}.brand-block h1{font:700 clamp(1.15rem, 4.5vw, 1.55rem)/1 var(--display);letter-spacing:.055em;color:var(--gold-bright);text-transform:uppercase}.brand-block p{color:var(--muted);margin-top:5px;font-size:.82rem}.brand-block p span{color:var(--muted-dark);margin-left:6px}.resource-rail{align-items:center;gap:6px;display:flex}.resource-chip{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:5px;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:0 6px;min-width:76px;padding:7px 9px;display:grid}.resource-chip strong{font:700 .82rem/1 var(--mono);color:var(--parchment)}.resource-chip span{text-align:center;color:var(--muted-dark);grid-column:1/-1;margin-top:4px;font-size:.65rem}.resource-chip.gold svg{color:var(--gold)}.resource-chip.research svg{color:var(--blue)}.header-progress{background:#050403;border-radius:10px;grid-column:1/-1;height:3px;overflow:hidden}.header-progress div{background:linear-gradient(90deg, var(--gold-deep), var(--gold-bright));height:100%;transition:width .5s;box-shadow:0 0 10px #f5a62366}.header-progress-copy{color:var(--muted-dark);font:600 .62rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;justify-content:space-between;display:flex}.app-navigation{height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:25;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080705f7;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.app-navigation button{appearance:none;color:var(--muted-dark);cursor:pointer;font:600 .66rem/1 var(--display);letter-spacing:.04em;background:0 0;border:0;border-top:2px solid #0000;place-content:center;justify-items:center;gap:4px;display:grid;position:relative}.app-navigation button.active{color:var(--gold-bright);border-top-color:var(--gold);background:linear-gradient(#f5a62317,#0000 70%)}.nav-icon{place-items:center;height:23px;display:grid}.live-dot{background:var(--gold);width:6px;height:6px;box-shadow:0 0 8px var(--gold);border-radius:50%;animation:1.1s ease-in-out infinite pulseDot;position:absolute;top:11px;right:calc(50% - 20px)}.app-main{min-height:calc(100vh - 180px);padding-bottom:calc(84px + env(safe-area-inset-bottom))}.screen{padding:14px;animation:.28s both screenIn}.panel{border:1px solid var(--border-soft);background:linear-gradient(145deg, #ffffff05, transparent 32%), linear-gradient(135deg, var(--surface), #100d0a);border-radius:7px;box-shadow:inset 0 1px #ffffff05,0 10px 35px #0000001f}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.section-heading.compact{margin-bottom:11px}.section-heading h2,.section-heading p,.section-heading span{margin:0}.section-heading h2{color:var(--parchment);font:600 1.02rem/1.25 var(--display);letter-spacing:.025em;margin-top:3px}.eyeline{color:var(--gold);font:600 .62rem/1.1 var(--display);letter-spacing:.15em;text-transform:uppercase;display:block}.section-meta{color:var(--muted-dark);font:600 .68rem/1 var(--mono)}.button{border:1px solid var(--border);cursor:pointer;min-height:43px;font:600 .74rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;transition:transform .18s,filter .18s,border-color .18s;display:inline-flex}.button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.button.primary{color:#160e04;background:linear-gradient(180deg, var(--gold-bright), #b56f17);border-color:#d18b25;box-shadow:inset 0 1px #ffffff59,0 9px 24px #f5a62324}.button.secondary{color:var(--parchment);background:linear-gradient(#1b1712,#100e0b)}.button.success{color:#07150e;background:linear-gradient(#7ee9aa,#3eaf70);border-color:#3cad6b}.button.danger{color:#ffe6e2;background:linear-gradient(#8d342d,#54201e);border-color:#7f2f2f}.button.research{color:#06111f;background:linear-gradient(#8fc0ff,#4c7fbd);border-color:#538ed8}.button:disabled{color:var(--muted-dark);border-color:var(--border-soft);box-shadow:none;filter:none;background:#0d0b09}.forge-screen{gap:12px;display:grid}.forge-hero{padding:16px;position:relative;overflow:hidden}.forge-hero:after{content:"";pointer-events:none;border:1px solid #f5a62314;border-radius:50%;width:230px;height:230px;position:absolute;top:-120px;right:-100px;box-shadow:0 0 0 30px #f5a62305,0 0 0 65px #f5a62303}.tier-seal{width:50px;height:54px;color:var(--gold);clip-path:polygon(50% 0,92% 20%,84% 80%,50% 100%,16% 80%,8% 20%);background:linear-gradient(160deg,#21170c,#0d0a07);border:1px solid #745020;flex:none;place-items:center;display:grid;position:relative}.tier-seal span{font:700 .65rem/1 var(--mono);position:absolute;bottom:5px;right:8px}.hero-copy{max-width:42rem;color:var(--muted);margin:-3px 0 14px;font-size:.9rem;line-height:1.45}.city-grid{--tile-count:3;grid-template-columns:repeat(var(--tile-count), minmax(0, 1fr));background-color:#090806;background-image:linear-gradient(45deg,#f5a62305 25%,#0000 25% 75%,#f5a62305 75%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #302619;border-radius:5px;gap:7px;padding:11px;display:grid;box-shadow:inset 0 0 35px #000000a6}.city-tile{aspect-ratio:1;border:1px solid #3b2f20;border-radius:3px;align-content:center;place-items:center;gap:4px;min-width:0;display:grid;position:relative;overflow:hidden;transform:rotateX(4deg)}.city-tile.occupied{color:#d3aa65;background:radial-gradient(circle at 50% 18%,#f5a62329,#0000 45%),linear-gradient(145deg,#211b13,#110e0b)}.city-tile.empty{color:#403526;background:#ffffff03;border-style:dashed}.city-tile small{max-width:100%;color:var(--muted-dark);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.city-grid.active .city-tile.occupied{animation:2.5s ease-in-out infinite tileGlow}.city-grid.active .city-tile.occupied:nth-child(2n){animation-delay:-.7s}.city-grid.active .city-tile.occupied:nth-child(3n){animation-delay:-1.4s}.empty-marker{color:#493a27;font:400 1.2rem/1 var(--display)}.territory-line{color:var(--muted-dark);justify-content:space-between;margin-top:9px;font-size:.7rem;display:flex}.territory-line span{align-items:center;gap:5px;display:inline-flex}.forge-side-stack{gap:12px;display:grid}.production-panel,.session-launch,.build-section,.research-overview,.tech-tree,.tech-detail,.chronicle-summary,.insight-panel,.streak-panel,.event-panel,.save-panel,.focus-stage,.focus-telemetry .panel{padding:15px}.production-values{border-top:1px solid var(--border-soft);grid-template-columns:repeat(3,1fr);padding-top:12px;display:grid}.production-values>div{min-width:0;color:var(--gold);text-align:center;justify-items:center;gap:4px;display:grid}.production-values>div+div{border-left:1px solid var(--border-soft)}.production-values strong{color:var(--parchment);font:700 .88rem/1 var(--mono)}.production-values span{color:var(--muted-dark);font-size:.62rem}.duration-grid{grid-template-columns:repeat(5,1fr);gap:5px;margin:12px 0;display:grid}.duration-grid button{border:1px solid var(--border-soft);min-width:0;color:var(--muted);cursor:pointer;background:#0d0b09;border-radius:3px;padding:9px 2px 7px}.duration-grid button strong,.duration-grid button span{display:block}.duration-grid button strong{font:600 .85rem/1 var(--mono)}.duration-grid button span{margin-top:3px;font-size:.55rem}.duration-grid button.selected{color:var(--gold-bright);border-color:var(--gold-deep);background:linear-gradient(#f5a62324,#f5a6230a);box-shadow:inset 0 0 15px #f5a62314}.field-label{color:var(--muted-dark);font:600 .6rem/1 var(--display);letter-spacing:.11em;text-transform:uppercase;margin:12px 0 6px;display:block}.intention-field{min-height:43px;color:var(--muted-dark);border:1px solid var(--border-soft);background:#0b0907;border-radius:4px;align-items:center;gap:9px;padding:0 12px;display:flex}.intention-field:focus-within{border-color:var(--gold-deep);color:var(--gold)}.intention-field input{width:100%;color:var(--parchment);background:0 0;border:0;outline:0}.intention-field input::placeholder{color:#4f4334}.launch-button{justify-content:center;width:100%;margin-top:10px}.launch-button span{font-family:var(--mono);border-left:1px solid #2a180540;padding-left:8px}.risk-note{color:var(--muted-dark);align-items:flex-start;gap:6px;margin:9px 0 0;font-size:.7rem;line-height:1.35;display:flex}.active-session-card{border:1px solid var(--gold-deep);background:#f5a6230d;padding:13px}.active-session-card .live-badge{color:var(--gold);font:600 .6rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase}.active-session-card strong,.active-session-card p{margin:7px 0;display:block}.active-session-card p{color:var(--muted)}.active-session-card .button{width:100%;margin-top:7px}.build-section{min-width:0}.build-list{gap:7px;display:grid}.build-row{border:1px solid var(--border-soft);background:#0d0b09;border-radius:4px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.build-row.locked{opacity:.58}.build-icon{width:38px;height:38px;color:var(--gold);background:#15110c;border:1px solid #3a2d1e;place-items:center;display:grid}.build-copy{min-width:0}.build-title{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.build-title h3{font:600 .82rem/1.2 var(--display);margin:0}.build-title span{color:var(--muted-dark);font:600 .58rem/1 var(--mono);white-space:nowrap}.build-copy p{color:var(--muted);margin:4px 0 5px;font-size:.73rem;line-height:1.2}.build-yield{flex-wrap:wrap;gap:8px;display:flex}.build-yield span{color:var(--muted-dark);font:600 .57rem/1 var(--mono);align-items:center;gap:3px;display:inline-flex}.build-action{min-width:62px;min-height:35px;color:var(--gold-bright);cursor:pointer;font:600 .66rem/1 var(--mono);background:#f5a62314;border:1px solid #59401f;border-radius:3px;justify-content:center;align-items:center;gap:4px;padding:6px 8px;display:flex}.build-action:disabled{color:var(--muted-dark);background:#0a0907;border-color:#2b241b}.focus-screen{gap:12px;display:grid}.centered-state{place-items:center;min-height:calc(100vh - 210px)}.empty-focus,.result-card{text-align:center;width:min(100%,530px);padding:28px 20px}.empty-symbol,.result-emblem{width:68px;height:68px;color:var(--gold);border:1px solid var(--gold-deep);background:radial-gradient(circle,#f5a62326,#0000 67%);border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.result-emblem.danger{color:var(--red);background:radial-gradient(circle,#ef5b5b24,#0000 67%);border-color:#7f2f2f}.empty-focus h2,.result-card h2{font:600 1.3rem/1.3 var(--display);margin:6px 0 8px}.empty-focus p,.result-card>p{max-width:34rem;color:var(--muted);margin:0 auto 18px;line-height:1.45}.empty-focus .button,.result-card .button{width:100%}.result-grid{grid-template-columns:repeat(2,1fr);gap:7px;margin:18px 0;display:grid}.result-grid div{color:var(--gold);border:1px solid var(--border-soft);background:#0c0a08;justify-items:center;gap:5px;padding:13px 7px;display:grid}.result-grid strong{color:var(--parchment);font:700 1rem/1 var(--mono)}.result-grid span{color:var(--muted-dark);font-size:.65rem}.disaster-report{grid-template-columns:repeat(2,1fr);gap:7px;margin:18px 0;display:grid}.disaster-report div{background:#120a09;border:1px solid #44211f;padding:12px 8px}.disaster-report span,.disaster-report strong{display:block}.disaster-report span{color:var(--muted-dark);font-size:.65rem}.disaster-report strong{color:#ffc1ba;font:700 .84rem/1 var(--mono);margin-top:5px}.focus-stage{align-content:start;display:grid}.focus-stage-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.focus-stage-heading h2{font:600 1.05rem/1.2 var(--display);margin:4px 0 0}.status-chip{color:var(--gold);border:1px solid var(--gold-deep);font:600 .58rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;background:#f5a62312;border-radius:20px;padding:5px 9px}.status-chip.active:before{content:"";background:var(--gold);width:5px;height:5px;box-shadow:0 0 7px var(--gold);border-radius:50%;margin-right:5px;display:inline-block}.status-chip.paused{color:var(--muted);border-color:var(--border)}.countdown-ring{aspect-ratio:1;width:min(74vw,260px);color:var(--gold);filter:drop-shadow(0 0 18px #f5a62317);margin:24px auto 16px;position:relative}.countdown-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.countdown-ring circle{fill:none;stroke-width:9px}.ring-track{stroke:#211b13}.ring-progress{stroke:currentColor;stroke-linecap:butt;transition:stroke-dashoffset .95s linear}.countdown-ring.paused{color:var(--muted)}.ring-content{place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.ring-content strong{color:var(--parchment);font:500 clamp(2rem, 10vw, 3rem)/1 var(--display);letter-spacing:.02em}.ring-content span{color:var(--muted);font:600 .64rem/1 var(--display);letter-spacing:.18em;text-transform:uppercase;margin-top:8px}.focus-intention{min-height:43px;color:var(--parchment);border:1px solid var(--border-soft);background:#0c0a08;border-radius:3px;align-items:center;gap:8px;margin:0 auto 14px;padding:0 14px;display:inline-flex}.focus-intention svg{color:var(--gold)}.focus-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.danger-text{color:#d78a83}.focus-telemetry{gap:12px;display:grid}.live-gain-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.live-gain-grid div{color:var(--gold);border:1px solid var(--border-soft);background:#0c0a08;justify-items:center;gap:5px;padding:13px;display:grid}.live-gain-grid div:nth-child(2){color:var(--blue)}.live-gain-grid strong{color:var(--parchment);font:700 1rem/1 var(--mono)}.live-gain-grid span{color:var(--muted-dark);font-size:.65rem}.settlement-pulse .city-tile small{display:none}.focus-telemetry blockquote{color:var(--muted);border-left:2px solid var(--gold-deep);text-align:center;background:#f5a62308;margin:0;padding:14px;font-style:italic}.research-screen{gap:12px;display:grid}.research-overview>p{color:var(--muted);margin:-2px 0 13px;line-height:1.4}.research-total{color:var(--blue);align-items:center;gap:7px;display:flex}.research-total strong{color:var(--parchment);font:700 1rem/1 var(--mono)}.research-progress{background:#080705;height:4px;overflow:hidden}.research-progress div{background:linear-gradient(90deg, #365f96, var(--blue));height:100%}.progress-caption{color:var(--muted-dark);margin-top:7px;font-size:.67rem;display:block}.tech-grid{gap:7px;display:grid}.tech-node{width:100%;color:var(--parchment);border:1px solid var(--border-soft);cursor:pointer;text-align:left;background:#0c0a08;border-radius:3px;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:9px;display:grid}.tech-node.selected{background:linear-gradient(90deg,#6aa8ff17,#0c0a08 65%);border-color:#4777ad}.tech-node.complete{border-color:#295d40}.tech-icon{width:38px;height:38px;color:var(--blue);background:#0c1118;border:1px solid #2d3c50;place-items:center;display:grid}.tech-node.complete .tech-icon{color:var(--green);background:#0b130e;border-color:#294835}.tech-copy strong,.tech-copy small{display:block}.tech-copy strong{font:600 .78rem/1.2 var(--display)}.tech-copy small{color:var(--muted-dark);text-transform:capitalize;margin-top:4px;font-size:.62rem}.tech-state{color:var(--muted-dark);font:600 .65rem/1 var(--mono);align-items:center;gap:4px;display:inline-flex}.tech-state.ready{color:var(--blue)}.tech-state.done{color:var(--green)}.tech-detail{min-width:0}.detail-icon{width:58px;height:58px;color:var(--blue);background:radial-gradient(circle,#6aa8ff26,#0000 70%);border:1px solid #365880;place-items:center;margin-bottom:13px;display:grid}.tech-detail h2{font:600 1.25rem/1.2 var(--display);margin:5px 0 7px}.tech-detail>p{color:var(--muted);margin:0 0 16px}.detail-effect,.detail-cost{border:1px solid var(--border-soft);background:#0c0a08;margin-bottom:8px;padding:11px}.detail-effect span,.detail-effect strong,.detail-cost span,.detail-cost strong{display:block}.detail-effect span,.detail-cost span{color:var(--muted-dark);font:600 .58rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase}.detail-effect strong,.detail-cost strong{color:var(--parchment);margin-top:6px;font-size:.8rem}.detail-cost strong{color:var(--blue);font-family:var(--mono);align-items:center;gap:5px;display:flex}.tech-detail .button{width:100%;margin-top:4px}.chronicle-screen{gap:12px;display:grid}.stat-grid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.stat-grid div{color:var(--gold);border:1px solid var(--border-soft);background:#0c0a08;grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;padding:12px;display:grid}.stat-grid strong{color:var(--parchment);font:700 .92rem/1 var(--mono)}.stat-grid span{color:var(--muted-dark);grid-column:2;font-size:.63rem}.window-list{gap:7px;display:grid}.window-list article{border:1px solid var(--border-soft);background:#0c0a08;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;padding:9px;display:grid}.window-score{width:42px;height:42px;color:var(--gold-bright);border:1px solid var(--gold-deep);font:700 .76rem/1 var(--mono);border-radius:50%;place-content:center;display:grid}.window-score span{font-size:.48rem}.window-copy{min-width:0}.window-copy strong,.window-copy span{display:block}.window-copy strong{font:600 .72rem/1.2 var(--display)}.window-copy span{color:var(--muted-dark);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:.62rem;overflow:hidden}.window-copy div{background:#050403;height:3px;margin-top:7px;overflow:hidden}.window-copy i{background:linear-gradient(90deg, var(--gold-deep), var(--gold));height:100%;display:block}.window-list button{color:var(--gold);cursor:pointer;font:600 .58rem/1 var(--display);text-transform:uppercase;background:#f5a62312;border:1px solid #5b401e;padding:7px 9px}.streak-flame{color:var(--orange)}.heatmap{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.heatmap div{justify-items:center;gap:5px;display:grid}.heatmap span,.heatmap small{color:var(--muted-dark);font:600 .58rem/1 var(--mono)}.heatmap i{aspect-ratio:1;background:#0a0907;border:1px solid #252017;width:100%;max-width:42px}.heatmap i[data-level="1"]{background:#193220;border-color:#284b32}.heatmap i[data-level="2"]{background:#28543a;border-color:#37734d}.heatmap i[data-level="3"]{background:#367c50;border-color:#4ca66b}.heatmap i[data-level="4"]{background:#53a968;border-color:#78d28e;box-shadow:0 0 10px #53d98a29}.streak-panel>p,.save-panel>p{color:var(--muted);margin:12px 0 0;font-size:.75rem;line-height:1.35}.event-list{display:grid}.event-list article{border-top:1px solid var(--border-soft);grid-template-columns:30px 1fr auto;align-items:start;gap:8px;padding:9px 0;display:grid}.event-list article:first-child{border-top:0}.event-icon{width:30px;height:30px;color:var(--gold);background:#0c0a08;place-items:center;display:grid}.event-list article.research .event-icon{color:var(--blue)}.event-list article.complete .event-icon{color:var(--green)}.event-list article.disaster .event-icon{color:var(--red)}.event-list strong{font-size:.77rem;font-weight:600}.event-list p{color:var(--muted-dark);margin:3px 0 0;font-size:.66rem;line-height:1.25}.event-list time{color:var(--muted-dark);white-space:nowrap;font-size:.6rem}.save-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:13px;display:grid}.backup-status{text-align:center;color:var(--green)!important}.reset-link{color:#9c5d59;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin:16px auto 0;padding:6px;font-size:.68rem;display:flex}.toast{width:min(100% - 32px,420px);left:50%;bottom:calc(80px + env(safe-area-inset-bottom));z-index:50;color:var(--parchment);border:1px solid var(--gold-deep);box-shadow:var(--shadow);text-align:center;background:#1b140b;padding:11px 14px;font-size:.78rem;animation:.25s both toastIn;position:fixed;transform:translate(-50%)}.toast.success{background:#0c1b12;border-color:#32724a}.toast.danger{background:#1c0e0d;border-color:#71302d}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000000c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(100%,430px);color:var(--parchment);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;background:linear-gradient(145deg,#1b1712,#0e0c09);padding:25px 20px 20px;position:relative}.modal-close{position:absolute;top:10px;right:10px}.icon-button{width:32px;height:32px;color:var(--muted);border:1px solid var(--border-soft);cursor:pointer;background:#0c0a08;place-items:center;display:grid}.modal-symbol{width:52px;height:52px;color:var(--red);background:#ef5b5b12;border:1px solid #71302d;border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.modal h2{font:600 1.15rem/1.2 var(--display);margin:0 0 8px}.modal-copy{color:var(--muted);line-height:1.4}.modal-copy p{margin:0}.modal-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}@keyframes screenIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes tileGlow{0%,to{box-shadow:inset 0 0 #f5a62300}50%{box-shadow:inset 0 0 22px #f5a62321,0 0 9px #f5a62317}}@keyframes pulseDot{50%{opacity:.35;transform:scale(.78)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width>=720px){.app-header{padding-inline:24px}.screen{padding:18px 22px 26px}.forge-screen{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:start}.build-section{grid-column:1/-1}.build-list{grid-template-columns:1fr 1fr}.focus-screen:not(.centered-state){grid-template-columns:minmax(360px,1fr) minmax(280px,.72fr);align-items:start}.research-screen{grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);align-items:start}.research-overview{grid-column:1/-1}.tech-grid{grid-template-columns:1fr 1fr}.tech-detail{position:sticky;top:130px}.chronicle-screen{grid-template-columns:1fr 1fr;align-items:start}.event-panel,.save-panel{grid-column:1/-1}.event-list{grid-template-columns:1fr 1fr;gap:0 18px}}@media (width>=1020px){.app-shell{border-inline:1px solid #1f1912;grid-template-rows:auto 1fr;grid-template-columns:190px minmax(0,1fr);display:grid;box-shadow:0 0 80px #00000061}.app-header{grid-column:1/-1;grid-template-columns:1fr auto;min-height:92px;padding:15px 28px 10px}.app-navigation{z-index:15;border-top:0;border-right:1px solid var(--border-soft);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;grid-template-columns:1fr;align-self:start;gap:6px;width:auto;height:auto;padding:18px 12px;display:grid;position:sticky;inset:92px auto auto 0}.app-navigation button{border:1px solid #0000;justify-content:flex-start;gap:11px;min-height:54px;padding:0 14px;font-size:.68rem;display:flex}.app-navigation button.active{border-color:var(--border);background:linear-gradient(90deg,#f5a6231a,#0000)}.live-dot{top:50%;right:12px;transform:translateY(-50%)}.app-main{min-width:0;padding-bottom:0}.screen{padding:22px 26px 34px}.toast{bottom:24px}.forge-screen{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)}.city-tile small{font-size:.62rem}}@media (width<=390px){.app-header{padding-inline:12px}.brand-mark{width:34px;height:34px}.resource-chip{min-width:66px;padding-inline:6px}.resource-chip span{display:none}.screen{padding-inline:10px}.build-row{grid-template-columns:34px minmax(0,1fr)}.build-action{grid-column:1/-1;width:100%}.build-title{align-items:flex-start}.build-title span{font-size:.52rem}.focus-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}