body,html{color:#fff;background-color:#111;width:100%;height:100%;margin:0;padding:0;font-family:sans-serif;overflow:hidden}.container{width:100vw;height:100vh;position:relative}#setup-screen{z-index:20;background:#111;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#setup-view{background-color:#000;flex:1;position:relative;overflow:hidden}#setup-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}#setup-highscore{color:#fc0;text-shadow:0 0 15px #fa0;z-index:30;pointer-events:none;font-size:32px;font-weight:700;position:absolute;top:20px;left:50%;transform:translate(-50%)}.controls{z-index:10;background-color:#222;border-top:2px solid #444;flex-wrap:wrap;align-items:flex-start;gap:20px;padding:15px 20px;display:flex;position:relative}.control-group{flex-direction:column;gap:5px;min-width:200px;display:flex}.control-group label{color:#aaa;font-size:13px}#distance-display{color:#0fc;margin-top:5px;font-size:24px;font-weight:700}input[type=range]{accent-color:#0fc;width:100%}.start-btn-container{flex:1;justify-content:flex-end;align-items:center;display:flex}#start-btn{color:#000;cursor:pointer;background:#555;border:none;border-radius:8px;min-width:380px;padding:15px 20px;font-size:20px;font-weight:700;transition:all .3s}#start-btn:not(:disabled):hover{transform:scale(1.05)}#start-btn:disabled{color:#aaa;cursor:not-allowed}#game-screen{z-index:10;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}#game-canvas{z-index:2;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#bg-canvas{z-index:1;opacity:.3;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#back-btn{z-index:30;color:#fff;cursor:pointer;background:#00000080;border:1px solid #fff;border-radius:5px;padding:10px 20px;font-size:16px;position:absolute;bottom:20px;right:20px}#back-btn:hover{background:#fff3}#video-element{display:none}#status-overlay{color:#fff;text-align:center;z-index:100;pointer-events:none;background:#000c;border-radius:10px;padding:20px 40px;font-size:24px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.switch-row{align-items:center;gap:10px;display:flex}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#555;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#0fc}input:checked+.slider:before{transform:translate(20px)}