.scan-stage{--acc:var(--orange,#f25623);--light:#dedede;--paper:#ffe7d0;--bleed:.06;border:1px solid var(--line);background:radial-gradient(130% 100% at 50% 30%,#15110f 0%,#0f0d0c 45%,#0a0a0a 100%);justify-content:center;align-items:center;width:100%;max-width:920px;height:min(82vh,820px);min-height:520px;margin:0 auto;display:flex;position:relative;overflow:hidden}.scan-stage .frame-mark{border:0 solid var(--light);opacity:.55;pointer-events:none;z-index:7;width:16px;height:16px;position:absolute}.scan-stage .fm-tl{border-top-width:1px;border-left-width:1px;top:-1px;left:-1px}.scan-stage .fm-tr{border-top-width:1px;border-right-width:1px;top:-1px;right:-1px}.scan-stage .fm-bl{border-bottom-width:1px;border-left-width:1px;bottom:-1px;left:-1px}.scan-stage .fm-br{border-bottom-width:1px;border-right-width:1px;bottom:-1px;right:-1px}.scan-stage .hud{z-index:7;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--light);opacity:.62;pointer-events:none;font-size:10px;line-height:1.85;position:absolute}.scan-stage .hud b{color:var(--acc);font-weight:700}.scan-stage .hud.tl{top:14px;left:15px}.scan-stage .hud.tr{text-align:right;top:14px;right:15px}.scan-stage .hud.br{text-align:right;bottom:14px;right:15px}.scan-stage .hud.bl{color:var(--acc);opacity:.85;transition:opacity .5s;bottom:14px;left:15px}.scan-stage .hud.bl.gone{opacity:0}.scan-box{aspect-ratio:3/4;cursor:none;touch-action:none;background:#0b0b0b;outline:none;flex:none;max-width:94vw;height:100%;position:relative;overflow:hidden}.scan-box:focus-visible{box-shadow:inset 0 0 0 1px var(--acc)}.scan-box .blur{object-fit:cover;object-position:center;filter:blur(24px)brightness(.8)contrast(.9);width:112%;height:112%;position:absolute;inset:-6%}.scan-box:after{content:"";pointer-events:none;z-index:2;background:#0b0b0b47 repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.scan-box .lens{z-index:5;width:var(--lw,300px);height:var(--lh,340px);transform:translate(var(--lx,0px), var(--ly,0px));background-image:var(--limg);will-change:transform;--cc:var(--light);background-repeat:no-repeat;border:1px solid #dededecc;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 1px #0d0d0d8c,0 10px 50px #00000080}.scan-box .lens.found{border-color:var(--acc);--cc:var(--acc)}.scan-box .lens.lock{border-color:var(--acc);--cc:var(--acc);box-shadow:0 0 0 1px var(--acc), 0 0 34px #f2562338}.scan-box .lens:before,.scan-box .lens:after{content:"";border:1px solid var(--cc);z-index:4;width:14px;height:14px;position:absolute}.scan-box .lens:before{border-bottom:none;border-right:none;top:6px;left:6px}.scan-box .lens:after{border-top:none;border-left:none;bottom:6px;right:6px}.scan-box .l-bracket{border:1px solid var(--cc);z-index:4;width:14px;height:14px;position:absolute}.scan-box .l-bracket.tr{border-bottom:none;border-left:none;top:6px;right:6px}.scan-box .l-bracket.bl{border-top:none;border-right:none;bottom:6px;left:6px}.scan-box .l-cross{z-index:3;background:linear-gradient(var(--cc), var(--cc)) 50% 0/1px 100% no-repeat, linear-gradient(var(--cc), var(--cc)) 0 50%/100% 1px no-repeat;opacity:.9;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scan-box .l-ring{border:1px solid var(--acc);opacity:0;z-index:3;border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.4)}.scan-box .lens.lock .l-ring{animation:.5s cubic-bezier(.22,1,.36,1) forwards scan-lockring}@keyframes scan-lockring{0%{opacity:.9;transform:translate(-50%,-50%)scale(1.4)}to{opacity:0;transform:translate(-50%,-50%)scale(.5)}}.scan-box .l-sweep{z-index:2;pointer-events:none;background:linear-gradient(#0000,#f256232e,#0000);height:26px;animation:2.6s linear infinite scan-sweep;position:absolute;top:-26px;left:0;right:0}@keyframes scan-sweep{0%{top:-26px}to{top:100%}}.scan-box .l-tag{z-index:4;font-family:var(--mono);letter-spacing:.18em;color:var(--cc);text-transform:uppercase;opacity:.9;font-size:9px;position:absolute;top:7px;left:7px}.scan-box .readout{z-index:4;font-family:var(--mono);opacity:0;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);position:absolute;bottom:10px;left:10px;right:10px;transform:translateY(8px)}.scan-box .readout.in{opacity:1;transform:none}.scan-box .readout:before{content:"";z-index:-1;background:linear-gradient(#0000 0%,#08080880 45%,#080808d9 100%);position:absolute;inset:-10px}.scan-box .r-cat{letter-spacing:.2em;color:var(--light);opacity:.7;text-transform:uppercase;font-size:9px}.scan-box .r-val{color:var(--acc);min-height:1.1em;margin-top:3px;font-size:clamp(15px,2.4vw,19px);font-weight:700;line-height:1.15}.scan-box .r-detail{letter-spacing:.04em;color:var(--light);opacity:.6;margin-top:4px;font-size:9.5px;line-height:1.45}.scan-box .r-viz{margin-top:9px}.scan-box .v-bar{align-items:center;gap:9px;display:flex}.scan-box .v-track{background:#dedede29;flex:1;height:3px;position:relative;overflow:hidden}.scan-box .v-track i{background:var(--acc);width:0;transition:width 1s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0}.scan-box .v-bar.go .v-track i{width:var(--p,60%)}.scan-box .v-num{color:var(--acc);text-align:right;min-width:34px;font-size:11px}.scan-box .v-ring{align-items:center;gap:12px;display:flex}.scan-box .v-ring svg{flex:none;width:54px;height:54px}.scan-box .v-ring .arc{stroke:var(--acc);stroke-width:3px;fill:none;stroke-linecap:round;stroke-dasharray:151;stroke-dashoffset:151px;transition:stroke-dashoffset 1.1s cubic-bezier(.22,1,.36,1)}.scan-box .v-ring.go .arc{stroke-dashoffset:var(--off,60)}.scan-box .v-ring .track{stroke:#dedede29;stroke-width:3px;fill:none}.scan-box .v-ring .rlabel{letter-spacing:.1em;color:var(--light);opacity:.6;text-transform:uppercase;font-size:8px}.scan-box .v-bars{align-items:flex-end;gap:4px;height:30px;display:flex}.scan-box .v-bars i{background:var(--acc);opacity:.85;width:7px;height:4px;transition:height .6s cubic-bezier(.22,1,.36,1)}.scan-box .v-bars.go i{height:var(--h,40%)}.scan-box .v-wave{height:30px}.scan-box .v-wave svg{width:100%;height:30px;display:block}.scan-box .v-wave path{fill:none;stroke:var(--acc);stroke-width:1.5px;stroke-dasharray:240;stroke-dashoffset:240px;transition:stroke-dashoffset 1.2s linear}.scan-box .v-wave.go path{stroke-dashoffset:0}.scan-box .v-nodes{align-items:center;gap:0;height:24px;display:flex}.scan-box .v-nodes .nd{background:var(--acc);opacity:0;border-radius:50%;width:7px;height:7px;transition:opacity .4s,transform .4s;transform:scale(.4)}.scan-box .v-nodes .ln{transform-origin:0;background:#f2562380;width:18px;height:1px;transition:transform .4s;transform:scaleX(0)}.scan-box .v-nodes.go .nd{opacity:1;transform:scale(1)}.scan-box .v-nodes.go .ln{transform:scaleX(1)}.scan-box .sigmap{z-index:3;pointer-events:none;position:absolute;inset:0}.scan-box .smark{opacity:0;transition:opacity .7s;position:absolute}.scan-box .smark.live{opacity:.5}.scan-box .smark.hot{opacity:1}.scan-box .smark .glow{filter:blur(3px);background:radial-gradient(circle,#f25623d9,#f2562300 68%);border-radius:50%;width:26px;height:26px;position:absolute;top:-13px;left:-13px}.scan-box .smark .core{background:var(--paper);width:5px;height:5px;box-shadow:0 0 7px 1px var(--acc);border-radius:50%;position:absolute;top:-2.5px;left:-2.5px}.scan-box .smark .ping{border:1px solid var(--acc);opacity:0;border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:-7px}.scan-box .smark.live .ping{animation:2.6s cubic-bezier(.22,1,.36,1) infinite scan-sping}.scan-box .smark.hot .ping{animation-duration:1.5s}@keyframes scan-sping{0%{opacity:.6;transform:scale(.45)}to{opacity:0;transform:scale(2.8)}}@media (prefers-reduced-motion:reduce){.scan-box .l-sweep,.scan-box .l-ring{display:none}}@media (max-width:760px){.scan-stage{aspect-ratio:3/4;height:auto;max-height:78vh}.scan-box{height:100%}.scan-stage .hud{letter-spacing:.1em;max-width:46%;font-size:9px}}@media (max-width:440px){.scan-stage .hud.bl{display:none}}