.tictactoe-page-bg{background:#100f22;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;position:relative;font-family:Exo,sans-serif}.title-shadow{text-shadow:0 0 10px rgba(173,216,230,.7),0 0 20px rgba(173,216,230,.5)}.neon-box-faint{border:2px solid rgba(0,255,255,.2);box-shadow:0 0 10px rgba(0,255,255,.1)}.neon-button{background-color:transparent;border:2px solid #00ffff;color:#00ffff;box-shadow:0 0 10px #00ffff,inset 0 0 10px #00ffff;text-shadow:0 0 5px #00ffff;transition:all .3s ease}.neon-button:hover{background-color:rgba(0,255,255,.1);color:#fff;border-color:#fff;box-shadow:0 0 20px #00ffff,inset 0 0 15px #00ffff}.tictactoe-modal{background-color:#0a192f;border:3px solid #00e5ff;border-radius:20px;box-shadow:0 0 20px #00e5ff,0 0 40px #00e5ff,inset 0 0 15px rgba(0,229,255,.5)}.tictactoe-modal .slider-thumb{background-color:#f7b733;border-color:#fff;box-shadow:0 0 10px #f7b733}.tictactoe-modal .slider-track{background-color:rgba(0,0,0,.4)}.tictactoe-modal .slider-range{background-color:#f7b733}.game-status{justify-content:space-between;width:100%;max-width:400px;margin-bottom:2rem;padding:0 1rem;color:white}.game-status,.status-player{display:flex;align-items:center}.status-player{flex-direction:column;gap:.5rem}.status-player svg{width:40px;height:40px}.status-player span{font-size:.9rem;font-weight:700;letter-spacing:1px;text-shadow:0 0 5px rgba(255,255,255,.5)}.status-vs{font-size:1.5rem;font-weight:700}.game-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.game-board{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:320px;height:320px;gap:10px}@media (max-width:400px){.game-board{width:280px;height:280px}}.square{background:rgba(0,0,0,.2);border:2px solid rgba(0,229,255,.3);border-radius:12px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .2s ease,transform .2s ease}.square:hover{background:rgba(0,229,255,.1);transform:scale(1.02)}.square svg{width:60%;height:60%;stroke-width:10;transition:all .3s ease}.square .o-icon{stroke:#00d4ff;filter:drop-shadow(0 0 8px #00d4ff) drop-shadow(0 0 12px #00d4ff)}.square .x-icon{stroke:#ff00c8;filter:drop-shadow(0 0 8px #ff00c8) drop-shadow(0 0 12px #ff00c8)}.winning-line-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.winning-line-svg line{stroke:white;stroke-width:12;stroke-linecap:round;filter:drop-shadow(0 0 10px white) drop-shadow(0 0 15px white);animation:draw-line .5s ease-out forwards}@keyframes draw-line{0%{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dasharray:1000;stroke-dashoffset:0}}.game-over-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(16,15,34,.8);z-index:10}.game-over-modal,.game-over-overlay{display:flex;align-items:center;justify-content:center}.game-over-modal{width:90%;max-width:380px;aspect-ratio:1/1.1;background-color:transparent;border:4px solid #ffaa00;border-radius:2rem;box-shadow:0 0 15px #ffaa00,0 0 30px #ffaa00,inset 0 0 15px #ffaa00;flex-direction:column;position:relative;padding-top:2rem}.game-over-crown{width:6rem;height:6rem;color:#ffaa00;filter:drop-shadow(0 0 10px #ffaa00);position:absolute;top:-3.5rem}.game-over-text{font-size:2.5rem;font-weight:700;color:#ffff00;text-shadow:0 0 10px #ffff00,0 0 20px #ffff00;margin-top:1rem;margin-bottom:2rem}.game-over-button-home{background:transparent;border:3px solid #00e5ff;color:#00e5ff;box-shadow:0 0 10px #00e5ff,inset 0 0 10px #00e5ff;height:3.5rem;font-size:1.25rem;font-weight:700}.game-over-button-home:hover{background-color:rgba(0,229,255,.1);color:white}.game-over-button-replay{background:transparent;border:3px solid #ffaa00;color:#ffaa00;box-shadow:0 0 10px #ffaa00,inset 0 0 10px #ffaa00;height:3.5rem;font-size:1.25rem;font-weight:700}.game-over-button-replay:hover{background-color:rgba(255,170,0,.1);color:white}