html{-webkit-text-size-adjust:100%}body{margin:0}img{max-width:100%}[hidden]{display:none!important}:root{--ink:#0E0C0A;--soil:#191410;--soil-2:#241C15;--line:#3A2E22;--line-soft:#2A211A;--bone:#EDE3CE;--muted:#A08D75;--fox:#63E2A2;--fox-deep:#2E7A57;--amanita:#E2543F;--amanita-deep:#7E2C22;--ochre:#D9A441;--display:"Vollkorn","Georgia",serif;--body:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;--mono:"IBM Plex Mono","SFMono-Regular",ui-monospace,monospace}*{box-sizing:border-box}body{background:var(--ink);color:var(--bone);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100dvh}body[data-screen=menu],body[data-screen=settings],body[data-screen=about],body[data-screen=paused]{overflow:hidden}.wrap{position:fixed;top:0;right:0;bottom:0;left:0;max-width:none;width:100%;height:100dvh;margin:0;padding:0;display:flex;flex-direction:column;gap:0}body[data-screen=menu] .wrap,body[data-screen=settings] .wrap,body[data-screen=about] .wrap,body[data-screen=paused] .wrap{visibility:hidden;pointer-events:none}.eyebrow{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.stage{position:relative;flex:1;min-height:0}.boardbox{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;border:none;border-radius:0;overflow:hidden;background:var(--soil);cursor:crosshair;touch-action:manipulation}canvas#board{display:block;width:100%;height:100%}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:var(--mono);font-size:12px;letter-spacing:.02em}.hud>*{position:absolute}.balance{top:0;left:0;right:0;height:3px;background:var(--amanita);overflow:hidden;z-index:2}.balance-fill{display:block;height:100%;width:50%;background:var(--fox);box-shadow:0 0 12px #63e2a273;transition:width .4s ease;transform-origin:left center}.scores{top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 14px 12px}.team{display:flex;align-items:center;gap:8px}.team.right{flex-direction:row-reverse}.pip{width:9px;height:9px;border-radius:50%;flex:none}.pip.p{background:var(--fox);box-shadow:0 0 10px #63e2a2bf}.pip.e{background:var(--amanita);box-shadow:0 0 10px #e2543f99}.team .nm{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:10px}.team .num{font-variant-numeric:tabular-nums;font-weight:500;font-size:15px;color:var(--bone)}.team .sub{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.weather{left:14px;bottom:14px;display:flex;flex-direction:column;gap:6px;min-width:132px}.weather .wname{display:flex;align-items:baseline;gap:7px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--muted)}.weather .wval{color:var(--bone);letter-spacing:.04em;font-size:12px}.wbar{height:2px;background:var(--line-soft);position:relative;overflow:hidden}.wbar i{position:absolute;inset:0 auto 0 0;background:var(--muted);transform-origin:left}.tremor{left:14px;bottom:64px;display:flex;align-items:center;gap:7px;color:var(--amanita);text-transform:uppercase;letter-spacing:.14em;font-size:10px;opacity:0;transition:opacity .25s ease}.tremor.on{opacity:1}.tremor .ring{width:9px;height:9px;border-radius:50%;border:1px solid var(--amanita);animation:pulse 1.1s ease-out infinite}@keyframes pulse{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.hint{right:14px;bottom:14px;text-align:right;color:var(--muted);font-size:11px;line-height:1.5;max-width:min(48vw,300px);transition:opacity .4s ease}.hint kbd{font-family:var(--mono);color:var(--bone);border-bottom:1px solid var(--line);padding-bottom:1px}.screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;place-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse 80% 60% at 50% 20%,rgba(46,122,87,.12),transparent 55%),var(--ink);pointer-events:auto;z-index:20;padding:clamp(20px,4vw,40px);overflow:auto}.screen-overlay.on{display:grid}.screen-overlay.scrollable{place-content:start center;padding-block:clamp(28px,5vh,56px)}.screen-panel{max-width:420px;width:min(100%,420px);margin:0 auto}.menu-panel{max-width:440px}.about-panel{max-width:min(1100px,100%);width:min(1100px,100%);text-align:left}.brand-title{margin:6px 0 28px;font-family:var(--display);font-weight:700;font-size:clamp(48px,10vw,76px);line-height:.95;letter-spacing:-.02em;color:var(--bone)}.brand-title .spore,.screen-title .spore{color:var(--fox)}.screen-title{margin:0 0 14px;font-family:var(--display);font-weight:700;font-size:clamp(28px,5vw,42px);line-height:1.05}.screen-lede{margin:0 0 20px;color:var(--muted);font-size:clamp(14px,1.5vw,16px);text-wrap:pretty;line-height:1.55}.screen-lede b{color:var(--bone);font-weight:500}.screen-panel>.eyebrow{margin-bottom:8px}.screen-actions{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px}.screen-actions.col{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:280px;margin-inline:auto}.screen-actions .btn{min-width:0;width:100%;padding:11px 16px;font-size:11.5px}.menu-diff{display:flex;justify-content:center;margin:8px 0 22px}.diffgrp-lg{gap:10px;flex-wrap:wrap;justify-content:center}.diffgrp-lg .dlabel{font-size:12px;letter-spacing:.14em}.diffgrp-lg .dbtn{padding:8px 14px;font-size:11.5px}.menu-hints{margin:22px 0 0;font-family:var(--mono);font-size:11px;line-height:1.55;color:var(--muted)}.menu-hints kbd{font-family:var(--mono);color:var(--bone);border-bottom:1px solid var(--line);padding-bottom:1px}.pause-confirm{display:none;margin-top:18px;padding-top:16px;border-top:1px solid var(--line-soft)}.pause-confirm.on{display:block}.pause-confirm p{margin:0 0 12px;color:var(--muted);font-size:13px}.settings-panel{text-align:left}.settings-panel .screen-title{text-align:center;margin-bottom:18px}.settings-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:12px 0;border-top:1px solid var(--line-soft)}.settings-row:last-of-type{border-bottom:1px solid var(--line-soft);margin-bottom:18px}.settings-label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.settings-select{font:inherit;font-family:var(--mono);font-size:12px;color:var(--bone);background:var(--soil-2);border:1px solid var(--line);border-radius:2px;padding:6px 10px;cursor:pointer}.settings-select:focus-visible{outline:2px solid var(--fox);outline-offset:2px}.settings-row .switch{flex:none}.switch-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settings-row-muted{opacity:.45;pointer-events:none}.settings-soon{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.about-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:8px 0 28px;padding-top:18px;border-top:1px solid var(--line-soft)}.about-legend .item{display:flex;flex-direction:column;gap:7px}.about-legend svg{display:block}.about-legend h3,.about-notes h3{margin:0;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--bone)}.about-legend p,.about-notes p{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted);text-wrap:pretty}.about-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 36px;padding-top:22px;border-top:1px solid var(--line-soft)}.about-notes>h3{grid-column:1/-1;font-family:var(--display);font-size:22px;letter-spacing:0;text-transform:none;line-height:1.2;margin-bottom:4px}.about-notes .col h4{margin:0 0 9px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--fox)}.about-notes .col.alt h4{color:var(--ochre)}.about-notes p{margin:0 0 12px}.about-notes p:last-child{margin-bottom:0}.about-notes strong{color:var(--bone);font-weight:500}.about-foot{margin:22px 0 18px;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em}.about-panel .screen-actions{margin-top:8px}.endcard{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-content:center;text-align:center;background:#0e0c0adb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;z-index:5}.endcard.on{display:grid}.endcard h2{margin:0 0 6px;font-family:var(--display);font-weight:700;font-size:clamp(26px,4.4vw,40px);line-height:1.05}.endcard p{margin:0 0 16px;color:var(--muted);font-size:14px}.end-stats{margin:0 0 18px!important;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--bone)!important}.btn{font:inherit;background:none;color:var(--bone);border:1px solid var(--line);border-radius:2px;padding:7px 14px;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;transition:border-color .18s ease,color .18s ease,background .18s ease}.btn:hover{border-color:var(--muted)}.btn:focus-visible{outline:2px solid var(--fox);outline-offset:2px}.btn.accent{border-color:var(--fox-deep);color:var(--fox)}.btn.accent:hover{background:#63e2a214;border-color:var(--fox)}.switch{display:inline-flex;align-items:center;gap:9px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.02em}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:32px;height:16px;border-radius:9px;border:1px solid var(--line);background:var(--soil-2);position:relative;flex:none;transition:border-color .18s ease,background .18s ease}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--muted);transition:transform .2s ease,background .2s ease}.switch input:checked+.track{border-color:var(--amanita-deep);background:#e2543f1f}.switch input:checked+.track:after{transform:translate(16px);background:var(--amanita)}.switch input:focus-visible+.track{outline:2px solid var(--fox);outline-offset:2px}.switch:hover{color:var(--bone)}.switch b{color:var(--muted);font-weight:400}.spacer{flex:1 1 auto}.diffgrp{display:inline-flex;align-items:center;gap:8px;color:var(--muted);letter-spacing:.02em}.diffgrp .dlabel{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.diffgrp .dbtn{font:inherit;background:none;color:var(--muted);border:1px solid var(--line);border-radius:2px;padding:6px 11px;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;transition:border-color .18s ease,color .18s ease,background .18s ease}.diffgrp .dbtn:hover{border-color:var(--muted);color:var(--bone)}.diffgrp .dbtn:focus-visible{outline:2px solid var(--fox);outline-offset:2px}.diffgrp .dbtn.on{border-color:var(--fox-deep);color:var(--fox);background:#63e2a214}@media (max-width:860px){.about-legend,.about-notes{grid-template-columns:minmax(0,1fr);gap:18px}.hint{display:none}}@media (max-width:520px){.scores{padding:9px 10px}.team .num{font-size:13px}.weather{left:10px;bottom:10px;min-width:112px}.tremor{left:10px;bottom:56px}.hint{right:10px;bottom:10px}}@media (prefers-reduced-motion:reduce){.tremor .ring{animation:none;opacity:.8}.balance-fill{transition:none}*{transition-duration:.01ms!important}}