@charset "utf-8";
/* =====================================================================
   라이브(대신오픈) /live 전용 · pages/live.css — 겉모습 = 시안 A_live_m '로열 누아르' (design/DESIGN.md)
   (app.css 부품 .screen · .nowop · .qlist/.qitem · .hitp/.hit · .lchip · .vchip · .btn 위에 .lv 범위로 얹는다 —
    공통 부품이 아직 밝은 결이어도 이 화면은 여기 값으로 검정·금색이 되게 필요한 속성은 다 다시 적는다)
   폰: 맨 위 줄(뒤로 · 금색 세리프 'LIVE 대신오픈' · 금빛 선 · 빨강 LIVE · 대기 수)
       → 금빛 테두리 영상(왼쪽 위 LIVE · 대기 수 / 오른쪽 작은 둥근 단추 / 왼쪽 아래 반투명 채팅 줄)
       → '지금 소개 중' 금 테두리 판 → 오늘의 개봉 대기열(시안 '오늘 방송 일정' 줄: 금색 세리프 번호 | 이름 | 알약)
       → 최근 HIT 카드 줄 → 방송 제목·공지 → 안내 + 독 바로 위 채팅 입력 바
   PC(900~): 맨 위 줄 + [왼쪽 영상 | 오른쪽 제목 · 소개 중 판 · 채팅 판] + 아래 대기열 · HIT · 안내 (grid-template-areas)
   빨강은 LIVE 표시에만(--live). 금색 바탕 위 글자는 --on-gold.
   ===================================================================== */
.lv{--lv-gap:14px;--lv-dock:calc(58px + env(safe-area-inset-bottom));--lv-bar:66px;--lv-band:132px;
  --lv-glass:var(--scrim);                         /* 영상 위 반투명 검정 */
  --lv-glass-line:rgba(244,238,223,.24);           /* 영상 위 알약 테두리(따뜻한 흰색 옅게) */
  --lv-div:rgba(244,238,223,.16);                  /* 대기열 줄의 세로 칸막이 */
  --lv-tsh:0 1px 2px rgba(0,0,0,.85),0 0 8px rgba(0,0,0,.5);   /* 영상 위 글자 그림자 */
  --lv-av1:var(--info);--lv-av2:var(--gold);--lv-av3:var(--violet);--lv-av4:var(--ok);--lv-av5:var(--teal);   /* 채팅 동그라미 5색 */
  color:var(--text)}
.lv-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--lv-gap)}
.lv-grid>*{min-width:0}

/* 방송 상태가 바뀌면 뜨는 띠 */
.lv-alert{position:sticky;top:calc(var(--hd) + var(--s2));z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--lv-gap);padding:var(--s2) var(--s2) var(--s2) var(--s3);
  border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-2);box-shadow:var(--sh-2);font-size:13.5px;color:var(--text)}
.lv-alert>.ico{color:var(--gold)}
.lv-alert b{flex:1;min-width:0;font-weight:700}
.lv-alert .btn{flex:none}

/* 금색 세리프 제목 (시안: 브러시드 골드 글자) */
.lv-top__t,.lv-queue .qlist__t,.lv-hits .hitp__t{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@media (forced-colors:active){.lv-top__t,.lv-queue .qlist__t,.lv-hits .hitp__t{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}

/* 0. 맨 위 줄 ---------------------------------------------------------------------------- */
.lv-top{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 0 8px}
.lv-top__back{width:32px;height:44px;margin-left:-8px;flex:none;display:grid;place-items:center;color:var(--gold)}
.lv-top__back:hover{color:var(--gold-hi)}
.lv-top__back .ico{stroke-width:1.8}
.lv-top__t{flex:none;font-family:var(--serif);font-size:23px;font-weight:700;line-height:1.2;letter-spacing:-.01em;white-space:nowrap}
.lv-top__en{font-family:var(--display);font-weight:700;letter-spacing:.02em}
.lv-top__line{flex:1;min-width:12px;height:1px;background:var(--gold-line)}
.lv .lv-top .lchip{flex:none;height:22px;padding:0 9px 0 8px;font-size:11.5px;gap:5px}
.lv .lv-top .lchip::before{width:6px;height:6px}
.lv .lv-top .vchip.lv-wait{flex:none;height:22px;padding:0 9px;font-size:11.5px}
.lv-top .lv-wait .ico{width:13px;height:13px}
.lv-top .lv-wait[hidden],.lv-wait[hidden]{display:none}

/* LIVE 알약 · 반투명 대기 수 알약 (시안: 빨강 '● LIVE' + 눈 아이콘 시청 수 자리) */
.lv .lchip{height:24px;padding:0 10px 0 9px;gap:6px;border-radius:var(--r-pill);background:var(--live);border:0;color:var(--text);font-family:var(--font);font-size:12px;font-weight:800;letter-spacing:.04em;box-shadow:none}
.lv .lchip::before{width:7px;height:7px;background:var(--text)}
.lv .lchip--off{background:var(--mute-wash);border:1px solid var(--lv-glass-line);color:var(--text-2)}
.lv .lchip--off::before{background:var(--text-3)}
.lv .vchip.lv-wait{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:var(--r-pill);background:var(--lv-glass);border:1px solid var(--lv-glass-line);box-shadow:none;
  color:var(--text);font-size:12px;font-weight:600;white-space:nowrap}
.lv-wait b{font-weight:800}
.lv-wait .ico{width:14px;height:14px;color:var(--text)}

/* 1. 방송 화면 (시안: 모서리 8 · 1px 금빛 테두리 · 흰 액자 없음) ------------------------------------------- */
.lv-stage{position:relative}
.lv .lv-video{width:100%;border-radius:var(--r-md);background:var(--black);border:1px solid var(--border-2);
  box-shadow:0 0 0 1px rgba(0,0,0,.6),0 16px 36px -20px rgba(243,210,122,.28)}
/* 세로 방송: 폭 꽉 · 높이 = 화면에서 제목·소개 판·입력 바 몫을 뺀 만큼(9:16 을 넘지 않게) */
.lv.is-v .lv-video{aspect-ratio:auto;height:clamp(360px,calc(100vh - var(--hd) - 304px),calc((100vw - var(--gut) * 2) * 16 / 9));
  height:clamp(360px,calc(100svh - var(--hd) - 304px),calc((100vw - var(--gut) * 2) * 16 / 9));max-height:none}
.lv.is-h .lv-video{aspect-ratio:16/9}
.lv-video__frame{position:absolute;inset:0;z-index:0;width:100%;height:100%;border:0}
.lv-video__art{position:absolute;inset:0;z-index:-1}
.lv-video__art img{width:100%;height:100%;object-fit:cover;object-position:50% 52%}
.lv.is-h .lv-video__art img{object-position:50% 60%}
.lv-video__note{position:absolute;left:50%;top:44%;z-index:1;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 13px;border-radius:var(--r-pill);
  background:var(--lv-glass);border:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--gold-hi);white-space:nowrap}
.lv-video__note .ico{color:var(--gold)}
.lv .lv-admin{margin:12px 0 0;padding:10px 12px;border-radius:var(--r-md);background:var(--gold-wash);border:1px solid var(--border);font-size:12.5px;line-height:1.5;color:var(--text-2)}
.lv-admin .ico{color:var(--gold)}
.lv-admin b{margin-right:4px;color:var(--text)}
.lv-admin a{color:var(--gold-hi);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* 1-1. 영상 위 층: 왼쪽 위 LIVE · 대기 수 / 오른쪽 작은 둥근 단추 (누를 것만 손가락을 받는다) */
.lv-ov{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 12px 0;pointer-events:none}
.lv-ov a{pointer-events:auto}
.lv-ov__tl{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.lv-ov__tr{display:grid;justify-items:end;gap:10px;flex:none}

/* 둥근 단추 — 반투명 검정 원 + 금빛 테두리 + 금색 선 아이콘 */
.lv-fab{display:grid;justify-items:center;gap:10px;flex:none;pointer-events:none}
.lv-fab__a{display:grid;justify-items:center;gap:3px;color:var(--gold-hi);-webkit-tap-highlight-color:transparent}
.lv-fab__o{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;
  background:var(--lv-glass);border:1px solid var(--border-2);transition:transform var(--t-fast),border-color var(--t-fast),background-color var(--t-fast)}
.lv-fab__o .ico{stroke-width:1.6}
.lv-fab__a:hover .lv-fab__o,.lv-fab__a:focus-visible .lv-fab__o{border-color:var(--gold-hi);background:rgba(0,0,0,.8)}
.lv-fab__a:active .lv-fab__o{transform:scale(.94)}
.lv-fab__l{font-size:10.5px;font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--text);text-shadow:var(--lv-tsh);white-space:nowrap}
.lv-fab__n{position:absolute;top:-5px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--gold-grad);border:1.5px solid var(--black);
  font-family:var(--serif);font-size:11px;font-weight:700;line-height:16px;text-align:center;color:var(--on-gold)}
.lv-fab__n[hidden]{display:none}

/* 1-2. 채팅 줄 (시안: 영상 왼쪽 아래 — 말풍선 없이 아래로 짙어지는 그림자 위, 최근 3~4줄)
   유튜브 줄과 가게 줄이 한 목록: 줄 맨 앞 아이콘 = 유튜브 빨간 재생 / 쇼핑몰 금색 쇼핑백. 가게 줄은 금색 이름 + 왼쪽 금색 선.
   이름표: buyer = 작은 금색 '구매자', 내 줄 = '나' (2026-10-29) */
.lv-chatov{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:44px 12px 12px;pointer-events:none;border-radius:0 0 var(--r-md) var(--r-md);
  background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.5) 55%,rgba(0,0,0,0) 100%)}
