*{margin:0;padding:0;box-sizing:border-box}body{margin:0;overflow:hidden;font-family:system-ui,-apple-system,sans-serif;background:#0a0a0a}#game-canvas{display:block;width:100vw;height:100vh}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0a;display:flex;align-items:center;justify-content:center;z-index:100000}#loading-container{text-align:center;color:#fff}#loading-title{font-size:32px;font-weight:600;margin-bottom:48px;letter-spacing:2px;color:#fffffff2}#loading-spinner{width:48px;height:48px;margin:0 auto 32px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff9;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#loading-status{font-size:14px;font-weight:500;color:#ffffff80;min-height:21px}#app{position:absolute;top:10px;left:10px;color:#fff;font-size:14px;pointer-events:none;z-index:100;text-shadow:1px 1px 2px black}#stats{position:absolute;top:10px;right:10px;color:#fff;font-size:14px;pointer-events:none;z-index:100;text-shadow:1px 1px 2px black;font-family:monospace}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;pointer-events:none;z-index:99}#crosshair:before,#crosshair:after{content:"";position:absolute;background-color:#fff;box-shadow:0 0 2px #000}#crosshair:before{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}#crosshair:after{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}#connection-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000e6;border:3px solid;border-radius:12px;padding:30px 50px;color:#fff;font-size:24px;font-weight:700;pointer-events:none;z-index:200;display:none;text-align:center;text-shadow:2px 2px 4px black;min-width:300px}#connection-status.disconnected{display:block;border-color:#f44;animation:pulse-red 1.5s ease-in-out infinite}#connection-status.reconnecting{display:block;border-color:#fa0;animation:pulse-yellow 1.5s ease-in-out infinite}#speed-display{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;z-index:50;font-family:monospace}#checkpoint-progress{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:50;max-height:90vh;overflow:visible}#checkpoint-line{position:absolute;width:2px;height:calc(100% - 64px);background:#ffffff1a;left:50%;transform:translate(-50%);top:32px}#checkpoint-nodes{position:relative;display:flex;flex-direction:column-reverse;gap:40px;padding:10px 20px;max-height:90vh;overflow-y:auto;overflow-x:visible;scrollbar-width:none;pointer-events:auto;scroll-behavior:smooth;will-change:scroll-position;transform:translateZ(0)}#checkpoint-nodes::-webkit-scrollbar{display:none}.checkpoint-node{position:relative;width:30px;height:30px;min-width:30px;min-height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;font-family:monospace;transition:all .3s ease;z-index:1;flex-shrink:0;background:#141419e6;will-change:transform;backface-visibility:hidden}.checkpoint-node.locked{border:2px solid rgba(255,255,255,.15);color:#ffffff40}.checkpoint-node.completed{background:#141419f2;border:2px solid rgba(100,220,120,.8);color:#64dc78;box-shadow:0 0 8px #64dc784d}.checkpoint-node.current{background:#141419f2;border:2px solid rgba(255,200,80,1);color:#ffc850;box-shadow:0 0 16px #ffc85080;animation:checkpoint-pulse 2s ease-in-out infinite}@keyframes checkpoint-pulse{0%,to{box-shadow:0 0 16px #ffc85080}50%{box-shadow:0 0 24px #ffc850b3}}#speed-value{font-size:42px;font-weight:600;color:#fffffff2;text-shadow:0 0 8px rgba(0,0,0,.8);letter-spacing:1px}#speed-label{font-size:11px;font-weight:500;color:#fff9;text-shadow:0 0 4px rgba(0,0,0,.8);letter-spacing:2px}@keyframes pulse-red{0%,to{border-color:#f44;box-shadow:0 0 20px #ff444480}50%{border-color:#f88;box-shadow:0 0 40px #f44c}}@keyframes pulse-yellow{0%,to{border-color:#fa0;box-shadow:0 0 20px #ffaa0080}50%{border-color:#fd0;box-shadow:0 0 40px #fa0c}}#spawn-menu{position:absolute;top:50%;right:10px;transform:translateY(-50%);background-color:#000c;border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:15px;color:#fff;font-size:14px;z-index:100;max-height:80vh;overflow-y:auto;min-width:200px}#spawn-menu h3{margin:0 0 10px;font-size:16px;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:8px}#spawn-list{display:flex;flex-direction:column;gap:5px}#spawn-list button{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;padding:8px 12px;cursor:pointer;font-size:13px;text-align:left;transition:background-color .2s,border-color .2s}#spawn-list button:hover{background-color:#fff3;border-color:#ffffff80}#spawn-list button:active{background-color:#ffffff4d}#chatbox{position:absolute;top:10px;left:10px;width:700px;height:231px;display:flex;flex-direction:column;pointer-events:none;z-index:100}#chatlog{display:flex;flex-direction:column;max-height:185px;overflow-y:auto;scrollbar-width:none;background-color:#0000001a;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:18px;color:#fff;text-shadow:1px 1px 2px black;user-select:text}#chatlog::-webkit-scrollbar{display:none}#chatlog div{user-select:text;padding:2px 4px}#chatlog span{color:#3db3ec;user-select:text}#chatinput{width:100%;background-color:#00000080;border:none;color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:14px;padding:4px 8px;outline:none;pointer-events:auto}#settings-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:500;pointer-events:auto}#settings-modal{background-color:#141419fa;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:32px;color:#fff;min-width:500px;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}#settings-title{margin:0 0 28px;font-size:24px;font-weight:600;color:#fffffff2;text-align:left;letter-spacing:.5px}.settings-section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}.settings-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{margin:0 0 16px;font-size:13px;font-weight:600;color:#fff9;letter-spacing:.5px;text-transform:uppercase}.setting-row{display:flex;align-items:center;gap:15px}#sensitivity-slider{flex:1;height:4px;background:#ffffff1a;border-radius:2px;outline:none;-webkit-appearance:none}#sensitivity-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#ffffffe6;border-radius:50%;cursor:pointer;transition:background-color .2s}#sensitivity-slider::-webkit-slider-thumb:hover{background:#fff}#sensitivity-slider::-moz-range-thumb{width:14px;height:14px;background:#ffffffe6;border-radius:50%;cursor:pointer;border:none;transition:background-color .2s}#sensitivity-slider::-moz-range-thumb:hover{background:#fff}#sensitivity-value{min-width:70px;text-align:right;font-family:monospace;font-size:14px;font-weight:500;color:#ffffffe6;cursor:pointer;padding:6px 8px;border-radius:3px;transition:all .15s ease;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15)}#sensitivity-value:hover{background-color:#ffffff14;border-color:#ffffff40}#fov-slider{flex:1;height:4px;background:#ffffff1a;border-radius:2px;outline:none;-webkit-appearance:none}#fov-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#ffffffe6;border-radius:50%;cursor:pointer;transition:background-color .2s}#fov-slider::-webkit-slider-thumb:hover{background:#fff}#fov-slider::-moz-range-thumb{width:14px;height:14px;background:#ffffffe6;border-radius:50%;cursor:pointer;border:none;transition:background-color .2s}#fov-slider::-moz-range-thumb:hover{background:#fff}#fov-value{min-width:70px;text-align:right;font-family:monospace;font-size:14px;font-weight:500;color:#ffffffe6;cursor:pointer;padding:6px 8px;border-radius:3px;transition:all .15s ease;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15)}#fov-value:hover{background-color:#ffffff14;border-color:#ffffff40}.sensitivity-edit-input{width:100%;background:transparent;border:none;color:#ffffffe6;font-family:monospace;font-size:14px;font-weight:500;padding:0;margin:0;text-align:right;outline:none;box-sizing:border-box}.sensitivity-edit-input::-webkit-outer-spin-button,.sensitivity-edit-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sensitivity-edit-input[type=number]{-moz-appearance:textfield}.keybinding-list{display:flex;flex-direction:column;gap:10px}.keybinding-row{display:flex;justify-content:space-between;align-items:center}.action-label{font-size:13px;color:#fffc}.keybinding-button{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:3px;color:#ffffffe6;font-family:monospace;font-size:12px;font-weight:500;padding:8px 16px;min-width:90px;cursor:pointer;transition:all .15s ease;text-align:center}.keybinding-button:hover{background-color:#ffffff1a;border-color:#ffffff40}.keybinding-button:active{background-color:#ffffff14;transform:translateY(1px)}.keybinding-button.capturing{background-color:#ffaa0026;border-color:#ffaa0080;color:#ffc864;animation:pulse-capture 1.5s ease-in-out infinite}@keyframes pulse-capture{0%,to{border-color:#ffaa0080}50%{border-color:#fa0c}}.keybinding-button.conflict{background-color:#ff444426;border-color:#ff444480;color:#ff9696}.settings-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.settings-buttons button{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:3px;color:#ffffffe6;font-size:13px;font-weight:500;padding:9px 18px;cursor:pointer;transition:all .15s ease}.settings-buttons button:hover{background-color:#ffffff1a;border-color:#ffffff40}.settings-buttons button:active{background-color:#ffffff14;transform:translateY(1px)}#settings-apply{background-color:#ffffff1f;border-color:#ffffff40}#settings-apply:hover{background-color:#ffffff2e;border-color:#ffffff59}#settings-reset{background-color:#ff44441a;border-color:#ff44444d;color:#ff9696e6}#settings-reset:hover{background-color:#ff444426;border-color:#f446;color:#ff9696}.toolbar-button{width:32px;height:32px;background-color:#141419f2;border:1px solid rgba(255,255,255,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .2s ease;color:#fffc}.toolbar-button:hover{background-color:#282832f2;border-color:#fff3;color:#fff}.toolbar-button:active{background-color:#32323cf2;transform:translateY(1px)}#checkpoint-leaderboard{position:absolute;top:250px;left:10px;min-width:420px;max-width:500px;background-color:#0000001a;padding:4px;pointer-events:auto;z-index:50;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;display:none}.leaderboard-header{display:flex;align-items:center;gap:6px;padding:2px 4px;margin-bottom:4px}.leaderboard-icon{font-size:18px;line-height:1}.leaderboard-title{font-size:18px;font-weight:400;color:#fff;text-shadow:1px 1px 2px black}.leaderboard-list{display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto;scrollbar-width:none}.leaderboard-list::-webkit-scrollbar{display:none}.leaderboard-row{display:flex;align-items:center;gap:8px;padding:2px 4px}.leaderboard-row.is-you{font-weight:700}.leaderboard-rank{font-size:14px;min-width:28px;text-align:left;color:#fff;text-shadow:1px 1px 2px black}.leaderboard-row.rank-1 .leaderboard-rank{color:gold}.leaderboard-row.rank-2 .leaderboard-rank{color:silver}.leaderboard-row.rank-3 .leaderboard-rank{color:#cd7f32}.leaderboard-name{flex:1;font-size:18px;color:#fff;text-shadow:1px 1px 2px black;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.leaderboard-progress{flex:1;height:12px;background:#0000004d;overflow:hidden}.leaderboard-progress-bar{height:100%;background:#fff6;transition:width .5s ease}.leaderboard-row.rank-1 .leaderboard-progress-bar{background:#ffd70099}.leaderboard-row.rank-2 .leaderboard-progress-bar{background:#c0c0c0b3}.leaderboard-row.rank-3 .leaderboard-progress-bar{background:#cd7f32b3}.leaderboard-row.is-you .leaderboard-progress-bar{background:#64dc7899}.leaderboard-checkpoint{font-size:14px;color:#fff;text-shadow:1px 1px 2px black;min-width:45px;text-align:right}