*{box-sizing:border-box}:root{color-scheme:dark;font-family:Tahoma,Arial,sans-serif;background:#080c20;color:#eef3ff}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 15% 15%,#16274c 0,transparent 55%),radial-gradient(ellipse at 95% 80%,#2b1540 0,transparent 55%);padding:24px 16px}main{max-width:440px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:10px}.tag{font-size:12px;color:#a8b8d9}h1{font-size:46px;margin:28px 0 10px}h1 span{color:#62f7ea;text-shadow:0 0 26px #39c6bd66}.intro{color:#b5bfd7;margin-bottom:26px;font-size:14px}button,select{font:inherit;border:1px solid #394665;border-radius:12px;background:#18213b;color:#eef3ff;padding:12px;cursor:pointer}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffce72;outline-offset:4px}button:disabled{cursor:default}.settings{display:flex;gap:12px}.settings label{flex:1;font-size:12px;color:#bac5dd}select{display:block;width:100%;margin-top:8px;font-size:13px}.players{display:flex;justify-content:space-between;margin-top:22px;padding:14px 18px;border:1px solid #2b3655;border-radius:16px;font-size:14px;background:#10172c}.players b{font-size:26px;vertical-align:middle;margin-right:12px}.x{color:#66fff1}.o{color:#ff85c8}#status{text-align:center;min-height:26px;font-size:15px;line-height:1.8}.board{direction:ltr;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#0c1126;padding:12px;border:1px solid #293859;border-radius:24px;box-shadow:0 18px 60px #0005}.cell{aspect-ratio:1;font-size:clamp(38px,12vw,66px);padding:0;line-height:1;background:linear-gradient(140deg,#1c2946,#131a32);border-color:#314162;border-radius:15px;transition:background .2s,transform .2s}.cell:not(:disabled):hover{background:#2b3b5a;transform:translateY(-2px)}.cell.x{text-shadow:0 0 20px #62fff18c}.cell.o{text-shadow:0 0 20px #ff85c88c}.cell.win{background:#224d50;border:2px solid #95ffcf}.actions{display:flex;gap:10px;margin-top:20px}.actions button{flex:1}.primary{background:#64f5df;color:#082b2d;font-weight:700;border-color:#64f5df}#score{text-align:center;color:#b5bfd7;font-size:13px}details{font-size:13px;color:#b5bfd7;line-height:2;margin-top:24px}summary{cursor:pointer}.overlay{position:fixed;inset:0;background:#030715db;display:grid;place-items:center;padding:24px;z-index:5}.overlay[hidden]{display:none}.overlay section{background:#18213b;border:1px solid #566486;border-radius:24px;text-align:center;padding:30px;max-width:360px;width:100%}.overlay p{line-height:1.8;color:#b5bfd7}@media(max-width:360px){body{padding:14px 10px}h1{font-size:36px;margin-top:20px}.board{gap:7px;padding:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}