.lv-chatov__list{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;max-height:96px;margin:0 56px 0 0;padding:0;overflow:hidden;list-style:none;
  -webkit-mask-image:linear-gradient(to top,#000 72%,transparent);mask-image:linear-gradient(to top,#000 72%,transparent)}
.lv-cl{position:relative;flex:none;max-width:100%;padding:1px 0 1px 31px;color:var(--text);font-size:12.5px;line-height:18px;letter-spacing:-.02em;text-shadow:var(--lv-tsh);
  overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lv-cl--shop::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:2px;border-radius:1px;background:var(--gold)}
.lv-cl__src{position:absolute;left:8px;top:1px;width:18px;height:18px;display:grid;place-items:center}
.lv-cl__src--yt svg{display:block;width:16px;height:12px}
.lv-cl__src--yt rect{fill:var(--youtube)}
.lv-cl__src--yt path{fill:var(--white)}
.lv-cl__src--shop{border-radius:50%;background:var(--black);border:1px solid var(--gold);color:var(--gold-hi)}
.lv-cl__src--shop .ico{width:11px;height:11px;stroke-width:2}
.lv-cl__n{display:inline-flex;align-items:center;gap:3px;margin-right:6px;font-weight:600;color:var(--text-2);vertical-align:top}
.lv-cl--shop .lv-cl__n{color:var(--gold-hi)}
.lv-cl__n,.lv-cl__t{unicode-bidi:isolate}
.lv-cl__buyer,.lv-cl__me{display:inline-flex;align-items:center;height:15px;margin:1px 6px 0 -2px;padding:0 4px;border-radius:var(--r-xs);vertical-align:top;
  font-size:9.5px;font-weight:700;font-style:normal;line-height:1;letter-spacing:-.01em;text-shadow:none}
.lv-cl__buyer{background:var(--gold-grad);color:var(--on-gold)}
.lv-cl__me{border:1px solid var(--gold);color:var(--gold-hi)}
.lv-cl.is-admin .lv-cl__n{color:var(--gold-hi);font-weight:800}
.lv-cl.is-admin .lv-cl__n .ico{color:var(--gold-hi)}
.lv-cl.is-in{animation:lv-in .28s var(--ease)}
@keyframes lv-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* 1-3. 채팅 입력 (시안 맨 아래: 둥근 금빛 테두리 알약 · 왼쪽 말풍선 · 금색 원 보내기). 글자 16px(아이폰이 확대하지 않는 크기) */
.lv-cin{display:flex;align-items:center;gap:10px;min-width:0;height:50px;margin:0;padding:0 5px 0 15px;border-radius:var(--r-pill);border:1px solid var(--border-2);background:var(--input-bg);
  transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.lv-cin:focus-within{border-color:var(--gold-hi);box-shadow:0 0 0 3px rgba(243,210,122,.16)}
.lv-cin__ic{flex:none;display:grid;place-items:center;color:var(--gold)}
.lv-cin__ic .ico{stroke-width:1.6}
.lv-cin__in{flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);font:inherit;font-size:16px;outline:none;box-shadow:none}
.lv-cin__in::placeholder{color:var(--text-3);opacity:1}
.lv-cin__in:disabled{opacity:.7}
.lv-cin__go{flex:none;width:40px;height:40px;padding:0;display:grid;place-items:center;border-radius:50%;border:0;color:var(--on-gold);cursor:pointer;
  background:var(--btn-bg);box-shadow:var(--glow-btn);transition:opacity var(--t-fast),filter var(--t-fast)}
.lv-cin__go:hover{background:var(--btn-hover)}
.lv-cin__go .ico{stroke-width:2.1;margin-left:-1px}
.lv-cin__go:disabled{opacity:.45;cursor:default}
/* 손님: 입력칸 모양의 로그인 안내 (오른쪽 금색 원 = 로그인) */
.lv-cin--guest .lv-cin__in{display:flex;align-items:center;font-size:14.5px;font-weight:500;color:var(--text-2)}
.lv-cin--guest:hover{border-color:var(--gold)}

/* 폰: 독 바로 위에 붙는 채팅 바 (data-bottom-bar → app.js 가 본문 아래 여백을 잡는다) */
.lv-cbar{position:fixed;left:0;right:0;bottom:var(--lv-dock);z-index:calc(var(--z-dock) - 1);padding:8px var(--gut) 8px;
  background:rgba(10,10,10,.96);border-top:1px solid var(--gold-line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* 쓰는 동안은 아래 독을 숨기고 채팅 바를 맨 아래로(키보드 위로 떠서 입력칸을 가린다) */
body.lv-typing .dock{display:none}
body.lv-typing .lv-cbar{bottom:0}

/* 로그인 안내 창 */
.lv-login,.lv-ytq{position:relative;text-align:center;background:var(--surface);border:1px solid var(--border-2);color:var(--text)}
.lv-login .modal__body{padding:26px 22px 8px}
.lv-login__ic{width:56px;height:56px;margin:0 auto 10px;display:grid;place-items:center;border-radius:50%;color:var(--gold-hi);background:var(--well);border:1.5px solid var(--gold);box-shadow:0 0 0 4px var(--gold-wash)}
.lv-login__t{font-family:var(--serif);font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--heading)}
.lv-login__d{margin-top:6px;font-size:13.5px;line-height:1.6;color:var(--text-2)}
.lv-login__x{position:absolute;right:6px;top:6px;color:var(--text-2)}

/* PC 채팅 판 — 폰에서는 숨긴다(영상 위 채팅 줄 + 아래 입력 바가 대신한다) */
.lv-chatp{display:none}

/* 버튼 (이 화면 안: 주 버튼 = 금색 그라데이션 + 검정 글자 · 보조 = 투명 + 금색 테두리) */
.lv .btn--primary{color:var(--btn-fg);background:var(--btn-bg);border-color:transparent;box-shadow:var(--glow-btn)}
.lv .btn--primary:hover{background:var(--btn-hover);border-color:transparent}
.lv .btn--outline{color:var(--btn2-fg);background:var(--btn2-bg);border-color:var(--btn2-line)}
.lv .btn--outline:hover{background:var(--btn2-hover);border-color:var(--gold)}

/* 2. 지금 소개 중 (시안: 금 테두리 판 — 왼쪽 작은 사진 · 금색 알약 · 금색 세리프 이름 · 설명 · 오른쪽 금색 '상품 보기 →') ------ */
.lv-spot{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 10px 9px 9px;border-radius:var(--r-md);
  background:var(--surface);border:1px solid var(--border-2);color:var(--text);transition:border-color var(--t-fast)}
.lv-spot:hover{border-color:var(--gold)}
.lv-spot[hidden]{display:none}
.lv-spot__ic{position:relative;width:76px;height:66px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:var(--r-sm);background:var(--well-grad);border:1px solid var(--gold-line-2);color:var(--gold)}
.lv-spot__ic img{position:absolute;inset:0;width:100%;height:100%;padding:5px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}
.lv-spot__ic img:not([hidden])+.ico{display:none}
.lv-spot__ic .ico{stroke-width:1.5}
.lv-spot__t{display:grid;justify-items:start;gap:3px;min-width:0;line-height:1.3}
.lv-spot__t small{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:var(--r-xs);background:var(--gold-grad);color:var(--on-gold);font-size:10.5px;font-weight:700;letter-spacing:-.01em}
.lv-spot__t b{max-width:100%;font-family:var(--serif);font-size:15.5px;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--heading);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere}
.lv-spot__sub{max-width:100%;font-size:11.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-spot__sub[hidden]{display:none}
.lv-spot__price{display:inline-flex;align-items:baseline;gap:1px;margin-top:1px;font-family:var(--serif);font-size:17px;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--price)}
.lv-spot__price>span[aria-hidden]{font-size:.78em;margin-right:1px}
.lv-spot__price[hidden]{display:none}
.lv-spot__out{position:absolute;left:14px;bottom:13px;height:18px;padding:0 6px;border-radius:var(--r-xs);background:var(--black);border:1px solid var(--lv-glass-line);font-size:10.5px;font-style:normal;font-weight:700;line-height:16px;color:var(--text-2)}
.lv-spot__out[hidden]{display:none}
.lv-spot__go{flex:none;display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 13px 0 15px;border-radius:var(--r-pill);background:var(--btn-bg);color:var(--on-gold);
  font-size:13.5px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;box-shadow:var(--glow-btn);transition:filter var(--t-fast)}
.lv-spot:hover .lv-spot__go{background:var(--btn-hover)}
.lv-spot__go .ico{stroke-width:2}
.lv-spot.is-out .lv-spot__ic img{opacity:.5}

/* 3. 판 제목 (시안: 금색 세리프 제목 + 오른쪽 끝까지 1px 금빛 선) ------------------------------------------ */
.lv-queue .qlist__head,.lv-hits .hitp__head{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:0;border:0}
.lv-queue .qlist__head::after,.lv-hits .hitp__head::after{content:"";order:1;flex:1;min-width:16px;height:1px;background:var(--gold-line)}
.lv-queue .qlist__t,.lv-hits .hitp__t{display:block;flex:none;min-width:0;font-family:var(--serif);font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.02em;white-space:nowrap}
.lv-hits .hitp__t em{font-family:var(--display);font-style:normal;font-weight:700;letter-spacing:.02em}
.lv-queue,.lv-hits{scroll-margin-top:calc(var(--hd) + 12px)}

/* 4. 오늘의 개봉 대기열 (시안 '오늘 방송 일정': 금 테두리 판 · 줄 = 금색 세리프 번호 | 이름·상품 | 알약) ---------------- */
.lv-queue{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.lv-queue .qlist__head .pill{order:2;height:24px;padding:0 10px;gap:6px;border-radius:var(--r-pill);background:transparent;border:1px solid var(--lv-glass-line);font-size:11.5px;font-weight:600;color:var(--text-2)}
.lv-queue .qlist__head .pill b{font-weight:800;color:var(--text)}
.lv-queue .pill--live i{width:6px;height:6px;border-radius:50%;background:var(--live)}
.lv-offgrid .lv-queue .pill--live i{background:var(--text-3)}
.lv-qbox{padding:0 12px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-2)}
.lv-queue .qlist__rows{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0;list-style:none}
.lv-queue .qlist__rows[hidden]{display:none}
/* 한 줄 = 번호 칸(세로 칸막이) | 이름 위 · 상품 아래 | 알약 */
.lv-queue .qitem,.lv-nowop{display:grid;grid-template-columns:58px minmax(0,1fr) auto;grid-template-areas:"no who st" "no p st";align-items:center;column-gap:14px;row-gap:2px;
  min-height:62px;margin:0;padding:10px 0;border:0;border-top:1px solid var(--gold-line-2);border-radius:0;background:none;box-shadow:none;color:var(--text)}
.lv-qbox>.qlist__rows:first-child>.qitem:first-child{border-top:0}
.lv-queue .qitem__no,.lv-nowop__no{grid-area:no;align-self:stretch;width:auto;height:auto;margin:0;display:grid;place-items:center;padding-right:12px;border:0;border-right:1px solid var(--lv-div);border-radius:0;background:none;
  font-family:var(--serif);font-size:22px;font-weight:600;line-height:1;color:var(--heading)}
.lv-queue .qitem__cr{display:none}
.lv-queue .qitem__who{grid-area:who;align-self:end;min-width:0;font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-queue .qitem__who b{font-family:var(--font);font-size:15px;font-weight:600;color:var(--text)}
.lv-queue .qitem__p{grid-area:p;align-self:start;min-width:0;font-size:12px;line-height:1.35;letter-spacing:-.02em;color:var(--text-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lv-queue .qitem__p i{font-style:normal;white-space:nowrap}
.lv-queue .qitem__s,.lv-nowop__st,.lv-nowop.is-idle .nowop__n{grid-area:st;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:66px;height:30px;padding:0 14px;border-radius:var(--r-pill);
  background:transparent;border:1px solid var(--lv-glass-line);font-size:12.5px;font-weight:600;letter-spacing:-.02em;color:var(--text);white-space:nowrap}
.lv-queue .qitem__s .ico{display:none}
.lv-queue .qitem__s--on,.lv-nowop__st{border-color:var(--gold);color:var(--gold-hi)}
.lv-queue .qitem.is-on .qitem__no{background:none;color:var(--heading)}
.lv-queue .qitem.is-mine .qitem__who b{color:var(--gold-hi)}
/* 방송 중: 개봉 중인 줄은 판 첫 줄 '지금 개봉 중'이 보여 준다 */
.lv-grid .lv-queue .qitem.is-on{display:none}

/* 판 첫 줄 = 지금 개봉 중 (시안 진행중 줄) */
.lv-nowop{border-top:0;text-decoration:none;transition:none}
.lv-nowop:hover{border-color:transparent;background:none}
.lv-nowop .nowop__t{grid-area:who / who / p / p;display:grid;justify-items:start;gap:1px;min-width:0}
.lv-nowop__k{font-size:11px;font-weight:700;letter-spacing:-.01em;color:var(--gold-ink)}
.lv-nowop .nowop__who{display:flex;align-items:center;gap:3px;font-family:var(--font);font-size:15.5px;font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--text)}
.lv-nowop .nowop__who small{margin-left:1px;font-family:var(--font);font-size:12px;font-weight:500;color:var(--text-2)}
.lv-nowop .nowop__p{max-width:100%;font-size:12px;line-height:1.35;letter-spacing:-.02em;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lv-nowop__ord{font-size:11px;color:var(--text-3)}
.lv-nowop .nowop__n{grid-area:st;display:flex;align-items:center}
.lv-nowop.is-mine .lv-nowop__st{background:var(--gold-grad);border-color:transparent;color:var(--on-gold)}
.lv-nowop.is-idle .lv-nowop__no{color:var(--gold)}
.lv-nowop.is-idle .nowop__n{gap:2px}
.lv-nowop.is-idle .nowop__n b{font-family:var(--serif);font-size:14px;font-weight:700;color:var(--gold-hi)}
.lv-nowop.is-idle .nowop__n small{font-size:12px;color:var(--text-2)}
.lv-me-tag{display:inline-flex;align-items:center;height:18px;padding:0 6px;margin-left:5px;border-radius:var(--r-xs);background:var(--gold-grad);color:var(--on-gold);font-family:var(--font);font-size:10.5px;font-weight:700;font-style:normal;letter-spacing:-.01em;vertical-align:1px;white-space:nowrap}
.qitem__p .lv-me-tag{margin-left:0;height:16px;padding:0 5px;font-size:10px}

.lv-queue .qlist__more{margin:0;padding:10px 0 12px;border-top:1px solid var(--gold-line-2);font-size:12.5px;color:var(--text-3)}
.lv-queue .qlist__more[hidden]{display:none}
.lv-queue .qlist__more b{color:var(--gold-hi)}
.lv-me{display:flex;align-items:center;gap:7px;margin:0 0 10px;padding:9px 12px;border-radius:var(--r-sm);background:var(--gold-wash);border:1px solid var(--gold-line);font-size:12.5px;line-height:1.45;color:var(--text)}
.lv-me[hidden]{display:none}
.lv-me .ico{flex:none;color:var(--gold)}
.lv-me b{color:var(--gold-hi)}
.lv-me.is-turn{background:var(--gold-grad);border-color:transparent;color:var(--on-gold)}
.lv-me.is-turn b,.lv-me.is-turn .ico{color:var(--on-gold)}
.lv-qempty,.lv-hempty{display:flex;align-items:center;gap:var(--s3);color:var(--text-2)}
.lv-qempty{padding:14px 0;border-top:1px solid var(--gold-line-2)}
.lv-qbox>.lv-qempty:first-child,.lv-qbox>[hidden]:first-child+.lv-qempty{border-top:0}
.lv-qempty[hidden],.lv-hempty[hidden]{display:none}
.lv-hempty{padding:12px 14px;border-radius:var(--r-md);background:var(--surface);border:1px dashed var(--border)}
.lv-qempty p,.lv-hempty p{display:grid;gap:2px;min-width:0;font-size:12px;line-height:1.45;color:var(--text-2)}
.lv-qempty b,.lv-hempty b{font-family:var(--serif);font-size:14px;font-weight:700;color:var(--heading)}
.lv-qempty__ic{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--gold);background:var(--well);border:1px solid var(--border-2)}
.lv-hempty img{width:64px;height:64px;flex:none}

/* 5. 최근 HIT (시안: 숯색 판 + 금 테두리 카드 — 카드 그림 · 흰 이름 · 금색 한 줄, 옆으로 밀면 더) ----------------------- */
.lv-hits{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.lv-hits .hitp__more{order:2;display:none;font-size:12px;color:var(--text-3)}
.lv-hits .hitp__nav{order:3}
.lv-hits .hitp__btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-2);background:var(--black);color:var(--gold-hi)}
.lv-hits .hitp__btn:hover:not(:disabled){border-color:var(--gold-hi);background:var(--gold-wash)}
.lv-hits .hits{display:flex;gap:8px;margin:0 calc(var(--gut) * -1);padding:2px var(--gut) 4px;scroll-padding-inline:var(--gut)}
.lv-hits .hits[hidden]{display:none}
.lv-hits .hit{flex:0 0 calc((100vw - var(--gut) * 2 - 32px) / 4.3);padding:6px 6px 8px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);text-align:left}
.lv-hits .hit--top{border-color:var(--border-2)}
.lv-hits .hit__card{aspect-ratio:600/796;padding:0;border:0;border-radius:3px;background:var(--well);box-shadow:none}
.lv-hits .hit__card img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.lv-hits .hit__grade{left:3px;top:3px;display:inline-flex;align-items:center;gap:2px;height:16px;padding:0 5px 0 4px;border-radius:var(--r-xs);background:var(--lv-glass);border:1px solid var(--border);
  font-family:var(--display);font-size:9.5px;font-weight:700;line-height:1;letter-spacing:.04em;color:var(--gold-hi);clip-path:none}
.lv-hits .hit__grade .ico{width:9px;height:9px;color:var(--gold-hi)}
.lv-hits .hit--top .hit__grade{background:var(--gold-grad);border-color:transparent;color:var(--on-gold)}
.lv-hits .hit--top .hit__grade .ico{color:var(--on-gold)}
.lv-hits .hit__name{margin-top:6px;font-size:10.5px;font-weight:600;line-height:1.3;letter-spacing:-.03em;color:var(--text);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere}
.lv-hits .hit__meta{margin-top:2px;font-size:10px;font-weight:600;line-height:1.25;color:var(--gold-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 6. 방송 제목 · 공지 (폰: HIT 아래 / PC: 오른쪽 판 맨 위) ---------------------------------------------- */
.lv-info{display:grid;gap:8px}
.lv-info__top{display:flex;align-items:center;gap:var(--s2);min-width:0}
.lv-info__top .lchip{height:20px;padding:0 8px;font-size:10.5px;gap:5px}
.lv-info__top .lchip::before{width:5px;height:5px}
.lv-info__t{min-width:0;font-family:var(--serif);font-size:17px;font-weight:700;line-height:1.35;letter-spacing:-.02em;color:var(--heading)}
.lv-info__n{display:flex;align-items:flex-start;gap:7px;padding:10px 12px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);font-size:12.5px;line-height:1.5;color:var(--text-2)}
.lv-info__n[hidden]{display:none}
.lv-info__n .ico{flex:none;margin-top:2px;color:var(--gold)}

/* 7. 대신오픈 안내 3단계 (숯색 판 · 금 테두리 원 아이콘 + 금색 번호) ------------------------------------------------- */
.lv-grid>.lv-how{margin-top:var(--s1)}
.lv-how{margin-top:var(--s4);padding:14px 14px 16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border)}
.lv-how__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s3);padding-bottom:10px;border-bottom:1px solid var(--gold-line-2)}
.lv-how__t{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px;min-width:0;font-family:var(--serif);font-size:16.5px;font-weight:700;letter-spacing:-.02em;color:var(--heading)}
.lv-how__k{font-family:var(--display);font-size:10.5px;font-weight:700;letter-spacing:var(--track-caps);color:var(--gold-ink)}
.lv-how__more{display:inline-flex;align-items:center;gap:2px;flex:none;min-height:32px;font-size:12px;color:var(--text-2)}
.lv-how__more:hover{color:var(--gold-hi)}
.lv-how__steps{display:grid;gap:var(--s2);margin:0;padding:0;list-style:none}
.lv-step{position:relative;display:flex;align-items:center;gap:var(--s3);padding:11px 12px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line-soft)}
.lv-step__orb{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--gold-hi);background:var(--well-grad);border:1px solid var(--gold)}
.lv-step__orb .ico{stroke-width:1.6}
.lv-step__orb b{position:absolute;right:-5px;top:-5px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:var(--gold-grad);border:1.5px solid var(--surface);font-family:var(--serif);font-size:11px;font-weight:700;line-height:1;color:var(--on-gold)}
.lv-step__t{display:grid;gap:2px;min-width:0}
.lv-step__t b{font-size:14px;font-weight:700;letter-spacing:-.02em;color:var(--text)}
.lv-step__t span{font-size:12px;line-height:1.45;color:var(--text-2)}
.lv-step__t em{color:var(--gold-hi);font-style:normal;font-weight:700}
.lv-how__go{--btn-h:46px;margin-top:var(--s3);font-size:14px;border-radius:var(--r-md)}

