@import url(https://fonts.googleapis.com/css2?family=Exo+2:wght@700&family=Inter:wght@400;600;700&display=swap);:root{--bg-color:#f2f5f8;--card-bg:#fff;--toss-blue:#0064ff;--text-main:#191f28;--text-sub:#4e5968;--clay-shadow-out:8px 8px 16px 0 #0000000d;--clay-shadow-in:inset -4px -4px 8px 0 #0000000d,inset 4px 4px 8px 0 #ffffffe6;--btn-radius:32px}*{box-sizing:border-box}body{background-color:#f2f5f8;background-color:var(--bg-color);color:#191f28;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0}.game,body{align-items:center;display:flex}.game{background:#fff;background:var(--card-bg);border-radius:40px;box-shadow:0 20px 60px #00000014;flex-direction:column;gap:2.5rem;padding:3rem}@media (min-width:768px){.game{align-items:flex-start;flex-direction:row;padding:4rem}}.game-board{align-items:center;display:flex;flex-direction:column}.status{color:#191f28;color:var(--text-main);font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:30px;text-align:center}.board-row,.square{display:flex}.square{align-items:center;background:#f8fafc;border:none;border-radius:32px;border-radius:var(--btn-radius);box-shadow:8px 8px 16px 0 #0000000d,inset -4px -4px 8px 0 #0000000d,inset 4px 4px 8px 0 #ffffffe6;box-shadow:var(--clay-shadow-out),var(--clay-shadow-in);cursor:pointer;height:120px;justify-content:center;margin:8px;padding:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:120px}.square:hover{background:#fff;box-shadow:12px 12px 24px 0 #00000014,inset -4px -4px 8px 0 #0000000d,inset 4px 4px 8px 0 #ffffffe6;box-shadow:12px 12px 24px 0 #00000014,var(--clay-shadow-in);transform:translateY(-4px) scale(1.02)}.square:active{box-shadow:inset 4px 4px 8px 0 #0000000d;transform:scale(.95)}.icon-x{align-items:center;display:flex;height:70px;justify-content:center;position:relative;width:70px}.icon-x__line{background-color:#0064ff;background-color:var(--toss-blue);border-radius:10px;box-shadow:4px 4px 10px #0064ff33,inset -2px -2px 4px #0000001a,inset 2px 2px 4px #ffffff80;height:70px;position:absolute;width:14px}.icon-x__line:first-child{transform:rotate(45deg)}.icon-x__line:last-child{transform:rotate(-45deg)}.icon-o{background:#0000;border:14px solid #ff4081;border-radius:50%;box-shadow:4px 4px 10px #ff408133,inset -3px -3px 6px #00000026,inset 3px 3px 6px #fff9;height:66px;width:66px}.square:hover .icon-x__line{transform:rotate(45deg) scale(1.05)}.square:hover .icon-x__line:last-child{transform:rotate(-45deg) scale(1.05)}.square:hover .icon-o{transform:scale(1.05)}.square.vanishing{animation:toss-pulse 2s ease-in-out infinite;border:4px dashed #e5e8eb}@keyframes toss-pulse{0%{opacity:1;transform:scale(1)}50%{filter:grayscale(.5);opacity:.4;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.game-info{margin-top:20px;min-width:260px}@media (min-width:768px){.game-info{margin-left:40px;margin-top:0}}.game-info h2{color:#4e5968;color:var(--text-sub);font-size:18px;margin-bottom:20px}.game-info ol{list-style:none;max-height:400px;overflow-y:auto;padding:0}.game-info li{margin-bottom:12px}.game-info button{background:#f1f4f6;border:none;border-radius:16px;color:#4e5968;color:var(--text-sub);font-size:15px;font-weight:600;padding:14px 20px;text-align:left;transition:all .2s;width:100%}.game-info button:hover{background:#e5e8eb;color:#0064ff;color:var(--toss-blue);transform:translateX(6px)}
/*# sourceMappingURL=main.6546cec5.css.map*/