.xoMenu{display:grid;grid-gap:16px;gap:16px;padding:48px 0 20px;max-width:560px}.xoMenu h1{font-size:clamp(44px,7vw,72px);font-weight:800;line-height:1;letter-spacing:-1.5px}.xoModes{display:grid;grid-gap:14px;gap:14px;margin-top:10px}.xoMode{display:flex;align-items:center;gap:16px;width:100%;min-height:84px;padding:14px 18px;text-align:left;background:var(--card);border:var(--line);border-radius:20px;box-shadow:5px 5px 0 var(--ink);transition:transform .12s,box-shadow .12s}.xoMode:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.xoMode:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink)}.xoMode svg{flex:none}.xoModeText{display:grid;grid-gap:2px;gap:2px}.xoModeText b{font-size:24px;font-weight:800;line-height:1.1}.xoModeText span{font-size:15px;font-weight:700;color:var(--ink-soft);line-height:1.35}.xoPlay{display:grid;grid-template-columns:1fr 1.1fr;grid-template-areas:"info board";grid-gap:24px 44px;gap:24px 44px;align-items:start;padding-top:36px}.xoInfo{grid-area:info;display:grid;grid-gap:16px;gap:16px;justify-items:start}.xoInfo .btn{justify-self:stretch}.xoBoardCard{grid-area:board;background:var(--card);border:var(--line);border-radius:26px;box-shadow:8px 8px 0 var(--ink);padding:18px}.xoScores{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:10px;gap:10px;width:100%}.xoScores li{display:grid;justify-items:center;grid-gap:0;gap:0;padding:10px 8px;background:var(--card);border:var(--line);border-radius:16px}.xoScores li.x{background:#ffe2d6}.xoScores li.o{background:#d8efff}.xoScores li.draw{background:#f4eddc;min-width:70px}.xoScores b{font-size:34px;line-height:1}.xoScores span{font-size:13px;font-weight:800;color:var(--ink-soft)}.xoScoreIcon{width:26px;height:26px}.xoStatus{width:100%;padding:14px 16px;background:var(--card);border:var(--line);border-radius:16px;font-size:20px;font-weight:800;font-family:var(--font-display);line-height:1.3}.xoStatus.won{background:#d5f5e6}.xoStatus.draw{background:#f4eddc}.xoBoard{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;width:100%;max-width:440px;margin:0 auto}.xoCell{aspect-ratio:1;min-width:0;display:grid;place-items:center;padding:0;background:#fff;border:var(--line);border-radius:16px;box-shadow:0 4px 0 var(--ink);transition:transform .12s,background .12s}.xoCell:hover:not(:disabled){background:#fff4c4;transform:translateY(-2px)}.xoCell:disabled{cursor:default}.xoCell.filled{box-shadow:none;transform:translateY(4px)}.xoCell.win{background:var(--sun)}.xoMark{width:72%;height:72%;animation:xoPop .22s ease-out}@keyframes xoPop{0%{transform:scale(.4)}to{transform:scale(1)}}@media (max-width:860px){.xoPlay{grid-template-columns:1fr;grid-template-areas:"info" "board";gap:20px;padding-top:24px}.xoMenu{padding-top:32px}}@media (max-width:480px){.xoBoardCard{padding:12px;box-shadow:5px 5px 0 var(--ink)}.xoBoard{gap:6px}.xoModeText b{font-size:21px}}