/* 8. 방송 전 (금빛 테두리 판 안 개봉 장면 + 검정으로 스미는 글자 자리) -------------------------------------------- */
.lv-off{padding-top:2px}
.lv-off__hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:min(540px,calc(100svh - var(--hd) - var(--lv-dock) - 110px));overflow:hidden;
  border-radius:var(--r-md);background:var(--black);border:1px solid var(--border-2);box-shadow:0 16px 36px -20px rgba(243,210,122,.28)}
.lv-off__art{position:absolute;inset:0;z-index:-1}
.lv-off__art img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.lv-off__hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,10,10,0) 26%,rgba(10,10,10,.82) 56%,rgba(10,10,10,.96) 76%)}
.lv-off__txt{display:grid;justify-items:start;gap:0;width:100%;padding:20px 18px 22px}
.lv-off__k{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--gold-ink)}
.lv-off__k .ico{color:var(--gold)}
.lv-off__k .lchip{height:20px;padding:0 8px;font-size:10.5px;margin-right:2px}
.lv-off__t{display:grid;gap:4px;margin-top:10px;font-family:var(--serif);font-size:32px;font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--heading)}
.lv-off__t em{font-style:normal;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.lv-off__t em::after{content:"";display:block;width:44px;height:1px;margin-top:10px;background:var(--gold)}
.lv-off__t span{font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--text)}
.lv-off__d{margin-top:8px;max-width:34ch;font-size:13px;line-height:1.55;color:var(--text-2)}
.lv-off__btns{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.lv-off__btns .btn{--btn-h:46px;padding:0 18px;font-size:14.5px;border-radius:var(--r-pill)}
.lv-offgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;margin-top:22px}
.lv-picks .pgrid>li:nth-child(n+5){display:none}

