body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#f5f6f8;color:#1f2937;display:flex;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:32px 16px 48px}.app-shell{display:flex;flex-direction:column;gap:24px;width:min(100%,700px)}.hero{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 60px rgba(15,23,42,.08);padding:28px 30px;text-align:center}.title{color:#111827;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;margin:0}.subtitle{color:#4b5563;font-size:1rem;line-height:1.7;margin:16px auto 0;max-width:620px}.mode-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:22px}.action-button,.mode-button,.reset-button{border:none;border-radius:999px;cursor:pointer;font-size:.98rem;font-weight:700;padding:12px 24px;transition:box-shadow .18s ease,background-color .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,-webkit-transform .18s ease}.action-button,.mode-button{background:#111827;box-shadow:0 10px 24px rgba(15,23,42,.12);color:#fff}.mode-button.secondary,.reset-button.secondary{background:#fff;border:1px solid #d1d5db;color:#111827}.action-button:hover,.mode-button:hover,.reset-button:hover{box-shadow:0 14px 28px rgba(15,23,42,.16);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.game-card,.status-banner,.status-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 20px 50px rgba(15,23,42,.08);padding:22px;width:100%}.status-card{align-items:center;display:flex;flex-direction:column;gap:16px}.status-title{color:#111827;font-size:1.25rem;letter-spacing:-.02em;margin:0}.status-message{color:#475569;font-size:.98rem;margin:0}.status-banner{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.board-shell{grid-gap:18px;background:#fff;border:1px solid #e5e7eb;border-radius:22px;display:grid;gap:18px;padding:22px}.board{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center}.board-container{position:relative}.box{display:contents}.board-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.status-turn{color:#111827;font-size:.98rem;font-weight:700}.block{align-items:center;background:#f8fafc;border:1px solid #d1d5db;border-radius:18px;color:#111827;cursor:pointer;display:flex;font-size:1.9rem;font-weight:800;height:102px;justify-content:center;letter-spacing:.04em;position:relative;transition:background .18s ease,box-shadow .18s ease,-webkit-transform .15s ease;transition:transform .15s ease,background .18s ease,box-shadow .18s ease;transition:transform .15s ease,background .18s ease,box-shadow .18s ease,-webkit-transform .15s ease;width:102px}.block:hover{background:#eef2ff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.block.winning{background:#fdf2f2;box-shadow:0 0 0 4px rgba(239,68,68,.12);color:#b91c1c}.block.winning-x{background:#dbeafe;box-shadow:0 0 0 4px rgba(59,130,246,.12);color:#1e40af}.block.winning-o{background:#fdf2f2;box-shadow:0 0 0 4px rgba(239,68,68,.12);color:#b91c1c}.block .win-line{inset:0;pointer-events:none;position:absolute;z-index:2}.win-line-svg line{-webkit-animation:drawLine .5s ease-in-out forwards;animation:drawLine .5s ease-in-out forwards}@-webkit-keyframes drawLine{to{stroke-dashoffset:0}}@keyframes drawLine{to{stroke-dashoffset:0}}.reset-button{background:#111827;color:#fff;width:100%}@media (max-width:520px){.app-shell{gap:18px}.hero{padding:22px}.board{gap:10px}.block{font-size:1.6rem;height:80px;width:80px}}
/*# sourceMappingURL=main.5e12b6e1.css.map*/