:root{--bg-deep: #08141b;--bg: #0e1e27;--cream: #f7f1e5;--cream-strong: #fffaf0;--cream-deep: #ece3d2;--ink: #1c2b30;--ink-soft: #5d6b70;--ink-faint: #8b979a;--line: rgba(36, 52, 55, .14);--line-strong: rgba(36, 52, 55, .25);--accent: #e8b04b;--accent-deep: #c98f25;--accent-soft: #f6e3bb;--accent-ink: #2b1e06;--green: #4f8f61;--green-soft: #dcebdc;--red: #c9564b;--red-soft: #f4d9d5;--blue: #4f8fb0;--radius-xl: 26px;--radius-lg: 20px;--radius-md: 14px;--font-ui: "Avenir Next", "Segoe UI", "Helvetica Neue", system-ui, -apple-system, sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--bottom-dock-height: clamp(340px, 36vh, 380px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;margin:0}body{overflow:hidden;overscroll-behavior:none;background:var(--bg-deep);color:var(--ink);font-family:var(--font-ui);font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,[role=tab]:focus-visible{outline:3px solid rgba(232,176,75,.9);outline-offset:2px}svg{display:block;flex:0 0 auto}h1,h2,h3,p{margin:0}ul{margin:0;padding-left:1.15em}li+li{margin-top:.35em}#map-canvas{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:grab}body.inspector-open #map-canvas{height:calc(100vh - var(--bottom-dock-height) - var(--safe-bottom));height:calc(100dvh - var(--bottom-dock-height) - var(--safe-bottom))}body.inspector-open.inspector-compact{--bottom-dock-height: clamp(280px, 30vh, 320px)}#map-canvas.is-grabbing{cursor:grabbing}.map-vignette{position:fixed;inset:0;z-index:5;pointer-events:none;background:linear-gradient(to bottom,rgba(6,14,18,.34),transparent 12%),linear-gradient(to top,rgba(4,10,13,.48),transparent 20%),radial-gradient(ellipse at center,transparent 55%,rgba(4,10,13,.22) 100%)}.hud{position:fixed;inset:0;z-index:20;pointer-events:none}.hud.is-hidden{display:none}.topbar,.context-panel,.end-turn,.turn-banner,.science-chip,.units-chip,.turn-chip,.menu-button{pointer-events:auto}.topbar{position:absolute;top:calc(10px + var(--safe-top));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));display:flex;align-items:center;gap:9px;min-height:64px;padding:7px 9px 7px 14px;border:1px solid rgba(255,255,255,.5);border-radius:20px;background:#f7f1e5f0;box-shadow:0 16px 40px #030c1047;backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1)}.brand{display:flex;align-items:center;gap:7px;padding-right:4px;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:var(--accent-deep)}.brand-word{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.13em}.topbar-spacer{flex:1 1 auto;min-width:0}.science-chip{display:flex;flex:0 1 380px;align-items:center;gap:10px;min-height:48px;min-width:0;padding:7px 12px;border:1px solid transparent;border-radius:14px;background:#1c2b300e;text-align:left;transition:background .18s ease,border-color .18s ease}.science-chip:hover{background:#1c2b3016}.science-chip:disabled{opacity:.72}.science-chip.needs-research{border-color:#c98f256b;background:#e8b04b1f}.science-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;flex:0 0 auto;color:var(--accent-deep);background:var(--accent-soft)}.science-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.science-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}#science-name{overflow:hidden;font-size:12.5px;font-weight:650;letter-spacing:.005em;text-overflow:ellipsis;white-space:nowrap}.science-progress{flex:0 0 auto;color:var(--ink-soft);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}.science-meter{display:block;width:100%;height:4px;overflow:hidden;border-radius:99px;background:#1c2b3021}#science-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--accent));transition:width .35s ease}.science-detail{overflow:hidden;color:var(--ink-faint);font-size:9.5px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.turn-chip,.units-chip{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;height:38px;padding:0 11px;border-radius:12px;background:#1c2b300e;color:var(--ink-soft);font-size:11.5px;font-weight:650;white-space:nowrap}.turn-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #4f8f6129}.units-chip.is-full{color:var(--red);background:var(--red-soft)}.units-chip.is-full .units-icon{color:var(--red)}.units-icon{display:grid;place-items:center;color:var(--ink-soft)}.yield-toggle{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;height:38px;padding:0 10px;border-radius:12px;background:#1c2b300e;color:var(--ink-soft);font-size:11.5px;font-weight:650;white-space:nowrap;pointer-events:auto;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.yield-toggle:hover{background:#1c2b3017}.yield-toggle.active{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 0 0 0 1px #c98f2540}.yield-toggle-icon{display:grid;place-items:center}@media(max-width:900px){.yield-toggle-label{display:none}.yield-toggle{width:38px;justify-content:center;padding:0}}.menu-button{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:14px;background:var(--ink);color:var(--cream);transition:transform .16s ease,background .16s ease}.menu-button:hover{background:#293d44}.menu-button:active{transform:scale(.95)}.turn-banner{position:absolute;top:calc(86px + var(--safe-top));left:50%;z-index:55;display:flex;align-items:center;gap:9px;max-width:calc(100vw - 32px);padding:9px 16px;transform:translate(-50%);border:1px solid rgba(255,246,230,.18);border-radius:999px;background:#09161ce6;color:var(--cream);box-shadow:0 12px 30px #02080b4d;font-size:12.5px;font-weight:600;white-space:nowrap;backdrop-filter:blur(12px);transition:opacity .2s ease,transform .2s ease}.turn-banner.is-hidden{display:none}.banner-spinner{width:13px;height:13px;border:2px solid rgba(255,245,225,.25);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hint-bar{position:absolute;top:calc(86px + var(--safe-top));left:50%;z-index:40;display:flex;align-items:center;gap:8px;max-width:min(720px,calc(100vw - 32px));padding:8px 14px;transform:translate(-50%);border:1px solid rgba(255,246,230,.14);border-radius:999px;background:#0a171dc7;color:#fff8ebeb;box-shadow:0 10px 26px #02080b3d;font-size:11.5px;line-height:1.3;backdrop-filter:blur(10px);pointer-events:none;transition:opacity .25s ease}.hint-bar.is-hidden{opacity:0;visibility:hidden}.hint-icon{display:grid;place-items:center;flex:0 0 auto;color:var(--accent)}.toasts{position:absolute;bottom:calc(94px + var(--safe-bottom));left:50%;z-index:60;display:flex;flex-direction:column;align-items:center;gap:7px;width:min(440px,calc(100vw - 32px));transform:translate(-50%);pointer-events:none}.toast{max-width:100%;padding:9px 15px;border:1px solid rgba(255,246,230,.14);border-left:3px solid var(--accent);border-radius:13px;background:#0a171deb;color:var(--cream);box-shadow:0 14px 32px #02080b52;font-size:12px;line-height:1.35;text-align:center;backdrop-filter:blur(12px);animation:toast-in .26s cubic-bezier(.2,.9,.3,1.1)}.toast-success{border-left-color:#72b681}.toast-warn{border-left-color:#e47768}.toast.is-out{opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:650;letter-spacing:.005em;white-space:nowrap;transition:transform .14s ease,background .16s ease,border-color .16s ease,opacity .16s ease}.button:active:not(:disabled){transform:scale(.975)}.button:disabled{opacity:.42}.button-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 24px #c98f2547,inset 0 1px #fff6}.button-primary:hover:not(:disabled){background:#f0bd5e}.button-soft{border-color:var(--line);background:#1c2b300e;color:var(--ink)}.button-soft:hover:not(:disabled){background:#1c2b3017}.button-ghost{border-color:#ffffff2e;background:#fff1;color:var(--cream);backdrop-filter:blur(8px)}.button-ghost:hover:not(:disabled){background:#ffffff1c}.button-link{min-height:40px;padding:0 12px;color:#f7f1e5b8;text-decoration:underline;text-decoration-color:#f7f1e54d;text-underline-offset:4px}.button-link:hover{color:var(--cream)}.button-xl{min-height:58px;padding:0 24px;font-size:15.5px}.button-wide{grid-column:1 / -1}.icon-button{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:12px;color:var(--ink-soft);background:#1c2b300e;transition:background .16s ease,color .16s ease,transform .14s ease}.icon-button:hover{background:#1c2b301a;color:var(--ink)}.icon-button:active{transform:scale(.94)}.end-turn{position:absolute;right:calc(16px + var(--safe-right));bottom:calc(16px + var(--safe-bottom));z-index:45;display:flex;align-items:center;justify-content:center;gap:10px;min-width:176px;min-height:62px;padding:0 22px;border:1px solid rgba(255,238,198,.5);border-radius:20px;background:var(--accent);color:var(--accent-ink);box-shadow:0 18px 44px #020a0d61,inset 0 1px #ffffff73;font-size:14.5px;font-weight:750;letter-spacing:.01em;transition:transform .14s ease,background .16s ease,opacity .2s ease}.end-turn:hover:not(:disabled){background:#f1be5e}.end-turn:active:not(:disabled){transform:scale(.975)}.end-turn:disabled{opacity:.5}.end-turn-icon{display:grid;place-items:center}.context-panel{position:absolute;right:0;bottom:0;left:0;z-index:35;width:auto;height:calc(var(--bottom-dock-height) + var(--safe-bottom));padding:15px max(18px,calc((100vw - 760px)/2)) calc(13px + var(--safe-bottom));overflow-x:hidden;overflow-y:auto;border:1px solid rgba(255,255,255,.55);border-right:0;border-bottom:0;border-left:0;border-radius:24px 24px 0 0;background:var(--cream);box-shadow:0 -24px 70px #030a0d6b;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(28,43,48,.22) transparent;animation:dock-in .24s cubic-bezier(.2,.9,.3,1)}@keyframes dock-in{0%{opacity:0;transform:translateY(14px)}}.context-panel.is-hidden{display:none}.context-panel::-webkit-scrollbar{width:6px}.context-panel::-webkit-scrollbar-thumb{border-radius:99px;background:#1c2b302e}body.inspector-open .end-turn{bottom:calc(var(--bottom-dock-height) + var(--safe-bottom) + 12px)}body.inspector-open .toasts{bottom:calc(var(--bottom-dock-height) + var(--safe-bottom) + 88px)}.inspector-pill{position:absolute;bottom:calc(16px + var(--safe-bottom));left:calc(16px + var(--safe-left));z-index:40;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 15px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:var(--cream);color:var(--ink);box-shadow:0 16px 40px #030a0d59;font-size:12px;font-weight:700;pointer-events:auto;transition:transform .14s ease,background .16s ease}.inspector-pill:hover{background:var(--cream-strong)}.inspector-pill:active{transform:scale(.97)}.inspector-pill.is-hidden{display:none}.inspector-pill .pill-icon{display:grid;place-items:center;color:var(--accent-deep)}.inspector-pill .pill-arrow{display:grid;place-items:center;color:var(--ink-faint)}.inspector-pill #inspector-pill-text{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-head{display:flex;align-items:center;gap:11px;margin-bottom:13px}.panel-emblem{display:grid;place-items:center;width:50px;height:50px;flex:0 0 auto;border:2px solid var(--pc, var(--accent));border-radius:16px;background:color-mix(in srgb,var(--pc, var(--accent)) 13%,var(--cream-strong));color:var(--pc, var(--ink))}.panel-emblem.city-emblem{border-radius:50%}.panel-title{min-width:0;flex:1}.eyebrow,.modal-kicker{display:block;margin-bottom:2px;color:var(--accent-deep);font-size:9.5px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.panel-title h2{overflow:hidden;font-family:var(--font-display);font-size:23px;font-weight:700;letter-spacing:-.01em;line-height:1.08;text-overflow:ellipsis;white-space:nowrap}.panel-close{width:44px;height:44px;border-radius:50%}.hp-block{margin-bottom:11px}.hp-label{display:flex;justify-content:space-between;margin-bottom:5px;color:var(--ink-soft);font-size:10.5px;font-weight:600}.hp-label b{color:var(--ink);font-variant-numeric:tabular-nums}.meter{display:block;width:100%;height:8px;overflow:hidden;border-radius:99px;background:#1c2b301a}.meter.slim{height:5px;margin:4px 0 9px}.meter i{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .35s ease}.meter i.good{background:linear-gradient(90deg,#4f9161,#83bd80)}.meter i.warn{background:linear-gradient(90deg,#c68c2b,#e8b04b)}.meter i.bad{background:linear-gradient(90deg,#b8463c,#dc756a)}.meter i.food{background:linear-gradient(90deg,#6b9b52,#c6b95a)}.meter i.production{background:linear-gradient(90deg,#b97c2a,#e8b04b)}.meter i.science{background:linear-gradient(90deg,#3f7f9d,#77b9c9)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:11px 0}.stat{padding:8px 5px 7px;border-radius:12px;background:#1c2b300d;text-align:center}.stat b{display:block;font-size:16px;font-weight:750;line-height:1.15;font-variant-numeric:tabular-nums}.stat span{display:block;margin-top:2px;color:var(--ink-faint);font-size:8.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.unit-description{margin-bottom:11px;color:var(--ink-soft);font-size:11.5px;line-height:1.45}.panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.panel-actions .button{min-height:44px;padding:0 10px;font-size:12px}.help-line{display:flex;gap:6px;align-items:flex-start;margin-top:9px;color:var(--ink-faint);font-size:10.5px;line-height:1.4}.help-line svg{margin-top:1px}.help-line.positive{color:var(--green)}.city-meters{margin-bottom:9px}.city-columns{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(400px,1.4fr);gap:18px;align-items:start}.city-info,.city-production{min-width:0}.city-production .build-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:680px){.city-columns{grid-template-columns:1fr;gap:0}}@media(max-width:600px){.city-production .build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.city-production .build-grid{grid-template-columns:1fr}}.meter-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;color:var(--ink-soft);font-size:10.5px;font-weight:600}.meter-row:first-child{margin-top:0}.meter-label{display:inline-flex;align-items:center;gap:5px}.meter-label b{color:var(--ink)}.meter-value{color:var(--ink-faint);font-size:9.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.yield-row{display:flex;flex-wrap:wrap;gap:5px;margin:11px 0}.yield-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:#1c2b300e;color:var(--ink);font-size:10.5px;font-weight:650;font-variant-numeric:tabular-nums}.yield-chip svg{color:var(--accent-deep)}.yield-chip.muted{color:var(--ink-faint);font-weight:600}.owner-dot{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:2px;vertical-align:0}.yield-breakdown{display:flex;flex-direction:column;gap:3px;margin:-3px 0 10px;padding:8px 10px;border-radius:11px;background:#1c2b300b}.yield-breakdown span{display:flex;align-items:flex-start;gap:5px;color:var(--ink-faint);font-size:9px;line-height:1.35}.yield-breakdown span svg{flex:0 0 auto;margin-top:1px;color:var(--accent-deep)}.yield-breakdown b{color:var(--ink-soft);font-weight:750;white-space:nowrap}.yield-breakdown .worked-tiles{color:var(--green);font-weight:600}.garrison-block{margin-bottom:11px}.garrison-label,.occupant-label{display:block;margin-bottom:4px;color:var(--ink-faint);font-size:8.5px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.garrison-card{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:6px 8px;border:1px solid var(--line);border-radius:12px;background:#ffffff7a;text-align:left;transition:background .16s ease,border-color .16s ease,transform .12s ease}.garrison-card:hover{border-color:#c98f256b;background:#ffffffbd}.garrison-card:active{transform:scale(.99)}.garrison-card>svg{margin-left:auto;color:var(--ink-faint)}.panel-emblem.terrain-emblem{border-color:#ffffff80;background:var(--tc, var(--cream-deep));color:#263630;box-shadow:inset 0 0 0 1px #1c2b3014}.panel-emblem.fog-emblem{border-color:#ffffff29;background:linear-gradient(145deg,#334b53,#162830);color:#f7f1e580}.occupant-block{margin-top:10px}.occupant-card{display:flex;align-items:center;gap:8px;padding:8px 9px;border-left:3px solid var(--pc, var(--accent));border-radius:0 11px 11px 0;background:#1c2b300b}.occupant-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:9px;background:#ffffffa6;color:var(--pc, var(--ink))}.occupant-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.occupant-copy b{font-size:11.5px;font-weight:700}.occupant-copy small{color:var(--ink-faint);font-size:9px;line-height:1.35}.production-block{padding:10px;border-radius:14px;background:#1c2b300a}.production-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;color:var(--ink-faint);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.production-head b{display:inline-flex;align-items:center;gap:5px;overflow:hidden;color:var(--ink);font-size:11px;letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.production-meta{display:flex;justify-content:space-between;gap:8px;margin-top:5px;color:var(--ink-faint);font-size:9.5px;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:3px;margin-top:12px;padding:3px;border-radius:12px;background:#1c2b300f}.tabs button{flex:1;min-height:34px;border-radius:9px;color:var(--ink-soft);font-size:11.5px;font-weight:650;transition:background .16s ease,box-shadow .16s ease,color .16s ease}.tabs button.active{background:var(--cream-strong);color:var(--ink);box-shadow:0 2px 7px #14222521}.build-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.build-card{position:relative;display:flex;align-items:center;gap:8px;min-height:55px;padding:8px 9px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#ffffff70;text-align:left;transition:background .16s ease,border-color .16s ease,transform .12s ease}.build-card:hover:not(:disabled){border-color:#c98f256b;background:#ffffffb8}.build-card:active:not(:disabled){transform:scale(.985)}.build-card:disabled{opacity:.58}.build-card.active{border-color:var(--accent-deep);background:#e8b04b24}.build-card.built{border-color:#4f8f6166;background:#4f8f6114}.build-icon{display:grid;place-items:center;width:33px;height:33px;flex:0 0 auto;border-radius:10px;background:#1c2b300f;color:var(--ink)}.build-card.active .build-icon{background:var(--accent);color:var(--accent-ink)}.build-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.build-name{overflow:hidden;font-size:11.5px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.build-sub{display:inline-flex;align-items:center;gap:3px;overflow:hidden;color:var(--ink-faint);font-size:9px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.build-check{display:grid;place-items:center;margin-left:auto;color:var(--green)}.card-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--accent-deep)}.limit-warning{display:flex;align-items:center;gap:5px;margin-top:8px;color:var(--red);font-size:9.5px;line-height:1.3}.built-buildings{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.built-label{margin-right:2px;color:var(--ink-faint);font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.built-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:999px;background:#4f8f611a;color:var(--green);font-size:9px;font-weight:650}.splash{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,rgba(232,176,75,.13),transparent 55%),radial-gradient(ellipse at 80% 90%,rgba(52,108,92,.22),transparent 55%),linear-gradient(160deg,#10222b,#0a171e 62%,#071016);transition:opacity .38s ease,visibility .38s ease;touch-action:pan-y}.splash.is-leaving{opacity:0;visibility:hidden}.splash.is-gone{display:none}.splash-pattern{position:absolute;inset:-15%;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='84' viewBox='0 0 96 84'%3E%3Cpath d='M48 2 L92 26 V68 L48 92 L4 68 V26 Z' fill='none' stroke='%23d8c9a8' stroke-width='0.7'/%3E%3C/svg%3E");background-size:96px 84px;transform:rotate(-5deg);-webkit-mask-image:radial-gradient(ellipse at center,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 15%,transparent 72%)}.splash-glow{position:absolute;top:-22%;left:50%;width:780px;height:780px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(232,176,75,.17),transparent 62%);pointer-events:none}.splash-hexes{position:absolute;inset:0;pointer-events:none}.float-hex{position:absolute;color:#d8c9a8;opacity:.14}.float-hex svg{width:100%;height:100%}.hex-a{top:16%;left:8%;width:72px;height:72px;animation:float 11s ease-in-out infinite}.hex-b{top:64%;left:14%;width:38px;height:38px;animation:float 9s ease-in-out infinite reverse}.hex-c{top:22%;right:10%;width:52px;height:52px;animation:float 13s ease-in-out infinite 1s}.hex-d{top:70%;right:16%;width:88px;height:88px;animation:float 15s ease-in-out infinite reverse 2s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(4deg)}}.splash-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:min(660px,calc(100vw - 40px));max-height:100vh;max-height:100dvh;padding:38px 22px 28px;overflow-y:auto;text-align:center;touch-action:pan-y;scrollbar-width:none;animation:splash-in .7s cubic-bezier(.2,.9,.3,1)}.splash-content::-webkit-scrollbar{display:none}@keyframes splash-in{0%{opacity:0;transform:translateY(14px)}}.splash-mark{position:relative;display:grid;place-items:center;width:88px;height:88px;margin-bottom:18px;border:1px solid rgba(232,176,75,.34);border-radius:28px;background:#e8b04b14;color:var(--accent);box-shadow:0 18px 50px #00000040,inset 0 0 30px #e8b04b0f;transform:rotate(6deg)}.splash-mark-inner{display:grid;place-items:center;transform:rotate(-6deg)}.splash-star{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-ink);box-shadow:0 5px 12px #00000040}.splash-kicker{margin-bottom:8px;color:#e8b04be0;font-size:10px;font-weight:700;letter-spacing:.32em;text-transform:uppercase}.splash-title{font-family:var(--font-display);font-size:clamp(70px,15vw,126px);font-weight:700;letter-spacing:.13em;line-height:.88;text-indent:.13em;color:#fbf4e7;text-shadow:0 22px 70px rgba(0,0,0,.4)}.splash-tagline{margin-top:15px;color:#e9dcc0;font-family:var(--font-display);font-size:clamp(18px,3.4vw,23px);font-style:italic;letter-spacing:.02em}.splash-intro{max-width:490px;margin:16px auto 0;color:#f0e8d89e;font-size:13px;line-height:1.6}.splash-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:min(340px,100%);margin-top:28px}.splash-actions .button{width:100%}.continue-meta{margin-top:10px;color:#f0e8d86b;font-size:10px;letter-spacing:.03em}.splash-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:36px;color:#f0e8d857;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}.footer-dot{opacity:.6}.noscript{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:var(--bg-deep);color:var(--cream);text-align:center}#modal-root{position:fixed;inset:0;z-index:120;pointer-events:none}.modal-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(20px + var(--safe-top)) calc(20px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(20px + var(--safe-left));background:#050c0f8f;opacity:0;pointer-events:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:opacity .22s ease}.modal-backdrop.is-open{opacity:1}.modal{width:min(620px,100%);max-height:min(88vh,920px);max-height:min(88dvh,920px);padding:24px;overflow-x:hidden;overflow-y:auto;border:1px solid rgba(255,255,255,.55);border-radius:var(--radius-xl);background:var(--cream);box-shadow:0 45px 120px #0000008a;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(28,43,48,.22) transparent;touch-action:pan-y;transform:translateY(12px) scale(.985);transition:transform .24s cubic-bezier(.2,.9,.3,1)}.modal-backdrop.is-open .modal{transform:none}.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-thumb{border-radius:99px;background:#1c2b302e}.modal-small{width:min(520px,100%)}.modal-wide{width:min(820px,100%)}.modal-gameover{width:min(600px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.modal-head h2{font-family:var(--font-display);font-size:clamp(26px,4.4vw,34px);font-weight:700;letter-spacing:-.015em;line-height:1.05}.modal-lede{max-width:56ch;margin-bottom:18px;color:var(--ink-soft);font-size:12.5px;line-height:1.55}.modal .button-ghost{border-color:var(--line);background:#1c2b300d;color:var(--ink);backdrop-filter:none}.modal .button-ghost:hover:not(:disabled){background:#1c2b3017}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-card{display:flex;flex-direction:column;gap:6px;min-height:148px;padding:15px;border:1.5px solid var(--line);border-radius:18px;background:#ffffff6b;text-align:left;transition:border-color .16s ease,background .16s ease,transform .14s ease}.option-card:hover{border-color:#c98f256b}.option-card:active{transform:scale(.985)}.option-card.selected{border-color:var(--accent-deep);background:#e8b04b21;box-shadow:inset 0 0 0 1px #c98f2542}.option-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.option-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#1c2b300f;color:var(--ink)}.option-card.selected .option-icon{background:var(--accent);color:var(--accent-ink)}.option-check{display:grid;place-items:center;width:24px;height:24px;border:1.5px solid var(--line-strong);border-radius:50%;color:transparent}.option-card.selected .option-check{border-color:var(--accent-deep);background:var(--accent-deep);color:var(--cream-strong)}.option-card strong{font-size:16px;font-weight:750}.option-desc{color:var(--ink-soft);font-size:11px;line-height:1.45}.modal-warning{display:flex;align-items:flex-start;gap:7px;margin-top:13px;padding:9px 11px;border-radius:11px;background:#e8b04b24;color:#7b5a16;font-size:10.5px;line-height:1.4}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.modal-actions .button{min-height:46px}.modal-footnote{margin-top:14px;color:var(--ink-faint);font-size:9.5px;line-height:1.4;text-align:center}.tech-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px;padding:10px 12px;border-radius:13px;background:#3f7f9d17;color:var(--ink-soft);font-size:11.5px}.tech-reserve{display:inline-flex;align-items:center;gap:6px}.tech-reserve svg{color:var(--blue)}.tech-reserve b{color:var(--ink);font-size:14px}.tech-rate{color:var(--ink-faint);font-size:10px;font-weight:600}.current-research{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin-bottom:13px;padding:10px 12px;border:1px solid rgba(201,143,37,.3);border-radius:13px;background:#e8b04b1a;font-size:11px}.current-research>span:first-child{display:inline-flex;align-items:center;gap:5px}.current-research .meter{grid-column:1 / -1;height:5px}.tech-empty{display:flex;align-items:flex-start;gap:7px;margin-bottom:13px;padding:10px 12px;border-radius:13px;background:#1c2b300e;color:var(--ink-soft);font-size:10.5px;line-height:1.4}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tech-card{display:flex;align-items:flex-start;gap:9px;min-height:96px;padding:10px;border:1px solid var(--line);border-radius:15px;background:#fff6;text-align:left;transition:border-color .16s ease,background .16s ease}.tech-card:not(:disabled):hover{border-color:#c98f2573;background:#ffffffb3}.tech-card.known{border-color:#4f8f6157;background:#4f8f6113}.tech-card.current{border-color:var(--accent-deep);background:#e8b04b21}.tech-card.locked{opacity:.62}.tech-card:disabled{opacity:.66}.tech-card.known:disabled,.tech-card.locked:disabled{opacity:1}.tech-card.known{opacity:.9}.tech-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:#1c2b300f}.tech-card.current .tech-icon{background:var(--accent);color:var(--accent-ink)}.tech-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tech-top{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.tech-top b{font-size:12px;font-weight:750}.tech-cost{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;color:var(--blue);font-size:9px;font-weight:700}.tech-desc{color:var(--ink-soft);font-size:9.5px;line-height:1.35}.tech-unlocks{margin-top:2px;color:var(--ink-faint);font-size:8.5px;line-height:1.35}.tech-requires{display:inline-flex;align-items:center;gap:3px;margin-top:2px;color:#9b6b1e;font-size:8.5px}.tech-progress{display:flex;align-items:center;gap:6px;margin-top:4px}.tech-progress .meter{height:4px;flex:1}.tech-progress em{color:var(--ink-faint);font-size:8px;font-style:normal;font-variant-numeric:tabular-nums}.tech-status{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;color:var(--ink-faint);font-size:8.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.tech-card.known .tech-status{color:var(--green)}.tech-card.current .tech-status{color:var(--accent-deep)}.tech-card:not(:disabled) .tech-status{color:var(--accent-deep)}.rules-body{display:flex;flex-direction:column;gap:10px;margin-top:6px}.rules-section{padding:12px 14px;border-radius:15px;background:#1c2b300a}.rules-section h3{display:flex;align-items:center;gap:7px;margin-bottom:6px;font-size:12px;font-weight:750;letter-spacing:.02em}.rules-section h3 svg{color:var(--accent-deep)}.rules-section p,.rules-section li{color:var(--ink-soft);font-size:11px;line-height:1.5}.rules-section b{color:var(--ink)}.rules-section ul{margin:0}.menu-summary{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 13px}.menu-summary span{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:#1c2b300e;color:var(--ink-soft);font-size:10px;font-weight:600}.menu-summary b{color:var(--ink)}.menu-list{display:flex;flex-direction:column;gap:5px}.menu-item{display:flex;align-items:center;gap:11px;width:100%;min-height:56px;padding:8px 10px;border-radius:14px;text-align:left;transition:background .15s ease}.menu-item:hover{background:#1c2b300e}.menu-item>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.menu-item b{font-size:12.5px;font-weight:700}.menu-item small{color:var(--ink-faint);font-size:9.5px}.menu-item>svg{color:var(--ink-faint)}.menu-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:11px;background:#1c2b300f;color:var(--ink)}.menu-item.danger b{color:var(--red)}.menu-item.danger .menu-icon{background:#c9564b1a;color:var(--red)}.gameover-head{display:flex;flex-direction:column;align-items:center;margin-bottom:18px;text-align:center}.gameover-mark{display:grid;place-items:center;width:66px;height:66px;margin-bottom:11px;border-radius:20px;background:#1c2b300f;color:var(--ink-soft)}.gameover-head.victory .gameover-mark{background:#e8b04b2e;color:var(--accent-deep);box-shadow:inset 0 0 0 1px #c98f2540}.gameover-head.defeat .gameover-mark{background:#c9564b1f;color:var(--red)}.gameover-head h2{font-family:var(--font-display);font-size:clamp(32px,6vw,46px);font-weight:700;letter-spacing:-.015em;line-height:1}.gameover-head p{max-width:38ch;margin-top:7px;color:var(--ink-soft);font-size:11.5px;line-height:1.5}.score-table{overflow:hidden;border:1px solid var(--line);border-radius:15px}.score-row{display:grid;grid-template-columns:1.7fr .6fr .55fr .55fr .7fr;gap:6px;align-items:center;min-height:40px;padding:0 11px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:10.5px;font-variant-numeric:tabular-nums;text-align:right}.score-row:first-child{border-top:0}.score-row>span:first-child{text-align:left}.score-row b{color:var(--ink);font-size:12px}.score-head{min-height:34px;background:#1c2b300d;color:var(--ink-faint);font-size:8.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.score-row.human{background:#e8b04b1c}.score-note{display:flex;align-items:flex-start;gap:6px;margin-top:9px;padding:7px 10px;border-radius:10px;background:#e8b04b1f;color:#7b5a16;font-size:9.5px;line-height:1.4}.score-civ{display:flex;align-items:center;gap:5px;font-weight:650;text-align:left}.score-civ i{width:8px;height:8px;border-radius:2px}.score-civ svg{color:var(--accent-deep)}.score-civ em{margin-left:auto;color:var(--ink-faint);font-size:8px;font-style:normal}@media(max-width:980px){.brand-word{display:none}.science-chip{flex:1 1 auto}}@media(max-width:760px){.topbar{gap:6px;min-height:56px;padding:6px 7px 6px 10px;border-radius:16px}.brand{padding-right:0}.brand-mark{width:28px;height:28px}.science-chip{min-height:42px;padding:5px 8px}.science-icon{width:30px;height:30px;border-radius:9px}.science-detail{display:none}.turn-chip,.units-chip{height:34px;padding:0 8px;font-size:10.5px}.menu-button{width:42px;height:42px;border-radius:12px}.end-turn{right:calc(12px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));min-width:154px;min-height:56px;padding:0 18px;font-size:13px;border-radius:18px}.toasts{bottom:calc(80px + var(--safe-bottom))}.hint-bar{top:calc(76px + var(--safe-top));font-size:10.5px}.turn-banner{top:calc(76px + var(--safe-top))}.panel-title h2{font-size:21px}.panel-emblem{width:44px;height:44px}.option-grid{grid-template-columns:1fr}.option-card{min-height:112px}.tech-grid{grid-template-columns:1fr}.modal{padding:18px;border-radius:22px}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}.score-row{grid-template-columns:1.5fr .55fr .5fr .5fr .65fr;padding:0 9px;font-size:9.5px}.splash-content{padding:30px 18px 22px}.splash-intro{font-size:12px}.splash-actions{margin-top:22px}.splash-footer{margin-top:24px}}@media(max-width:520px){.brand{display:none}.turn-chip{padding:0 7px}.units-chip .units-icon{display:none}.build-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-actions{grid-template-columns:1fr}.panel-actions .button-wide{grid-column:auto}.splash-title{font-size:clamp(58px,20vw,86px)}.float-hex{display:none}}@media(max-height:560px)and (orientation:landscape){.topbar{min-height:52px;padding-top:4px;padding-bottom:4px}.science-detail{display:none}.context-panel{max-height:52vh}.splash-mark{width:64px;height:64px;margin-bottom:10px}.splash-mark-inner svg{width:34px;height:34px}.splash-title{font-size:64px}.splash-intro,.splash-footer{display:none}.splash-actions{margin-top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}