/* 9. 폰 · 태블릿 세로 (~899) ----------------------------------------------------------------------- */
@media (max-width:899px){
  /* 시안 차례: 영상 → 지금 소개 중 → 대기열(지금 개봉 중 첫 줄) → HIT → (제목·공지) → 안내 */
  .lv-grid>.lv-info{order:4}
  .lv-grid>.lv-how{order:5}
  /* 가로 방송: 채팅 줄은 영상 바로 밑 판 — 16:9 영상을 가리지 않게. 단추는 작게, 이름표 없이 */
  .lv.is-h .lv-video{overflow:visible;margin-bottom:calc(var(--lv-band) + 12px)}
  .lv.is-h .lv-video__frame,.lv.is-h .lv-video__art{overflow:hidden;border-radius:inherit}
  .lv.is-h .lv-chatov{top:calc(100% + 12px);bottom:auto;height:var(--lv-band);display:flex;align-items:flex-end;padding:10px 12px;border-radius:var(--r-md);
    background:var(--surface);border:1px solid var(--border)}
  .lv.is-h .lv-chatov__list{max-height:110px;margin-right:0}
  .lv.is-h .lv-cl{text-shadow:none}
  .lv.is-h .lv-ov{padding:10px 10px 0}
  .lv.is-h .lv-ov__tr{gap:8px}
  .lv.is-h .lv-fab{grid-auto-flow:column;gap:8px}
  .lv.is-h .lv-fab__o{width:36px;height:36px}
  .lv.is-h .lv-fab__o .ico{width:18px;height:18px}
  .lv.is-h .lv-fab__l{display:none}
  .lv.is-h .lv-video__note{top:auto;bottom:12px;transform:translateX(-50%)}
}
/* 폰: 대기열 줄은 시안 '오늘 방송 일정'처럼 낮게 — 지금 개봉 중 줄의 '오늘 N번째 개봉'은 접는다 */
@media (max-width:599px){
  .lv-queue .qitem,.lv-nowop{min-height:58px;padding:9px 0}
  .lv-nowop__ord{display:none}
}
@media (max-width:374px){
  .lv-top__t{font-size:20px}
  .lv-top .lv-wait{display:none}
  .lv-spot{grid-template-columns:64px minmax(0,1fr) auto;gap:10px}
  .lv-spot__ic{width:64px;height:58px}
  .lv-spot__go{padding:0 10px 0 12px}
}

