.stl-overlay{position:fixed;inset:0;z-index:1400;display:none;overflow-y:auto;overflow-x:hidden;background:#03060ce0;backdrop-filter:blur(3px)}.stl-overlay.show{display:block}body.stl-open{overflow:hidden}.stl-overlay .stl-root{position:relative;max-width:1500px;margin:0 auto;padding:14px;box-sizing:border-box;font-family:var(--font-ui, "Oxanium", sans-serif);color:var(--lv-text)}.stl-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,#00c8ff1a,#00c8ff08);border:1px solid var(--lv-border-bright);border-bottom-color:var(--lv-cyan);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);padding:10px 16px;margin-bottom:12px}.stl-head .kicker{font-size:12px;letter-spacing:.22em;color:var(--lv-cyan);font-weight:600}.stl-head h1{margin:2px 0 0;font-size:22px;letter-spacing:.06em;color:var(--lv-text-white);font-weight:700}.stl-close{font-family:var(--font-mono, monospace);font-size:14px;color:var(--lv-text);border:1px solid var(--lv-border-bright);background:#ffffff08;padding:8px 12px;cursor:pointer;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.stl-close:hover{color:var(--lv-text-white);border-color:var(--lv-cyan)}.stl-body{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:12px;align-items:start}.stl-mapwrap{position:relative;border:1px solid var(--lv-border-bright);background:#000;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);overflow:hidden}.stl-mapscroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity}.stl-mapscroll::-webkit-scrollbar{display:none}.stl-site{scroll-snap-align:center}.stl-map{position:relative;width:100%;min-width:640px;aspect-ratio:1536/1024;background:url(/images/ui/nexus-settlement.png) center/100% 100% no-repeat;container-type:inline-size}.stl-mapwrap:before,.stl-mapwrap:after{content:"";position:absolute;width:26px;height:26px;z-index:5;pointer-events:none}.stl-mapwrap:before{top:6px;left:6px;border-top:2px solid var(--lv-cyan);border-left:2px solid var(--lv-cyan)}.stl-mapwrap:after{bottom:6px;right:6px;border-bottom:2px solid var(--lv-cyan);border-right:2px solid var(--lv-cyan)}.stl-map:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 3px)}.stl-slot{position:absolute;transform:translate(-50%,-50%);z-index:3}.stl-unknown{position:relative;padding:.5cqw .9cqw .4cqw;text-align:center;cursor:default;user-select:none;background:#060a10b8;border:1px solid rgba(120,140,160,.35);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.stl-unknown .u-label{font-family:var(--font-mono, monospace);font-size:max(12px,1.05cqw);letter-spacing:.14em;color:var(--lv-text)}.stl-unknown:after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 1px,transparent 1px 2px);animation:stl-u-static 1.1s steps(4) infinite}.stl-unknown:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 20%,rgba(0,200,255,.06) 50%,transparent 80%);animation:stl-u-drift 4.5s ease-in-out infinite}@keyframes stl-u-static{0%{transform:translateY(0)}to{transform:translateY(2px)}}@keyframes stl-u-drift{0%,to{opacity:.2}50%{opacity:.7}}.stl-site{position:absolute;transform:translate(-50%);z-index:4;width:17%;pointer-events:none}.stl-site .site-anchor{position:relative;transform:translateY(-100%)}.site-pad{position:absolute;left:50%;bottom:-2.5%;width:86%;aspect-ratio:3/1;transform:translate(-50%)}.site-pad .pad-shadow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.62) 0%,rgba(0,0,0,.25) 55%,transparent 75%)}.site-pad .pad-glow{position:absolute;inset:-12% -6%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,200,255,.28) 0%,rgba(0,200,255,.1) 45%,transparent 72%);animation:stl-pad-breathe 3.2s ease-in-out infinite}.site-pad .pad-ring{position:absolute;inset:6% 2%;border-radius:50%;border:1px solid rgba(0,200,255,.55);box-shadow:0 0 12px #00c8ff59,inset 0 0 10px #00c8ff2e;animation:stl-pad-breathe 3.2s ease-in-out infinite}@keyframes stl-pad-breathe{0%,to{opacity:.55}50%{opacity:1}}.site-spire{position:relative;display:block;width:100%;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55));mask-image:linear-gradient(180deg,#000 92%,#00000040);-webkit-mask-image:linear-gradient(180deg,#000 92%,rgba(0,0,0,.25) 100%)}.site-pct{position:absolute;left:50%;top:0;transform:translate(-50%,-112%);pointer-events:auto;text-align:center;background:#050a10d9;border:1px solid var(--lv-cyan);padding:.45cqw 1cqw .4cqw;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);box-shadow:0 0 16px #00c8ff40}.site-pct .p-num{font-family:var(--font-mono, monospace);font-size:max(14px,1.55cqw);font-weight:700;color:var(--lv-cyan);line-height:1.05}.site-pct .p-lbl{font-size:max(12px,.95cqw);letter-spacing:.14em;color:var(--lv-text)}.site-name{position:absolute;left:50%;top:0;transform:translate(-50%,-112%);text-align:center;background:#050a10d9;border:1px solid rgba(45,212,191,.65);padding:4px 12px;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);font-size:12px;letter-spacing:.18em;color:var(--lv-text-white);box-shadow:0 0 14px #2dd4bf40}.site-pops{position:absolute;inset:0;pointer-events:none}.stl-overlay .pop{position:absolute;left:50%;font-family:var(--font-mono, monospace);font-weight:700;font-size:max(12px,1.2cqw);color:var(--lv-cyan);text-shadow:0 0 8px rgba(0,200,255,.6),0 1px 2px #000;white-space:nowrap;opacity:0;pointer-events:none}.stl-overlay .pop small{display:block;font-size:max(12px,.95cqw);font-weight:600;color:var(--lv-text-white);text-shadow:0 1px 2px #000;letter-spacing:.04em}.stl-overlay .pop-live{animation:stl-pop-rise 2.6s ease-out forwards}@keyframes stl-pop-rise{0%{opacity:0;transform:translate(-50%)}10%{opacity:1}70%{opacity:1;transform:translate(-50%,-52px)}to{opacity:0;transform:translate(-50%,-74px)}}.stl-site-done .site-spire{animation:stl-breach-breathe 2.8s ease-in-out infinite}@keyframes stl-breach-breathe{0%,to{filter:drop-shadow(0 0 10px rgba(45,212,191,.3)) drop-shadow(0 6px 14px rgba(0,0,0,.55))}50%{filter:drop-shadow(0 0 26px rgba(45,212,191,.65)) drop-shadow(0 6px 14px rgba(0,0,0,.55))}}.site-echo{display:none;position:absolute;inset:0;pointer-events:none;z-index:-1;background:url(/images/ui/spire-breach.png) top center/100% auto no-repeat}.stl-site-done .site-echo{display:block;mix-blend-mode:screen;animation:stl-echo-drift 7s ease-in-out infinite}@keyframes stl-echo-drift{0%{transform:translate(-2.2%) scale(1.012);opacity:.2;filter:blur(2px)}25%{transform:translate(.8%) scale(1.006);opacity:.42;filter:blur(1.5px)}50%{transform:translate(2.4%) scale(1.015);opacity:.24;filter:blur(2.5px)}75%{transform:translate(-.6%) scale(1.005);opacity:.4;filter:blur(1.5px)}to{transform:translate(-2.2%) scale(1.012);opacity:.2;filter:blur(2px)}}.stl-site-done .pad-ring{border-color:#2dd4bfb3;box-shadow:0 0 16px #2dd4bf80,inset 0 0 12px #2dd4bf40;animation-duration:1.5s}.stl-site-done .pad-glow{background:radial-gradient(ellipse at center,rgba(45,212,191,.34) 0%,rgba(45,212,191,.13) 45%,transparent 72%);animation-duration:1.5s}.stl-dock{position:relative;border:1px solid var(--lv-border-bright);background:linear-gradient(180deg,#0a1018f5,#070b11f5);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);padding:0 0 12px;display:flex;flex-direction:column;min-width:0}.stl-dock:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px)}.stl-dock .dock-cart{background:linear-gradient(180deg,#00c8ff1f,#00c8ff08);border-bottom:1px solid var(--lv-cyan);padding:10px 14px}.stl-dock .dock-cart .kicker{font-size:12px;letter-spacing:.22em;color:var(--lv-cyan);font-weight:600}.stl-dock .dock-cart h2{margin:2px 0 0;font-size:19px;color:var(--lv-text-white);letter-spacing:.04em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stl-dock .phase-chip{font-family:var(--font-mono, monospace);font-size:12px;letter-spacing:.1em;color:var(--lv-orange);border:1px solid var(--lv-orange);padding:2px 8px;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.stl-dock .dock-pitch{padding:10px 14px 4px;font-size:13px;line-height:1.5;color:var(--lv-text)}.stl-dock .dock-progress{padding:8px 14px 2px}.stl-dock .dp-nums{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;gap:8px}.stl-dock .dp-nums .big{font-family:var(--font-mono, monospace);font-size:21px;font-weight:700;color:var(--lv-cyan)}.stl-dock .dp-nums .frac{font-family:var(--font-mono, monospace);font-size:12px;color:var(--lv-text)}.stl-dock .dp-bar{height:12px;border:1px solid var(--lv-border-bright);background:#00000080;position:relative;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.stl-dock .dp-bar i{position:absolute;inset:1px auto 1px 1px;background:linear-gradient(90deg,rgba(0,200,255,.45),var(--lv-cyan));box-shadow:0 0 10px #00c8ff80;transition:width .6s ease}.stl-dock .dp-bar i:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.16) 0 6px,transparent 6px 12px)}.stl-dock .dock-div{display:flex;align-items:center;gap:10px;padding:10px 14px 2px}.stl-dock .dock-div:before,.stl-dock .dock-div:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--lv-border-bright))}.stl-dock .dock-div:after{background:linear-gradient(90deg,var(--lv-border-bright),transparent)}.stl-dock .dock-div b{font-size:12px;letter-spacing:.2em;color:var(--lv-text);font-weight:600}.stl-dock .dock-div .dia{width:6px;height:6px;background:var(--lv-cyan);transform:rotate(45deg)}.stl-dock .don-rows{padding:4px 14px 0;display:flex;flex-direction:column;gap:6px}.stl-dock .don-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 8px;align-items:center;border:1px solid var(--lv-border);background:#ffffff05;padding:5px 8px 6px 5px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.stl-dock .don-row .slot{grid-row:1}.stl-dock .don-row .val{grid-column:3;grid-row:1}.stl-dock .don-row .qty{grid-column:1 / -1;grid-row:2}.stl-dock .don-row .slot{width:36px;height:36px;border:1px solid var(--lv-border-bright);background:#00000073;display:grid;place-items:center;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.stl-dock .don-row .slot img{width:28px;height:28px;pointer-events:none}.stl-dock .don-row .nm{min-width:0}.stl-dock .don-row .nm b{display:block;font-size:13px;color:var(--lv-text-white);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stl-dock .don-row .nm span{font-family:var(--font-mono, monospace);font-size:12px;color:var(--lv-text)}.stl-dock .don-row .val{font-family:var(--font-mono, monospace);font-size:12px;color:var(--lv-cyan);border:1px solid rgba(0,200,255,.35);padding:2px 6px;white-space:nowrap;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.stl-dock .don-row .qty{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.stl-dock .don-input{width:66px;font-family:var(--font-mono, monospace);font-size:12px;color:var(--lv-text-white);background:#00000073;border:1px solid var(--lv-border-bright);padding:3px 6px;text-align:right;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.stl-dock .don-input:focus{outline:none;border-color:var(--lv-cyan);box-shadow:0 0 8px #00c8ff4d}.stl-dock .don-input:disabled{color:var(--lv-text-disabled)}.stl-dock .don-row .qty button{font-family:var(--font-mono, monospace);font-size:12px;color:var(--lv-text);background:#ffffff08;border:1px solid var(--lv-border-bright);padding:3px 7px;cursor:pointer;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.stl-dock .don-row .qty button:hover:not(:disabled){color:var(--lv-bg);background:var(--lv-cyan)}.stl-dock .don-row .qty button.sel{color:var(--lv-bg);background:var(--lv-cyan);border-color:var(--lv-cyan)}.stl-dock .don-row .qty button:disabled{color:var(--lv-text-disabled);cursor:default}.stl-dock .don-row .qty .max{color:var(--lv-orange);border-color:var(--lv-orange)}.stl-dock .don-row .qty .max:hover:not(:disabled),.stl-dock .don-row .qty .max.sel{background:var(--lv-orange);border-color:var(--lv-orange);color:var(--lv-bg)}.stl-dock .dock-cta{margin:10px 14px 0}.stl-dock .dock-cta .lv-btn{width:100%;text-align:center;font-size:14px;letter-spacing:.08em;padding:10px 0;color:var(--lv-orange);border-color:var(--lv-orange);background:#ff7b000f}.stl-dock .dock-cta .lv-btn:hover:not(:disabled){background:var(--lv-orange);color:var(--lv-bg);box-shadow:0 0 16px #ff7b0066}.stl-dock .dock-cta .lv-btn:disabled{color:var(--lv-text-disabled);border-color:var(--lv-border-bright);background:#ffffff05;cursor:default}.stl-dock .feed{padding:2px 14px 0;display:flex;flex-direction:column;gap:4px}.stl-dock .feed-row{display:flex;align-items:center;gap:8px;font-size:12px}.stl-dock .feed-row img{width:16px;height:16px;pointer-events:none}.stl-dock .feed-row b{color:var(--lv-text-white);font-weight:600;cursor:pointer}.stl-dock .feed-row b:hover{color:var(--lv-cyan)}.stl-dock .feed-row span{font-family:var(--font-mono, monospace);color:var(--lv-cyan)}.stl-dock .feed-empty{font-size:12px;color:var(--lv-text);padding:2px 0}.stl-dock .yours{margin:8px 14px 0;padding:7px 10px;border:1px solid var(--lv-border-bright);background:#00c8ff0d;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);display:flex;justify-content:space-between;align-items:baseline}.stl-dock .yours b{font-size:12px;letter-spacing:.14em;color:var(--lv-text);font-weight:600}.stl-dock .yours span{font-family:var(--font-mono, monospace);font-size:15px;font-weight:700;color:var(--lv-cyan)}.stl-dock .dock-done{padding:2px 14px 0}.stl-dock .done-stamp{font-family:var(--font-mono, monospace);font-size:12px;letter-spacing:.18em;color:var(--lv-cyan);border:1px solid var(--lv-cyan);padding:5px 10px;text-align:center;margin:10px 0 8px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);background:#00c8ff0f}.stl-dock .done-lore{font-size:13px;line-height:1.55;color:var(--lv-text);margin:8px 0}.stl-dock .done-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;padding:7px 10px;border:1px solid var(--lv-border-bright);background:#ffffff05;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.stl-dock .done-total b{font-size:12px;letter-spacing:.14em;color:var(--lv-text);font-weight:600}.stl-dock .done-total span{font-family:var(--font-mono, monospace);font-size:15px;font-weight:700;color:var(--lv-cyan)}.stl-dock .done-top{display:flex;flex-direction:column;gap:3px;padding-top:4px}.stl-dock .top-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:baseline;padding:4px 8px;border:1px solid var(--lv-border);background:#ffffff05;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.stl-dock .top-row i{font-family:var(--font-mono, monospace);font-style:normal;font-size:12px;color:var(--lv-text);text-align:right}.stl-dock .top-row b{font-size:13px;color:var(--lv-text-white);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.stl-dock .top-row b:hover{color:var(--lv-cyan)}.stl-dock .top-row span{font-family:var(--font-mono, monospace);font-size:12px;color:var(--lv-cyan)}.stl-dock .top-first{border-color:var(--lv-orange);background:#ff7b000d}.stl-dock .top-first i,.stl-dock .top-first span{color:var(--lv-orange)}.stl-complete-overlay{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;background:#03060ce6;backdrop-filter:blur(4px)}.stl-complete-box{max-width:480px;margin:16px;padding:22px 24px;text-align:center;border:1px solid rgba(45,212,191,.65);background:linear-gradient(180deg,#0a1018fa,#070b11fa);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:0 0 40px #2dd4bf40}.stl-complete-box .kicker{font-size:12px;letter-spacing:.22em;color:var(--lv-cyan);font-weight:600}.stl-complete-box h2{margin:6px 0 10px;font-size:24px;letter-spacing:.06em;color:var(--lv-text-white)}.stl-complete-box p{font-size:13px;line-height:1.55;color:var(--lv-text);margin:8px 0}.stl-complete-box .stl-complete-sub{font-family:var(--font-mono, monospace);font-size:12px;color:var(--lv-cyan)}.stl-complete-actions{display:flex;gap:10px;justify-content:center;margin-top:14px}.stl-strip{display:flex;align-items:flex-end;gap:12px;width:100%;margin:0 0 12px;padding:14px;min-height:96px;cursor:pointer;text-align:left;font-family:var(--font-ui, "Oxanium", sans-serif);border:1px solid var(--lv-border-bright);border-left:2px solid var(--lv-cyan);background:linear-gradient(180deg,#05090e26,#05090eb8 78%),url(/images/ui/nexus-settlement.png) center 38%/cover no-repeat;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.stl-strip:hover{border-color:var(--lv-cyan);box-shadow:0 0 12px #00c8ff40}.stl-strip--live{animation:stl-strip-pulse 3.2s ease-in-out infinite}@keyframes stl-strip-pulse{0%,to{border-left-color:var(--lv-cyan);box-shadow:0 0 #00c8ff00}50%{border-left-color:var(--lv-cyan);box-shadow:0 0 10px #00c8ff59}}.stl-strip--live .stl-strip-pct{animation:stl-strip-pct-pulse 3.2s ease-in-out infinite}@keyframes stl-strip-pct-pulse{0%,to{text-shadow:none}50%{text-shadow:0 0 8px rgba(0,200,255,.6)}}.stl-strip:hover{background-image:linear-gradient(180deg,#05090e14,#05090e99 78%),url(/images/ui/nexus-settlement.png)}.stl-strip-kicker{font-size:12px;letter-spacing:.2em;color:var(--lv-cyan);font-weight:600;white-space:nowrap}.stl-strip-name{font-size:14px;color:var(--lv-text-white);font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stl-strip-pct{margin-left:auto;font-family:var(--font-mono, monospace);font-size:15px;font-weight:700;color:var(--lv-cyan)}.map-fade-l,.map-fade-r{display:none}@media(max-width:900px){.stl-body{grid-template-columns:minmax(0,1fr)}.stl-map{width:max(175%,640px);min-width:0;aspect-ratio:1536/1024;background-size:100% 100%}.stl-mapscroll{scrollbar-width:thin;scrollbar-color:var(--lv-cyan) rgba(255,255,255,.06)}.stl-mapscroll::-webkit-scrollbar{display:block;height:5px}.stl-mapscroll::-webkit-scrollbar-track{background:#ffffff0d}.stl-mapscroll::-webkit-scrollbar-thumb{background:var(--lv-cyan);box-shadow:0 0 6px #00c8ff80}.map-fade-l,.map-fade-r{display:block;position:absolute;top:0;bottom:0;width:36px;z-index:6;pointer-events:none}.map-fade-l{left:0;background:linear-gradient(90deg,rgba(5,8,13,.85),transparent)}.map-fade-r{right:0;background:linear-gradient(270deg,rgba(5,8,13,.85),transparent)}.stl-complete-actions{flex-direction:column}}