@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;overflow:hidden;font-family:Orbitron,monospace;background:linear-gradient(135deg,#0f0f23,#1a1a3a);position:relative}.perspective-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;opacity:.3;background:linear-gradient(to bottom,transparent 0%,transparent 60%,rgba(0,255,255,.1) 60%,rgba(0,255,255,.2) 100%),repeating-linear-gradient(90deg,transparent,transparent calc(5vw - 1px),rgba(0,255,255,.3) 5vw,transparent calc(5vw + 1px));transform:perspective(500px) rotateX(60deg);transform-origin:center 60%}.perspective-grid:before{content:"";position:absolute;top:60%;left:0;width:100%;height:40%;background:repeating-linear-gradient(0deg,transparent,transparent calc(40vh / 15 - 1px),rgba(0,255,255,.3) calc(40vh / 15),transparent calc(40vh / 15 + 1px))}#scene-canvas{width:100vw;height:100vh;display:block;position:relative;z-index:1}#ui-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10}.menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:auto}#game-over.menu{background-color:#0a0a1ad9;padding:2rem 4rem;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.game-title{font-size:4rem;font-weight:900;color:#0ff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 5px #00ffff,0 0 10px #00ffff,0 0 15px #00ffff;margin-bottom:2rem;letter-spacing:.2em;animation:glow 2s ease-in-out infinite alternate}.game-over-title{font-size:3.5rem;font-weight:900;color:#ff4500;text-shadow:0 0 10px #ff4500,0 0 20px #ff4500,0 0 30px #ff4500;margin-bottom:2rem;letter-spacing:.2em;animation:glow-red 2s ease-in-out infinite alternate}.pause-title{font-size:8rem;font-weight:900;color:#ff0;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 0 10px #ffff00,0 0 20px #ffff00,0 0 30px #ffff00,0 0 40px #ffff00;margin-bottom:4rem;letter-spacing:.3em;animation:glow-yellow 2s ease-in-out infinite alternate;text-align:center;text-indent:.3em}.final-score{font-size:2rem;color:#ff0;text-shadow:0 0 10px #ffff00;margin-top:20px;margin-bottom:1.5rem}@keyframes glow{0%{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 5px #00ffff,0 0 10px #00ffff,0 0 15px #00ffff}to{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 10px #00ffff,0 0 15px #00ffff,0 0 20px #00ffff}}@keyframes glow-red{0%{text-shadow:0 0 10px #ff4500,0 0 20px #ff4500,0 0 30px #ff4500}to{text-shadow:0 0 20px #ff4500,0 0 30px #ff4500,0 0 40px #ff4500}}@keyframes glow-yellow{0%{text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 0 10px #ffff00,0 0 20px #ffff00,0 0 30px #ffff00,0 0 40px #ffff00}to{text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 0 20px #ffff00,0 0 30px #ffff00,0 0 40px #ffff00,0 0 50px #ffff00}}.game-over-buttons{display:flex;gap:1rem;justify-content:center}#pause-menu.menu{display:flex;flex-direction:column;align-items:center}.pause-buttons{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.pause-buttons .game-button{width:280px;min-width:250px}.game-button{background:linear-gradient(45deg,#ff6b35,#f7931e);border:none;color:#fff;padding:1rem 3rem;font-size:1.5rem;font-weight:700;font-family:Orbitron,monospace;cursor:pointer;border-radius:10px;box-shadow:0 5px 15px #ff6b3566,0 0 20px #ff6b3533;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em}.game-button:hover{background:linear-gradient(45deg,#ff8c42,orange);transform:translateY(-2px);box-shadow:0 7px 20px #ff6b3599,0 0 30px #ff6b3566}.game-button.selected{background:linear-gradient(45deg,#ff9c42,#ffc370);transform:translateY(-2px);box-shadow:0 0 10px #0ff,0 0 20px #0ff,0 7px 20px #ff6b3599}.game-button:active{transform:translateY(0)}.score-display{position:absolute;top:2rem;left:2rem;color:#ff0;font-size:2.4rem;font-weight:700;text-shadow:0 0 10px #ffff00;transition:opacity .5s ease}.difficulty-display{position:absolute;top:6rem;left:2rem;display:flex;align-items:center;gap:1rem;background:#000000b3;padding:1rem 1.5rem;border-radius:10px;border:1px solid rgba(0,255,255,.3);transition:opacity .5s ease}.difficulty-cube{width:60px;height:60px;background:linear-gradient(45deg,#0ff3,#0ff6);border:2px solid #00ffff;border-radius:8px;position:relative;box-shadow:0 0 10px #00ffff80,inset 0 0 10px #0ff3;display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-weight:900;font-size:1.8rem;color:#0ff;text-shadow:0 0 5px #00ffff}.difficulty-cube:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 48%,rgba(0,255,255,.6) 50%,transparent 52%),linear-gradient(0deg,transparent 48%,rgba(0,255,255,.6) 50%,transparent 52%);border-radius:6px;pointer-events:none}.difficulty-text{display:flex;flex-direction:column;gap:.3rem}.difficulty-label{color:#0ff;font-size:1.2rem;font-weight:700;font-family:Orbitron,monospace;text-shadow:0 0 5px #00ffff;letter-spacing:.1em}.difficulty-value{color:#fff;font-size:1rem;font-family:Orbitron,monospace;font-weight:400;opacity:.9}.camera-mode-indicator{position:absolute;top:2rem;right:2rem;display:flex;align-items:center;gap:.8rem;background:#000000b3;padding:.8rem 1.2rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);transition:opacity .5s ease}.camera-icon{font-size:1.8rem;transition:all .3s ease}.camera-icon.front{filter:hue-rotate(0deg)}.camera-icon.top{filter:hue-rotate(120deg);animation:camera-follow 2s ease-in-out infinite alternate}.camera-mode-text{color:#0ff;font-size:1rem;font-weight:700;font-family:Orbitron,monospace;text-shadow:0 0 5px #00ffff;letter-spacing:.1em}@keyframes camera-follow{0%{transform:translate(0)}to{transform:translate(3px)}}.controls-help{position:absolute;bottom:2rem;left:2rem;background:#0000004d;padding:1.5rem;border-radius:12px;border:1px solid rgba(0,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;transition:opacity .3s ease;display:grid;gap:32px 42px;grid-template-columns:1fr 1fr}.controls-help.collapsed .controls-movement,.controls-help.collapsed .controls-rotation,.controls-help.collapsed .controls-camera,.controls-help.collapsed .controls-pause,.controls-help.collapsed .controls-difficulty{display:none}.controls-section{display:flex;flex-direction:column;gap:8px}.controls-movement{grid-row:span 2}.controls-pause{grid-row:span 3}.controls-rotation{grid-row:span 2}.controls-title{color:#0ff;font-size:1.4em;font-weight:700;font-family:Orbitron,monospace;text-shadow:0 0 5px #00ffff;letter-spacing:.1em;margin-bottom:.3rem;border-bottom:1px solid rgba(0,255,255,.3);padding-bottom:.3rem}.control-item{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:1.4em}.row{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:1.4em}.key{background:linear-gradient(145deg,#1a1a3a,#0f0f23);color:#ff0;font-family:Orbitron,monospace;font-weight:700;font-size:1em;padding:6px 12px;border-radius:4px;border:1px solid rgba(255,255,0,.3);text-shadow:0 0 3px #ffff00;min-width:56px;text-align:center;letter-spacing:.05em;box-shadow:0 2px 4px #0000004d}.key-2{background:linear-gradient(145deg,#1a1a3a,#0f0f23);color:#ff0;font-family:Orbitron,monospace;font-weight:700;font-size:1em;padding:6px 12px;border-radius:4px;border:1px solid rgba(255,255,0,.3);text-shadow:0 0 3px #ffff00;min-width:60px;text-align:center;letter-spacing:.05em;box-shadow:0 2px 4px #0000004d}.controls-movement .key{font-size:1.4em;font-family:monospace;font-weight:900}.key:last-of-type{margin-right:1rem}.description{color:#fff;font-family:Orbitron,monospace;font-weight:400;font-size:1.4rem;opacity:.9}.hidden{display:none!important}.minimap-container{position:fixed;bottom:20px;right:20px;width:300px;height:300px;background:#0000004d;border-radius:4px;z-index:1000;overflow:hidden}.minimap-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.next-piece-container{position:fixed;bottom:330px;right:20px;width:300px;height:240px;background:#000000b3;border-radius:8px;border:1px solid rgba(0,255,255,.3);z-index:1000;overflow:hidden;display:flex;flex-direction:column}.next-piece-title{color:#0ff;font-size:1.2rem;font-weight:700;font-family:Orbitron,monospace;text-shadow:0 0 5px #00ffff;letter-spacing:.1em;text-align:center;padding:.5rem;border-bottom:1px solid rgba(0,255,255,.2);background:#00ffff1a}.next-piece-canvas{flex:1;width:100%;height:100%}.lock-delay-timer{position:fixed;top:20px;left:50%;transform:translate(-50%);width:300px;background:#00000040;border-radius:8px;border:1px solid rgba(0,255,255,.3);padding:1rem;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timer-label{color:#0ff;font-size:.9rem;font-weight:700;font-family:Orbitron,monospace;text-shadow:0 0 5px #00ffff;letter-spacing:.1em;text-align:center;margin-bottom:.5rem}.timer-bar-container{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.timer-bar{height:100%;width:0;border-radius:6px;transition:width 16ms linear,background-color 64ms ease,box-shadow .1s ease;background:linear-gradient(90deg,#0f0,#0c0);box-shadow:0 0 8px #00ff0080}.timer-bar.warning{background:linear-gradient(90deg,#ff0,#cc0);box-shadow:0 0 8px #ffff0080}.timer-bar.critical{background:linear-gradient(90deg,red,#c00);box-shadow:0 0 8px #ff000080}.timer-bar.complete{background:linear-gradient(90deg,red,#c00);box-shadow:0 0 20px red,0 0 40px #ff0000b3;animation:glow-pulse .5s ease-in-out infinite alternate}.timer-bar.paused{background:linear-gradient(90deg,#888,#666);box-shadow:0 0 8px #88888880;animation:pause-blink 1s ease-in-out infinite alternate}@keyframes glow-pulse{0%{box-shadow:0 0 20px red,0 0 40px #ff0000b3}to{box-shadow:0 0 30px red,0 0 60px #ff0000e6}}@keyframes pause-blink{0%{opacity:1;box-shadow:0 0 8px #88888880}to{opacity:.6;box-shadow:0 0 4px #8888884d}}