:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:100vw;min-height:100vh;display:flex;place-items:center;justify-content:space-around;background:linear-gradient(180deg,#ffe3ffb3,#f9baffb3),url(/react-tic-tac-toe/assets/wallpaper-3qdDMEj1.png);background-size:cover;background-position:center}.board{margin:auto}.board-row{display:flex;pointer-events:none}.board-row.active{pointer-events:auto}.square{background:#ffe3ff;border-radius:8px;border:1px solid black;padding:1.2em;font-size:1.5em;font-weight:700;font-family:inherit;cursor:pointer;transition:border-color .25s;height:2rem;width:2rem;text-align:center;margin:2px;cursor:crosshair}.square.active{box-shadow:3px 2px 1px #f0f;cursor:not-allowed}.square:hover{border-color:#646cff}.square:focus,.square:focus-visible{outline:4px auto -webkit-focus-ring-color}button{font-family:"Press Start 2P";font-size:1.3rem;font-weight:800;letter-spacing:5px;padding:1rem 3rem;border:3px solid #ff99ff;border-radius:8px;background:linear-gradient(180deg,#ffe3ff,#f9baff);color:#7a0049;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff;box-shadow:3px 3px #ff80df,6px 6px #ff47b8;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #f0f,8px 8px #ff5d9e}button:active{transform:translate(2px,2px);box-shadow:1px 1px #f0f,3px 3px #ff5d9e;background:linear-gradient(180deg,#ffd1e0,#ffa1c2)}p{font-weight:600;font-size:1.1rem}.banner{text-align:center;margin-bottom:1rem}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}.confetti-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:0;width:8px;height:12px;opacity:.8;border-radius:2px;animation:fall 2.5s linear infinite}.confetti-piece:nth-child(5n+1){background:#ff9ad5}.confetti-piece:nth-child(5n+2){background:#ffe3ee}.confetti-piece:nth-child(5n+3){background:#ffd1dc}.confetti-piece:nth-child(5n+4){background:#a5f0ff}.confetti-piece:nth-child(5n+5){background:#fff3b0}@keyframes fall{0%{transform:translateY(-10%) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.9}}.confetti-piece:nth-child(1){left:5%;animation-delay:0s}.confetti-piece:nth-child(2){left:10%;animation-delay:.2s}.confetti-piece:nth-child(3){left:15%;animation-delay:.4s}.confetti-piece:nth-child(4){left:20%;animation-delay:.1s}.confetti-piece:nth-child(5){left:25%;animation-delay:.3s}.confetti-piece:nth-child(6){left:30%;animation-delay:.5s}.confetti-piece:nth-child(7){left:40%;animation-delay:.6s}.confetti-piece:nth-child(8){left:45%;animation-delay:.2s}.confetti-piece:nth-child(9){left:50%;animation-delay:.4s}.confetti-piece:nth-child(10){left:55%;animation-delay:.7s}.confetti-piece:nth-child(11){left:60%;animation-delay:.1s}.confetti-piece:nth-child(12){left:65%;animation-delay:.5s}.confetti-piece:nth-child(13){left:70%;animation-delay:.3s}.confetti-piece:nth-child(14){left:75%;animation-delay:.6s}.confetti-piece:nth-child(15){left:80%;animation-delay:.8s}.confetti-piece:nth-child(16){left:85%;animation-delay:.2s}.confetti-piece:nth-child(17){left:90%;animation-delay:.4s}.confetti-piece:nth-child(18){left:92%;animation-delay:.6s}.confetti-piece:nth-child(19){left:95%;animation-delay:.7s}.confetti-piece:nth-child(20){left:98%;animation-delay:.9s}