:root{--background:#111027;--surface:#211b42;--text:#f8f3ff;--primary:#c5ff48;--accent:#ff5cbb;--muted:#bcb4d4;--line:#665b89;color:var(--text);background:var(--background);font-family:system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(ellipse at 80% 15%,#34205455,transparent 55%)}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer;min-height:44px;color:var(--text);border:2px solid var(--line);background:var(--surface);font-weight:700}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--text);outline-offset:4px}button:hover:enabled{border-color:var(--primary)}header,main,footer{max-width:1120px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);font: bold 12px 'Courier New',monospace}header a{text-decoration:none}.brand{display:flex;align-items:center;gap:12px;letter-spacing:1px}.brand span{font-size:30px;color:var(--primary)}.marquee{display:flex;justify-content:space-between;align-items:center;padding:35px 0 12px}.eyebrow{font:bold 12px 'Courier New',monospace;letter-spacing:2px;color:var(--primary);margin:0 0 16px}h1,h2{font-family:'Trebuchet MS',sans-serif}h1{font-size:clamp(48px,6.3vw,82px);line-height:1;letter-spacing:-4px;margin:0}h1 span{color:var(--primary)}.marquee-art{width:210px;position:relative;transform:rotate(9deg);font:bold 140px/.9 'Trebuchet MS',sans-serif;letter-spacing:-20px;color:var(--accent)}.marquee-art span:first-child{color:var(--primary)}.marquee-art small{display:block;font:10px 'Courier New',monospace;letter-spacing:2px;text-align:center;margin-top:15px;color:var(--muted)}.intro{color:var(--muted);max-width:670px;line-height:1.65;margin:12px 0 30px}.console{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}.playfield{background:var(--surface);border:2px solid var(--line);box-shadow:7px 7px 0 #060513;padding:20px}.turn-bar{display:flex;align-items:center;gap:12px;margin-bottom:18px;min-height:32px}.turn-bar p{font-weight:700;margin:0;font-size:18px}.lamp{width:10px;height:10px;background:var(--primary);box-shadow:0 0 12px #c5ff4866;flex-shrink:0}.round-tag{margin-left:auto;color:var(--muted);white-space:nowrap;font:12px 'Courier New',monospace}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;aspect-ratio:1}.cell{min-width:0;min-height:0;background:var(--background);border:2px solid #53466f;font:bold clamp(60px,8vw,104px)/1 'Trebuchet MS',sans-serif;display:grid;place-items:center;padding:0}.cell[data-mark=X]{color:var(--primary)}.cell[data-mark=O]{color:var(--accent)}.cell:disabled{opacity:1}.cell.win{background:#393951;border-color:var(--primary);box-shadow:inset 0 0 0 3px var(--primary)}.board-footer{display:flex;justify-content:space-between;gap:12px;font:10px 'Courier New',monospace;color:var(--muted);margin-top:18px;letter-spacing:1px}.rail{display:grid;gap:16px}.score-panel,.settings{border:2px solid var(--line);background:var(--surface);padding:22px}.score-panel{border-top:5px solid var(--accent)}.panel-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panel-label h2{font-size:22px;letter-spacing:-.5px;margin:0}.panel-label>span{font:12px 'Courier New',monospace;color:var(--muted)}.scores{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:6px}.scores div+div{border-left:1px solid var(--line)}.scores span{font:bold 10px 'Courier New',monospace;white-space:nowrap}.scores strong{display:block;font:bold 44px 'Courier New',monospace;margin-top:7px}.x-score{color:var(--primary)}.o-score{color:var(--accent)}.score-panel p{font-size:11px;color:var(--muted);margin:16px 0 0;text-align:center}.toggle,.levels{display:flex;gap:6px}.toggle button{flex:1;font-size:12px;border-radius:4px;padding:8px}.toggle button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--background)}fieldset{border:0;margin:24px 0 0;padding:0}legend{font:bold 11px 'Courier New',monospace;letter-spacing:1px;margin-bottom:10px;color:var(--muted)}.levels button{flex:1;font-size:12px;padding:6px}.levels button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--background)}fieldset:disabled{opacity:.4}#level-note{font-size:13px;margin:12px 0}.fine{color:var(--muted);font-size:11px;line-height:1.6;margin:16px 0 0}.primary,.secondary{width:100%;padding:15px;text-align:left}.primary{background:var(--primary);color:var(--background);border-color:var(--primary);box-shadow:4px 4px 0 #687e32;font-size:18px}.primary span{float:right}.secondary{background:transparent;text-align:center;font-size:12px}.privacy{font:11px/1.6 'Courier New',monospace;color:var(--muted);margin:4px 0;text-align:center}.privacy span{color:var(--primary)}.how{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;padding:58px 0 36px;border-bottom:1px solid var(--line)}.how h2{font-size:30px;line-height:1.1;margin:12px 0}.how p{margin:0;color:var(--muted);line-height:1.8;font-size:14px}.faq{padding:30px 0 45px}.faq h2{font-size:26px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:600;font-size:14px}details p{color:var(--muted);font-size:14px;line-height:1.8;max-width:800px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px 0 36px;font:11px 'Courier New',monospace;color:var(--muted)}@media(max-width:1180px){header,main,footer{margin-left:28px;margin-right:28px}}@media(max-width:850px){.console{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.playfield{padding:14px}.score-panel,.settings{padding:16px}.marquee-art{width:160px;font-size:110px}.turn-bar p{font-size:15px}.round-tag{display:none}.board{gap:7px}.board-footer{font-size:8px}.panel-label h2{font-size:20px}h1{letter-spacing:-2px}}@media(max-width:640px){header,main,footer{margin-left:20px;margin-right:20px}header{padding:18px 0}.brand{font-size:11px;gap:7px}.brand span{font-size:24px}.marquee{padding-top:30px}.marquee-art{display:none}h1{font-size:49px;letter-spacing:-2.5px}.eyebrow{font-size:10px}.intro{font-size:14px;margin-bottom:24px}.console{grid-template-columns:1fr;gap:26px}.cell{font-size:76px}.playfield{padding:14px}.rail{gap:14px}.score-panel,.settings{padding:20px}.score-panel .panel-label{margin-bottom:14px}.scores strong{font-size:42px}.scores span{font-size:11px}.how{grid-template-columns:1fr;gap:18px;padding-top:40px}.how h2 br{display:none}footer{flex-wrap:wrap;line-height:1.5}.board-footer{font-size:8px;letter-spacing:0}.turn-bar p{font-size:16px}}@media(prefers-reduced-motion:no-preference){.cell[data-mark]:not([data-mark='']){animation:mark .16s ease-out}.scores strong.pop{animation:mark .2s ease-out}button{transition:border-color .12s,background .12s}@keyframes mark{from{transform:scale(.88);opacity:.4}to{transform:scale(1);opacity:1}}}