@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#fff;background:#050505;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.app-shell{background:#050505;place-items:center;min-height:100svh;padding:36px 20px;display:grid;position:relative;overflow:hidden}.stars{opacity:.16;background-image:radial-gradient(#fff 1px,#0000 1.4px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 74%);mask-image:radial-gradient(#000,#0000 74%)}.game{text-align:center;width:min(100%,720px);position:relative}h1{letter-spacing:-.09em;color:#fff;margin:0 0 25px;font-size:clamp(3.1rem,8vw,5.55rem);font-style:italic;line-height:.9}h1 span,h1 em,h1 b{color:#fff}h1 em{font-style:inherit}h1 b{font-weight:700}.scorebar{grid-template-columns:repeat(3,1fr) 112px;gap:13px;margin-bottom:22px;display:grid}.score,.reset{height:82px;box-shadow:none;background:#090909;border:1px solid #fff;border-radius:0;place-content:center;display:grid}.score span{text-transform:uppercase;letter-spacing:.1em;font-size:.77rem;font-weight:700}.score strong{margin-top:7px;font-family:DM Mono,monospace;font-size:2rem;line-height:1}.score.x,.score.tie,.score.o{color:#fff}.reset{color:#fff;cursor:pointer;gap:1px;font-size:.95rem;font-weight:700;transition:transform .2s,background .2s,color .2s}.reset:hover{color:#000;background:#fff;transform:translateY(-2px)}.reset i{font-family:sans-serif;font-size:2.2rem;font-style:normal;line-height:.7}.online-controls{justify-content:center;align-items:center;gap:14px;min-height:48px;margin:-3px 0 19px;display:flex}.online-button{color:#fff;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:1px solid #fff;padding:9px 15px;font-size:.82rem;font-weight:700;transition:background .16s,color .16s}.online-button:hover{color:#000;background:#fff}.online-status{color:#9e9e9e;font-family:DM Mono,monospace;font-size:.7rem}.online-status.connected{color:#fff}.online-status.error{color:#d6d6d6}.board{aspect-ratio:1;background:#fff;border-radius:0;grid-template-columns:repeat(3,1fr);gap:2px;width:min(100%,520px);margin:auto;padding:2px;display:grid;overflow:hidden;box-shadow:10px 10px #222}.cell{appearance:none;cursor:pointer;background:#050505;border:0;place-items:center;min-width:0;transition:background .16s,transform .16s;display:grid}.cell:hover:not(:disabled){background:#202020}.cell:focus-visible{outline-offset:-8px;z-index:1;outline:3px solid #fff}.cell span{font-family:DM Mono,monospace;font-size:clamp(4.5rem,16vw,9rem);font-weight:500;line-height:1;animation:.22s ease-out pop;transform:translateY(-3px)}.cell.x span,.cell.o span{color:#fff;text-shadow:none}.cell.winning{background:#313131}.turn{text-transform:uppercase;color:#fff;letter-spacing:.04em;justify-content:center;align-items:center;gap:22px;margin:19px 0 16px;font-family:DM Mono,monospace;font-size:1.3rem;font-weight:500;display:flex}.turn span{font-family:sans-serif;font-size:3rem;font-weight:300;line-height:.3}.turn.finished{color:#fff}.new-game{color:#000;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:0;min-width:220px;padding:13px 28px;font-size:1.35rem;font-weight:700;transition:transform .18s,background .18s,color .18s;box-shadow:5px 5px #383838}.new-game:hover{color:#fff;background:#000;transform:translate(2px,2px);box-shadow:3px 3px #383838}.hint{color:#aaa;margin:15px 0 0;font-family:DM Mono,monospace;font-size:.73rem}@keyframes pop{0%{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(1)}}@media (width<=620px){.app-shell{align-items:start;padding:25px 15px}.game{margin-top:4px}h1{margin-bottom:20px}.scorebar{grid-template-columns:repeat(3,1fr);gap:7px}.score{border-radius:12px;height:66px}.score span{font-size:.57rem}.score strong{font-size:1.55rem}.reset{grid-column:1/-1;grid-auto-flow:column;gap:8px;height:43px}.reset i{font-size:1.8rem}.online-controls{flex-direction:column;gap:7px;margin-bottom:15px}.board{border-radius:14px}.turn{margin-top:18px;font-size:1.05rem}.hint{margin-top:13px}}