.xo{max-width:960px;margin:auto;--xo-navy:#18334f}.xo-kicker{letter-spacing:normal;font-size:13px;color:var(--muted)}.xo h3{margin-top:24px}.xo-options,.xo-symbols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.xo label{display:grid;gap:8px}.xo-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px;margin:16px 0}.xo button[aria-pressed=true]{outline:2px solid var(--accent);background:var(--soft)}.xo-symbols button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;padding:20px;line-height:1.6}.xo-icon{font-size:36px}.xo .xo-primary{background:var(--xo-navy);color:white}.xo-score{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.xo-score>div{padding:14px;background:var(--soft);border-radius:12px;overflow-wrap:anywhere}.xo-score strong{display:block;font-size:28px;margin-top:8px}.xo-status{font-weight:bold;min-height:32px;margin:22px 0}.xo-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:420px;margin:20px auto 28px}.xo-board button{aspect-ratio:1;font-size:clamp(30px,8vw,56px);padding:4px;background:var(--soft);border:2px solid var(--line)}.xo-board button:disabled{opacity:1;color:inherit}.xo-board .xo-win{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.xo-words{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.xo-word{padding:12px 0}.xo button{transition:border-color .15s}.dark .xo{--xo-navy:#244768}@media(max-width:600px){.xo-options,.xo-symbols{grid-template-columns:1fr}.xo .card{padding:18px}.xo-score>div{padding:9px;font-size:14px}.xo .toolbar{align-items:flex-start;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.xo button{transition:none}}