/* 카드 판별 화면. 휴대폰 전용, PC 폭에선 안내만 */
#scan .sc-cam,#scan .sc-busy,#scan .sc-nocam{display:none}
#scan.is-phone .sc-desktop{display:none}
#scan[data-mode=live] .sc-cam{display:block}
#scan[data-mode=busy] .sc-busy{display:flex}
#scan[data-mode=nocam] .sc-nocam{display:block}
#scan #sc-result:empty{display:none}
#scan:not([data-mode=result]) #sc-result{display:none}
.sc-desktop h1{font-size:var(--t-lg);margin-bottom:8px}
body.scan-live header.top,body.scan-live .tick,body.scan-live .foot{display:none}
body.scan-live{overflow:hidden}
.sc-cam,.sc-busy{position:fixed;left:0;right:0;top:0;bottom:calc(58px + env(safe-area-inset-bottom));background:#000;z-index:40;overflow:hidden}
.sc-cam video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* 틀: 카드 비율. 바깥은 어둡게 */
.sc-frame{position:absolute;left:50%;top:calc(46% - 8px);transform:translate(-50%,-50%);height:min(68%,calc(86vw * 88 / 63));aspect-ratio:63/88;border-radius:12px;box-shadow:0 0 0 100vmax rgba(0,0,0,.55)}
.sc-frame i{position:absolute;width:30px;height:30px;border:3px solid var(--gold)}
.sc-frame i:nth-child(1){left:-2px;top:-2px;border-right:0;border-bottom:0;border-top-left-radius:12px}
.sc-frame i:nth-child(2){right:-2px;top:-2px;border-left:0;border-bottom:0;border-top-right-radius:12px}
.sc-frame i:nth-child(3){left:-2px;bottom:-2px;border-right:0;border-top:0;border-bottom-left-radius:12px}
.sc-frame i:nth-child(4){right:-2px;bottom:-2px;border-left:0;border-top:0;border-bottom-right-radius:12px}
#sc-hint{position:absolute;left:16px;right:16px;top:calc(12px + env(safe-area-inset-top));text-align:center;color:#fff;font-size:var(--t-md);font-weight:600;text-shadow:0 1px 3px #000}
#sc-hint.warn{color:var(--warn-tx)}
.sc-ctl{position:absolute;left:0;right:0;bottom:16px;display:flex;align-items:center;justify-content:space-around;padding:0 24px}
#sc-shot{width:72px;height:72px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 4px rgba(0,0,0,.5),0 0 0 7px #fff;cursor:pointer}
#sc-shot:active{transform:scale(.94)}
#sc-shot:disabled{opacity:.5}
.sc-side{width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.sc-side[hidden]{display:none}
.sc-side.on{background:var(--gold);color:var(--on-gold)}
.sc-blank{background:none}
#sc-torch:not([hidden])+.sc-blank{display:none}
.sc-busy{align-items:center;justify-content:center;background-size:cover;background-position:center}
.sc-busy-in{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 28px;background:rgba(11,14,20,.85);border-radius:var(--r-l);color:#fff}
.sc-spin{width:32px;height:32px;border:3px solid var(--line3);border-top-color:var(--gold);border-radius:50%;animation:sc-r .8s linear infinite}
@keyframes sc-r{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sc-spin{animation-duration:2.4s}}
.sc-nocam h1,.sc-err h2{font-size:var(--t-lg);margin-bottom:8px}
.sc-up{display:flex;align-items:center;justify-content:center;margin-top:12px;width:100%}
.sc-card{margin-bottom:var(--gap)}
.sc-verdict{display:inline-block;font-size:var(--t-sm);font-weight:600;padding:4px 10px;border-radius:var(--r-s);margin-bottom:12px}
.sc-verdict.high{background:var(--gold-bg);color:var(--gold)}
.sc-verdict.check{background:var(--warn-bg);color:var(--warn-tx);border:1px solid var(--warn-line)}
.sc-verdict.picked{background:var(--panel2);color:var(--tx2)}
.sc-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.sc-pair figure{margin:0;text-align:center;min-width:0}
.sc-pair img,.sc-pair .noimg{display:block;width:100%;aspect-ratio:63/88;object-fit:cover;border-radius:var(--r);background:var(--thumb)}
.sc-pair figcaption{margin-top:4px}
.sc-name{font-size:var(--t-h1);line-height:1.25;margin:0}
.sc-info{margin:12px 0}
.sc-row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--line);font-size:var(--t-md)}
.sc-row>span:last-child{text-align:right;min-width:0;overflow-wrap:anywhere}
.sc-sub-t{margin-top:12px}
.sc-subs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.sc-price{margin-top:12px}
.sc-now{font-size:var(--t-big);line-height:1.15;font-weight:700}
.sc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:12px 0;font-size:var(--t-sm)}
.sc-spark svg{width:100%;height:56px;display:block}
.sc-acts{display:grid;gap:8px;margin-top:16px}
.sc-acts .btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}
.sc-ko{margin-top:16px;padding:10px 12px;border-radius:var(--r);background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-tx);font-size:var(--t-sm);line-height:1.6}
.sc-note{margin-top:12px;line-height:1.6}
.sc-alts h2{font-size:var(--t-lg);margin:0 0 4px}
.sc-alt{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);min-height:44px}
.sc-alt:last-child{border-bottom:0}
.sc-alt img,.sc-alt .noimg{width:44px;height:62px;object-fit:cover;border-radius:4px;flex:none}
.sc-alt-t{flex:1;min-width:0}
.sc-alt-p{flex:none;text-align:right;font-size:var(--t-md)}
.sc-again{display:flex;align-items:center;justify-content:center;width:100%;margin:var(--gap) 0}