body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}:root{--x-color:#3b82f6;--o-color:#ef4444;--grid-color:#e5e7eb;--hover-color:#f3f4f6;--text-color:#1f2937;--score-bg:#f8fafc}body{background:#fff;color:var(--text-color)}.game-container{max-width:28rem;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);min-height:100vh;display:flex;flex-direction:column;justify-content:center}h1{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:1.5rem}.score-container{justify-content:space-between;margin-bottom:1.5rem;padding:1rem;background:var(--score-bg);border-radius:.5rem}.score-container,.score-item{display:flex;align-items:center}.score-item{flex-direction:column}.score-label{font-size:.875rem;font-weight:500;color:#6b7280;margin-bottom:.25rem}.score-value{font-size:1.5rem;font-weight:700;color:#1f2937}.text-x-color{color:var(--x-color)}.text-o-color{color:var(--o-color)}.status-text{font-size:1.125rem;font-weight:600;text-align:center;margin-bottom:1rem;min-height:2.5rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.5rem}.square{width:6rem;height:6rem;border:2px solid var(--grid-color);font-size:2.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;transition:background-color .2s;border-radius:.25rem}.square:hover:not(:disabled){background:var(--hover-color)}.square:disabled{cursor:default}.square-x{color:var(--x-color)}.square-o{color:var(--o-color)}.btn-secondary{background:#e5e7eb;color:#1f2937;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:background-color .2s}.btn-secondary:hover:not(:disabled){background:#d1d5db}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.flex{display:flex}.flex-col{flex-direction:column}.space-y-3>*+*{margin-top:.75rem}.instructions{font-size:.875rem;color:#6b7280;text-align:center;margin-top:1.5rem}@media (max-width:640px){.game-container{padding:1rem}.square{width:5rem;height:5rem;font-size:1.875rem;border:1px solid var(--grid-color)}.score-container{padding:.75rem}.score-value{font-size:1.25rem}}