#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans TC,sans-serif;color:#e8eef8;-webkit-user-select:none;user-select:none}#hud *{box-sizing:border-box}#hud.night .chip,#hud.night .wx-badge,#hud.night .minimap{background:#060a12b8;border-color:#648cc852;opacity:.78}#hud.night .chip .s{color:#6a7e96}#hud.night .chip .road{color:#5aa8e0}#hud.night .look-half{border-left-color:#64a0dc29;background:linear-gradient(90deg,transparent 0%,rgba(60,120,200,.03) 40%,rgba(60,120,200,.08) 100%)}#hud.night .look-cap{color:#8caac859}#hud.night .stick .base{background:#060a1280;border-color:#ffffff29}.chip{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));max-width:min(210px,56vw);background:#0c121cc7;border:1px solid rgba(125,180,255,.4);border-radius:12px;padding:9px 11px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:.92;z-index:3}.chip .t{font-weight:800;font-size:12px;line-height:1.25}.chip .s{font-size:9px;color:#8aa0b8;margin-top:3px;line-height:1.35}.chip .road{color:#7ec8ff;font-weight:600}.wx-badge{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + 72px);left:max(12px,env(safe-area-inset-left));transform:none;background:#0c121ca6;border:1px solid rgba(125,180,255,.28);border-radius:999px;padding:4px 10px;font-size:9px;color:#b8c8d8;letter-spacing:.04em;white-space:nowrap;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);max-width:min(52vw,200px);overflow:hidden;text-overflow:ellipsis;z-index:2}.minimap{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:108px;height:108px;border-radius:14px;overflow:hidden;border:1px solid rgba(125,180,255,.45);box-shadow:0 6px 18px #0006;background:#0c1420;pointer-events:auto;opacity:.9;transition:opacity .25s,width .2s,height .2s;touch-action:manipulation}.minimap.collapsed{width:36px;height:36px;opacity:.55}.minimap.collapsed img,.minimap.collapsed canvas,.minimap.collapsed .you-wrap,.minimap.collapsed .you,.minimap.collapsed .lab,.minimap.collapsed .attr{display:none}.minimap.collapsed:after{content:"MAP";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#a8c0d8}.minimap img,.minimap canvas.map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;z-index:0}.minimap .you-wrap{position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%) rotate(0);transform-origin:center center;z-index:2;pointer-events:none}.minimap .you-wrap .fov{position:absolute;left:0;top:0;width:56px;height:56px;overflow:visible}.minimap .you{position:absolute;left:50%;top:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;background:#4da3ff;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 3px #4da3ff73,0 0 10px #4da3ff8c}.minimap.collapsed .you-wrap{display:none}.minimap .lab{position:absolute;left:0;right:0;bottom:0;padding:2px 0 12px;text-align:center;font-size:8px;letter-spacing:.06em;color:#a8c0d8;background:linear-gradient(transparent,#080c14d9);z-index:3;pointer-events:none}.minimap .attr{position:absolute;left:0;right:0;bottom:0;z-index:2;font-size:5px;text-align:center;color:#a8c0d88c;padding:1px 2px;background:#080c148c;pointer-events:none}.crosshair{position:absolute;left:50%;top:40%;width:20px;height:20px;transform:translate(-50%,-50%);opacity:.55;pointer-events:none}.crosshair.hidden{display:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffffffd9}.crosshair:before{left:9px;top:0;width:2px;height:20px}.crosshair:after{left:0;top:9px;width:20px;height:2px}.crosshair i{position:absolute;left:8px;top:8px;width:4px;height:4px;border-radius:50%;background:#4da3ff;box-shadow:0 0 8px #4da3ff}.look-half{position:absolute;top:0;right:0;bottom:0;width:50%;border-left:1px dashed rgba(126,200,255,.22);background:linear-gradient(90deg,transparent 0%,rgba(77,163,255,.04) 40%,rgba(77,163,255,.09) 100%);pointer-events:none;transition:opacity .6s ease;opacity:1}.look-half.fade{opacity:.35}.look-half:after{content:"";position:absolute;top:18%;right:10px;bottom:22%;width:2px;background:linear-gradient(180deg,transparent,rgba(126,200,255,.28) 20%,rgba(126,200,255,.28) 80%,transparent);border-radius:2px}.look-cap{position:absolute;right:max(10px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:mixed;font-size:10px;letter-spacing:.12em;color:#b4d2f06b;padding:10px 4px;pointer-events:none;transition:opacity .6s ease}.look-cap.fade{opacity:0}.stick{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(36px,calc(env(safe-area-inset-bottom) + 28px));width:118px;height:118px;pointer-events:auto;touch-action:none;opacity:.92}.stick .base{width:118px;height:118px;border-radius:50%;background:#080c146b;border:2px solid rgba(255,255,255,.22);box-shadow:inset 0 0 22px #00000059;position:relative}.stick .ring{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:50%;border:1px dashed rgba(255,255,255,.18)}.stick .knob{position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:linear-gradient(160deg,#8ec8ff,#3a7acc);border:2px solid rgba(255,255,255,.5);box-shadow:0 4px 14px #00000073,0 0 14px #4da3ff55;will-change:transform}.stick .cap{position:absolute;left:0;right:0;bottom:-16px;text-align:center;font-size:10px;color:#dce6f0b3}.draft{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:max(150px,calc(env(safe-area-inset-left) + 140px));right:max(12px,env(safe-area-inset-right));transform:none;text-align:right;font-size:9px;color:#c8d2dc52;letter-spacing:.04em;white-space:nowrap;pointer-events:none;overflow:hidden;text-overflow:ellipsis}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#0c1420;color:#a8c0d8;font-family:system-ui,sans-serif;font-size:14px;transition:opacity .35s ease}#loading.hidden{opacity:0;pointer-events:none}.stick .base:before,.stick .base:after,.stick .ring:before,.stick .ring:after{content:none!important}