:root{--paper:#f7f1df;--ink:#11110f;--blue:#1437ff;--coral:#ff5b4d;--lime:#caff4d;--line:3px solid var(--ink)}*{box-sizing:border-box}html{background:var(--blue)}body{color:var(--ink);background:var(--paper);min-height:100dvh;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}button{color:inherit}:is(button:focus-visible,a:focus-visible){outline:5px solid var(--coral);outline-offset:4px}.shell{border-inline:var(--line);background:var(--paper);width:min(100%,760px);min-height:100dvh;margin:0 auto}.masthead{border-bottom:var(--line);letter-spacing:.12em;justify-content:space-between;align-items:center;min-height:58px;padding:12px 16px;font-size:.76rem;font-weight:900;display:flex}.homeLink{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px}.edition{background:var(--lime);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:7px 9px}.hero{border-bottom:var(--line);background:linear-gradient(135deg,var(--paper) 75%,var(--coral) 75%);grid-template-columns:1.15fr .85fr;gap:12px;padding:20px 16px;display:grid}.eyebrow{letter-spacing:.2em;margin:0 0 8px;font-size:.7rem;font-weight:900}h1{letter-spacing:-.09em;margin:0;font-size:clamp(3.5rem,18vw,7.5rem);font-weight:1000;line-height:.71}h1 span{color:var(--blue)}.scoreCard{border:var(--line);min-width:0;box-shadow:8px 8px 0 var(--blue);background:#fff;align-self:end;padding:12px;transform:rotate(2deg)}.scoreCard p{letter-spacing:.1em;margin:0;font-size:.68rem;font-weight:900}.scoreCard strong{letter-spacing:-.08em;font-size:clamp(2.1rem,10vw,4rem);line-height:1.1;display:block;overflow:hidden}.scoreCard div{flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:.64rem;font-weight:900;display:flex}.gamePanel{padding:18px 16px 28px}.controls{letter-spacing:.08em;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:.72rem;font-weight:900;display:flex}.controls>span{margin-right:auto}.controls button,.quiet{border:2px solid var(--ink);cursor:pointer;background:0 0;min-height:44px;padding:8px 11px;font-size:.72rem;font-weight:900}.controls button.active{color:#fff;background:var(--blue);box-shadow:3px 3px 0 var(--ink)}.status{border:2px solid var(--ink);background:var(--lime);text-align:center;place-items:center;min-height:52px;margin-bottom:12px;padding:9px;font-size:.95rem;font-weight:900;display:grid}.board{aspect-ratio:1;border:var(--line);background:var(--ink);box-shadow:10px 10px 0 var(--blue);grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.cell{cursor:pointer;background:#fff;border:0;place-items:center;min-width:0;min-height:0;font-size:clamp(3rem,20vw,8rem);font-weight:1000;line-height:1;transition:background .15s,transform .1s;display:grid}.cell:not(:disabled):hover{background:#eee9db}.cell:not(:disabled):active{transform:scale(.94)}.cell.markX{color:var(--blue)}.cell.markO{color:var(--coral)}.cell.winner{color:var(--ink);background:var(--lime);animation:.45s ease-out both pop}.cell:disabled{opacity:1;cursor:default}.actions{grid-template-columns:1fr auto;gap:10px;margin-top:22px;display:grid}.primary{border:var(--line);background:var(--coral);letter-spacing:.08em;min-height:54px;box-shadow:5px 5px 0 var(--ink);cursor:pointer;padding:10px 14px;font-weight:1000}.quiet{align-self:center}.finePrint{margin:20px 0 0;font-size:.76rem;font-weight:700;line-height:1.5}@keyframes pop{50%{transform:scale(1.08)rotate(-2deg)}}@media (max-width:420px){.shell{border-inline:0}.hero{grid-template-columns:1fr .78fr;padding-inline:12px}.gamePanel{padding-inline:12px}.scoreCard{padding:9px}.actions{grid-template-columns:1fr}.quiet{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}