:root{--bg:#09051a;--panel:#110b2c;--ink:#f7f3ff;--pink:#ff2bd6;--cyan:#26e6ff;--lime:#d7ff3f;--muted:#9a8fb9}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 15%,#29105b 0,#09051a 55%);color:var(--ink);font-family:Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#fff0 0 3px,#ffffff08 4px 5px);mix-blend-mode:screen}.shell{max-width:960px;margin:auto;padding:30px 44px 24px}.topbar,.game-head,.game-foot{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:12px;line-height:.9;font-weight:700;letter-spacing:.08em;text-shadow:0 0 10px var(--cyan)}.brand i{font-style:normal;color:var(--cyan)}.brand-mark{font-size:38px;color:var(--pink);text-shadow:0 0 7px var(--pink),0 0 22px var(--pink)}.round-label,.eyebrow,.status,.reset-small,.game-foot,.score-name,footer{font-family:monospace}.round-label{font-size:11px;letter-spacing:.1em;color:var(--cyan)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px;box-shadow:0 0 9px var(--lime)}.hero{margin:78px 0 38px;display:flex;align-items:end;justify-content:space-between}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--lime);margin:0 0 15px}.hero h1{font-size:clamp(58px,9vw,105px);line-height:.82;letter-spacing:-.08em;margin:0;font-weight:800;text-transform:uppercase;text-shadow:4px 4px 0 #6c145f}.hero h1 em{font-style:normal;color:var(--pink);text-shadow:0 0 8px var(--pink),0 0 25px var(--pink)}.intro{font-size:15px;line-height:1.5;margin:0 5% 5px 0;color:var(--muted)}.game-card{background:linear-gradient(145deg,#17103b,#0c0720);border:2px solid var(--cyan);padding:22px 25px 16px;max-width:590px;margin:auto;box-shadow:0 0 10px var(--cyan),0 0 35px #26e6ff44,inset 0 0 25px #ff2bd611}.status{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.08em;color:var(--cyan);text-shadow:0 0 8px var(--cyan)}.turn-symbol{font-size:18px;font-weight:bold;color:var(--pink)}button{font-family:inherit}.reset-small{background:none;border:0;color:var(--muted);font-size:10px;letter-spacing:.08em;cursor:pointer}.reset-small:hover{color:var(--lime)}.reset-small span{font-size:17px;margin-left:5px}.board{display:grid;grid-template-columns:repeat(3,1fr);margin:19px 0 14px;background:#05030d;border:2px solid var(--pink);box-shadow:0 0 12px var(--pink),0 0 35px #ff2bd633}.cell{height:132px;background:#070412;border:0;border-right:2px solid #552b70;border-bottom:2px solid #552b70;color:var(--ink);font-size:72px;font-weight:600;cursor:pointer;transition:.2s}.cell:nth-child(3n){border-right:0}.cell:nth-child(n+7){border-bottom:0}.cell:hover:empty{background:#21104a;box-shadow:inset 0 0 22px #26e6ff66}.cell:focus-visible{outline:3px solid var(--lime)}.cell.x{color:var(--pink);text-shadow:0 0 7px var(--pink),0 0 22px var(--pink)}.cell.o{color:var(--cyan);text-shadow:0 0 7px var(--cyan),0 0 22px var(--cyan)}.cell.winner{background:#342052;box-shadow:inset 0 0 25px var(--lime)}.game-foot{font-size:9px;letter-spacing:.12em;color:var(--muted)}.scoreboard{max-width:590px;margin:26px auto 20px;display:flex;justify-content:space-between;align-items:center}.score{display:flex;align-items:center;gap:13px}.score-letter{font-size:26px;font-weight:600}.player-x .score-letter{color:var(--pink);text-shadow:0 0 10px var(--pink)}.player-o .score-letter{color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.score-name{display:block;color:var(--muted);font-size:9px;letter-spacing:.1em;margin-bottom:3px}.score strong{font:32px monospace;font-weight:500}.score-divider{font:10px monospace;color:var(--lime)}.new-game{display:block;margin:auto;background:var(--pink);color:#180719;border:0;padding:15px 23px;font:11px monospace;font-weight:bold;letter-spacing:.1em;cursor:pointer;box-shadow:0 0 10px var(--pink)}.new-game:hover{background:var(--lime);box-shadow:0 0 15px var(--lime)}footer{text-align:center;color:var(--muted);font-size:9px;letter-spacing:.16em;margin-top:42px}@media(max-width:600px){.shell{padding:22px 20px}.hero{margin:65px 0 35px;display:block}.hero h1{font-size:72px}.intro{margin-top:24px}.game-card{padding:17px 15px 13px}.cell{height:100px;font-size:57px}.score strong{font-size:27px}}
.start-screen{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#09051aee}.start-panel{width:min(90%,460px);padding:42px;background:var(--panel);text-align:center;border:2px solid var(--cyan);box-shadow:0 0 20px var(--cyan)}.start-panel h2{margin:8px 0 30px;font-size:clamp(40px,8vw,64px);line-height:.9;letter-spacing:-.06em}.mode-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.mode-buttons button{border:0;background:var(--pink);color:#180719;padding:15px 18px;font:11px monospace;font-weight:bold;letter-spacing:.08em;cursor:pointer}.mode-buttons button:hover{background:var(--lime);box-shadow:0 0 15px var(--lime)}
.eyebrow,.hero h1,.intro,.start-panel h2{animation:arcade-blur 4.5s ease-in-out infinite}.intro{animation-delay:1.2s}.hero h1{animation-duration:5s}.start-panel h2{animation-duration:4s}@keyframes arcade-blur{0%,100%{filter:blur(0);opacity:1}45%{filter:blur(2px);opacity:.72}55%{filter:blur(0);opacity:1}}@media(prefers-reduced-motion:reduce){.eyebrow,.hero h1,.intro,.start-panel h2{animation:none}}
.eyebrow,.hero h1,.intro,.start-panel h2{animation:arcade-glitch 3.8s steps(1,end) infinite}.intro{animation-delay:.8s}.hero h1{animation-duration:4.6s}.start-panel h2{animation-duration:3.2s}@keyframes arcade-glitch{0%,88%,100%{opacity:1;transform:translate(0);clip-path:inset(0 0 0 0);text-shadow:4px 4px 0 #6c145f}89%{opacity:.85;transform:translate(-3px,1px);clip-path:inset(15% 0 62% 0);text-shadow:3px 0 var(--cyan),-3px 0 var(--pink)}90%{opacity:1;transform:translate(3px,-1px);clip-path:inset(58% 0 18% 0);text-shadow:-3px 0 var(--cyan),3px 0 var(--pink)}91%{opacity:.65;transform:translate(-1px,0);clip-path:inset(0 0 0 0);text-shadow:5px 0 var(--pink),-5px 0 var(--cyan)}92%{opacity:1;transform:translate(0);clip-path:inset(0 0 0 0)}}
.start-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#09051af2}.start-screen.hidden{display:none}.start-panel em{font-style:normal;color:var(--pink);text-shadow:0 0 12px var(--pink)}.name-fields{display:grid;gap:12px;margin:0 auto 20px;text-align:left}.name-fields label{color:var(--cyan);font:10px monospace;letter-spacing:.1em}.name-fields input{display:block;width:100%;margin-top:6px;padding:12px;background:#070412;border:1px solid var(--pink);color:var(--ink);font:14px monospace;text-transform:uppercase;outline:none}.name-fields input:focus{box-shadow:0 0 12px var(--pink)}.coin{width:58px;height:58px;margin:8px auto;border:2px solid var(--lime);border-radius:50%;display:grid;place-items:center;color:var(--lime);font:bold 25px monospace;box-shadow:0 0 14px var(--lime)}.coin.flipping{animation:coin-flip 1.1s steps(4,end)}.coin-result{min-height:16px;color:var(--lime);font:10px monospace;letter-spacing:.08em}.start-button{margin-top:12px;border:0;background:var(--pink);color:#180719;padding:15px 18px;font:bold 11px monospace;letter-spacing:.08em;cursor:pointer;box-shadow:0 0 12px var(--pink)}@keyframes coin-flip{50%{transform:rotateY(900deg) scaleX(.2)}100%{transform:rotateY(1800deg)}}
.coin,.coin-result{display:none}.start-button{margin-top:12px}
.start-panel select{display:block;width:100%;margin:14px 0 18px;padding:12px;background:#070412;border:1px solid var(--cyan);color:var(--cyan);font:11px monospace;letter-spacing:.08em}