:root{--bg:#0a0f14;--bg-raised:#111a22;--bg-panel:#16222c;--bg-hover:#1e2d3a;--border:#243543;--border-strong:#3a5163;--text:#e6eef5;--text-dim:#93a6b5;--text-faint:#5d7484;--accent:#46d39a;--accent-dark:#1f8a63;--infected:#d9534f;--dead:#8b7bb0;--cure:#4ea3e0;--warn:#e0a33a;--map-sea:#0c1620;--map-land:#2c3e4c;--map-land-hover:#3b5060;--map-border:#0a0f14;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--radius-sm:4px;--radius:8px;--radius-lg:14px;--font:"Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"SFMono-Regular", Consolas, monospace;--fs-xs:11px;--fs-sm:13px;--fs-md:15px;--fs-lg:19px;--fs-xl:26px;--fs-xxl:40px;--shadow:0 4px 16px #00000080;--shadow-lg:0 10px 40px #0009}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:var(--fs-md)/1.5 var(--font);overflow:hidden}#app{height:100%}h1,h2,h3{margin:0;font-weight:600;line-height:1.2}h1{font-size:var(--fs-xxl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{margin:0 0 var(--sp-3)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button{font:600 var(--fs-md)/1 var(--font);color:var(--text);background:var(--bg-hover);border:1px solid var(--border-strong);border-radius:var(--radius);padding:var(--sp-3) var(--sp-5);cursor:pointer}button:hover:not(:disabled){background:var(--border)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent-dark);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent);color:#04120c}button.ghost{border-color:var(--border);background:0 0}button.danger{border-color:var(--infected);color:var(--infected);background:0 0}input[type=text]{font:var(--fs-md) var(--font);color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);width:100%}label{font-size:var(--fs-sm);color:var(--text-dim);margin-bottom:var(--sp-2);display:block}.field-error{color:var(--infected);font-size:var(--fs-sm);min-height:1.4em}.screen{height:100%;padding:var(--sp-6);place-items:center;display:grid;overflow-y:auto}.panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(760px,100%);padding:var(--sp-6);box-shadow:var(--shadow-lg)}.panel>header{margin-bottom:var(--sp-5)}.panel>header p{color:var(--text-dim);margin:var(--sp-2) 0 0}.menu-actions{gap:var(--sp-3);margin-top:var(--sp-5);flex-direction:column;display:flex}.row{gap:var(--sp-3);align-items:center;display:flex}.row.end{justify-content:flex-end}.spacer{flex:1}.cards{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.card{text-align:left;padding:var(--sp-4);background:var(--bg-panel);border:1px solid var(--border);display:block}.card strong{font-size:var(--fs-lg);margin-bottom:var(--sp-2);display:block}.card span{font-weight:400;font-size:var(--fs-sm);color:var(--text-dim);line-height:1.4;display:block}.card[aria-pressed=true]{border-color:var(--accent);background:var(--bg-hover)}.game{background:var(--map-sea);grid-template-rows:auto 1fr auto;height:100%;display:grid}.topbar{align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-4);background:var(--bg-raised);border-bottom:1px solid var(--border);z-index:3;display:flex}.topbar .day{font:600 var(--fs-lg) var(--font-mono);min-width:7ch}.topbar .name{color:var(--text-dim);font-size:var(--fs-sm)}.speeds{gap:var(--sp-1);display:flex}.speeds button{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);min-width:42px}.speeds button[aria-pressed=true]{background:var(--accent-dark);border-color:var(--accent)}.map-wrap{position:relative;overflow:hidden}.map-wrap svg,.map-wrap canvas{width:100%;height:100%;position:absolute;inset:0}.map-wrap canvas{pointer-events:none}.region{fill:var(--map-land);stroke:var(--map-border);stroke-width:.5px;cursor:pointer}.region:hover{fill:var(--map-land-hover)}.region:focus,.region:focus-visible{outline:none}.region[aria-selected=true]{stroke:var(--accent);stroke-width:1.5px}.region-neutral{fill:var(--map-land);opacity:.35;stroke:none;pointer-events:none}.bottombar{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--bg-raised);border-top:1px solid var(--border);z-index:3;display:flex}.dna-badge{align-items:center;gap:var(--sp-2);font:700 var(--fs-lg) var(--font-mono);color:var(--accent);background:var(--bg-panel);border:1px solid var(--accent-dark);border-radius:var(--radius);padding:var(--sp-2) var(--sp-4);display:flex}.dna-badge small{font:400 var(--fs-xs) var(--font);color:var(--text-dim)}.meters{gap:var(--sp-4);flex:1;display:flex}.meter{flex:1;min-width:0}.meter-label{font-size:var(--fs-xs);color:var(--text-dim);margin-bottom:var(--sp-1);justify-content:space-between;display:flex}.meter-label b{color:var(--text);font-variant-numeric:tabular-nums}.bar{background:var(--bg);border-radius:99px;height:8px;overflow:hidden}.bar>span{border-radius:99px;height:100%;transition:width .3s;display:block}.bar.infected>span{background:var(--infected)}.bar.dead>span{background:var(--dead)}.bar.cure>span{background:var(--cure)}.bar.healthy>span{background:var(--accent)}.ticker{padding:var(--sp-2) var(--sp-4);background:var(--bg-panel);border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;overflow:hidden}.ticker.important{color:var(--warn)}.sidepanel{top:var(--sp-3);right:var(--sp-3);width:300px;max-height:calc(100% - var(--sp-6));background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--sp-4);z-index:2;position:absolute;overflow-y:auto}.sidepanel header{align-items:start;gap:var(--sp-2);margin-bottom:var(--sp-3);display:flex}.sidepanel h3{flex:1}.sidepanel .close{padding:var(--sp-1) var(--sp-2);font-size:var(--fs-sm)}.stats{gap:var(--sp-2);margin:0;display:grid}.stats div{justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-sm);display:flex}.stats dt{color:var(--text-dim)}.stats dd{font-variant-numeric:tabular-nums;margin:0}.tags{gap:var(--sp-1);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.tag{font-size:var(--fs-xs);padding:2px var(--sp-2);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:99px}.tag.closed{border-color:var(--warn);color:var(--warn)}.overlay{padding:var(--sp-4);z-index:10;background:#04080bd1;place-items:center;display:grid;position:fixed;inset:0}.sheet{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(1100px,100%);max-height:100%;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.sheet>header{align-items:center;gap:var(--sp-4);padding:var(--sp-4);border-bottom:1px solid var(--border);display:flex}.sheet>.body{padding:var(--sp-4);flex:1;overflow:auto}.tabs{gap:var(--sp-1);display:flex}.tabs button{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm)}.tabs button[aria-selected=true]{background:var(--accent-dark);border-color:var(--accent)}.evo-layout{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) 280px;align-items:start;display:grid}.evo-layout>.hexgrid{justify-self:center}.hexgrid{position:relative}.hex{text-align:center;width:112px;height:96px;padding:var(--sp-2) var(--sp-3);font:600 var(--fs-xs)/1.25 var(--font);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--border);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);cursor:pointer;border-radius:0;place-items:center;display:grid;position:absolute}.hex:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.hex:disabled{cursor:not-allowed;opacity:1}.hex.locked{opacity:.4}.hex.locked .cost{visibility:hidden}.hex.affordable{border-color:var(--accent);color:var(--text)}.hex.affordable .cost{color:var(--accent)}.hex.tooexpensive{color:var(--text-dim)}.hex.tooexpensive .cost{color:var(--infected)}.hex.owned{background:var(--accent-dark);border-color:var(--accent);color:#fff}.hex.mutated{background:var(--warn);border-color:var(--warn);color:#241a05}.hex[aria-pressed=true]{outline:2px solid var(--text);outline-offset:-2px}.hex .cost{font:700 var(--fs-xs) var(--font-mono);margin-top:2px;display:block}.detail{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);position:sticky;top:0}.detail h4{margin:0 0 var(--sp-2);font-size:var(--fs-md)}.detail p{font-size:var(--fs-sm);color:var(--text-dim)}.detail .price{font:700 var(--fs-lg) var(--font-mono);color:var(--accent)}.detail .hint{font-size:var(--fs-xs);color:var(--warn)}.pathogen-stats{gap:var(--sp-3);margin-bottom:var(--sp-4);display:grid}.dialog{background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:min(480px,100%);box-shadow:var(--shadow-lg);padding:var(--sp-5)}.dialog h3{margin-bottom:var(--sp-3)}.dialog.important h3{color:var(--warn)}.result{text-align:center}.result .verdict{font-size:var(--fs-xxl);margin-bottom:var(--sp-2)}.result.won .verdict{color:var(--accent)}.result.lost .verdict{color:var(--infected)}.result .summary{color:var(--text-dim);margin-bottom:var(--sp-5)}.figures{gap:var(--sp-3);margin-bottom:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.figure{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3)}.figure b{font:700 var(--fs-xl) var(--font-mono);display:block}.figure span{font-size:var(--fs-xs);color:var(--text-dim)}.chart{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);width:100%}.chart>svg{width:100%;height:160px;display:block}.chart-legend{gap:var(--sp-3);padding:var(--sp-2);font-size:var(--fs-xs);color:var(--text-dim);border-top:1px solid var(--border);display:flex}