:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0;--p1:#f59e0b;--p2:#a855f7;--p1-soft:#f59e0b59;--p2-soft:#a855f759;--panel:#0f172ad9;--line:#1e293b;background:#0b1120;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 20% -10%,#38bdf814,#0000),radial-gradient(1000px 500px at 90% 110%,#a855f714,#0000),linear-gradient(#0b1120 0%,#0f172a 100%);min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:.5rem;padding:.45rem .7rem}button:hover:not(:disabled){background:#243347;border-color:#475569}button:disabled{cursor:not-allowed;opacity:.5}button.primary{background:#075985;border-color:#0284c7;width:100%;margin-top:.5rem;font-weight:600}button.primary:hover:not(:disabled){background:#0369a1}button.ghost{background:0 0}input,select{width:100%;color:inherit;background:#0f172a;border:1px solid #334155;border-radius:.5rem;margin-top:.35rem;padding:.45rem .7rem}#root{min-height:100vh}.app-shell{flex-direction:column;height:100vh;display:flex}.hud{border-bottom:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.hud-title{letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg, var(--p1), var(--p2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}.hud-score{align-items:center;gap:1rem;margin:0 auto;display:flex}.hud-turn{flex-direction:column;align-items:center;line-height:1.1;display:flex}.turn-number{font-variant-numeric:tabular-nums;color:#f8fafc;font-size:1.4rem;font-weight:800}.turn-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.65rem}.player-chip{border:1px solid var(--line);background:#0f172a99;border-radius:999px;align-items:center;gap:.75rem;padding:.4rem .9rem;font-size:1rem;transition:box-shadow .2s,border-color .2s;display:flex}.player-chip .player-name{text-transform:capitalize;font-weight:700}.player-chip .player-stars{color:#fde047;font-size:1.15rem;font-weight:800}.player-chip.p1 .player-name{color:var(--p1)}.player-chip.p2 .player-name{color:var(--p2)}.player-chip.active.p1{border-color:var(--p1);box-shadow:0 0 10px var(--p1-soft)}.player-chip.active.p2{border-color:var(--p2);box-shadow:0 0 10px var(--p2-soft)}.player-stars,.player-cities{color:#cbd5e1;font-variant-numeric:tabular-nums}.hud-actions{margin-left:auto}button.end-turn{background:linear-gradient(#d97706,#b45309);border-color:#b45309;padding:.5rem 1.2rem;font-weight:700}button.end-turn:hover:not(:disabled){background:linear-gradient(#f59e0b,#d97706)}.game-layout{flex:1;grid-template-columns:1fr minmax(18rem,22rem);min-height:0;display:grid}.board-panel{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:relative;overflow:auto}.sidebar{border-left:1px solid var(--line);padding:.75rem;overflow:auto}.sidebar h2{margin:0 0 .6rem;font-size:1rem}.sidebar h2 small{color:#64748b;font-weight:400}.sidebar h3{color:#94a3b8;margin:.5rem 0 .4rem;font-size:.85rem}.panel{border:1px solid var(--line);background:var(--panel);border-radius:.75rem;margin-bottom:.75rem;padding:.85rem}.panel summary{cursor:pointer;color:#cbd5e1;font-weight:600}.panel summary::marker{color:#64748b}.panel label{color:#94a3b8;margin:.75rem 0;font-size:.85rem;display:block}.button-row,.meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.panel .error{color:#fecaca;background:#7f1d1d40;border:1px solid #7f1d1d;border-radius:.5rem;margin:.5rem 0;padding:.5rem .6rem;font-size:.8rem;line-height:1.35}.meta{color:#94a3b8;font-size:.8rem}.panel input[type=file]{width:100%;margin-top:.35rem;font-size:.8rem}.stats{grid-template-columns:auto 1fr;gap:.3rem .75rem;margin:.5rem 0 0;font-size:.85rem;display:grid}.stats dt{color:#94a3b8}.stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.log{flex-direction:column;gap:.3rem;max-height:16rem;margin-top:.6rem;display:flex;overflow:auto}.log-entry{text-align:left;padding:.3rem .5rem;font-size:.78rem}.log-entry.active{background:#082f49;border-color:#38bdf8}.board{border:1px solid var(--line);background:#020617;border-radius:1rem;gap:2px;width:min(100vh - 12rem,100%);max-width:54rem;padding:.6rem;display:grid;box-shadow:0 20px 60px #00000073}.tile{aspect-ratio:1;border:none;border-radius:.3rem;justify-content:center;align-items:center;padding:0;transition:filter .1s,transform .1s;display:flex;position:relative;overflow:hidden}.tile:hover{filter:brightness(1.2);z-index:1}.tile[draggable=true]{cursor:grab}.terrain-field{background:linear-gradient(135deg,#4d7c0f,#3f6212)}.terrain-forest{background:linear-gradient(135deg,#166534,#14532d)}.terrain-mountain{background:linear-gradient(135deg,#64748b,#475569)}.terrain-water{background:linear-gradient(135deg,#0369a1,#075985)}.terrain-glyph{opacity:.85;pointer-events:none;font-size:clamp(.7rem,2.2vmin,1.3rem)}.terrain-water .terrain-glyph{opacity:.35;font-size:clamp(.55rem,1.7vmin,1rem)}.tile.alt:before{content:"";pointer-events:none;background:#00000017;position:absolute;inset:0}.tile.territory-p1{box-shadow:inset 0 0 0 999px #f59e0b24}.tile.territory-p2{box-shadow:inset 0 0 0 999px #a855f729}.territory-border{pointer-events:none;z-index:1;border:0 solid;position:absolute;inset:0}.territory-border.p1{border-color:var(--p1)}.territory-border.p2{border-color:var(--p2)}.tile.selected{z-index:1;box-shadow:inset 0 0 0 3px #38bdf8}.tile.move-target{filter:brightness(1.15)}.move-dot{pointer-events:none;background:#38bdf8d9;border-radius:50%;width:28%;height:28%;margin:auto;position:absolute;inset:0;box-shadow:0 0 8px #38bdf8cc}.tile.attack-target{animation:1s ease-in-out infinite attack-pulse;box-shadow:inset 0 0 0 3px #ef4444}@keyframes attack-pulse{50%{box-shadow:inset 0 0 0 3px #ef444466}}.tile.harvestable:after{content:"";background:#fde047;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;left:3px;box-shadow:0 0 6px #fde047}.resource{pointer-events:none;filter:drop-shadow(0 1px 2px #000000b3);font-size:clamp(.6rem,1.8vmin,1rem);position:absolute;top:2px;right:3px}.village{pointer-events:none;filter:drop-shadow(0 1px 2px #000000b3);font-size:clamp(.8rem,2.4vmin,1.4rem)}.city{pointer-events:none;filter:drop-shadow(0 1px 3px #000c);justify-content:center;align-items:center;font-size:clamp(.9rem,2.8vmin,1.6rem);display:flex;position:absolute;inset:0}.city.p1{background:radial-gradient(circle, var(--p1-soft), transparent 75%)}.city.p2{background:radial-gradient(circle, var(--p2-soft), transparent 75%)}.city-level{color:#f8fafc;text-shadow:0 1px 2px #000;font-size:clamp(.55rem,1.5vmin,.75rem);font-weight:700;position:absolute;bottom:1px;right:3px}.unit{pointer-events:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:12% 12% 8%}.unit.p1{box-shadow:0 0 0 2px var(--p1), 0 3px 6px #0009;background:radial-gradient(circle at 35% 30%,#f59e0b8c,#78350fbf)}.unit.p2{box-shadow:0 0 0 2px var(--p2), 0 3px 6px #0009;background:radial-gradient(circle at 35% 30%,#a855f78c,#3b0764bf)}.unit.spent{filter:grayscale(.7)brightness(.75)}.unit-glyph{filter:drop-shadow(0 1px 2px #000c);font-size:clamp(.75rem,2.4vmin,1.35rem);position:relative}.veteran{font-size:.55em;position:absolute;top:-.5em;right:-.6em}.hp-bar{background:#0009;border-radius:2px;width:70%;height:3px;overflow:hidden}.hp-fill{border-radius:2px;height:100%;display:block}.hp-fill.high{background:#4ade80}.hp-fill.mid{background:#facc15}.hp-fill.low{background:#ef4444}.game-over{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2;background:#020617b3;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.6rem;display:flex;position:absolute;inset:0}.playback{border:1px solid var(--line);background:var(--panel);border-radius:999px;align-items:center;gap:.6rem;width:min(100vh - 12rem,100%);max-width:54rem;padding:.4rem .75rem;font-size:.8rem;display:flex}.playback input[type=range]{background:0 0;border:none;flex:1;margin:0;padding:0}.playback-frame{color:#94a3b8;font-variant-numeric:tabular-nums;white-space:nowrap}.playback button{white-space:nowrap;padding:.25rem .6rem;font-size:.78rem}.inspector-heading{text-transform:capitalize;color:#94a3b8;font-weight:600}.inspector-block{border-bottom:1px solid var(--line);margin-bottom:.6rem;padding-bottom:.6rem}.inspector-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.inspector-title{text-transform:capitalize;align-items:center;gap:.5rem;display:flex}.owner-tag{text-transform:capitalize;border-radius:999px;margin-left:auto;padding:.1rem .5rem;font-size:.75rem}.owner-tag.p1{background:var(--p1-soft);color:#fcd34d}.owner-tag.p2{background:var(--p2-soft);color:#d8b4fe}.train-menu{margin-top:.6rem}.train-menu button,.tech-list button{text-align:left;text-transform:capitalize;justify-content:space-between;align-items:center;gap:.5rem;width:100%;margin-bottom:.35rem;display:flex}.tech-list{margin-top:.6rem}.tech-list button.known{color:#86efac;opacity:1;background:#16653433;border-color:#14532d}.unit.ready:after{content:"";pointer-events:none;border-radius:50%;animation:1.3s ease-in-out infinite ready-pulse;position:absolute;inset:-2px;box-shadow:0 0 0 2px #f8fafc,0 0 9px 2px #f8fafcb3}@keyframes ready-pulse{50%{opacity:.35}}.hp-text{font-variant-numeric:tabular-nums;color:#f8fafc;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;font-size:clamp(.4rem,1.3vmin,.62rem);font-weight:700;line-height:1}.end-turn-group{align-items:center;gap:.6rem;display:flex}.moves-left{color:#fde047;white-space:nowrap;font-size:.75rem;font-weight:700}button.end-turn.has-moves{border-color:#eab308;animation:1.6s ease-in-out infinite end-turn-nudge;box-shadow:0 0 0 2px #eab30859}@keyframes end-turn-nudge{50%{box-shadow:0 0 0 5px #eab3081a}}.player-pop{color:#cbd5e1;font-variant-numeric:tabular-nums}.player-pop.full{color:#fca5a5;font-weight:700}.pop-cap{align-items:center;gap:.5rem;margin-top:.55rem;font-size:.85rem;display:flex}.pop-cap-label{color:#94a3b8}.pop-cap-meter{background:#ffffff14;border-radius:999px;flex:1;height:8px;overflow:hidden}.pop-cap-fill{background:linear-gradient(90deg,#38bdf8,#0ea5e9);border-radius:999px;height:100%;transition:width .2s;display:block}.pop-cap.full .pop-cap-fill{background:linear-gradient(90deg,#f59e0b,#ef4444)}.pop-cap-value{font-variant-numeric:tabular-nums;font-weight:700}.pop-cap-badge{color:#fff;letter-spacing:.05em;background:#b91c1c;border-radius:999px;padding:.05rem .4rem;font-size:.62rem;font-weight:800}.train-menu h3{justify-content:space-between;align-items:center;display:flex}.train-cap{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:600}.train-cap.full{color:#fca5a5}.train-menu button.unaffordable .meta{color:#f87171;text-transform:none}@media (width<=1000px){.app-shell{height:auto}.game-layout{grid-template-columns:1fr}.sidebar{border-left:0;border-top:1px solid var(--line)}.board{width:100%}}