:root{color:#1c2a2e;background:#f7f6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--x-color: #087c86;--o-color: #f25a4f;--ink: #1c2a2e;--muted: #65767a;--paper: #fffdfa;--line: #203238;--feedback-bg: #fff3bf;--feedback-line: #e1ae24}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at top,rgba(8,124,134,.08),transparent 34rem),linear-gradient(180deg,#fffdfa,#f2f4ed)}button{font:inherit}#app{min-height:100vh}.game-shell{width:min(100% - 32px,760px);min-height:100vh;margin:0 auto;padding:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.score-strip{width:min(100%,620px);min-height:72px;padding:12px 18px;display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;align-items:center;border:1px solid rgba(28,42,46,.12);border-radius:8px;background:#fffdfae0;box-shadow:0 14px 40px #1c2a2e14}.score-item{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center}.score-icon{grid-row:1 / span 2;width:44px;text-align:center;color:var(--muted);font-size:42px;font-weight:800;line-height:1}.score-item-x .score-icon,.score-item-x .score-count{color:var(--x-color)}.score-item-o .score-icon,.score-item-o .score-count{color:var(--o-color)}.score-label{min-width:0;color:var(--ink);font-size:16px;font-weight:750;line-height:1.1}.score-count{font-size:28px;font-weight:850;line-height:1}.score-divider{width:1px;height:44px;background:#1c2a2e2e}.game-status{min-width:220px;min-height:58px;margin:0;padding:10px 28px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(8,124,134,.24);border-radius:999px;background:#e6f5f1;color:var(--ink);font-size:24px;font-weight:800;line-height:1}.status-won{background:#eaf6df;border-color:#5c8f2f47}.status-draw{background:#f3f0e8;border-color:#65767a3d}.status-badge{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:999px;color:#fff;font-size:26px;font-weight:850;line-height:1}.player-X{background:var(--x-color)}.player-O{background:var(--o-color)}.board{width:min(100%,440px,calc(100vh - 320px));min-width:min(100%,260px);aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--line);border-radius:8px;overflow:hidden;background:var(--paper)}.cell{width:100%;aspect-ratio:1;display:grid;place-items:center;border:0;border-right:2px solid var(--line);border-bottom:2px solid var(--line);background:#fffdfaeb;color:#65767a7a;cursor:pointer;font-size:clamp(52px,14vw,104px);font-weight:850;line-height:1}.cell:nth-child(3n){border-right:0}.cell:nth-child(n+7){border-bottom:0}.cell:hover,.cell:focus-visible{background:#edf7f4;outline:none}.cell-x{color:var(--x-color)}.cell-o{color:var(--o-color)}.cell-empty{color:#65767a5c}.feedback{width:min(100%,540px);min-height:48px;margin:0;padding:10px 16px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;color:var(--ink);font-size:18px;font-weight:750}.feedback-visible{border-color:var(--feedback-line);background:var(--feedback-bg)}.feedback-visible:before{content:"!";width:24px;height:24px;margin-right:10px;display:inline-grid;place-items:center;border-radius:999px;background:var(--feedback-line);color:#fff;font-size:16px;font-weight:900}.reset-button{min-width:180px;min-height:54px;padding:10px 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:2px solid var(--x-color);border-radius:8px;background:#fffdfadb;color:var(--x-color);cursor:pointer;font-size:22px;font-weight:850}.reset-button:hover,.reset-button:focus-visible{background:#e6f5f1;outline:none}.reset-icon{font-size:30px;line-height:1}@media(max-width:560px){.game-shell{width:min(100% - 20px,420px);padding:20px 0;gap:12px}.score-strip{min-height:64px;padding:10px}.score-item{grid-template-columns:28px minmax(0,1fr);column-gap:6px}.score-icon{width:28px;font-size:28px}.score-label{font-size:12px}.score-count{font-size:22px}.score-divider{height:36px}.game-status{min-width:176px;min-height:48px;padding:8px 18px;font-size:20px}.status-badge{width:32px;height:32px;font-size:22px}.feedback{min-height:44px;font-size:16px}.reset-button{min-width:150px;min-height:48px;font-size:19px}}