@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";:root{color:#172033;background:#f7f1e8;font-family:DM Sans,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;overflow:hidden;position:relative;padding:30px 20px;background:radial-gradient(circle at 20% 14%,rgba(255,126,107,.15) 0 2px,transparent 3px),radial-gradient(circle at 82% 80%,rgba(67,130,255,.15) 0 2px,transparent 3px),#f7f1e8;background-size:34px 34px,42px 42px,auto}.background-mark{position:absolute;z-index:0;font-family:Space Grotesk,sans-serif;line-height:.7;-webkit-user-select:none;user-select:none;opacity:.9}.background-mark-x{color:#ff765f;font-size:clamp(150px,22vw,330px);top:7%;left:max(-80px,calc(50% - 600px));transform:rotate(-12deg)}.background-mark-o{color:#4b82f1;font-size:clamp(170px,24vw,350px);right:max(-90px,calc(50% - 620px));bottom:4%;transform:rotate(8deg)}.game-card{width:min(100%,650px);position:relative;z-index:1;padding:34px 38px 27px;border:3px solid #172033;border-radius:30px;background:#fffdf9f7;box-shadow:12px 12px #172033}.game-card:before{content:"";position:absolute;width:18px;height:18px;border:3px solid #172033;border-radius:50%;background:#ffd75e;top:-10px;left:54px}.game-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:2px solid #172033}.eyebrow{margin:0 0 4px;color:#687087;font-size:11px;font-weight:800;letter-spacing:.22em}h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(31px,7vw,45px);line-height:.95;letter-spacing:-.055em}.round-badge{min-width:78px;min-height:62px;padding:9px 12px;display:grid;align-content:center;justify-items:center;border:2px solid #172033;border-radius:13px;background:#ffd75e;box-shadow:4px 4px #172033;transform:rotate(2deg)}.round-badge span{font-size:10px;font-weight:800;letter-spacing:.15em}.round-badge strong{font-family:Space Grotesk,sans-serif;font-size:24px;line-height:1}.scoreboard{display:grid;grid-template-columns:1fr .8fr 1fr;align-items:stretch;margin:18px 0;overflow:hidden;border:2px solid #172033;border-radius:14px}.score{min-height:61px;padding:8px 13px;display:flex;align-items:center;justify-content:space-between;gap:7px}.score+.score{border-left:2px solid #172033}.score-x{background:#ffe3dd}.score-o{background:#dbe7ff}.score-draws{background:#fffdf9;flex-direction:column;justify-content:center;gap:0}.score-label{font-size:10px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.score-label b{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:4px;color:#fff;border:2px solid #172033;border-radius:50%;background:#ff765f;font-size:13px}.score-o .score-label b{background:#4b82f1}.score strong{font-family:Space Grotesk,sans-serif;font-size:26px}.score-draws strong{font-size:20px;line-height:1}.board-wrap{padding:12px;border:2px solid #172033;border-radius:24px;background:#172033;box-shadow:7px 7px #ffbf5b}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;aspect-ratio:1}.square{width:100%;min-width:0;border:0;border-radius:14px;display:grid;place-items:center;color:#172033;background:#fffdf9;cursor:pointer;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}.square:not(:disabled):hover{z-index:1;background:#fff5d7;box-shadow:inset 0 0 0 3px #ffd75e;transform:scale(.96)}.square:focus-visible{outline:4px solid #ffd75e;outline-offset:-6px}.square:disabled{cursor:default;opacity:1}.square-winning{background:#fff0a9;animation:winner-pop .44s ease both}.mark{width:66%;height:66%;overflow:visible;filter:drop-shadow(3px 3px 0 rgba(23,32,51,.16));animation:mark-in .19s cubic-bezier(.2,.85,.45,1.3) both}.mark path,.mark circle{fill:none;stroke-linecap:round;stroke-width:13}.mark-x path{stroke:#ff765f}.mark-o circle{stroke:#4b82f1}.status{min-height:55px;margin:17px 0 14px;display:flex;align-items:center;justify-content:center;gap:12px;border:2px solid #172033;border-radius:999px;background:#fff;font-family:Space Grotesk,sans-serif;font-size:17px;letter-spacing:.05em}.status-dot{width:8px;height:8px;border:2px solid #172033;border-radius:50%;background:#ffd75e}.status-won{background:#fff0a9}.status-won .status-dot{background:#ff765f}.status-draw{background:#eaeef8}.actions{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}.button{min-height:52px;padding:12px 18px;border:2px solid #172033;border-radius:13px;color:#172033;font-size:12px;font-weight:800;letter-spacing:.1em;cursor:pointer;box-shadow:4px 4px #172033;transition:transform .12s ease,box-shadow .12s ease}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px #172033}.button:active{transform:translate(4px,4px);box-shadow:0 0 #172033}.button:focus-visible{outline:3px solid #4b82f1;outline-offset:3px}.button-primary{display:flex;align-items:center;justify-content:center;gap:10px;background:#ff765f}.button-primary svg{width:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}.button-secondary{background:#fffdf9}.game-note{margin:18px 0 0;color:#687087;text-align:center;font-size:11px;font-weight:700;letter-spacing:.02em}.game-note span{color:#ff765f;margin-right:5px}@keyframes mark-in{0%{opacity:0;transform:scale(.35) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes winner-pop{50%{transform:scale(.93)}}@media(max-width:560px){.app-shell{padding:18px 14px 24px;place-items:start center}.game-card{padding:25px 18px 20px;border-radius:23px;box-shadow:7px 7px #172033}.game-header{padding-bottom:15px}.eyebrow{font-size:10px}h1{font-size:clamp(31px,10vw,40px)}.round-badge{min-width:67px;min-height:56px;padding:7px 9px}.round-badge strong{font-size:21px}.scoreboard{margin:14px 0}.score{min-height:54px;padding:6px 8px;flex-direction:column;justify-content:center;gap:0}.score-label{font-size:10px}.score-label b{display:none}.score strong{font-size:21px;line-height:1}.board-wrap{padding:9px;border-radius:19px;box-shadow:5px 5px #ffbf5b}.board{gap:6px}.square{border-radius:10px}.status{margin:14px 0 11px;min-height:48px;font-size:15px}.actions{grid-template-columns:1fr;gap:9px}.button{min-height:48px}.game-note{margin-top:14px;line-height:1.4}.background-mark{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}