:root{color-scheme:dark;--ink:#f3f0ff;--panel:#16122a;--line:#322a52;--x:#ff7bc8;--o:#6ed8ff;--win:#ffd166;color:var(--ink);background:#0b0818;font-family:Inter,ui-sans-serif,system-ui,sans-serif}html[data-contrast=high]{--panel:#000;--line:#fff;--x:#f0f;--o:#0ff;--win:#ff0}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;width:min(30rem,100%);display:flex}h1{margin:0;font-size:1.3rem}.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:#1d1738;border-radius:.6rem;padding:.5rem .8rem}.primary{background:var(--x);color:#23061a;border-color:#0000;font-weight:800}.hint{color:#a99fce;margin:0;font-size:.85rem}#game-ui{justify-items:center;gap:.7rem;width:min(30rem,100%);display:grid}.turn{margin:0;font-size:1.05rem;font-weight:700}.board{grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;display:grid}.square{aspect-ratio:1;background:#120e24;min-height:0;font-size:clamp(2rem,12vmin,3.4rem);font-weight:900;line-height:1}.square[data-mark=x]{color:var(--x)}.square[data-mark=o]{color:var(--o)}.square.is-winning{border-color:var(--win);box-shadow:inset 0 0 0 2px var(--win)}.square:disabled{cursor:default;opacity:1}.record{color:#a99fce;margin:0;font-size:.85rem}dl{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0;display:grid}dt{color:#a99fce;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(--win);outline-offset:2px}html[data-motion=reduced] *{transition:none!important;animation:none!important}