*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#c5b69c;color:#f1eee6;font-family:Segoe UI,Arial,sans-serif}button,canvas{-webkit-tap-highlight-color:transparent}#app,#world{width:100%;height:100%;display:block}#world{outline:0;touch-action:none;cursor:grab}#world:active{cursor:grabbing}header{position:absolute;inset:25px 28px auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none;text-shadow:0 1px 8px #0005}.brand{display:flex;align-items:center;gap:13px}.emblem{font-size:25px;font-weight:900;border:2px solid #eed899;color:#eed899;display:grid;place-items:center;width:44px;height:44px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 7px;color:#d7cba8}h1{font-size:23px;letter-spacing:-.4px;margin:0;font-weight:650}h1 span{font-weight:400;color:#e5e4daaa;font-size:19px}.live{background:#242c24b8;border:1px solid #d5d0b52a;padding:9px 12px;font-size:10px;letter-spacing:1.5px;border-radius:3px}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b8d494;margin-right:7px}.course{position:absolute;right:28px;top:102px;padding:15px;background:#202822cb;border:1px solid #f2edcf26;border-radius:4px;backdrop-filter:blur(12px)}.course .eyebrow{letter-spacing:1.2px;font-size:9px}.course .eyebrow span{float:right;color:#899182;margin-left:15px}.course>p:last-child{font-size:10px;color:#b1b4a6;margin:10px 0 0}#map{display:block;width:180px;height:180px;border:1px solid #ececd41a}.instructions{position:absolute;left:28px;bottom:116px;padding:18px 20px;background:#202722d4;border:1px solid #f2edcf22;border-radius:4px;backdrop-filter:blur(12px)}.instructions>div{display:flex;gap:5px;align-items:center;margin:10px 0;font-size:11px;color:#d3d5cb}.instructions>div span{margin:0 8px}.instructions>p:last-child{font-size:11px;line-height:1.6;color:#a6ab9d;margin:15px 0 0}kbd{display:inline-flex;min-width:22px;height:23px;align-items:center;justify-content:center;border:1px solid #e3e9d645;background:#ffffff07;border-radius:3px;font-family:inherit;font-size:10px;padding:0 6px;color:#eeeadd}.telemetry{position:absolute;left:28px;bottom:26px;background:#1b241eee;border:1px solid #c1c8b02a;display:flex;height:74px;align-items:center;gap:19px;padding:0 21px;border-radius:4px;min-width:360px}.gear{color:#dfc687;border:1px solid #d4bd793f;font-size:18px;padding:7px 10px;min-width:34px;text-align:center}.speed{display:flex;align-items:baseline;gap:5px}.speed strong{font-size:34px;font-weight:500;font-variant-numeric:tabular-nums}.speed span,.distance span{font-size:9px;color:#99a594;letter-spacing:.5px}.divider{height:32px;width:1px;background:#c6c7b227}.distance{display:flex;flex-direction:column;gap:5px}.distance strong{font-size:21px;font-weight:400;font-variant-numeric:tabular-nums}.tracks{display:flex;flex-direction:column;gap:9px;font-size:9px;color:#9ca791}.tracks>span{display:flex;gap:7px;align-items:center}.tracks i{width:36px;height:3px;background:#eeeeee15;display:inline-block}.tracks b{height:3px;width:0;background:#c8b477;display:block}nav{position:absolute;right:28px;bottom:27px;display:flex;gap:8px}button{border:1px solid #dbdcc333;border-radius:3px;background:#202722dd;color:#e8e6d9;padding:12px 16px;font:11px Segoe UI,Arial;cursor:pointer}button:hover{background:#45503b}button:focus-visible{outline:2px solid #e2cb83;outline-offset:3px}.status{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.25px;color:#fff5da;text-shadow:0 1px 6px #000;background:#21291f82;padding:9px 13px;border-radius:3px;pointer-events:none}#loading{position:absolute;inset:0;background:#202822;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .5s}.loader-emblem{font-size:65px;font-weight:900;color:#dec48b;margin-bottom:24px}#loading h2{font-size:23px;font-weight:400;margin:9px 0 24px}.loadbar{width:240px;height:2px;background:#ffffff18}.loadbar i{display:block;width:45%;height:100%;background:#d9c085;animation:load 1.8s infinite}#load-detail{font-size:12px;color:#939f8b}#loading.done{opacity:0;pointer-events:none}@keyframes load{50%{transform:translateX(120%)}}@media(max-width:1000px){.course{top:90px;right:18px}.instructions{left:18px;bottom:113px}.telemetry{left:18px;bottom:21px;min-width:310px;gap:13px}nav{right:18px;bottom:22px}.status{bottom:108px;left:auto;right:18px;transform:none}header{inset:20px 18px auto}h1 span{display:none}}@media(max-height:660px){.instructions{font-size:9px;padding:11px 15px;bottom:105px}.instructions>div{margin:7px 0}.instructions>p:last-child{display:none}.course{padding:10px}#map{width:140px;height:140px}.course>p:last-child{display:none}}
header::before{content:"";position:absolute;z-index:-1;inset:-25px -28px -38px;background:linear-gradient(#1c261dd9,transparent)}header{isolation:isolate}.course button{width:100%;margin-top:12px;padding:8px}.active{background:#596043;color:#fff1b4;border-color:#ddc18388}
#world{cursor:crosshair}#world.orbiting,#world.orbiting:active{cursor:grabbing}#world:active{cursor:crosshair}.weapon{position:absolute;left:28px;top:105px;padding:14px 17px;min-width:266px;background:#202722d4;border:1px solid #f2edcf22;border-radius:4px;pointer-events:none}.weapon .eyebrow{font-size:9px;letter-spacing:1px}.weapon .eyebrow span{float:right;margin-left:20px;color:#e8d392}.weapon p{font-size:12px;color:#bfc6b6;margin:10px 0 0}.weapon p:first-child{margin:0}.weapon strong{color:#eee6cc;font-weight:500;font-variant-numeric:tabular-nums}.weapon p span{color:#8d9786}.weapon #impact-type{font-size:10px;color:#a7b29c}#reticle{position:fixed;z-index:4;width:28px;height:28px;transform:translate(-50%,-50%);border:1px solid #f1d08a;border-radius:50%;pointer-events:none;box-shadow:0 0 4px #000a;color:#f1d08a}#reticle[hidden]{display:none}#reticle::before,#reticle::after{content:"";position:absolute;background:currentColor}#reticle::before{width:38px;height:1px;top:13px;left:-6px}#reticle::after{height:38px;width:1px;left:13px;top:-6px}#reticle.locked{color:#c5f092;border-color:#c5f092}#reticle.reloading{color:#e8aa70;border-color:#e8aa70}@media(max-width:1000px){.weapon{left:18px;top:88px}}@media(max-height:660px){.weapon{padding:10px 13px;min-width:250px}.weapon p{margin-top:6px}.weapon #impact-type{display:none}}