:root{--bg-color:#000;--text-color:#fff}*{box-sizing:border-box}body,html{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-color);overscroll-behavior:none;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#game-canvas{z-index:1;width:100vw;height:100vh;display:block;position:absolute;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.controls{-webkit-backdrop-filter:blur(10px);pointer-events:auto;background:#0f172acc;border:1px solid #fff3;border-radius:12px;flex-direction:column;align-items:center;padding:.5rem;display:flex;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.controls label{color:#94a3b8;text-transform:uppercase;letter-spacing:2px;font-size:1.2rem;font-weight:700}.slider-container{justify-content:center;align-items:center;width:40px;height:200px;display:flex;position:relative}.slider-container:after{content:"";pointer-events:none;z-index:0;background:#fff;border-radius:2px;width:50px;height:4px;position:absolute;top:50%;left:-5px;transform:translateY(-50%);box-shadow:0 0 8px #facc1580}input[type=range]{appearance:none;z-index:1;background:repeating-linear-gradient(90deg,#fff6 0 2px,#0009 2px 10%);border-radius:8px;outline:none;width:250px;height:16px;margin:0;position:relative;transform:rotate(270deg);box-shadow:inset 0 2px 6px #000}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#38bdf8;border:3px solid #ffffffe6;border-radius:6px;width:24px;height:52px;box-shadow:-2px 0 10px #0009}#train-features{-webkit-backdrop-filter:blur(10px);pointer-events:auto;background:#0f172acc;border:1px solid #fff3;border-radius:12px;gap:10px;padding:.5rem;display:flex;position:absolute;bottom:2rem;left:2rem;box-shadow:0 4px 15px #00000080}#camera-controls{-webkit-backdrop-filter:blur(10px);pointer-events:auto;background:#0f172acc;border:1px solid #fff3;border-radius:12px;gap:10px;padding:.5rem;display:flex;position:absolute;top:2rem;left:2rem;box-shadow:0 4px 15px #00000080}.cam-btn{color:#fff;cursor:pointer;touch-action:manipulation;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;width:auto;height:44px;padding:0 12px;font-family:inherit;font-size:1.2rem;font-weight:700;transition:all .2s}.cam-btn:active{transform:scale(.95)}.cam-btn.active{color:#000;background:#38bdf8;border-color:#fff;box-shadow:0 0 10px #38bdf8cc}