*{box-sizing:border-box}body{align-items:center;background:radial-gradient(ellipse at center,#0f0f23 0,#0a0a1a 100%);display:flex;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;margin:0;min-height:100vh;overflow:hidden}body:before{background:radial-gradient(circle at 20% 20%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff00ff1a 0,#0000 50%),radial-gradient(circle at 40% 60%,#00ffff0d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.App{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #0f3460;border-radius:20px;box-shadow:0 8px 32px #0000004d;margin:20px;max-width:450px;overflow:hidden;padding:40px;position:relative;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.App:before{background:linear-gradient(45deg,#00ffff0d,#ff00ff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}h1{color:#00d4ff;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:32px;position:relative;text-shadow:0 0 20px #00d4ff80;z-index:1}.board{grid-gap:8px;align-content:center;background:#0000004d;border-radius:16px;box-shadow:inset 0 2px 10px #0000004d;display:grid;gap:8px;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);margin:32px auto;padding:20px;z-index:1}.board,.square{border:2px solid #0f3460;justify-content:center;position:relative}.square{align-items:center;aspect-ratio:1;background:linear-gradient(145deg,#1e1e3a,#2a2a4a);border-radius:12px;color:#00d4ff;cursor:pointer;display:flex;font-size:2.5rem;font-weight:800;height:auto;overflow:hidden;text-shadow:0 0 10px currentColor;transition:all .3s ease;width:100%}.square:before{background:linear-gradient(45deg,#00d4ff1a,#ff00ff1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.square:hover:before{opacity:1}.square:hover{background:linear-gradient(145deg,#2a2a4a,#1e1e3a);border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d;transform:translateY(-2px) scale(1.02)}.square:active{transform:translateY(0) scale(.98)}.square.filled{animation:fillSquare .4s ease}.square.winning{animation:winningPulse 1s ease-in-out infinite;background:linear-gradient(145deg,#10b981,#059669)!important;border-color:#10b981!important;box-shadow:0 0 30px #10b98199!important;color:#fff!important;text-shadow:0 0 15px #fffc!important}@keyframes fillSquare{0%{opacity:.5;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes winningPulse{0%,to{box-shadow:0 0 30px #10b98199}50%{box-shadow:0 0 40px #10b981cc}}.game-info{background:#0006;border:1px solid #0f3460;border-radius:12px;color:#00d4ff;font-size:1.4rem;margin:24px 0;padding:20px 24px;text-shadow:0 0 10px #00d4ff4d}.game-info,.reset-button{font-weight:700;position:relative;z-index:1}.reset-button{background:linear-gradient(145deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 6px 20px #10b9814d;color:#fff;cursor:pointer;font-size:1.1rem;letter-spacing:.025em;margin-top:24px;padding:16px 32px;text-shadow:0 0 10px #ffffff4d;transition:all .3s ease}.reset-button:hover{background:linear-gradient(145deg,#059669,#10b981);box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.reset-button:active{box-shadow:0 4px 15px #10b9814d;transform:translateY(0)}
/*# sourceMappingURL=main.e541d644.css.map*/