:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#263237;background:#cbd2d5;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,summary{cursor:pointer}button{border:1px solid #9ca8ae;border-radius:4px;padding:8px 13px;background:#f1f4f4;color:#263237}button:hover{background:#e0e7e9}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #427d9a;outline-offset:3px}button:disabled{opacity:.65;cursor:wait}.hidden{display:none!important}kbd{font:inherit;font-size:12px;color:inherit}#world{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.topbar{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#edf1f2ed;border-bottom:1px solid #b3bec3}.brand{font-size:17px;font-weight:600;color:inherit;text-decoration:none}.top-right{display:flex;align-items:center;gap:18px}#connection{font-size:12px;color:#58696f}.top-right button{padding:5px 10px;font-size:12px;background:transparent;border-color:#afbdc3}.top-right button:hover{background:#dce4e7}.top-right kbd{margin-left:8px;color:#74868e}.landing{position:absolute;top:24%;left:40px;width:310px;padding:24px;background:#f1f4f3ed;border:1px solid #a9b6bd;border-radius:6px}.landing h1{font-size:22px;font-weight:600;line-height:1.2;margin:0 0 12px}.landing>p{font-size:13px;line-height:1.6;color:#5b6b72;margin:0 0 20px}label{display:block;font-size:12px;margin:0 0 7px;font-weight:500}input{border:1px solid #9cabb2;background:#fff;color:#263237;padding:9px 10px;border-radius:4px;width:100%;min-width:0}input::placeholder{color:#819097}.primary{background:#354e5b;border-color:#354e5b;color:#fff;font-weight:500}.primary:hover{background:#263e4b}#join-form .primary{width:100%;margin-top:12px}.landing .join-status{font-size:11px;line-height:1.5;color:#687a83;margin:12px 0 18px;min-height:32px}.join-status.error{color:#aa3934}details{font-size:12px;margin-bottom:19px}summary{color:#4b6470}details label{margin-top:13px}details input{font-size:11px}details p{font-size:11px;color:#687a83;line-height:1.5;margin:8px 0 0}.controls{margin:0;padding-top:14px;border-top:1px solid #cbd4d8;font-size:11px}.controls>div{display:flex;justify-content:space-between;padding:4px 0}.controls dt{color:#687a83}.controls dd{margin:0}#landing-footer{position:fixed;bottom:18px;left:24px;font-size:11px;color:#4c5f67}#hud{pointer-events:none;color:#f2f6f7}.arena-label{position:absolute;top:81px;left:24px;background:#273943bd;border-radius:4px;padding:7px 11px;font-size:12px}.arena-label span{color:#b8c9d0;margin-left:18px}.telemetry{position:absolute;bottom:64px;left:24px;width:205px;background:#273943d9;border:1px solid #e1ecf014;padding:14px;border-radius:5px}.small-label{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#d2dfe3}.speed{display:flex;align-items:baseline;gap:7px;margin:14px 0 12px}.speed>span:first-child{font-size:30px;line-height:1;font-variant-numeric:tabular-nums;font-weight:500}.speed>span:nth-child(2){font-size:11px;color:#bbccd3}.speed b{font-size:11px;font-weight:500;margin-left:auto;border:1px solid #73878f;border-radius:3px;padding:1px 6px}.health-heading{display:flex;justify-content:space-between;font-size:11px}.health-heading b{font-weight:500}.health-track{height:4px;background:#c4d2d638;margin-top:7px}.health-track i{display:block;height:100%;width:100%;background:#c3dbd0;transition:width .12s}.weapon{position:absolute;bottom:67px;left:50%;transform:translate(-50%);width:150px;background:#273943d9;padding:10px 12px;border-radius:4px}.weapon .small-label{font-size:10px}.weapon-meter{height:2px;background:#b3c5ca40;margin-top:10px}.weapon-meter i{display:block;width:100%;height:100%;background:#d9e4e7}.radar-panel{position:absolute;bottom:64px;right:24px;width:156px;padding:10px;background:#273943d9;border-radius:5px}.radar-panel canvas{display:block;width:136px;height:136px;margin:5px 0}.radar-footer{display:flex;justify-content:center;gap:15px;font-size:9px;color:#cdd9de}.radar-footer i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px}.you-dot{background:#edf2f4}.enemy-dot{background:#e19379}.bottom-hint{position:absolute;bottom:20px;left:24px;font-size:11px;color:#e7eff2;background:#273943bd;padding:7px 10px;border-radius:4px}.bottom-hint kbd{font-size:10px;color:#bdcfd7;margin:0 4px 0 10px}.bottom-hint kbd:first-child{margin-left:0}#notice{position:absolute;top:83px;left:50%;transform:translate(-50%);font-size:12px;background:#273943d9;padding:8px 12px;border-radius:4px}#notice:empty{display:none}#crosshair{position:fixed;width:38px;height:38px;transform:translate(-50%,-50%);pointer-events:none;z-index:12;filter:drop-shadow(0 1px 2px #0008)}#crosshair:before,#crosshair:after{content:"";position:absolute;top:17px;width:10px;height:3px;background:#fff;border-radius:1px;box-shadow:0 0 0 1.5px #182c38}#crosshair:before{left:0}#crosshair:after{right:0}#crosshair span,#crosshair i{position:absolute;left:17px;width:3px;height:10px;background:#fff;border-radius:1px;box-shadow:0 0 0 1.5px #182c38}#crosshair span{top:0}#crosshair i{bottom:0}#crosshair b{position:absolute;left:15px;top:15px;width:8px;height:8px;border-radius:50%;background:#ed8f35;border:2px solid #162b38;box-shadow:0 0 0 1px #fff}#crosshair.shooting b{background:#fff3bf}#hit-marker{position:fixed;font-size:28px;transform:translate(-50%,-50%);pointer-events:none;opacity:0}#damage-flash{position:fixed;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 110px #ad302b88;opacity:0;pointer-events:none;z-index:4}#death{position:absolute;top:36%;left:50%;transform:translate(-50%);text-align:center;background:#273943e8;padding:20px 32px;border-radius:6px}#death h2{font-size:24px;font-weight:500;margin:0 0 9px}#death p{font-size:13px;margin:0;color:#c3d3db}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f303b80;display:flex;align-items:center;justify-content:center;z-index:20}.panel{width:355px;max-width:calc(100% - 32px);padding:25px;background:#f1f4f4;border:1px solid #a7b6be;border-radius:6px}.panel h2{font-size:22px;font-weight:600;margin:0 0 12px}.panel>p{font-size:12px;line-height:1.6;color:#637680;margin-bottom:22px}.control-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid #ccd7dc;font-size:12px}.control-row label{margin:0}.control-row kbd{font-size:11px;color:#61747e}.control-row select{background:#fff;border:1px solid #a5b6bf;border-radius:3px;padding:4px 8px;color:#354b57;font-size:12px}.panel>.primary,.panel>.secondary{width:100%;margin-top:12px}body.playing #world{cursor:none}body.menu-open #world{cursor:default}@media(max-height:740px){.landing{top:85px;padding:20px}.landing>p{margin-bottom:14px}.landing .join-status{margin:10px 0}.controls{padding-top:10px}.controls>div{padding:2px 0}details{margin-bottom:12px}.landing[open]{max-height:calc(100vh - 130px);overflow:auto}}@media(max-width:650px){.topbar{padding:12px 16px}.top-right{gap:9px}#connection{display:none}.landing{left:20px;width:290px;top:100px;max-height:calc(100vh - 145px);overflow:auto}.weapon{display:none}.telemetry{left:16px;width:175px}.radar-panel{right:16px;width:138px}.radar-panel canvas{width:118px;height:118px}.bottom-hint{left:16px;font-size:9px;padding:6px}.bottom-hint kbd{font-size:9px;margin-left:5px}.arena-label{left:16px}#notice{top:123px;max-width:90%;white-space:nowrap;font-size:11px}#landing-footer{left:20px}.brand{font-size:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}