.sf-root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif}
.sf-root,.sf-root *{box-sizing:border-box}
html,body,#app{padding:0;margin:0;width:100%;height:100%;min-height:100%;background:#0b1318}
.sf-root{width:100%;height:100vh;min-height:640px;position:relative;overflow:hidden;background:#151f27;color:#e4eceb;isolation:isolate;user-select:none}
.sf-stage{position:absolute;inset:0;z-index:0;overflow:hidden}
.sf-stage canvas{width:100%;height:100%;display:block;outline:0;touch-action:none}
.sf-hud{position:absolute;inset:0;z-index:1;pointer-events:none;font-size:12px;letter-spacing:.01em}
.sf-hud button,.sf-hud input{font:inherit;cursor:pointer}
.sf-hud button:focus-visible,.sf-hud input:focus-visible{outline:2px solid #ddae7b;outline-offset:3px}
.sf-hud button{color:inherit}
.sf-hud .sf-topbar,.sf-hud .sf-panel,.sf-hud .sf-bottom,.sf-hud .sf-readout,.sf-hud .sf-radarwrap,.sf-hud .sf-reveal,.sf-hud .sf-modal,.sf-hud .sf-toasts{pointer-events:auto}
.sf-scanlines{pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.01) 0 1px,transparent 1px 5px);opacity:.4;z-index:1}
.sf-topbar{position:absolute;left:0;right:0;top:0;height:79px;padding:0 29px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(180deg,rgba(9,20,28,.85),rgba(9,20,28,.57) 80%,transparent);z-index:3}
.sf-brand{display:flex;align-items:center;gap:13px;white-space:nowrap}
.sf-mark{width:34px;height:35px;position:relative;display:flex;align-items:center;gap:3px;transform:skew(-15deg);border:1px solid rgba(240,188,135,.4);padding:6px 4px}
.sf-mark span{height:25px;width:5px;border-radius:2px;background:#edae6e}
.sf-mark span:nth-child(2){height:19px;background:#a56c44}
.sf-mark span:nth-child(3){height:13px;background:#eee1ce}
.sf-brandname{font-family:"Arial Narrow",Impact,Arial,sans-serif;font-size:25px;letter-spacing:.075em;font-weight:900;line-height:1}
.sf-brandname span{color:#efa96b}
.sf-brand small{display:block;font-size:8px;font-weight:700;letter-spacing:.21em;color:#879ca3;padding-top:5px}
.sf-topstatus{display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.2em;color:#c0c9c8;font-weight:700}
.sf-topstatus b{color:#cfa578;font:10px monospace;border-left:1px solid #63757a;padding-left:16px}
.sf-live-pulse,.sf-pulse{width:7px;height:7px;border-radius:50%;background:#e6a367;box-shadow:0 0 0 3px rgba(241,177,112,.12),0 0 11px #e6a367;display:inline-block;animation:sf-pulse 2.7s infinite}
.sf-topstatus.paused .sf-live-pulse{background:#9d9d9d;box-shadow:none;animation:none}
@keyframes sf-pulse{0%,100%{opacity:.8}50%{opacity:1;box-shadow:0 0 0 7px rgba(241,177,112,0),0 0 13px #e6a367}}
.sf-topright{display:flex;gap:11px;align-items:center}.sf-device{border:1px solid rgba(183,200,200,.23);color:#c7d0cb;padding:10px 13px;font-size:9px;letter-spacing:.12em}
.sf-round{width:33px;height:33px;display:grid;place-items:center;border:1px solid rgba(177,200,202,.29);background:rgba(12,23,29,.73);font-size:15px;font-weight:bold;transition:background .2s,border .2s}
.sf-round:hover{background:rgba(71,88,96,.75);border-color:#b7c6c9}
.sf-panel{position:absolute;top:93px;left:25px;bottom:75px;width:325px;display:flex;flex-direction:column;background:rgba(12,24,30,.91);border:1px solid rgba(157,180,187,.24);box-shadow:0 20px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);z-index:3}
.sf-panel:before{content:"";position:absolute;top:-1px;left:0;width:72px;height:2px;background:#ecac6b}
.sf-panelheading{padding:21px 22px 12px}
.sf-eyebrow{color:#e7b37b;letter-spacing:.15em;font-weight:800;font-size:9px;display:flex;gap:10px;align-items:center}
.sf-dot{display:block;width:6px;height:6px;background:#ecab71;transform:rotate(45deg)}
.sf-panelheading h1{font-family:"Arial Narrow",Impact,Arial,sans-serif;margin:13px 0 9px;font-weight:900;font-size:32px;letter-spacing:.042em;line-height:1.04}
.sf-panelheading h1 em{font-style:normal;color:#e9a66c}
.sf-panelheading p{font-size:11px;color:#a0b3b7;line-height:1.5;margin:0;max-width:260px}
.sf-toolbar{display:flex;padding:12px 21px 18px;gap:8px}
.sf-primary{background:#e3a56d;border:1px solid #efbe8c;color:#171d1e!important;display:flex;align-items:center;justify-content:center;font-weight:900!important;font-size:10px!important;letter-spacing:.14em;padding:13px 15px;gap:12px;min-height:40px;transition:filter .2s,transform .2s;flex:1}
.sf-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}
.sf-primary>span:first-child{font-size:17px;line-height:.7}
.sf-secondary{width:44px;background:rgba(134,160,169,.09);border:1px solid rgba(174,195,202,.26);font-size:24px!important;transition:background .2s}
.sf-secondary:hover{background:rgba(134,160,169,.23)}
.sf-controls-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 22px 20px;scrollbar-width:thin;scrollbar-color:#667d83 transparent}
.sf-controls-scroll::-webkit-scrollbar{width:4px}.sf-controls-scroll::-webkit-scrollbar-thumb{background:#667d83}
.sf-section-title{display:flex;justify-content:space-between;gap:7px;font-size:9px;letter-spacing:.13em;font-weight:800;color:#91a8ac;padding-top:1px;margin:0 0 13px}
.sf-section-title span:last-child{color:#7f959b;font-size:9px}.sf-section-title .sf-accent{color:#edac78!important}
.sf-ef{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}
.sf-ef button{height:31px;border:1px solid rgba(133,153,160,.33);background:rgba(53,75,80,.19);color:#bdc9cc;font-size:12px;font-family:monospace;font-weight:bold}
.sf-ef button.active{background:#e4a86e;border-color:#f6c18d;color:#171d1d;box-shadow:0 0 17px rgba(242,173,102,.26)}
.sf-ef button:hover:not(.active){background:rgba(177,193,197,.17)}
.sf-help-caption{font-size:9px;color:#819ba2;display:flex;justify-content:space-between;align-items:center;gap:12px;letter-spacing:.09em;margin:11px 0 0}
.sf-help-caption>span{color:#d5ad7b}
.sf-divider{height:1px;margin:19px 0;background:linear-gradient(90deg,rgba(156,175,181,.26),rgba(156,175,181,.06))}
.sf-slider{display:block;padding:0 0 15px}
.sf-sliderhead{display:flex;justify-content:space-between;gap:6px;align-items:baseline}
.sf-sliderhead b{color:#bec9cb;font-size:9px;letter-spacing:.105em}
.sf-sliderhead output{color:#f0b880;font-size:11px;font-family:monospace;white-space:nowrap}
.sf-slider input{appearance:none;-webkit-appearance:none;width:100%;height:3px;border:0;outline:0;margin:13px 0 0;border-radius:6px;background:linear-gradient(90deg,#e7ad79 var(--pct,50%),#506168 var(--pct,50%));display:block}
.sf-slider input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;border:2px solid #f6bb85;background:#1a2628;box-shadow:0 0 0 3px rgba(242,175,112,.15)}
.sf-slider input::-moz-range-thumb{width:9px;height:9px;border-radius:50%;border:2px solid #f6bb85;background:#1a2628}
.sf-slidermarks{display:flex;justify-content:space-between;margin-top:6px;font-size:8px;letter-spacing:.08em;color:#6e878c}
.sf-switchrow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:5px}
.sf-switchrow strong{font-size:9px;letter-spacing:.09em;color:#d1dadb}.sf-switchrow small{display:block;color:#789096;font-size:9px;margin-top:4px}
.sf-toggle{width:39px;height:21px;background:#304348;border:1px solid #5d7b7d;border-radius:22px;padding:3px;display:flex;align-items:center;justify-content:flex-start;transition:all .2s;flex-shrink:0}
.sf-toggle>span{width:13px;height:13px;background:#a6b3b5;border-radius:50%;transition:transform .2s}
.sf-toggle[aria-checked="true"]{background:#aa7349;border-color:#f0b882}.sf-toggle[aria-checked="true"]>span{background:#ffe1be;transform:translateX(17px)}
.sf-camera{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.sf-camera button{padding:9px 4px;background:rgba(53,75,80,.22);border:1px solid rgba(133,153,160,.28);color:#9fb5b8;font-size:9px;font-weight:800;letter-spacing:.08em}
.sf-camera button.active{color:#ffe1b8;border-color:#e4a86e;background:rgba(191,136,80,.2)}
.sf-panel-foot{border-top:1px solid rgba(133,153,160,.19);padding:11px 21px;display:flex;justify-content:space-between;align-items:center;color:#718d94;font-size:8px;letter-spacing:.11em;font-weight:700}
.sf-barcode{font-size:24px;color:#a6afb1;line-height:.7}
.sf-readout{position:absolute;right:27px;top:101px;width:196px;padding:19px 19px 16px;background:rgba(12,25,33,.67);border:1px solid rgba(163,192,199,.22);backdrop-filter:blur(12px);z-index:2}
.sf-readout:after{content:"";position:absolute;right:-1px;top:-1px;width:25px;height:2px;background:#e7ab75}
.sf-readout-index{color:#9fbdc4;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.1em;font-weight:700;margin-bottom:20px}
.sf-readout-stat{margin-top:15px;border-top:1px solid rgba(149,178,186,.18);padding-top:11px}
.sf-readout-stat>span{font-size:9px;letter-spacing:.12em;font-weight:800;color:#859fa5}
.sf-readout-stat b{display:block;font-family:"Arial Narrow",Impact,Arial,sans-serif;font-size:34px;line-height:1.1;color:#eff1ec;letter-spacing:.01em;margin-top:4px}
.sf-readout-stat b small{font-size:9px;color:#a6c0c3;font-weight:700;margin-left:7px;letter-spacing:.1em}
.sf-damage b{color:#e9af7f}
.sf-beacon{border-top:1px solid rgba(149,178,186,.19);margin-top:15px;padding-top:14px;font-size:9px;font-weight:900;letter-spacing:.09em;color:#e5b17e}
.sf-beacon.violent{color:#ff886f}.sf-status-line{display:block;height:2px;margin-top:8px;width:100%;background:linear-gradient(90deg,currentColor 60%,rgba(143,165,164,.15) 60%)}
.sf-radarwrap{position:absolute;right:27px;bottom:91px;width:194px;padding:11px;background:rgba(10,22,29,.81);border:1px solid rgba(163,192,199,.27);backdrop-filter:blur(10px);z-index:2}
.sf-radarheader,.sf-radarfoot{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#b9d0cf;letter-spacing:.09em;font-weight:800}
.sf-radarheader>span:last-child{color:#e0ae84}.sf-radarfoot{margin-top:9px;color:#8ea4a6}.sf-radarfoot b{font-family:monospace;font-size:9px;color:#e6bb8b}
.sf-radar{width:100%;height:172px;display:block;image-rendering:auto;margin-top:10px;border:1px solid rgba(141,173,180,.26)}
.sf-bottom{position:absolute;left:0;right:0;bottom:0;min-height:62px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(7,18,24,.88);border-top:1px solid rgba(140,170,178,.3);backdrop-filter:blur(11px);z-index:3}
.sf-bottom-left{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.12em;color:#9db4b9;font-weight:700;white-space:nowrap}
.sf-bottom-left b{color:#ecbc88}.sf-circular{font-size:17px;color:#bcd5d2}.sf-sep{color:#4f626b}
.sf-progress{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.1em;color:#9bafb2;font-weight:800;min-width:300px;max-width:360px;flex:1}
.sf-progressbar{position:relative;height:3px;background:#4d6065;flex:1;overflow:hidden}.sf-progressbar span{display:block;height:100%;background:#e9a772;transition:width .1s}.sf-progress>b{font-family:monospace;color:#e6be92;font-size:10px}
.sf-clock{display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:9px;letter-spacing:.13em;color:#93aaaf;font-weight:800}.sf-clock b{font-size:21px;letter-spacing:.04em;color:#e4e9e6;font-family:monospace}
.sf-reveal{display:none;position:absolute;left:20px;top:94px;background:rgba(13,26,31,.88);border:1px solid #d7a572;padding:12px 17px;color:#f1c69e!important;font-size:11px;font-weight:900;letter-spacing:.07em;backdrop-filter:blur(8px);z-index:10}
.sf-reveal span{opacity:.6;font-family:monospace;margin-left:20px}
.sf-hud.ui-hidden .sf-panel,.sf-hud.ui-hidden .sf-readout,.sf-hud.ui-hidden .sf-radarwrap,.sf-hud.ui-hidden .sf-bottom,.sf-hud.ui-hidden .sf-topbar{display:none}
.sf-hud.ui-hidden .sf-reveal{display:block}
.sf-toasts{position:absolute;top:88px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;z-index:8;pointer-events:none!important}
.sf-toast{background:rgba(14,29,34,.9);border:1px solid #c79168;color:#f2d1a9;font:800 10px monospace;letter-spacing:.11em;padding:11px 15px;animation:sf-fade 2.4s both}
@keyframes sf-fade{0%{transform:translateY(-7px);opacity:0}12%,70%{transform:translateY(0);opacity:1}100%{opacity:0;transform:translateY(-6px)}}
.sf-modal{position:absolute;inset:0;display:grid;place-items:center;background:rgba(3,10,15,.75);backdrop-filter:blur(13px);z-index:20;padding:18px}
.sf-modal[hidden]{display:none}
.sf-modal-card{width:min(460px,100%);border:1px solid rgba(214,184,145,.46);background:#12222a;padding:25px 30px;box-shadow:0 25px 70px rgba(0,0,0,.5)}
.sf-modal-header{display:flex;justify-content:space-between;align-items:center;color:#e9b789;letter-spacing:.17em;font-size:10px;font-weight:900}
.sf-modal-header button{border:none;background:none;color:#f2d3b0;font-size:27px}
.sf-modal h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:33px;letter-spacing:.035em;margin:19px 0 8px;text-transform:uppercase}
.sf-modal p{color:#9bb2b8;line-height:1.6;font-size:12px}
.sf-modal dl{display:grid;grid-template-columns:88px 1fr;gap:14px 12px;font-size:11px;line-height:1.4;margin:25px 0}
.sf-modal dt{color:#e6b486;font-weight:bold;letter-spacing:.12em}.sf-modal dd{margin:0;color:#c4d3d2}
.sf-modal .sf-disclaimer{font-size:10px;border-top:1px solid #41525b;padding-top:13px}
.sf-modal .sf-primary{margin-top:15px;width:100%}
@media(max-width:1000px){.sf-topstatus{display:none}.sf-bottom-left .sf-sep,.sf-bottom-left>span:last-child{display:none}.sf-progress{min-width:130px}.sf-readout{width:159px;padding:15px;right:15px}.sf-radarwrap{right:15px;width:150px}.sf-radar{height:126px}.sf-panel{left:15px;width:294px}.sf-panelheading h1{font-size:28px}}
@media(max-width:700px){
 .sf-root{min-height:530px;height:100dvh}
 .sf-topbar{height:63px;padding:0 13px;gap:8px}.sf-brandname{font-size:20px}.sf-brand small{font-size:6px;letter-spacing:.09em}.sf-mark{width:26px;height:30px}.sf-device{display:none}.sf-round{width:30px;height:30px}
 .sf-panel{top:auto;bottom:57px;left:0;width:min(100%,400px);height:min(47%,380px);border-left:none;border-radius:0 4px 0 0;backdrop-filter:blur(14px)}
 .sf-panelheading{padding:12px 14px 3px}.sf-panelheading h1{font-size:22px;margin:6px 0}.sf-panelheading h1 br{display:none}.sf-panelheading h1 em{margin-left:7px}.sf-panelheading p{display:none}
 .sf-toolbar{padding:6px 13px 8px}.sf-primary{min-height:34px;padding:8px 10px}.sf-controls-scroll{padding:0 14px 12px}.sf-panel-foot{display:none}
 .sf-readout{right:9px;top:68px;width:124px;padding:9px}.sf-readout-index{font-size:7px;letter-spacing:0;margin-bottom:7px}.sf-readout-stat{margin-top:6px;padding-top:5px}.sf-readout-stat>span{font-size:7px}.sf-readout-stat b{font-size:23px;margin:1px}.sf-readout-stat b small{font-size:7px;margin-left:3px}.sf-beacon{font-size:7px;margin-top:6px;padding-top:7px}
 .sf-radarwrap{display:none}.sf-bottom{height:52px;min-height:52px;padding:0 10px;gap:8px}.sf-bottom-left{font-size:8px}.sf-bottom-left>span:nth-child(3){display:none}.sf-progress{min-width:0;gap:5px;flex:1}.sf-progress>span{display:none}.sf-clock{font-size:7px;gap:5px}.sf-clock>span{display:none}.sf-clock b{font-size:15px}
 .sf-reveal{top:67px;left:8px}.sf-toasts{top:70px;max-width:55%;left:50%}.sf-toast{text-align:center}
}
@media(max-width:420px){.sf-panel{height:46%;max-height:340px}.sf-panelheading h1{font-size:19px}.sf-topright{gap:5px}.sf-bottom-left .sf-circular{display:none}.sf-clock b{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}