.hud-settings{--hud-panel-line:#a4c1bd2e;--hud-panel-dim:#92adaf;color:#e3eee4;font-family:Inter,Arial,sans-serif}.hud-settings *{box-sizing:border-box}.hud-settings [hidden]{display:none!important}.hud-section-intro{margin-bottom:20px}.hud-kicker{font:8px var(--mono);letter-spacing:1.7px;color:var(--acid)}.hud-section-intro h3{font:34px/1.15 var(--display);font-weight:500;margin:9px 0 10px}.hud-section-intro p{font-size:11px;line-height:1.7;color:var(--hud-panel-dim);margin:0;max-width:480px}.hud-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 16px}.hud-presets button{padding:15px 12px;border:1px solid var(--hud-panel-line);text-align:left;background:#789a9707;color:#cddbd8;min-width:0}.hud-presets button strong{display:block;font:10px var(--mono);letter-spacing:1px}.hud-presets button small{display:block;font-size:9px;line-height:1.5;color:var(--hud-panel-dim);margin-top:7px}.hud-presets button[aria-pressed=true]{border-color:#dcff8c99;background:#dcff8c0c;color:var(--acid)}.hud-presets button[aria-pressed=true] small{color:#c3d3b9}.hud-settings :is(button,select,input):focus-visible{outline:2px solid var(--acid);outline-offset:4px}.hud-preview{--preview-color:#dcff8c;--preview-opacity:1;--preview-scale:1;--preview-inset:0px;--preview-radar-size:1;height:228px;position:relative;overflow:hidden;border:1px solid var(--hud-panel-line);background:linear-gradient(180deg,#172f40 0%,#376279 51%,#88a49c 52%,#46635a 53%,#253c38 100%);isolation:isolate}.hud-preview-land{position:absolute;inset:45% -5% -1%;background:linear-gradient(135deg,#5c6e63,#253f3a);clip-path:polygon(0 40%,10% 14%,22% 44%,38% 5%,50% 45%,66% 17%,80% 44%,95% 0,100% 35%,100% 100%,0 100%);opacity:.9}.hud-preview-caption{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;gap:10px;color:#d2e0d6;font:7px var(--mono);letter-spacing:1px;z-index:2}.hud-preview-caption b{font-weight:400;color:var(--acid)}.hud-preview-safe{position:absolute;inset:34px calc(18px + var(--preview-inset)) 28px;transition:inset .12s}.hud-preview-optics{position:absolute;inset:0;color:var(--preview-color);opacity:var(--preview-opacity);transform:scale(var(--preview-scale));transform-origin:center;text-shadow:0 1px 3px #122828}.hud-preview-heading{position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap;font:9px var(--mono);border-bottom:1px solid currentColor;padding-bottom:5px}.hud-preview-heading b{font-weight:400}.hud-preview-instruments{position:absolute;left:9px;right:9px;top:41px;display:flex;justify-content:space-between}.hud-preview-instruments>span{display:flex;flex-direction:column;gap:4px}.hud-preview-instruments>span:last-child{text-align:right}.hud-preview-instruments small{font:7px var(--mono);letter-spacing:1px}.hud-preview-instruments b{font:30px/1 var(--display);font-weight:500}.hud-preview-pitch{position:absolute;left:50%;top:50%;width:100px;height:50px;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:space-between}.hud-preview-pitch i{height:5px;border:1px solid currentColor;border-top:0;opacity:.65}.hud-preview-reticle{position:absolute;left:50%;top:50%;width:25px;height:25px;transform:translate(-50%,-50%);border:1px solid currentColor;border-radius:50%}.hud-preview-reticle:before,.hud-preview-reticle:after{content:"";position:absolute;background:currentColor;left:50%;top:50%;transform:translate(-50%,-50%)}.hud-preview-reticle:before{width:8px;height:1px}.hud-preview-reticle:after{width:1px;height:8px}.hud-preview-reticle[data-preview-reticle=cross]{border:0}.hud-preview-reticle[data-preview-reticle=cross]:before{width:25px}.hud-preview-reticle[data-preview-reticle=cross]:after{height:25px}.hud-preview-reticle[data-preview-reticle=dot]{width:4px;height:4px;background:currentColor;border:0}.hud-preview-reticle[data-preview-reticle=dot]:before,.hud-preview-reticle[data-preview-reticle=dot]:after,.hud-preview-reticle[data-preview-reticle=none]{display:none}.hud-preview-radar{position:absolute;left:10px;bottom:0;width:41px;height:41px;border:1px solid currentColor;border-radius:50%;transform:scale(var(--preview-radar-size));transform-origin:bottom left;background:radial-gradient(circle,transparent 45%,currentColor 47%,transparent 49%)}.hud-preview-radar:before,.hud-preview-radar:after{content:"";position:absolute;background:currentColor;opacity:.4}.hud-preview-radar:before{left:50%;width:1px;height:100%}.hud-preview-radar:after{top:50%;height:1px;width:100%}.hud-preview-radar i{position:absolute;left:26px;top:10px;width:3px;height:3px;background:currentColor}.hud-preview-radar b{position:absolute;left:15px;top:22px;width:3px;height:3px;background:currentColor}.hud-preview[data-radar-position=right] .hud-preview-radar{right:10px;left:auto;transform-origin:bottom right}.hud-preview[data-contrast=true] .hud-preview-optics{text-shadow:0 1px 3px #000,0 0 4px #000;filter:drop-shadow(0 0 1px #000)}.hud-preview[data-contrast=true] .hud-preview-instruments>span,.hud-preview[data-contrast=true] .hud-preview-heading{background:#07171bcc;padding:4px}.hud-preview-note{position:absolute;left:14px;bottom:9px;font:7px var(--mono);color:#c3d2cb;letter-spacing:.15px}.hud-control-section{padding-top:23px;margin-top:21px;border-top:1px solid var(--hud-panel-line)}.hud-control-section h4{font:9px var(--mono);font-weight:400;letter-spacing:1.6px;color:#bdcfc7;margin:0 0 15px}.hud-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.hud-setting-row{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#d1ded6;min-width:0}.hud-setting-row>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.hud-setting-row output{font:9px var(--mono);color:var(--acid)}.hud-setting-row select{font:10px Inter,Arial,sans-serif;border:1px solid #9ebbb13a;padding:11px 28px 11px 11px;background:#1c333a;color:#e1eada;min-width:0;width:100%;border-radius:0}.hud-setting-row input[type=range]{width:100%;min-width:0;height:21px;margin:0;accent-color:var(--acid);cursor:pointer}.hud-range-row{justify-content:space-between;padding-bottom:4px}.hud-switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.hud-switch-row{display:flex;align-items:center;justify-content:space-between;gap:15px;position:relative;cursor:pointer;min-height:69px;border-bottom:1px solid #a4c1bd13;padding:11px 0}.hud-switch-row>span{min-width:0;display:block}.hud-switch-row strong{font-size:11px;font-weight:400;line-height:1.45;display:block;color:#d4e1d9}.hud-switch-row small{font-size:9px;line-height:1.6;display:block;color:var(--hud-panel-dim);margin-top:3px}.hud-switch-row input{position:absolute;right:0;width:34px;height:22px;margin:0;opacity:0;cursor:pointer;z-index:1}.hud-switch-row i{width:32px;height:18px;flex:0 0 32px;border:1px solid #6c8c8c80;background:#13292f;border-radius:10px;position:relative;transition:background .15s,border .15s}.hud-switch-row i:after{position:absolute;content:"";width:10px;height:10px;background:#76918e;left:3px;top:3px;border-radius:50%;transition:transform .15s,background .15s}.hud-switch-row input:checked+i{border-color:#dcff8c88;background:#dcff8c20}.hud-switch-row input:checked+i:after{background:var(--acid);transform:translateX(14px)}.hud-switch-row input:focus-visible+i{outline:2px solid var(--acid);outline-offset:4px}.hud-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:23px;padding-top:20px;border-top:1px solid var(--hud-panel-line)}.hud-settings-footer p{font-size:9px;line-height:1.8;color:var(--hud-panel-dim);margin:0}.hud-settings-footer p b{font-weight:400;color:#cedace}.hud-settings-footer button{font:8px var(--mono);letter-spacing:.5px;padding:11px;border:1px solid var(--hud-panel-line);white-space:nowrap;color:#cbdacb}.hud-settings-footer button:hover{background:#dcff8c0b;border-color:#dcff8c66}@media(max-width:600px){.hud-section-intro h3{font-size:29px}.hud-presets{gap:6px}.hud-presets button{padding:12px 8px}.hud-presets button strong{font-size:8px}.hud-presets button small{font-size:8px}.hud-preview{height:214px}.hud-control-grid{gap:17px 14px}.hud-switch-grid{grid-template-columns:1fr}.hud-switch-row{min-height:62px}.hud-settings-footer{align-items:flex-start;flex-direction:column;gap:14px}.hud-settings-footer button{width:100%}.hud-setting-row select{font-size:9px;padding-left:8px}.hud-setting-row{font-size:10px}.hud-preview-heading{font-size:8px}}