@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@700;800;900&display=swap";:root{color:#263448;background:#f7f9fc;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:4px;outline:3px solid #2675cc}.game-header{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;height:92px;margin:auto;padding:0 40px;display:flex}.brand{align-items:center;gap:24px;display:flex}.brand img{width:165px;height:auto}.brand>span{color:#778293;border-left:1px solid #dce2eb;padding-left:24px;font-size:10px;font-weight:700}.all-games{color:#5d6d84;font-size:13px;font-weight:700}.all-games:hover{color:#3a65a1}.tic-game{text-align:center;max-width:760px;margin:auto;padding:20px 24px 0}.eyebrow{color:#7d8ca1;letter-spacing:.14em;margin:0 0 6px;font-size:10px;font-weight:800}.game-mark{justify-content:center;align-items:center;gap:8px;height:60px;font:900 60px/.8 Nunito,sans-serif;display:flex}.game-mark span{color:#e06a83;transform:rotate(-8deg)}.game-mark i{color:#4e9d80;font-style:normal;transform:translateY(3px)rotate(8deg)}h1{letter-spacing:-.04em;margin:8px 0 4px;font:900 clamp(38px,6vw,54px)/1.1 Nunito,sans-serif}h1 span{color:#ea906d}.tic-intro>p:last-child{color:#7b8797;margin:0;font-size:15px}.game-card{background:#fff;border:1px solid #e0e6ef;border-radius:20px;max-width:520px;margin:26px auto 0;padding:25px;box-shadow:0 18px 60px #2634480d}.scoreboard{border-bottom:1px solid #edf0f5;grid-template-columns:1fr .85fr 1fr;gap:10px;padding-bottom:20px;display:grid}.scoreboard>div{background:#f7f9fc;border-radius:10px;padding:10px 8px;position:relative}.scoreboard span{color:#7c889a;font-size:11px;font-weight:700;display:block}.scoreboard strong{margin-top:2px;font:900 25px/1 Nunito,sans-serif;display:block}.score-player b{font:900 17px/1 Nunito,sans-serif;position:absolute;top:9px}.score-player--x{color:#d65673}.score-player--x b{right:12px}.score-player--o{color:#43896f}.score-player--o b{left:12px}.score-draw{color:#627493}.turn-message{color:#64748a;min-height:24px;margin:19px 0 16px;font-size:14px;font-weight:600}.tic-board{grid-template-columns:repeat(3,1fr);gap:9px;max-width:350px;margin:auto;display:grid}.tic-cell{aspect-ratio:1;color:#d65673;background:#f9fbfd;border:2px solid #e4e9f0;border-bottom-width:6px;border-radius:14px;font:900 clamp(46px,12vw,72px)/1 Nunito,sans-serif;transition:transform .14s,background .14s}.tic-cell:hover:not(:disabled):empty{background:#f1f5fb;transform:translateY(-2px)}.tic-cell.is-o{color:#43896f}.tic-cell.is-winning{background:#e6f5eb;border-color:#87c9a9;animation:.55s pop}.play-again{color:#fff;background:#456fb2;border:0;border-radius:8px;min-height:44px;margin-top:21px;padding:0 17px;font-size:13px;font-weight:700}.play-again:hover{background:#355b99}.game-tip{color:#8793a3;margin:16px 0;font-size:12px}.game-footer{color:#96a0ad;justify-content:space-between;gap:12px;max-width:1200px;margin:18px auto 0;padding:20px 40px;font-size:11px;display:flex}.game-footer a:hover{color:#3a65a1}.celebration{pointer-events:none;z-index:10;position:fixed;inset:0;overflow:hidden}.celebration i{--x:0px;--r:0deg;--delay:0s;opacity:0;background:#f3b742;border-radius:3px;width:11px;height:17px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.celebration i:nth-child(4n+1){background:#e86d89}.celebration i:nth-child(4n+2){background:#5a9fe8}.celebration i:nth-child(4n+3){background:#57b982}.celebration.is-celebrating i{animation:confetti-pop .9s cubic-bezier(.1,.75,.25,1) var(--delay) both}.no-script{text-align:center;color:#a04550;padding:16px}@keyframes pop{35%{transform:scale(1.1)rotate(-2deg)}65%{transform:scale(.97)rotate(2deg)}}@keyframes confetti-pop{12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),180px) rotate(var(--r))}}@media (width<=600px){.game-header{height:78px;padding:0 20px}.brand img{width:135px}.brand>span{display:none}.tic-game{padding:12px 16px 0}.game-card{border-radius:16px;padding:18px 14px}.tic-board{gap:7px}.tic-cell{border-bottom-width:5px;border-radius:11px}.game-footer{margin-top:5px;padding:16px 20px}.all-games{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