/* 폰을 눕혀 화면이 낮을 때 — 둥근 단추를 한 줄로(이름표 없이), 채팅은 두 줄 남짓만 */
@media (max-width:899px) and (max-height:500px){
  .lv.is-v .lv-video{height:calc(100vh - var(--hd) - 40px)}
  .lv-fab{grid-auto-flow:column;gap:8px}
  .lv-fab__o{width:38px;height:38px}
  .lv-fab__l{display:none}
  .lv-chatov__list{max-height:58px}
}

/* 10. 넓은 폰 · 태블릿 ----------------------------------------------------------------------- */
@media (min-width:600px){
  .lv-hits .hit{flex-basis:118px}
  .lv-hits .hitp__more{display:block}
  .lv-hits .hit__name{font-size:11.5px}
  .lv-hits .hit__meta{font-size:10.5px}
  .lv-how__steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lv-step{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}
  .lv-how__go{width:auto;display:flex;max-width:360px;margin-left:auto}
  .lv-off__hero{min-height:320px;align-items:center}
  .lv-off__art img{object-position:70% 50%}
  .lv-off__hero::after{background:linear-gradient(90deg,rgba(10,10,10,.97) 0%,rgba(10,10,10,.88) 34%,rgba(10,10,10,0) 66%)}
  .lv-off__txt{max-width:60%;padding:28px 0 28px 32px}
  .lv-off__t{font-size:40px}
  .lv-off__t span{font-size:19px}
  .lv-off__d{font-size:14px}
  .lv-picks .pgrid>li:nth-child(n+5){display:block}
}

/* 11. PC (900~) : 맨 위 줄 + [왼쪽 영상 | 오른쪽 제목 · 소개 중 판 · 채팅 판] + 아래 대기열 · HIT · 안내 ------------------- */
@media (min-width:900px){
  .lv{--lv-gap:18px;--lv-bar:0px;--lv-side:400px;--lv-sh:min(711px,calc(100vh - var(--hd) - 116px));--lv-sw:calc(var(--lv-sh) * 9 / 16)}
  .lv-cbar{display:none}
  .lv-top{gap:14px;padding:18px 0 18px}
  .lv-top__back{display:none}
  .lv-top__t{font-size:30px}
  .lv-top .lchip,.lv-top .vchip.lv-wait{height:28px;font-size:13px;padding:0 12px}
  .lv-grid{column-gap:24px;align-items:start}
  .lv-grid>.lv-stage{grid-area:stage}.lv-grid>.lv-chatp{grid-area:chat}.lv-grid>.lv-info{grid-area:info}.lv-grid>.lv-spot,.lv-grid>.lv-side{grid-area:spot}
  .lv-grid>.lv-queue{grid-area:queue}.lv-grid>.lv-hits{grid-area:hits}.lv-grid>.lv-how{grid-area:how;margin-top:0}
  .lv.is-v .lv-video{width:100%;height:var(--lv-sh)}
  .lv-chatov{display:none}
  .lv-ov{padding:14px 14px 0}
  .lv-ov .lchip,.lv-ov .vchip.lv-wait{height:28px;font-size:13px}
  .lv-fab{gap:12px}
  .lv-queue .qlist__t,.lv-hits .hitp__t{font-size:23px}
  .lv-queue .qlist__head,.lv-hits .hitp__head{margin-bottom:12px}

  /* 지금 소개 중 — 오른쪽 판 */
  .lv-spot{grid-template-columns:84px minmax(0,1fr) auto;gap:14px;padding:10px 12px 10px 10px}
  .lv-spot__ic{width:84px;height:72px}
  .lv-spot__t b{font-size:17px}
  .lv-spot__sub{font-size:12.5px}
  .lv-spot__go{height:42px;padding:0 16px 0 18px;font-size:14px}

  /* 채팅 판 (숯색 판 · 머리 = '실시간 채팅' + 아이콘 뜻 + 유튜브에서 참여) — 유튜브 줄과 가게 줄이 한 목록 (2026-10-29) */
  .lv-chatp{position:relative;display:flex;flex-direction:column;align-self:stretch;min-width:0;min-height:0;overflow:hidden;contain:size;border-radius:var(--r-lg);
    background:var(--surface);border:1px solid var(--border)}
  .lv-chatp__head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;flex:none;min-height:50px;padding:8px 14px;border-bottom:1px solid var(--gold-line-2)}
  .lv-chatp__t{display:inline-flex;align-items:center;gap:7px;font-family:var(--serif);font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--heading)}
  .lv-chatp__t .ico{color:var(--gold)}
  .lv-chatp__legend{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-3)}
  .lv-chatp__legend>span{display:inline-flex;align-items:center;gap:5px}
  .lv-chatp__legend .lv-cl__src{position:static}
  .lv-chatp__join{display:inline-flex;align-items:center;gap:2px;min-height:32px;margin-left:auto;font-size:12.5px;font-weight:700;color:var(--gold-hi);text-decoration:underline;text-underline-offset:3px}
  .lv-chatp__list{flex:1;min-height:0;display:flex;flex-direction:column;gap:9px;margin:0;padding:14px 16px 12px;overflow-y:auto;list-style:none;overscroll-behavior:contain;
    scrollbar-width:thin;scrollbar-color:var(--gold-line-2) transparent}
  .lv-chatp .lv-cl{display:block;align-self:stretch;max-width:none;padding:0 0 0 32px;font-size:14px;line-height:20px;text-shadow:none;-webkit-line-clamp:unset;overflow:visible}
  .lv-chatp .lv-cl__src{top:1px}
  .lv-chatp .lv-cl--shop::before{top:1px;bottom:1px}
  .lv-chatp .lv-cl__buyer,.lv-chatp .lv-cl__me{height:17px;margin-top:2px;font-size:10.5px}
  .lv-chatp .lv-cl.is-admin{padding:6px 10px 6px 32px;border-radius:var(--r-sm);background:var(--gold-wash)}
  .lv-chatp .lv-cl.is-admin .lv-cl__src{top:7px}
  .lv-chatp__empty{position:absolute;left:16px;right:16px;top:40%;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:13.5px;line-height:1.5;color:var(--text-3)}
  .lv-chatp__empty[hidden]{display:none}
  .lv-chatp__empty .ico{color:var(--gold)}
  .lv-chatp .lv-cin{flex:none;margin:0 14px 14px;height:48px}
  .lv-chatp .lv-cin__go{width:38px;height:38px}
  /* 세로 방송: [영상 | 제목 · 소개 중(+ 바로 결제 판) · 채팅 판] 위 + 대기열 · HIT · 안내 아래 (900~1199) */
  .lv.is-v .lv-grid{grid-template-columns:var(--lv-sw) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);
    grid-template-areas:"stage info" "stage spot" "stage chat" "queue queue" "hits hits" "how how"}
  /* 가로 방송: [영상 | 제목 · 소개 중(+ 바로 결제 판) · 채팅 판] + 대기열 · HIT · 안내 */
  .lv.is-h .lv-grid{grid-template-columns:minmax(0,1fr) var(--lv-side);grid-template-rows:auto auto minmax(300px,1fr);
    grid-template-areas:"stage info" "stage spot" "stage chat" "queue queue" "hits hits" "how how"}
  .lv-grid>.lv-queue{margin-top:12px}

  .lv-info{gap:10px;padding-top:2px}
  .lv-info__top{gap:10px}
  .lv-info__top .lchip{display:none}               /* PC 는 맨 위 줄 · 영상 위에 LIVE 가 이미 있다 */
  .lv-info__t{font-size:21px}
  .lv-info__n{padding:10px 14px;font-size:13px}

  .lv-queue .qitem,.lv-nowop{grid-template-columns:72px minmax(0,1fr) auto;column-gap:18px;min-height:66px}
  .lv-queue .qitem__no,.lv-nowop__no{font-size:25px;padding-right:16px}
  .lv-queue .qitem__who b,.lv-nowop .nowop__who{font-size:16px}
  .lv-queue .qitem__p,.lv-nowop .nowop__p{font-size:13px}
  .lv-qbox{padding:0 18px}
  .lv-queue .qitem__s,.lv-nowop__st,.lv-nowop.is-idle .nowop__n{height:32px;min-width:76px;font-size:13px}
  .lv-hits .hits{margin:0;padding:2px 0 4px;scroll-padding-inline:0}
  .lv-hits .hit{flex-basis:150px;padding:8px 8px 10px}
  .lv-hits .hit__name{font-size:13px}
  .lv-hits .hit__meta{font-size:11.5px}
  .lv-hits .hit__grade{height:19px;font-size:11px;padding:0 6px 0 5px}

  .lv-how{padding:20px 22px 22px}
  .lv-how__t{font-size:20px}
  .lv-how__steps{gap:16px}
  .lv-step{padding:16px 18px}
  .lv-step__orb{width:54px;height:54px}
  .lv-step__t b{font-size:16px}.lv-step__t span{font-size:13.5px}
  .lv-step+.lv-step::before{content:"";position:absolute;left:-13px;top:50%;width:9px;height:9px;margin-top:-5px;border-top:1.5px solid var(--gold);border-right:1.5px solid var(--gold);transform:rotate(45deg)}

  .lv-me{font-size:13.5px;padding:10px 14px}
  .lv-qempty__ic{width:46px;height:46px}
  .lv-qempty b,.lv-hempty b{font-size:15.5px}.lv-qempty p,.lv-hempty p{font-size:13px}

  .lv-off__hero{min-height:420px}
  .lv-off__txt{max-width:54%;padding:40px 0 40px 52px}
  .lv-off__k{font-size:14px;gap:8px}
  .lv-off__k .lchip{height:22px;padding:0 9px;font-size:11.5px}
  .lv-off__t{margin-top:14px;font-size:52px}
  .lv-off__t span{font-size:23px}
  .lv-off__d{margin-top:12px;font-size:15.5px;max-width:40ch}
  .lv-off__btns{gap:10px;margin-top:24px}
  .lv-off__btns .btn{--btn-h:50px;padding:0 24px;font-size:15.5px}
  .lv-offgrid{margin-top:28px}
  .lv-offgrid.has-q{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:28px}
  .lv-picks{margin-top:36px}
}
/* 넓은 PC: 대기열은 영상 밑, HIT · 안내는 채팅 판 밑 */
@media (min-width:1200px){
  .lv-step{flex-direction:row;align-items:center;gap:16px}
  .lv.is-v .lv-grid{grid-template-rows:auto auto minmax(0,1fr) auto auto;
    grid-template-areas:"stage info" "stage spot" "stage chat" "queue hits" "queue how"}
  .lv.is-v .lv-grid>.lv-hits{margin-top:12px}
  .lv.is-v .lv-how__steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lv.is-v .lv-step{flex-direction:column;align-items:flex-start;gap:10px}
  .lv.is-h .lv-grid{grid-template-areas:"stage info" "stage spot" "stage chat" "queue hits" "how how"}
  .lv.is-h .lv-grid>.lv-hits{margin-top:12px}
}
@media (prefers-reduced-motion:reduce){.lv-cl.is-in{animation:none}.lv-fab__o,.lv-spot__go,.lv-spot,.lv-cin{transition:none}}

