:root{--text:#08060d;--bg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#f3f4f6;--bg:#16171d}}body{margin:0}.game{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100vh;padding:2rem 1rem;display:flex}h1{letter-spacing:.15em;margin:0;font-size:2rem}.scoreboard{gap:.75rem;display:flex}.score{background:#8080801f;border-radius:.75rem;flex-direction:column;align-items:center;gap:.15rem;min-width:4.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;display:flex}.score span{font-size:1.4rem}.score.x{color:#e06c4f}.score.o{color:#4f8de0}.status{min-height:1.5em;margin:0;font-size:1.15rem}.status.over{font-size:1.35rem;font-weight:700}.board{grid-template-rows:repeat(3,88px);grid-template-columns:repeat(3,88px);gap:8px;display:grid}.square{cursor:pointer;background:#8080801f;border:none;border-radius:.75rem;font-family:inherit;font-size:2.6rem;font-weight:700;transition:background .15s,transform .1s}.square:hover:not(:disabled){background:#80808040}.square:active:not(:disabled){transform:scale(.95)}.square:disabled{cursor:default}.square.x{color:#e06c4f}.square.o{color:#4f8de0}.square.win{background:#50c8784d;animation:.3s pop}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.restart{color:#fff;cursor:pointer;background:#4f8de0;border:none;border-radius:999px;padding:.6rem 1.6rem;font-family:inherit;font-size:1rem;font-weight:600;transition:filter .15s}.restart:hover{filter:brightness(1.1)}