:root{color-scheme:dark;--ink:#eafff4;--panel:#10241c;--line:#23503f;--accent:#7ce7b0;--rival:#ff8f6b;color:var(--ink);background:#06120e;font-family:Inter,ui-sans-serif,system-ui,sans-serif}html[data-contrast=high]{--panel:#000;--line:#fff;--accent:#0f8;--rival:#fa0}html[data-interface=large]{font-size:118%}*{box-sizing:border-box}[hidden]{display:none!important}body{min-height:100svh;margin:0}#runtime{flex-direction:column;align-items:center;gap:.9rem;min-height:100svh;padding:.9rem;display:flex}.title-bar{justify-content:space-between;align-items:center;gap:.5rem;width:min(30rem,100%);display:flex}h1{margin:0;font-size:1.15rem}.icon-button{border:1px solid var(--line);background:var(--panel);min-height:44px;color:inherit;cursor:pointer;border-radius:.6rem;padding:0 .9rem}.panel{border:1px solid var(--line);background:var(--panel);border-radius:1rem;gap:.6rem;width:min(30rem,100%);padding:1.1rem;display:grid}.panel h2{margin:0;font-size:1.1rem}select,button{border:1px solid var(--line);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#14332a;border-radius:.6rem;padding:.5rem .8rem}.primary{background:var(--accent);color:#04241a;border-color:#0000;font-weight:800}.hint{color:#9dc4b4;margin:0;font-size:.85rem}#game-ui{justify-items:center;gap:.8rem;width:min(30rem,100%);display:grid}.hud{grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;display:grid}.hud div{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:.6rem;padding:.4rem .6rem;display:grid}.hud span{color:#9dc4b4;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.hud strong{font-size:1.3rem}.target{color:#9dc4b4;margin:0;font-size:.85rem}.arena{align-items:center;gap:1rem;font-size:clamp(2.4rem,14vmin,4rem);line-height:1;display:flex}.arena #player-throw{color:var(--accent)}.arena #opponent-throw{color:var(--rival)}.versus{color:#9dc4b4;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem}.verdict{text-align:center;min-height:2.6em;margin:0;font-weight:700}.throws{grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;display:grid}.throws button{justify-items:center;gap:.2rem;padding:.7rem .3rem;font-size:clamp(1.6rem,8vmin,2.4rem);display:grid}.throws small{color:#9dc4b4;font-size:.7rem}dl{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0;display:grid}dt{color:#9dc4b4;font-size:.75rem}dd{margin:0;font-weight:700}dialog{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:1rem;width:min(28rem,92vw)}.dialog-content{gap:.6rem;display:grid}.dialog-head{justify-content:space-between;align-items:center;display:flex}dialog label{justify-content:space-between;align-items:center;gap:1rem;min-height:44px;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}html[data-motion=reduced] *{transition:none!important;animation:none!important}