/* =====================================================================
   12. 방송 바로 결제 (2026-10-29 — routes/live_buy · live/_parts.html buy_row · buy_card · pick_dialog · pay_dialog)
   폰: 맨 아래 고정 [바로 결제 바(시안 '지금 소개 중' 판 모양: 사진 · 금색 알약 · 금색 세리프 이름 | 금색 단추)] + 채팅 입력 — 독 대신
       방송 전: 독 바로 위 '방송 중에만 살 수 있어요 · 상품 보기' 바
   PC: 오른쪽 칸 '지금 소개 중' 밑 '바로 결제' 판 (폰 바는 숨김)
   ===================================================================== */
.lv-side{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--lv-gap);min-width:0}
.lv-buyp{display:none}

/* 아래 고정 묶음: 바로 결제가 켜지면 독이 없으니 맨 아래(홈 표시줄 위)로 */
.lv.has-buy .lv-cbar{bottom:0;display:grid;gap:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}

/* 영상 위 맨 위 금색 [상품 선택] (JR-TCG 영상 위 '상품 변경' 자리) — 누르면 '상품 선택' 창 */
.lv-fab__a--pick{margin:0;padding:0;border:0;background:none;font:inherit;cursor:pointer;pointer-events:auto}
.lv-fab__a--pick .lv-fab__o{width:48px;height:48px;background:var(--gold-grad);border-color:var(--gold-hi);color:var(--on-gold);box-shadow:var(--glow-btn)}
.lv-fab__a--pick .lv-fab__o .ico{stroke-width:2}
.lv-fab__a--pick:hover .lv-fab__o,.lv-fab__a--pick:focus-visible .lv-fab__o{background:var(--btn-hover);border-color:var(--gold-hi)}
.lv-fab__a--pick .lv-fab__l{font-weight:800;color:var(--gold-hi)}
.lv-bb__note{display:none}

/* PC 도 JR-TCG 처럼 화면 맨 아래에 [고른 상품 · 상품 선택 | 바로 결제하기 · 총액] 고정 (2026-10-29 대표 요청).
   채팅 입력은 오른쪽 채팅 판에 있으니 아래 바에서는 뺀다 · 오른쪽 '바로 결제' 판은 겹치니 숨긴다 */
