.maze-container{flex-direction:column;gap:1rem;padding:.5rem;max-width:100%;box-sizing:border-box}.maze-container,.maze-hud{display:flex;align-items:center;width:100%}.maze-hud{justify-content:space-between;max-width:500px;padding:.75rem 1rem;background:rgba(30,30,30,.9);border-radius:12px;color:white;font-size:.9rem}.maze-hud-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.maze-hud-label{font-size:.7rem;text-transform:uppercase;color:#9ca3af}.maze-hud-value{font-size:1.1rem;font-weight:700;color:#fff}.maze-hud-value.warning{color:#f97316}.maze-hud-value.danger{color:#ef4444;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.maze-grid{display:grid;gap:0;background:#1e1e1e;border-radius:8px;padding:4px;box-shadow:0 4px 20px rgba(0,0,0,.5);max-width:100%;overflow:hidden}.maze-cell{width:100%;aspect-ratio:1;transition:background-color .15s ease}.maze-cell.wall{background:#2d2d2d}.maze-cell.path{background:#3d3d3d}.maze-cell.visited{background:#4a4a4a}.maze-cell.start{background:#22c55e}.maze-cell.end{background:#eab308;animation:glow 2s infinite}@keyframes glow{0%,to{box-shadow:inset 0 0 10px rgba(234,179,8,.5)}50%{box-shadow:inset 0 0 20px rgba(234,179,8,.8)}}.maze-cell.player{background:#3b82f6;border-radius:50%;box-shadow:0 0 10px rgba(59,130,246,.8);animation:playerPulse .5s infinite alternate}@keyframes playerPulse{0%{transform:scale(.85)}to{transform:scale(.95)}}.level-selection{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;width:100%;max-width:600px}.level-selection h2{color:white;font-size:1.5rem;margin:0}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;width:100%}.level-btn{aspect-ratio:1;border:2px solid transparent;border-radius:12px;background:rgba(60,60,60,.9);color:white;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;position:relative}.level-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px rgba(0,0,0,.3)}.level-btn:disabled{opacity:.5;cursor:not-allowed}.level-btn.completed{background:rgba(34,197,94,.3);border-color:#22c55e}.level-btn.current{border-color:#3b82f6;box-shadow:0 0 15px rgba(59,130,246,.5)}.level-difficulty{font-size:.6rem;text-transform:uppercase;opacity:.8}.level-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;opacity:.7}.difficulty-legend{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.difficulty-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#9ca3af}.difficulty-dot{width:12px;height:12px;border-radius:50%}.maze-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.maze-modal{background:#1e1e1e;border-radius:16px;padding:2rem;max-width:400px;width:90%;text-align:center;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.maze-modal h2{color:#fff;font-size:1.8rem;margin:0 0 1rem}.maze-modal p{margin:.5rem 0}.maze-modal-stats{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0}.maze-modal-stat{display:flex;flex-direction:column;align-items:center}.maze-modal-stat-value{font-size:1.5rem;font-weight:700;color:#3b82f6}.maze-modal-stat-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase}.maze-modal-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.maze-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.maze-btn.primary{background:#3b82f6;color:white}.maze-btn.primary:hover{background:#2563eb}.maze-btn.secondary{background:#4b5563;color:white}.maze-btn.secondary:hover{background:#374151}.maze-btn.success{background:#22c55e;color:white}.maze-btn.success:hover{background:#16a34a}.victory-emoji{font-size:4rem;margin-bottom:1rem;animation:bounce .5s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.pause-overlay{background:rgba(0,0,0,.7)}@media (max-width:480px){.maze-hud{font-size:.8rem;padding:.5rem .75rem}.level-grid{grid-template-columns:repeat(5,1fr);gap:.5rem}.level-btn{font-size:.9rem}.maze-modal{padding:1.5rem}.maze-modal h2{font-size:1.4rem}}@media (min-width:481px) and (max-width:768px){.maze-grid{max-width:min(400px,calc(100vw - 32px))}}@media (min-width:769px) and (max-width:1024px){.maze-grid{max-width:min(450px,calc(100vw - 48px))}.maze-container{padding:.5rem;max-height:calc(100vh - 120px);overflow:visible}}@media (min-width:1025px){.maze-grid{max-width:500px}}.control-mode-toggle{display:flex;gap:.5rem;background:rgba(30,30,30,.9);border-radius:12px;padding:.25rem}.mode-btn{padding:.5rem 1rem;border:none;border-radius:8px;background:transparent;color:#9ca3af;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.mode-btn:hover{color:white}.mode-btn.active{background:#3b82f6;color:white}.physics-ball{pointer-events:none;will-change:transform,left,top}.calibrate-btn{padding:.25rem .5rem;border:1px solid #4b5563;border-radius:6px;background:transparent;color:#9ca3af;font-size:.7rem;cursor:pointer;transition:all .2s ease}.calibrate-btn:hover{background:#4b5563;color:white}.calibrate-btn:active{background:#3b82f6;border-color:#3b82f6}.sensitivity-control{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(30,30,30,.9);border-radius:12px;width:100%;max-width:300px}.sensitivity-control label{color:#9ca3af;font-size:.8rem}.sensitivity-slider{width:100%;height:6px;border-radius:3px;background:#4b5563;outline:none;-webkit-appearance:none;appearance:none}.sensitivity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer;transition:transform .1s ease}.sensitivity-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.sensitivity-slider::-webkit-slider-thumb:active{transform:scale(.95)}.sensitivity-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none}.tilt-indicator{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:rgba(30,30,30,.9);border:2px solid #4b5563;display:flex;align-items:center;justify-content:center;z-index:50}.tilt-dot{width:12px;height:12px;border-radius:50%;background:#3b82f6;transition:transform .1s ease}.maze-modal p{color:#9ca3af;margin:.5rem 0 1rem;line-height:1.5}@media (max-width:480px){.control-mode-toggle{width:100%;justify-content:center}.mode-btn{flex:1;justify-content:center}.sensitivity-control{max-width:100%}}.tilt-debug{display:flex;justify-content:center;padding:.5rem 1rem;background:rgba(30,30,30,.9);border-radius:8px;color:#9ca3af;font-size:.75rem;font-family:monospace}.tilt-debug.working{color:#22c55e;border:1px solid #22c55e}.tilt-debug.not-working{color:#f97316;border:1px solid #f97316;animation:pulse 1.5s infinite}