*{margin:0;padding:0;box-sizing:border-box}html,body{touch-action:none}body{margin:0;overflow:hidden;background-color:#000;font-family:Arial,sans-serif}canvas{display:block}#loading-screen{position:fixed;width:100vw;height:100vh;background:radial-gradient(ellipse at center,#0f0f0f,#000);display:flex;align-items:center;justify-content:center;z-index:9999;color:#0ff;font-family:Orbitron,sans-serif;font-size:1.2rem;text-align:center;flex-direction:column}#loader-glow{padding:2rem;border-radius:1rem;background:#00ffff1a;box-shadow:0 0 30px #0ff8;animation:pulseGlow 2s infinite}#loader-spinner{border:4px solid #00ffff33;border-top:4px solid #00ffff;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:spin 1s linear infinite}#loader-text{font-size:1.2rem;color:#0ff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%{box-shadow:0 0 30px #0ff8}50%{box-shadow:0 0 60px #0ffc}to{box-shadow:0 0 30px #0ff8}}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;color:#8a8a8a;font-size:20px;pointer-events:none;-webkit-user-select:none;user-select:none}#info{position:absolute;top:10px;width:100%;text-align:center;color:#fff;pointer-events:none;text-shadow:1px 1px 2px black}#controls{position:absolute;bottom:20px;left:20px;color:#fff;text-shadow:1px 1px 2px black;background-color:#00000080;padding:10px;border-radius:5px}#audio-controls{position:absolute;bottom:20px;right:20px;color:#fff;text-shadow:1px 1px 2px black;background-color:#00000080;padding:10px;border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:8px}#audio-controls button{background-color:#fff3;border:none;color:#fff;padding:5px 10px;border-radius:3px;cursor:pointer;width:100px;text-align:center}#audio-controls button:hover{background-color:#ffffff4d}#volume-slider{width:100px;margin:5px 0}#credits{position:relative;font-size:.7rem;margin-top:5px;opacity:.8;text-align:center;color:#aaa;transition:color .2s ease}#credits a:visited{color:#666}#credits a:hover{color:#fff}#mobile-instructions{display:none}#tutorial-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;color:#fff;align-items:center;justify-content:center;z-index:9999;font-family:Arial,sans-serif;opacity:0;pointer-events:none;transition:opacity .3s ease}#tutorial-overlay.visible{opacity:1;pointer-events:auto}.tutorial-box{text-align:center;max-width:90%;padding:20px;background:#ffffff1a;border:2px solid white;border-radius:12px}#close-tutorial{margin-top:15px;padding:10px 20px;background:#fff;border:none;border-radius:5px;color:#000;font-weight:700;cursor:pointer}#desktop-tutorial-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;color:#fff;align-items:center;justify-content:center;z-index:9998;font-family:Arial,sans-serif;opacity:0;pointer-events:none;transition:opacity .3s ease}#desktop-tutorial-overlay.visible{display:flex;opacity:1;pointer-events:auto}#close-desktop-tutorial{margin-top:15px;padding:10px 20px;background:#fff;border:none;border-radius:5px;color:#000;font-weight:700;cursor:pointer}#left-thumbstick,#right-thumbstick,#jump-button{display:none}@media (max-width: 768px){:root{--mobile-control-clearance: calc(env(safe-area-inset-bottom, 0px) + 112px) }#controls,#audio-controls,#crosshair{display:none}#mobile-instructions{position:absolute;bottom:10px;left:50%;transform:translate(-50%);color:#fff;background:#00000080;padding:8px 12px;border-radius:5px;font-size:.8rem;text-align:center;pointer-events:none;text-shadow:1px 1px 2px black;display:block}.thumbstick-zone{position:absolute;width:120px;height:120px;border:2px dashed rgba(255,255,255,.3);border-radius:50%;z-index:10;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;text-shadow:1px 1px 2px black;background:#ffffff0d;touch-action:none;transition:transform .1s ease,background .1s ease}.thumbstick-zone:active{background:#fff3;transform:scale(.95)}#left-thumbstick{bottom:var(--mobile-control-clearance);left:20px;display:flex}#right-thumbstick{bottom:var(--mobile-control-clearance);right:20px;display:flex}#jump-button{position:absolute;bottom:calc(var(--mobile-control-clearance) + 20px);left:50%;transform:translate(-50%);width:80px;height:80px;border-radius:50%;background:#fff3;border:2px dashed rgba(255,255,255,.3);color:#fff;font-size:2rem;z-index:1000;touch-action:none;transition:transform .1s ease,background .1s ease;display:block}#jump-button:active{background:#fff6;transform:translate(-50%) scale(.95)}.mobile-button{position:absolute;bottom:140px;right:30px;width:80px;height:80px;font-size:1.2rem;border-radius:50%;background:#fff3;color:#fff;border:2px solid white;text-align:center;z-index:1000;touch-action:none}.mobile-button:active{background:#fff6}}