@media (min-width:900px){
  .lv.has-buy{--lv-sh:min(711px,calc(100vh - var(--hd) - 116px - var(--bottom-bar,0px)))}   /* 첫 화면에서 영상이 아래 바에 안 가리게 */
  .lv.has-buy .lv-cbar{display:block;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom))}
  .lv.has-buy .lv-cbar .lv-cin{display:none}
  .lv.has-buy .lv-cbar .lv-bb{max-width:var(--wrap);margin:0 auto;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px}
  .lv.has-buy .lv-cbar .lv-bb__sel{max-width:560px}
  .lv.has-buy .lv-cbar .lv-bb__chg{height:26px;margin-top:2px;padding:0 10px;border-radius:var(--r-pill);border:1px solid var(--gold-line);font-size:12.5px}
  .lv.has-buy .lv-cbar .lv-bb__note{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-3);white-space:nowrap}
  .lv.has-buy .lv-cbar .lv-bb__note .ico{color:var(--gold)}
  .lv.has-buy .lv-cbar .lv-bb__go{display:flex;align-items:center;justify-content:center;gap:0;min-width:320px;min-height:60px;padding:0 30px;border-radius:30px}
  .lv.has-buy .lv-cbar .lv-go__t{font-size:17px}
  .lv.has-buy .lv-cbar .lv-go__amt{font-size:17px}
  .lv.has-buy .lv-cbar .lv-go__amt::before{content:"·";margin:0 8px;font-family:var(--font)}
  .lv.has-buy .lv-side .lv-buyp{display:none}
}
@media (min-width:900px) and (max-width:1199px){.lv.has-buy .lv-cbar .lv-bb__note{display:none}}
.lv-offbuy{position:fixed;left:0;right:0;bottom:var(--lv-dock);z-index:calc(var(--z-dock) - 1);padding:8px var(--gut);
  background:rgba(10,10,10,.96);border-top:1px solid var(--gold-line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body.lv-typing .lv-bb{display:none}

/* 바로 결제 바 한 줄 = [사진 · 알약 · 이름 · 상품 변경](누르면 '상품 변경' 창) | [바로 결제하기 / 총액] */
.lv-bb{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;min-width:0}
.lv-bb__sel{display:flex;align-items:center;gap:10px;min-width:0;min-height:56px;margin:0;padding:4px 10px 4px 4px;border-radius:var(--r-md);background:var(--surface);
  border:1px solid var(--border-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--t-fast)}
.lv-bb__sel:hover{border-color:var(--gold)}
.lv-bb__img{position:relative;width:48px;height:48px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:var(--r-sm);background:var(--well-grad);border:1px solid var(--gold-line-2)}
.lv-bb__img img{width:100%;height:100%;padding:3px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}
.lv-bb__t{display:grid;justify-items:start;gap:2px;min-width:0;line-height:1.25}
.lv-bb__k{display:inline-flex;align-items:center;gap:3px;height:17px;padding:0 6px;border-radius:var(--r-xs);background:var(--gold-grad);color:var(--on-gold);font-size:10px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.lv-bb__k--off{background:transparent;border:1px solid var(--border-2);color:var(--gold-hi)}
.lv-bb__n{max-width:100%;font-family:var(--serif);font-size:14px;font-weight:700;letter-spacing:-.02em;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-bb__chg{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:600;color:var(--gold-ink)}
.lv-bb__chg .ico{stroke-width:2}
.lv-bb__p{font-family:var(--serif);font-size:13.5px;font-weight:700;color:var(--price)}
.lv-bb__go{display:grid;align-content:center;justify-items:center;gap:1px;min-width:124px;min-height:56px;margin:0;padding:6px 16px;border:0;border-radius:28px;
  background:var(--btn-bg);color:var(--on-gold);box-shadow:var(--glow-btn);font:inherit;text-align:center;cursor:pointer;transition:filter var(--t-fast)}
.lv-bb__go:hover{background:var(--btn-hover)}
.lv-bb__go:active{transform:translateY(1px)}
.lv-go__t{font-size:15px;font-weight:800;line-height:1.2;letter-spacing:-.02em;white-space:nowrap}
.lv-go__amt{font-family:var(--serif);font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap}
.lv-go__amt[hidden]{display:none}
/* 고칠 것이 있거나 비었으면 = 금색 테두리 단추('상품 변경' 창을 연다) */
.lv-bb__go[data-state="fix"],.lv-bb__go[data-state="empty"],.lv-bb__go--off{background:transparent;border:1px solid var(--gold);color:var(--gold-hi);box-shadow:none}
.lv-bb__go[data-state="fix"] .lv-go__t{font-size:12.5px;white-space:normal;max-width:9em}
.lv-bb__go--off{display:inline-flex;align-items:center;gap:4px;padding:0 16px;min-width:0}
.lv-bb__go--off .lv-go__t{font-size:14px}
.lv-bb.is-closed .lv-bb__img img{opacity:.7}
@media (max-width:374px){
  .lv-bb__go{min-width:104px;padding:6px 12px}
  .lv-go__t{font-size:14px}
}

/* 구성 한 줄 (PC 판 · 결제 확인창) */
.lv-bl{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;grid-template-areas:"img n q p" "img why why why";align-items:center;column-gap:10px;row-gap:2px;min-width:0}
.lv-bl__img{grid-area:img;width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:var(--r-sm);background:var(--well-grad);border:1px solid var(--gold-line-2)}
.lv-bl__img img{width:100%;height:100%;padding:3px;object-fit:contain}
.lv-bl__n{grid-area:n;min-width:0;font-size:13px;font-weight:600;line-height:1.35;letter-spacing:-.02em;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lv-bl__q{grid-area:q;font-size:12.5px;color:var(--text-2);white-space:nowrap}
.lv-bl__p{grid-area:p;font-family:var(--serif);font-size:14px;font-weight:700;color:var(--price);white-space:nowrap}
.lv-bl__why{grid-area:why;justify-self:start;display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:var(--r-xs);background:var(--danger-wash);color:var(--danger);font-size:11px;font-style:normal;font-weight:700}
.lv-bl.is-bad .lv-bl__img img{opacity:.5}

/* '상품 변경' 창 — 폰은 아래에서 올라오는 판, 600~ 은 가운데 창 */
.lv-pick{width:100%;max-width:560px;max-height:min(90svh,780px);margin:auto auto 0;padding:0;border-radius:var(--r-xl) var(--r-xl) 0 0;overflow:hidden}
.lv-pick[open]{display:flex;flex-direction:column}
.lv-pick__head{flex:none;display:flex;align-items:flex-start;gap:8px;padding:14px 6px 10px 18px;border-bottom:1px solid var(--gold-line-2)}
.lv-pick__ht{flex:1;min-width:0;display:grid;gap:3px;padding-top:6px}
.lv-pick__t{font-family:var(--serif);font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--heading)}
.lv-pick__d{font-size:12.5px;line-height:1.5;color:var(--text-2)}
.lv-pick__d b{color:var(--gold-hi)}
.lv-pick__x{color:var(--text-2)}
.lv-pick__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 16px 16px;display:grid;align-content:start;gap:18px}
.lv-pick__h{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:14px;font-weight:700;color:var(--text)}
.lv-pick__h b{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:var(--gold-grad);color:var(--on-gold);font-size:11.5px}
.lv-pick__rows{display:grid;margin:0;padding:0;list-style:none}
.lv-pick__none,.lv-pick__msg{padding:12px;border-radius:var(--r-md);background:var(--surface-2);border:1px dashed var(--border);font-size:12.5px;line-height:1.5;color:var(--text-2)}
.lv-pick__none[hidden],.lv-pick__msg[hidden]{display:none}
.lv-pick__find{position:relative;margin-bottom:8px}
.lv-pick__qi{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gold);pointer-events:none;display:grid}
.lv-pick__q{width:100%;height:44px;padding:0 14px 0 40px;border-radius:var(--r-pill);border:1px solid var(--input-line);background:var(--input-bg);color:var(--text);font:inherit;font-size:16px}
.lv-pick__q:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(243,210,122,.16)}
.lv-pick__q::placeholder{color:var(--text-3)}
.lv-pick__kinds{margin-bottom:4px}
.lv-pick__kinds .chip{height:40px;cursor:pointer;font:inherit;font-size:13.5px}
.lv-pick__foot{flex:none;display:flex;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--gold-line-2);background:var(--surface)}
.lv-pick__sum{flex:1;min-width:0;display:grid;gap:1px;font-size:12.5px;color:var(--text-2)}
.lv-pick__sum b{color:var(--text)}
.lv-pick__sum .lv-pick__amt{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--price)}
.lv-pick__done{--btn-h:48px;min-width:140px;font-size:15px}

/* 고르기 줄 = 사진 | 이름 · 종류 · 가격 | 수량(고른 것) · [담기] · 못 사는 까닭 */
.lv-pr{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:9px 0;border-top:1px solid var(--line-soft)}
.lv-pick__rows>.lv-pr:first-child{border-top:0}
.lv-pr__img{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border-radius:var(--r-sm);background:var(--well-grad);border:1px solid var(--gold-line-2)}
.lv-pr__img img{width:100%;height:100%;padding:3px;object-fit:contain}
.lv-pr__t{display:grid;gap:2px;min-width:0}
.lv-pr__n{font-size:13.5px;font-weight:600;line-height:1.35;letter-spacing:-.02em;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lv-pr__m{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:12px;color:var(--text-3)}
.lv-pr__p{font-family:var(--serif);font-size:14px;font-weight:700;color:var(--price)}
.lv-pr__tag{display:inline-flex;align-items:center;height:17px;padding:0 5px;border-radius:var(--r-xs);background:var(--gold-grad);color:var(--on-gold);font-size:10px;font-weight:700}
.lv-pr__why{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:var(--r-pill);border:1px solid var(--line-2);color:var(--text-3);font-size:12px;font-weight:600;white-space:nowrap}
.lv-pr__probl{color:var(--danger);font-weight:700}
.lv-pr.is-off .lv-pr__img img{opacity:.45}
.lv-pr__add{display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--gold);background:transparent;color:var(--gold-hi);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.lv-pr__add:hover{background:var(--gold-wash)}
.lv-pr__add:disabled{border-color:var(--line-2);color:var(--text-3);cursor:default;background:transparent}
.lv-pr__act{display:flex;align-items:center;gap:4px}
.lv-qs{display:inline-grid;grid-template-columns:44px 30px 44px;align-items:stretch;height:44px;border-radius:var(--r-pill);border:1px solid var(--gold-line);overflow:hidden}
.lv-qs button{display:grid;place-items:center;border:0;background:transparent;color:var(--gold-hi);cursor:pointer}
.lv-qs button:hover:not(:disabled){background:var(--gold-wash)}
.lv-qs button:disabled{opacity:.3;cursor:default}
.lv-qs output{display:grid;place-items:center;font-size:15px;font-weight:700;color:var(--text)}
.lv-pr__rm{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--text-3);cursor:pointer}
.lv-pr__rm:hover{color:var(--danger);background:var(--danger-wash)}

/* 결제 확인창 */
.lv-pay{width:min(460px,calc(100% - 24px));max-height:min(92svh,780px);padding:0;overflow:hidden}
.lv-pay[open]{display:flex;flex-direction:column}
.lv-pay__form{display:flex;flex-direction:column;flex:1;min-height:0}
.lv-pay__head{flex:none;padding:6px 6px 6px 18px}
.lv-pay__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;align-content:start;gap:14px;padding:14px 16px}
.lv-pay__lines{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.lv-pay__sum{display:grid;gap:5px;margin:0;padding:10px 12px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line-soft);font-size:13px;color:var(--text-2)}
.lv-pay__sum div{display:flex;justify-content:space-between;gap:12px}
.lv-pay__sum dd{margin:0;color:var(--text);font-weight:600}
.lv-pay__sum .is-total{margin-top:3px;padding-top:7px;border-top:1px solid var(--gold-line-2);align-items:baseline}
.lv-pay__sum .is-total dt{color:var(--text);font-weight:700}
.lv-pay__sum .is-total dd{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--price)}
.lv-pay__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 10px;min-width:0;margin:0;padding:0;border:0}
.lv-pay__k{font-size:12.5px;font-weight:700;color:var(--text-3);white-space:nowrap;padding:0}
.lv-pay__v{min-width:0;font-size:13px;line-height:1.45;color:var(--text);overflow-wrap:anywhere}
.lv-pay__chg{min-height:36px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--gold-line);background:transparent;color:var(--gold-hi);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.lv-pay__chg:hover{border-color:var(--gold);background:var(--gold-wash)}
.lv-pay__methods{grid-template-columns:minmax(0,1fr)}
.lv-pay__chips{display:flex;flex-wrap:wrap;gap:6px}
.lv-pay__m{display:inline-flex;cursor:pointer}
.lv-pay__m .chip{height:40px}
.lv-pay__m input:focus-visible+.chip{outline:2px solid var(--focus);outline-offset:2px}
.lv-pay__agree{align-items:flex-start;font-size:13px;line-height:1.5}
.lv-pay__agree b{color:var(--gold-hi)}
.lv-pay__err{display:grid;gap:8px;padding:10px 12px;border-radius:var(--r-md);background:var(--danger-wash);border:1px solid var(--danger);font-size:13px;line-height:1.5;color:var(--text)}
.lv-pay__err[hidden]{display:none}
.lv-pay__err .btn{justify-self:start}
.lv-pay__err .btn[hidden]{display:none}
.lv-pay__mock{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-3)}
.lv-pay__foot{flex:none;border-top:1px solid var(--gold-line-2)}
.lv-pay__foot .lv-pay__go{flex:1.6;font-size:15px}
.lv-pay__go[aria-busy="true"]{opacity:.7;pointer-events:none}

/* 로그인 안내 창: 회원가입 | 로그인 */
.lv-login .modal__foot .btn{--btn-h:48px}

@media (min-width:600px){
  .lv-pick{margin:auto;border-radius:var(--r-lg)}
}

/* PC: 오른쪽 '바로 결제' 판 · 방송 전 바는 안내 판 밑 한 줄 */
@media (min-width:900px){
  .lv-side{gap:12px;align-content:start}
  .lv-buyp{display:grid;gap:8px;padding:10px 12px 12px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border-2)}
  .lv-buyp__head{display:flex;align-items:center;gap:8px;min-width:0}
  .lv-buyp__t{font-family:var(--serif);font-size:16.5px;font-weight:700;letter-spacing:-.02em;color:var(--heading);white-space:nowrap}
  .lv-buyp__k{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:var(--r-xs);background:var(--gold-grad);color:var(--on-gold);font-size:10.5px;font-weight:700;white-space:nowrap}
  .lv-buyp__chg{display:inline-flex;align-items:center;gap:5px;min-height:36px;margin-left:auto;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--gold-line);background:transparent;
    color:var(--gold-hi);font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
  .lv-buyp__chg:hover{border-color:var(--gold);background:var(--gold-wash)}
  .lv-buyp__lines{display:grid;gap:6px;max-height:78px;margin:0;padding:0 2px 0 0;overflow-y:auto;list-style:none;scrollbar-width:thin;scrollbar-color:var(--gold-line-2) transparent}
  .lv-buyp .lv-bl{grid-template-columns:36px minmax(0,1fr) auto auto;column-gap:8px}
  .lv-buyp .lv-bl__img{width:36px;height:36px}
  .lv-buyp .lv-bl__n{-webkit-line-clamp:1}
  .lv-buyp__lines[hidden],.lv-buyp__none[hidden],.lv-buyp__sum[hidden]{display:none}
  .lv-buyp__none{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--r-md);border:1px dashed var(--border);font-size:13px;color:var(--text-2)}
  .lv-buyp__none .ico{color:var(--gold)}
  .lv-buyp__foot{display:flex;align-items:center;gap:12px;min-width:0}
  .lv-buyp__sum{flex:1;min-width:0;display:grid;gap:2px;font-size:12.5px;line-height:1.4;color:var(--text-2)}
  .lv-buyp__sum b{color:var(--text)}
  .lv-buyp__go{--btn-h:48px;flex:none;display:flex;align-items:center;justify-content:center;gap:0;min-width:230px;margin-left:auto;padding:0 22px;font-size:15px}
  .lv-buyp__go .lv-go__amt{font-size:15.5px}
  .lv-buyp__go .lv-go__amt::before{content:"·";margin:0 7px;font-family:var(--font)}
  .lv-buyp__go[data-state="fix"],.lv-buyp__go[data-state="empty"]{background:transparent;border:1px solid var(--gold);color:var(--gold-hi);box-shadow:none}
  .lv-buyp__note{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-3)}
  .lv-buyp__note .ico{color:var(--gold)}
  .lv-offbuy{position:static;margin-top:16px;padding:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
  .lv-offbuy .lv-bb{max-width:680px}
  .lv-bb__sel{min-height:64px}
  .lv-bb__img{width:56px;height:56px}
  .lv-bb__n{font-size:16px}
  .lv-bb__go{min-height:64px}
}
@media (prefers-reduced-motion:reduce){.lv-bb__go,.lv-bb__sel{transition:none}.lv-bb__go:active{transform:none}}

/* =====================================================================
   13. 단순 라이브 화면 (.lv--min, 2026-10-29 대표 "라이브 · 하단 결제하기 · 채팅 참여만")
   폰: 머리 아래 영상이 남은 높이를 다 쓰고(채팅 3~4줄은 영상 위) → 맨 아래 결제 바 + 채팅 입력
   PC: [영상 | 채팅 판] 가운데 한 줄, 화면 높이에 맞춤 → 맨 아래 결제 바
   ===================================================================== */
.lv.lv--min{padding-top:10px}
.lv.lv--min .lv-grid{display:block}
.lv.lv--min .lv-stage{margin:0 auto}
.lv.lv--min.is-v .lv-video{width:auto;max-width:100%;aspect-ratio:9/16;margin:0 auto;
  height:calc(100vh - var(--hd) - var(--bottom-bar,150px) - 18px);height:calc(100svh - var(--hd) - var(--bottom-bar,150px) - 18px);min-height:320px}
.lv.lv--min.is-h .lv-video{max-width:calc((100svh - var(--hd) - var(--bottom-bar,150px) - var(--lv-band) - 40px) * 16 / 9);margin-left:auto;margin-right:auto}
@media (min-width:900px){
  .lv.lv--min{--lv-mh:calc(100vh - var(--hd) - var(--bottom-bar,96px) - 36px);--lv-sh:max(420px,var(--lv-mh));--lv-sw:calc(var(--lv-sh) * 9 / 16);padding-top:16px}
  .lv.lv--min .lv-grid{display:grid;grid-template-areas:"stage chat";grid-template-rows:auto;justify-content:center;column-gap:20px}
  .lv.lv--min .lv-stage{margin:0}                    /* 격자 칸 안에서 auto 여백이면 폭이 0 으로 줄어든다 */
  .lv.lv--min.is-v .lv-grid{grid-template-columns:var(--lv-sw) minmax(360px,460px)}
  .lv.lv--min.is-v .lv-video{width:100%;height:var(--lv-sh);aspect-ratio:auto}
  .lv.lv--min.is-h .lv-grid{grid-template-columns:minmax(0,calc(var(--lv-sh) * 16 / 9)) minmax(340px,420px)}
  .lv.lv--min.is-h .lv-video{max-width:none}
  .lv.lv--min .lv-chatp{height:var(--lv-sh);contain:none}
  .lv.lv--min.is-h .lv-chatp{height:auto;align-self:stretch;contain:size}
}

/* 영상 오른쪽 위 JR-TCG 두 단추 (.lv-fab--jr): [상품 선택] 금색 · [유튜브] 빨간 재생 — 단순 화면에서도 둔다 */
.lv.lv--min .lv-ov{justify-content:space-between}
.lv-fab--jr{pointer-events:auto}
.lv-fab__a--yt{margin:0;padding:0;border:0;background:none;font:inherit;cursor:pointer}
.lv-fab__a--yt .lv-fab__o{color:#fff;background:rgba(0,0,0,.55)}
.lv-fab__a--yt .lv-fab__o .ico{color:var(--live)}
.lv.lv--min.is-h .lv-fab--jr{grid-auto-flow:row}
.lv.lv--min.is-h .lv-fab--jr .lv-fab__l{display:block}
.lv-ytq .lv-login__d b{color:var(--gold-hi)}