/* ─────────────────────────────────────────────────────────────
   정리판 (2026-11-09) — 골드 아이덴티티(gold.css)는 "예전 사이트 같고 별로" 로 기각.
   색은 v5/크림 그대로 두고, 따로 요청받은 정리만 남긴다:
   줄 서기 상자·대기 명단 정리 / 아래 고정 바 두 줄 / 홈 바로가기 간격 / 푸터 글씨 / 관리자 숫자 칸.
   v5.css 뒤에 실린다. head.ejs 의 tidy.css 한 줄만 빼면 v5 그대로.
   ───────────────────────────────────────────────────────────── */

/* ── 줄 서기 상자 ── */
.kc-queue,.kc-queue.q-waiting{border-radius:14px;padding:1.15rem 1.15rem 1rem;display:flex;flex-direction:column;gap:.75rem}
.kc-queue .kc-ticketno{display:flex;align-items:center;gap:.9rem;margin:0}
.kc-queue .kc-circle{flex:none;width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05}
.kc-queue .kc-circle b{font-size:1.55rem;font-weight:800}
.kc-queue .kc-qtitle{font-size:1.02rem;font-weight:800;color:#111;line-height:1.35}
.kc-queue .kc-qsub{font-size:.86rem;color:#333;font-weight:600;margin-top:.15rem}
.kc-queue .kc-join{margin:0;font-size:1.05rem;padding:.95rem 1rem}
.kc-queue .q-status:empty,.kc-queue .q-actions:empty{display:none}
.kc-queue .q-push{margin:0;display:flex;align-items:center;gap:.5rem;border-radius:12px;padding:.6rem .8rem;font-size:.86rem}
.kc-queue .q-push .btn{margin-left:auto}
.kc-queue .q-eta{margin:0}
/* 명단: 머리줄 = 명단 + 인원 칩, 아래 지금 뽑는 사람 한 줄 */
.kc-queue .kc-qlist{margin:0;border-top:1px solid #E1E1DC;padding-top:.85rem}
.kc-queue .kc-qlist-h{display:flex;align-items:center;gap:.45rem;margin:0}
.kc-queue .kc-qlist-h b{font-size:.98rem;font-weight:800;color:#111}
.kc-queue .kc-qlist-h .qa-dot{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.15)}
.kc-queue .q-cur{margin:.35rem 0 0;font-size:.8rem;color:#55554F;font-weight:600;text-align:left}
.kc-queue .kc-qlist .q-list{margin:.6rem 0 0;gap:6px}
.kc-queue .kc-qlist .q-list li.muted{background:transparent;border:1.5px dashed #D9D9D4;color:#55554F;font-weight:600;font-size:.84rem;padding:.85rem .8rem;text-align:center}
/* 규칙: 상자 없이 작은 글씨 한 덩어리 (11/9 단순화) */
.kc-queue .kc-qrules{list-style:none;margin:0;padding:0;font-size:.76rem;line-height:1.6;color:#6F6F6A}
.kc-queue .kc-qrules li{display:inline}
.kc-queue .kc-qrules li+li::before{content:" · "}
.kc-queue .kc-qrules b{color:#333;font-weight:700}
.kc-queue .q-cur[hidden]{display:none}
.kc-queue .kc-qrule{text-align:left}

/* ── 아래 고정 바 — 윗줄: 내 순서 칩 · 보유 포인트 / 아랫줄(모바일): 가격 · 큰 버튼 ── */
.kc-bar-in{grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem 1.1rem}
.kc-bar-sel{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;min-width:0}
.kc-bar-q{max-width:100%;margin:0;white-space:nowrap}
.kc-bar-q span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.kc-bar-q i{flex:none;font-style:normal;opacity:1;border-left:1px solid #BBF7D0;padding-left:.45rem;margin-left:.1rem}
.kc-bar-q i::after{content:" ▴";font-size:.7em}
.kc-bar-q.turn i{border-color:rgba(255,255,255,.4)}
.kc-bal-big{display:flex;align-items:baseline;gap:.25rem;font-family:var(--sans);font-size:1rem;color:#111;white-space:nowrap}
.kc-bal-big .lbl{font-size:.74rem;font-weight:700;color:#6F6F6A;margin-right:.1rem}
.kc-bal-big b{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;font-family:var(--mono)}
.kc-bal-big em{font-style:normal;font-weight:800}
.kc-bal-big a{margin-left:.35rem;font-size:.78rem;font-weight:700;color:#222;text-decoration:none;background:#F4F4F4;border-radius:100px;padding:.1rem .55rem}
.kc-bal-big .timer{margin-left:.4rem;font-size:.8rem;font-weight:800}
.kc-bal-big .timer:empty{display:none}
.kc-bar-sum{flex-direction:column;align-items:flex-end;gap:0}
.kc-bar-sum .big{font-size:1.35rem;font-weight:800}
.kc-bar-act .btn{min-width:210px;font-size:1.05rem}
@media (max-width:767px){
  .kc-bar-in{grid-template-columns:auto minmax(0,1fr);gap:.55rem .9rem}
  .kc-bar-sel{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;gap:.6rem}
  .kc-bar-q{flex:0 1 auto;font-size:.76rem;padding:.2rem .6rem}
  .kc-bal-big{flex:none;margin-left:auto}
  .kc-bal-big .lbl{display:none}
  .kc-bal-big b{font-size:1.05rem}
  .kc-bar-sum{flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.15}
  .kc-bar-sum .big{font-size:1.2rem}
  .kc-bar-act{grid-column:auto}
  .kc-bar-act .btn,.kc-bar-act .btn-lg{width:100%;min-width:0;flex:1;padding:.85rem .8rem;font-size:1.02rem}
}

/* ── 홈 바로가기 (지금 열린 판 아래로 내림) ── */
.qm{margin-top:2.6rem}

/* ── 푸터 — 값이 흐려 안 보이던 것만 진하게 ── */
.footer-inline i,.footer-inline span{color:#333}
.footer-note{color:#333}

/* ── 관리자 대시보드 숫자 칸·돌발상황 상자 — 회색 면 → 흰 면 ── */
body.brand-v2 .dsh .c:not(.main):not(.todo),body.brand-v2 .emg{background:#fff;border-color:#E1E1DC}

/* ══ 모바일 단축 (2026-11-09 "한참 내려야 하고 구분선이 흐려 가독성이 떨어진다 — 투머치한 건 모바일 기준으로 단축") ══ */
.pz-more,.ko-more{display:block;width:100%;margin:.8rem 0 0;padding:.7rem;border:1px solid #D9D9D4;border-radius:10px;background:#fff;color:#111;font:inherit;font-size:.88rem;font-weight:700;cursor:pointer}
.pz-more b{font-weight:900}
.pz-more[hidden],.ko-more[hidden]{display:none}
.ko-more{margin-top:.5rem;padding:.5rem;font-size:.82rem}
@media (max-width:767px){
  /* 단락 구분 — 화면 끝까지 닿는 8px 띠로 확실하게 (카드 테두리 상자 안의 상자 대신) */
  .kd2-l>.kc-tops-big,.kd2-l>#notice,.kd2>.kc-sec{margin:0 -.8rem!important;padding:1.3rem .8rem 1.4rem!important;border:0!important;border-top:8px solid #F1F1EE!important;border-radius:0!important;box-shadow:none!important;background:#fff}
  .kd2>.kc-board{padding-bottom:1.3rem}
  .kc-sec-h{margin-bottom:.7rem}
  .kc-sec-h h2,.kc-tops-big .kc-tops-h{font-size:1.12rem}
  .kc-sec-h .small.muted{display:none}
  /* 이 판 안내 — 6줄까지만, '전체 보기' */
  .know-own{margin-top:.8rem;padding:.9rem .9rem .8rem}
  .know-own.ko-clip .ko-body{max-height:9.4em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}
  .know-own .ko-body p{margin:.2rem 0;font-size:.84rem;line-height:1.55}
  /* 상품 구성 — 처음엔 3줄(9칸)만, 칸도 낮게 */
  .pgrid.pz-clip>.pz:nth-child(n+10){display:none}
  /* 이름은 두 줄까지 (2026-11-09 '모바일 이름 잘리는 거 잡자' — 한 줄이면 '치이카와 갸루…'만 보였다). 칸 높이를 맞추려고 두 줄 자리를 잡아 둔다 */
  .pgrid .pz .n{-webkit-line-clamp:2;min-height:2.6em;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:.78rem;white-space:normal}
  .pgrid .pz .wn{font-size:.66rem;padding:.2rem .3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pgrid .pz .q{font-size:.74rem}
  .poster-h{gap:.3rem .5rem}
  .poster-f{flex-direction:column;align-items:flex-start;gap:.3rem;font-size:.72rem}
  /* 줄 서기 상자 — 버튼은 아래 고정 바 하나로 (상자 안 버튼은 PC 만) */
  .kc-queue{gap:.6rem}
  .kc-queue #qJoin2{display:none!important}
  .kc-queue .q-push{font-size:.8rem;padding:.5rem .7rem}
  /* 겹치는 것 빼기: 남은 상위상 바로가기(바로 아래 큰 진열대가 있음) · 판 제목 아래 링크 줄 · 상품 구성 위 판 제목·가격 · 봉인 지문 줄(봉인 카드와 같음) */
  .kc-tops-mini,.kc-links{display:none!important}
  .poster-h .k,.poster-h h2,.poster-h .p{display:none!important}
  .poster-h{display:flex;align-items:baseline;justify-content:space-between}
  .poster-h::before{content:"상품 구성";font-size:1.12rem;font-weight:800;color:#111}
  .poster-f{display:none!important}
  /* 쿠지권 고르기: 색 설명은 종이판을 펼쳤을 때만, 줄 서기 안내 문장은 위 상자와 같아 뺀다 */
  .kc-pick:not(:has(#board:not([hidden]))) .kc-sec-h .legend{display:none}
  .kc-pick>p.small.muted{display:none}
  /* 홈 섹션 머리의 영문 작은 글씨(TOP PRIZES·NOW OPEN …)는 빼고 제목만 — LIVE 점은 남김 */
  .v5-h .en:not(:has(.live-dot)){display:none}
  /* 쿠지권 고르기 설명 두 줄로 */
  .kc-pick>.row.between{flex-direction:column;align-items:flex-start;gap:.15rem;font-size:.76rem}
}
.know .kn-x{font-style:normal}
@media (max-width:767px){.know .kn-x{display:none}}

/* ══ 정렬 — 드롭다운(올드함) → 글자 탭 (2026-11-09) ══ */
.sort-tabs{display:inline-flex;align-items:center;gap:0;margin-left:auto;flex:none}
.sort-tabs button{position:relative;background:none;border:0;padding:.3rem .65rem;font:inherit;font-size:.82rem;font-weight:600;color:#9A9A95;cursor:pointer;white-space:nowrap}
.sort-tabs button+button::before{content:"";position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background:#D9D9D4}
.sort-tabs button:hover{color:#333}
.sort-tabs button.on{color:#111;font-weight:800}
.sort-tabs button.on::after{content:"";position:absolute;left:.65rem;right:.65rem;bottom:0;height:2px;border-radius:2px;background:#111}
.sort-tabs button:last-child{padding-right:0}
.sort-tabs button:last-child.on::after{right:0}
.kl-sort.sort-tabs{font-size:inherit}
@media (max-width:767px){
  .v5-tools{flex-wrap:wrap!important;row-gap:.55rem}
  .v5-tools .fchips{flex:1 1 100%!important}
  .sort-tabs{margin-left:0}
  .sort-tabs button{padding:.25rem .55rem;font-size:.78rem}
  .sort-tabs button:first-child{padding-left:0}
  .sort-tabs button:first-child.on::after{left:0}
}

/* ══ 헤더 '톡방 입장' — 카카오 노랑 포인트 (11/9) ══ */
.kakao-btn,.kakao-btn:hover{background:#FEE500!important;color:#191919!important;border:0!important;font-weight:800}
.kakao-btn:hover{background:#F5DC00!important}

/* ══ 뜯기 무대 — 사이트 톤(검정·흰색·형광 노랑)에 맞춤. 붉은 갈색·금빛·장식 네모 걷어냄 (11/9) ══ */
.rvscreen{background:radial-gradient(55% 38% at 50% 0%,rgba(255,255,255,.07),rgba(255,255,255,0) 70%),#0F0F10!important}
.rvscreen::before,.rvscreen::after{display:none!important}
.rv-top{color:#8B8B8B}
.rv-top .eyebrow{color:#8B8B8B;letter-spacing:.08em}
.rv-top .btn,.rvscreen .rv-top .btn-ghost{background:transparent!important;border:1px solid rgba(255,255,255,.22)!important;color:#E5E5E5!important;border-radius:100px}
.rv-top .x{background:transparent;border-color:rgba(255,255,255,.22)}
.rv-title{color:#fff!important;font-weight:800}
.rv-title::before,.rv-title::after{display:none!important}
.rv-sub,.rv-help{color:#9A9A95!important}
.rv-help b{color:#fff}
.rvscreen .rv-row .btn,.rvscreen #revealAll{background:#fff!important;border:0!important;color:#111!important;border-radius:100px;font-weight:800;box-shadow:none!important;padding:.65rem 1.3rem}
.rvscreen #revealAll:hover{background:#FFE14D!important}
.rv-fan.board .bd-h{color:#E5E5E5}
.rv-fan.board .bd-h span{color:#9A9A95}
.rv-fan.board .bs.bc b{background:#F15746}
.rv-fan.board .bs.lo,.rv-fan.board .bs.mini{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#D4D4D4}
.rv-fan.board .bs.mini{color:#FFE14D;border-color:rgba(255,225,77,.35)}
#rvScreen.squeeze::before{background:radial-gradient(ellipse 42% 38% at 50% 45%,rgba(255,255,255,.08) 0,rgba(255,255,255,.02) 45%,transparent 60%),radial-gradient(ellipse 60% 55% at 50% 48%,transparent 40%,rgba(0,0,0,.85) 100%)!important}

/* ══ 결과 팝업 — 흰 카드로 깔끔하게, 상품은 가운데 정렬 (11/9 "센터 맞추고 디자인 촌스러움") ══ */
.prizepop{background:rgba(10,10,11,.82)!important}
.prizepop .pp{background:#fff!important;color:#111!important;border:0!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(0,0,0,.5)!important;padding:1.6rem 1.3rem 1.2rem!important;text-align:center}
.prizepop .pp::before{display:none!important}
.prizepop .pp.top{box-shadow:0 0 0 4px #FFE14D,0 24px 70px rgba(0,0,0,.5)!important}
.prizepop .eb .pp-from{color:#8B8B8B!important;letter-spacing:0!important;font-weight:700!important}
.prizepop .eb .pp-h,.prizepop .pp.top .eb .pp-h{color:#111!important;font-weight:900}
.prizepop .pp.top .eb .pp-h{background:linear-gradient(transparent 60%,#FFE14D 60%,#FFE14D 92%,transparent 92%);display:inline;padding:0 .15rem}
.prizepop .pp h3{color:#111!important}
.prizepop .pp .no{color:#8B8B8B!important}
.prizepop .pp img,.prizepop .pp .noimg{box-shadow:none!important;border:1px solid #ECECE8!important}
.prizepop .pp .noimg{background:#F4F4F4!important;color:#9A9A95!important}
.pp-grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:.55rem!important;margin:1rem 0 .7rem!important}
.pp-grid .it{flex:0 0 118px;background:#fff!important;border:1px solid #ECECE8!important;border-radius:12px!important;box-shadow:none!important;padding:.45rem .45rem .55rem!important}
.pp-grid .it img{border:0!important;background:#F7F7F5!important}
.pp-grid .it b{font-family:var(--sans)!important;font-size:.82rem!important;color:#111!important;font-weight:800}
.pp-grid .it small{color:#6F6F6A!important}
.pp-grid .it.top{border:2px solid #111!important}
.pp-grid .it.top b{color:#F15746!important}
.prizepop .pp .btn{background:#fff!important;border:1px solid #D9D9D4!important;color:#111!important;border-radius:12px;box-shadow:none!important;font-weight:700}
.prizepop .pp .btn-gold,.prizepop .pp .btn-primary{background:#111!important;border-color:#111!important;color:#fff!important}
@media (max-width:640px){.pp-grid .it{flex-basis:calc((100% - 1.1rem) / 3)}}
.rv-fan.board .bs.mini{color:#fff;border-color:rgba(255,255,255,.3)}

/* ══ 포인트 화면 단순화 (11/9) ══ */
.pt-h{margin:0 0 .8rem}
.wallet-split .wal-card p{font-size:.84rem;line-height:1.5;margin:.35rem 0 0}
.pt-note{margin:.7rem 0 0;line-height:1.6}
.pt-cmp{margin-top:1rem;padding:.8rem 1rem}
.pt-cmp summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}
.pt-cmp summary::after{content:"▾";color:#8B8B8B}
.pt-cmp[open] summary::after{content:"▴"}
.pt-cmp summary::-webkit-details-marker{display:none}
.pt-led tr.pt-more{display:none}
.pt-led.all tr.pt-more{display:table-row}
@media (max-width:767px){
  /* 최근 내역: 칸 4개짜리 표(날짜가 네 줄로 쪼개짐) → 한 줄 두 단 목록 */
  .pt-led,.pt-led tbody{display:block}
  .pt-led tr:first-child{display:none}
  .pt-led tr{display:grid;grid-template-columns:1fr auto;gap:.1rem .6rem;padding:.6rem 0;border-bottom:1px solid #ECECE8}
  .pt-led tr.pt-more{display:none}
  .pt-led.all tr.pt-more{display:grid}
  .pt-led td{padding:0!important;border:0!important}
  .pt-led td:nth-child(1){grid-column:1;grid-row:2;font-size:.72rem;color:#8B8B8B}
  .pt-led td:nth-child(2){grid-column:1;grid-row:1;font-size:.84rem;line-height:1.4}
  .pt-led td:nth-child(3){grid-column:2;grid-row:1;font-weight:800;text-align:right}
  .pt-led td:nth-child(4){grid-column:2;grid-row:2;font-size:.72rem;color:#8B8B8B;text-align:right}
  .pt-led td[colspan]{grid-column:1 / -1}
}

/* ══ 내 정보 구매 내역 · 보관함 (11/9 단순화) ══ */
.ord-chips .ch i.lb{font-style:normal}
@media (max-width:767px){
  .me-led td:nth-child(3){grid-column:1;grid-row:3;font-size:.72rem;color:#8B8B8B;font-weight:400;text-align:left;word-break:break-all}
  .me-led td:nth-child(4){grid-column:2;grid-row:1;font-weight:800;color:#111;font-size:.84rem}
  .me-led td:nth-child(2) a{color:#111;font-weight:600}
  .me-shop td:nth-child(3)::before{content:"수량 "}
  /* 보관함 주문 칩: 이름표 빼고 값만, 한 줄 */
  .ord-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:.3rem;padding:.5rem .7rem}
  .ord-chips::-webkit-scrollbar{display:none}
  .ord-chips .ch{flex:none;font-size:.72rem;padding:.12rem .5rem}
  .ord-chips .ch i.lb{display:none}
  .ord-h{padding:.6rem .7rem}
  .ord-h img,.ord-h .ph{width:34px;height:34px}
  .ord-share{font-size:.7rem;padding:.15rem .45rem}
}
@media (max-width:767px){
  /* 보관함 타일 — 사진·이름·버튼을 작게, 한 줄 3칸 */
  .ord-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ord-it .n{font-size:.72rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .ord-it .no{font-size:.66rem}
  .lk-note{line-height:1.5}
}

/* 오픈 전 판 등 문구가 없을 땐 아래 바 '명단' 칩을 숨긴다 */
.kc-bar-q[hidden]{display:none!important}

/* ══ 상품 구성 · 쿠지권 고르기 가시성 (11/9 "흐리멍텅, 당첨번호 컬러, 가시성 높여") ══ */
/* 머리: 판 제목·가격(맨 위와 같음) 대신 '상품 구성' 큰 제목 + 남은 장수 */
.poster-h{display:flex!important;flex-wrap:nowrap!important;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.9rem}
.poster-h .hint{margin-left:auto;position:static!important}
.poster-h .k,.poster-h h2,.poster-h .p{display:none!important}
.poster-h::before{content:"상품 구성";font-size:1.25rem;font-weight:800;color:#111;letter-spacing:-.02em}
.poster-h .hint{font-size:.84rem;font-weight:700;color:#111}
.poster-h .hint #remainBadge{color:#F15746}
/* 카드: 흰 면 + 테두리, 사진 바탕 흰색 */
.pgrid .pz{border:1px solid #E1E1DC;border-radius:12px;padding:.5rem .5rem .6rem;background:#fff}
.pgrid .pz:hover{border-color:#111}
.pgrid .pz img,.pgrid .pz .noimg{background:#F7F7F5;border-radius:8px}
/* 등급 딱지: 흰 반투명 작은 글씨 → 검정 딱지 크게 */
.pgrid .pz .g{left:.5rem;top:.5rem;background:#111;color:#fff;font-size:.74rem;font-weight:800;padding:.22rem .5rem;border-radius:6px;backdrop-filter:none}
.pgrid .pz .g.lo{background:#111;color:#fff}
.pgrid .pz .g.last{background:#F15746;color:#fff}
.pgrid .pz .n{color:#111;font-weight:700;font-size:.84rem;margin-top:.4rem}
/* 당첨번호: 회색 알약 → 빨간 포인트 */
.pgrid .pz .wn{background:#FFF0EE;color:#E5432F;border:1px solid #FFD3CC;border-radius:8px;font-size:.72rem;font-weight:700;padding:.3rem .4rem}
.pgrid .pz .wn b{color:#E5432F;font-weight:900;font-size:.9rem;font-family:var(--mono)}
.pgrid .pz .wn.low{background:#F4F4F2;color:#55554F;border-color:#E1E1DC}
.pgrid .pz .q{color:#55554F;font-size:.74rem;font-weight:600}
.pgrid .pz .q b{color:#F15746;font-size:1rem;font-weight:900}
.pgrid .pz .q .pct{color:#111;font-weight:800}
.pgrid .pz.out .wn{background:#F4F4F2;color:#9A9A95;border-color:#E1E1DC}
.pgrid .pz.out .wn b{color:#9A9A95}
.poster-f{color:#55554F;font-size:.76rem}
.poster-f a{color:#111;font-weight:700}
/* 쿠지권 고르기 */
.kc-pick .kc-sec-h h2{font-size:1.25rem;font-weight:800;color:#111}
.kc-pick .legend span{color:#333;font-weight:600}
.kc-pick .legend span::before{border-color:#8B8B8B!important}
.kc-pick>.row.between{color:#333!important;font-size:.84rem}
.kc-pick>.row.between b{color:#111}
.kc-pick .bar{background:#E1E1DC}
.kc-pick .bar i{background:#111}
.btn.board-toggle,.btn.board-toggle:hover,.btn.board-toggle[aria-expanded="true"]{background:#fff!important;border:1.5px solid #111!important;color:#111!important;font-weight:800!important}
.kc-pick>p.small.muted{color:#55554F!important}
@media (max-width:767px){
  .poster-h::before{font-size:1.12rem}
  .pgrid .pz{padding:.35rem .35rem .45rem}
  .pgrid .pz .g{font-size:.66rem;left:.35rem;top:.35rem}
  .pgrid .pz .wn{font-size:.64rem;padding:.22rem .3rem}
  .pgrid .pz .wn b{font-size:.78rem}
}

/* ══ 홈·목록 티켓 카드 구분 (11/9 "구분선이 명확하지 않아 흐리멍텅") ══ */
.tk-card{box-shadow:0 0 0 1px #D9D9D4,0 2px 6px rgba(0,0,0,.04)!important}
.tk-card:hover{box-shadow:0 0 0 1.5px #111,0 10px 24px rgba(0,0,0,.1)!important}
.tk-perf::after{border-top:1.5px dashed #C4C4BF!important}
.tk-title{color:#111;font-weight:800}
/* 상품 사진: 테두리 + 등급 딱지 크게 + 수량 진하게 */
.tk-pz img,.tk-pz:not(:has(img))::before{border:1px solid #E1E1DC;background:#fff!important}
.tk-pz i{font-size:.62rem;padding:0 .3rem;line-height:1.55;top:3px;left:3px}
.tk-pz b{color:#333;font-weight:800;font-size:.66rem;margin-top:3px}
/* 숫자 줄 위 구분선 */
.tk-num{border-top:1px solid #ECECE8;padding-top:.55rem;margin-top:auto}
.tk-left b{color:#111}
.tk-left small{color:#6F6F6A;font-weight:700}
.tk-price{color:#111;font-weight:900}
.tk-soon{color:#111}
.tk-card .bar{height:5px;background:#E6E6E2}

/* ══ 알아두세요 — 선 아이콘 + 제목 + 한 줄, 블로그는 제목 옆 버튼 (11/9 "아이콘 표기로 깔끔하게, 블로그 표기 필요") ══ */
.kn-h{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.kn-blog{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem .4rem .45rem;border-radius:100px;background:#fff;border:1.5px solid #03C75A;color:#111;font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap}
.kn-blog b{color:#03A94D;font-weight:800}
.kn-blog .nb{width:20px;height:20px;border-radius:5px;background:#03C75A;color:#fff;font-size:.72rem;font-weight:900;display:grid;place-items:center;font-family:Arial,sans-serif}
.kn-blog:hover{background:#F0FBF4}
.kc-sec .know{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem 1.2rem!important;border-top:0!important;margin:.2rem 0 0;padding:0}
.kc-sec .know li{display:flex!important;align-items:flex-start;gap:.65rem;border:0!important;border-radius:0!important;padding:0!important;background:none!important;box-shadow:none!important}
.kc-sec .know li i.ki{flex:none;width:36px;height:36px;border-radius:50%;background-color:#F4F4F2!important;background-repeat:no-repeat!important;background-position:center!important;background-size:18px 18px!important;box-shadow:none!important;border:0!important;font-size:0;display:block!important}
.kc-sec .know li div{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.kc-sec .know li b{font-size:.88rem;font-weight:800;color:#111;line-height:1.35}
.kc-sec .know li span{font-size:.78rem;color:#6F6F6A;line-height:1.45}
.ki-tag{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3 12V4h8l10 10-8 8z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.5'/%3E%3C/svg%3E")!important}
.ki-lock{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")!important}
.ki-box{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3 7l9-4 9 4v10l-9 4-9-4z'/%3E%3Cpath d='M3 7l9 4 9-4M12 11v10'/%3E%3C/svg%3E")!important}
.ki-coin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 8.5h3.5a2 2 0 0 1 0 4H9.5v-4zM9.5 12.5V16'/%3E%3C/svg%3E")!important}
.ki-eye{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E")!important}
.ki-rep{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9a8 8 0 0 1 14-3l2 2M20 15a8 8 0 0 1-14 3l-2-2'/%3E%3Cpath d='M20 4v4h-4M4 20v-4h4'/%3E%3C/svg%3E")!important}
@media (max-width:900px){.kc-sec .know{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .9rem!important}}
@media (max-width:767px){
  .kn-h .small.muted{display:none}
  .kn-blog{font-size:.76rem;padding:.32rem .65rem .32rem .38rem}
  .kc-sec .know li{gap:.5rem}
  .kc-sec .know li i.ki{width:30px;height:30px;background-size:15px 15px!important}
  .kc-sec .know li b{font-size:.82rem}
  .kc-sec .know li span{font-size:.74rem}
}
.poster-h::before{white-space:nowrap;flex:none}

/* ── 종이판 = 시안 1 '선명한 티켓' (2026-11-09 사용자: 세 시안 중 바뀌는 디자인과 어울리는 걸로, docs/design_kuji_board) ──
   남음=흰 티켓+윗변 홈, 뜯김=회색 납작+아래 찢긴 선, 상위상=노랑+빨간 리본, 고르는 중=하늘색 점선+사람, 내 선택=검정+노란 체크.
   종이판(#board)과 뽑기 화면(#grid) 둘 다. 이 블록을 빼면 이전 칸으로 돌아간다 */
.ticket-board{background:#F6F5F2!important;border:1px solid #E6E3DC!important;border-radius:14px!important}
.ticket-grid .ticket{aspect-ratio:1/1.12;border-radius:7px;background:#fff;color:#111;border:1px solid #D6D3CC;
  font-family:inherit;font-weight:800;letter-spacing:-.02em;box-shadow:inset 0 -3px 0 rgba(0,0,0,.05);
  -webkit-mask:radial-gradient(circle 3.5px at 50% 0,#0000 96%,#000);mask:radial-gradient(circle 3.5px at 50% 0,#0000 96%,#000)}
.ticket-grid .ticket>span{font-weight:800;font-size:1.12em}
.ticket-grid .ticket::before,.ticket-grid .ticket::after{content:none}
.ticket-grid .ticket:hover{transform:translateY(-2px);box-shadow:inset 0 -3px 0 rgba(0,0,0,.05),inset 0 0 0 2px #111}
/* 뜯김 — 납작한 회색, 아래가 찢긴 톱니 */
.ticket-grid .ticket.sold{background:#ECEBE8;color:#A3A09A;border-color:#E0DED9;box-shadow:none;text-decoration:none;
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/7px 100%;
          mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/7px 100%}
.ticket-grid .ticket.sold>span{font-weight:700;font-size:1em}
.ticket-grid .ticket.sold.got>span.g{color:#8E8B85;font-size:.66em;font-weight:700;letter-spacing:0}
.ticket-grid .ticket.sold.got>small{color:#8E8B85;font-family:inherit;font-weight:800;font-size:.95em;margin-top:1px}
.ticket-grid .ticket.sold.got:hover{box-shadow:inset 0 0 0 2px #8E8B85}
/* 상위상 — 노란 칸 + 왼쪽 위 빨간 리본, 등급을 크게 */
.ticket-grid .ticket.sold.got.top{background:#FFD84D;border-color:#E9B800;color:#111;-webkit-mask:none;mask:none;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.08)}
.ticket-grid .ticket.sold.got.top>span.g{color:#111;font-size:1.05em;font-weight:900}
.ticket-grid .ticket.sold.got.top>small{color:#5C4A00;font-size:.7em}
.ticket-grid .ticket.sold.got.top::after{content:"";position:absolute;left:0;top:0;right:auto;bottom:auto;width:13px;height:13px;
  background:#E5432F;clip-path:polygon(0 0,100% 0,0 100%)}
.ticket-grid .ticket.sold.got.top:hover{box-shadow:inset 0 0 0 2px #111}
/* 고르는 중 — 하늘색 점선 + 사람 */
.ticket-grid .ticket.hold{background:#EAF3FF;color:#1D5FD1;border:1.5px dashed #3B82F6;box-shadow:none;-webkit-mask:none;mask:none}
.ticket-grid .ticket.hold::before{content:"";display:block;flex:none;width:11px;height:11px;margin:5px auto -6px;border:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233B82F6'%3E%3Ccircle cx='12' cy='7' r='5'/%3E%3Cpath d='M2 23c0-6 4.5-9 10-9s10 3 10 9z'/%3E%3C/svg%3E") center/contain no-repeat}
/* 내 선택 — 검정 + 오른쪽 위 노란 체크 */
.ticket-grid .ticket.mine{background:#111;color:#fff;border-color:#111;box-shadow:0 3px 8px rgba(0,0,0,.18);-webkit-mask:none;mask:none}
.ticket-grid .ticket.mine::after{content:"";position:absolute;right:3px;top:3px;left:auto;bottom:auto;width:13px;height:13px;border-radius:50%;
  background:#FFD84D url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/9px no-repeat}
/* 색 설명도 같은 칸 모양으로 */
.legend span::before{width:.95em!important;height:1.05em!important;border-radius:3px!important;border:1px solid #BDBAB3!important;background:#fff!important}
.legend .sold::before{background:#ECEBE8!important;border-color:#D6D3CC!important}
.legend .got::before{background:#FFD84D!important;border-color:#E9B800!important}
.legend .hold::before{background:#EAF3FF!important;border:1.5px dashed #3B82F6!important}
.legend .mine::before{background:#111!important;border-color:#111!important}
@media (max-width:640px){.ticket-grid .ticket.hold::before{width:9px;height:9px;margin:3px auto -5px}
  .ticket-grid .ticket.mine::after,.ticket-grid .ticket.sold.got.top::after{width:10px;height:10px;background-size:7px}}

/* ── 보관함 개편 (2026-11-09 "전설의 쿠지랑 UI가 비슷해") — 주문 상자·칩 줄 대신 숫자 띠 + 날짜 줄 기록 목록 ── */
.lk2-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.lk2-head h1{margin:0}
.lk2-act{display:flex;gap:.4rem}
.lk2-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:1rem 0 0}
.lk2-st{display:flex;flex-direction:column;gap:.1rem;padding:.8rem 1rem;border:1px solid #E3E3E0;border-radius:12px;background:#fff;color:#111;text-decoration:none;transition:border-color .12s}
.lk2-st small{font-size:.78rem;color:#777;font-weight:600}
.lk2-st b{font-size:1.65rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;font-variant-numeric:tabular-nums}
.lk2-st:hover{border-color:#111}
.lk2-st.on{background:#111;border-color:#111;color:#fff}
.lk2-st.on small{color:#BDBDBD}
.lk2-wal{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1.2rem;padding:.75rem .1rem;border-bottom:1px solid #EAEAE7;font-size:.86rem;color:#555}
.lk2-wal b{color:#111;font-size:.98rem;margin-left:.2rem}
.lk2-wal-n{margin-left:auto;font-size:.76rem;color:#8B8B8B}
.lk2-wal-n a{color:#555}
.lk2-note{margin:.6rem 0 0;font-size:.8rem;color:#777}
.lk2-note b{color:#111}
.lk2-tool{display:flex;align-items:center;gap:.8rem}
.lk2-search{flex:1;margin:0}
.lk2-search input{width:100%;height:42px;padding:0 .9rem 0 2.3rem;border:1px solid #E3E3E0;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") .8rem 50%/16px no-repeat;font-size:.9rem}
.lk2-search input:focus{outline:none;border-color:#111}
.lk2-ret{margin:.6rem 0 0;font-size:.8rem;color:#555}
.lk2-ret b{color:#111;background:linear-gradient(transparent 55%,#FFE45C 55%)}
.lo-list{margin-top:.6rem}
.lo-list>.lo{display:grid;grid-template-columns:70px minmax(0,1fr);gap:.9rem;padding:1.1rem 0;border-top:1px solid #EAEAE7}
.lo-list>.lo:first-child{border-top:2px solid #111}
.lo-d{display:flex;flex-direction:column;padding-top:.15rem}
.lo-d b{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.lo-d span{font-size:.72rem;color:#8B8B8B}
.lo-h{display:flex;align-items:center;gap:.65rem}
.lo-h>img,.lo-h>.ph{width:38px;height:38px;flex:none;border-radius:8px;object-fit:cover;background:#F1F1EE;border:1px solid #EAEAE7}
.lo-ti{flex:1;min-width:0;display:flex;flex-direction:column}
.lo-ti b{font-size:.98rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lo-ti span{font-size:.76rem;color:#8B8B8B}
.lo-st{display:flex;gap:.25rem;flex:none}
.lo-st i{font-style:normal;font-size:.7rem;font-weight:700;padding:.18rem .5rem;border-radius:999px;background:#F1F1EE;color:#555;white-space:nowrap}
.lo-st i.st-kept{background:#111;color:#fff}
.lo-st i.st-req{background:#EAF3FF;color:#1D5FD1}
.lo-pick{flex:none;display:flex;align-items:center;gap:.3rem;font-size:.76rem;font-weight:600;color:#555;cursor:pointer}
.lo-pick input,.lk-all input{accent-color:#111}
.lo-pts{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .9rem;margin-top:.6rem;padding:.5rem .75rem;border-radius:9px;background:#F6F6F3;font-size:.8rem;color:#555}
.lo-pts b{color:#111}
.lo-pts em{font-style:normal;color:#9A9A9A;font-size:.72rem}
.lo-pt-ic{width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:50%;background:#FFD84D;color:#111;font-size:.66rem;font-weight:900}
.lo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.9rem .75rem;margin-top:.75rem}
.lo-it{position:relative;display:flex;flex-direction:column;gap:.15rem;cursor:pointer;min-width:0}
.lo-it.done{cursor:default}
.lo-it .thumb{position:relative;display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#F4F4F1;border:1px solid #EAEAE7;margin-bottom:.35rem}
.lo-it .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.lo-it .thumb .ph{display:block;width:100%;height:100%}
.lo-it .g{position:absolute;left:.4rem;top:.4rem;font-style:normal;font-size:.7rem;font-weight:800;padding:.12rem .45rem;border-radius:5px;background:#111;color:#fff}
.lo-it .qty{position:absolute;right:.4rem;bottom:.4rem;font-size:.72rem;padding:.08rem .4rem;border-radius:5px;background:rgba(255,255,255,.92);color:#111}
.lo-it>input[type=checkbox]{position:absolute;right:.45rem;top:.45rem;z-index:2;width:20px;height:20px;margin:0;accent-color:#111;cursor:pointer}
.lo-it:has(input:checked) .thumb{outline:2.5px solid #111;outline-offset:-1px}
.lo-it .n{font-size:.84rem;font-weight:700;color:#111;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lo-sub{display:flex;flex-wrap:wrap;gap:.1rem .45rem;font-size:.72rem;color:#9A9A9A}
.lo-sub em{font-style:normal;font-weight:700;color:#777}
.lo-sub em.k{color:#E5432F}
.lo-share{align-self:flex-start;margin-top:.25rem;padding:.18rem .55rem;border:1px solid #DADAD6;border-radius:999px;background:#fff;color:#333;font-size:.72rem;font-weight:700;cursor:pointer}
.lo-share:hover{border-color:#111}
@media (max-width:767px){
  .lk2-stats{gap:.35rem;margin-top:.8rem}
  .lk2-st{padding:.55rem .6rem;border-radius:10px}
  .lk2-st small{font-size:.68rem}
  .lk2-st b{font-size:1.15rem}
  .lk2-wal{gap:.2rem .9rem;font-size:.8rem}
  .lk2-wal-n{margin-left:0;flex-basis:100%}
  .lk2-note{font-size:.74rem;line-height:1.5}
  .lk2-tool{gap:.5rem}
  .lk2-search input{height:38px}
  .lo-list>.lo{display:block;padding:.9rem 0}
  .lo-d{flex-direction:row;align-items:baseline;gap:.4rem;margin-bottom:.45rem;padding:0}
  .lo-d b{font-size:.86rem}
  .lo-h>img,.lo-h>.ph{width:32px;height:32px}
  .lo-ti b{font-size:.9rem}
  .lo-st i{font-size:.64rem;padding:.12rem .4rem}
  .lo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem .5rem}
  .lo-it .n{font-size:.74rem;-webkit-line-clamp:1}
  .lo-sub{font-size:.66rem}
  .lo-it>input[type=checkbox]{width:18px;height:18px;right:.3rem;top:.3rem}
  .lo-share{font-size:.66rem;padding:.12rem .45rem}
}

/* 확률 공시 — 세트별 표는 접어 둔다 (2026-11-09) */
.prob-set{border-top:1px solid #E5E8EB}
.prob-set:last-of-type{border-bottom:1px solid #E5E8EB}
.prob-set>summary{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .6rem;padding:.9rem .2rem;cursor:pointer;list-style:none}
.prob-set>summary::-webkit-details-marker{display:none}
.prob-set>summary b{font-size:1rem;font-weight:800}
.prob-set>summary small{font-size:.78rem;color:#8B95A1;margin-left:auto}
.prob-set>summary::after{content:"";width:8px;height:8px;border-right:2px solid #8B95A1;border-bottom:2px solid #8B95A1;transform:rotate(45deg);margin:0 .3rem 0 .2rem;transition:transform .15s}
.prob-set[open]>summary::after{transform:rotate(-135deg)}
.prob-set[open]{padding-bottom:.8rem}
@media (max-width:640px){.prob-set>summary small{margin-left:0;flex-basis:100%}}

/* 뜯기 화면 후보 — 상위상이 많은 판은 '+N종' 하나로 묶는다 (2026-11-09) */
.rv-fan.board .bs.more{width:auto;height:28px;border-radius:999px;padding:0 .7rem;display:inline-flex;align-items:center;gap:.15rem;background:transparent;border:1px dashed rgba(255,255,255,.35);color:#D4D4D4}
.rv-fan.board .bs.more b{font-size:.76rem}
.rv-fan.board .bs.more i{position:static;font-style:normal;font-size:.7rem;opacity:.7;background:none;border:0;min-width:0;height:auto;padding:0}
.rv-fan.board .bs.more.off{opacity:.3;text-decoration:line-through}

/* 포인트몰 (2026-11-09 "지금 디자인에 맞게") */
.sh-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.sh-head h1{margin:.1rem 0 .3rem}
.sh-lead{margin:0;font-size:.9rem;color:#4E5968}
.sh-lead b{color:#191F28}
.sh-wal{display:flex;flex-direction:column;gap:.1rem;min-width:240px;padding:.9rem 1.1rem;border-radius:14px;background:#191F28;color:#fff;text-decoration:none}
.sh-wal small{font-size:.76rem;color:#B0B8C1;font-weight:600}
.sh-wal b{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;font-variant-numeric:tabular-nums}
.sh-wal b i{font-style:normal;font-size:.9rem;color:#3182F6;margin-left:.15rem}
.sh-wal span{font-size:.76rem;color:#B0B8C1}
.sh-wal:hover{color:#fff;box-shadow:0 0 0 2px #3182F6}
.sh-note{margin:.8rem 0 0;font-size:.78rem;color:#8B95A1}
.sh-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:1.1rem .9rem!important}
.sh-card{display:flex;flex-direction:column;gap:.15rem;color:#191F28;text-decoration:none;min-width:0}
.sh-im{position:relative;display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#F2F4F6;margin-bottom:.45rem;box-shadow:0 0 0 1px #E5E8EB}
.sh-im img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.sh-im .noimg{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;color:#B0B8C1;letter-spacing:.1em}
.sh-card:hover .sh-im img{transform:scale(1.04)}
.sh-card:hover .sh-im{box-shadow:0 0 0 2px #3182F6}
.sh-st{position:absolute;left:.5rem;top:.5rem;font-style:normal;font-size:.7rem;font-weight:800;padding:.18rem .5rem;border-radius:6px;background:#191F28;color:#fff}
.sh-st.few{background:#3182F6}
.sh-card.out .sh-im img{filter:grayscale(1);opacity:.55}
.sh-cat{font-size:.74rem;color:#8B95A1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-nm{font-size:.9rem;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sh-pr{margin-top:.2rem;font-size:1.08rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sh-pr i{font-style:normal;font-size:.8rem;color:#3182F6;margin-left:.1rem}
@media (max-width:1099px){.sh-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:767px){.sh-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem .7rem!important}.sh-wal{min-width:0;width:100%}.sh-wal b{font-size:1.35rem}}

/* 이용가이드 — 회색 상자 일곱 개 대신 파란 번호 타임라인 (2026-11-09) */
.howto-h h1{margin:.1rem 0 .2rem}
.hw-lead{margin:0;font-size:.9rem;color:#8B95A1}
.howto{gap:0!important;margin-top:1.4rem!important;position:relative}
.howto>li{position:relative;background:none!important;border:0!important;border-radius:0!important;padding:0 0 1.6rem 0!important;gap:1rem!important}
.howto>li::before{content:"";position:absolute;left:17px;top:38px;bottom:4px;width:2px;background:#E5E8EB}
.howto>li:last-child::before{display:none}
.howto .hw-n{width:36px!important;height:36px!important;background:#3182F6!important;color:#fff!important;font-size:.95rem;font-weight:800;box-shadow:0 0 0 5px #E8F3FF}
.howto h2,.howto h3{font-size:1.08rem!important;font-weight:800;margin:.35rem 0 .35rem!important;color:#191F28}
.howto p{font-size:.9rem!important;color:#4E5968!important}
.howto .hw-warn{display:inline-block;background:#F2F4F6!important;border:0!important;border-radius:8px!important;padding:.45rem .75rem!important;color:#191F28!important;font-size:.84rem!important}
.howto .hw-warn b{color:#F04452}
.howto-h~.card,.howto~.card{background:#fff!important;border:1px solid #E5E8EB!important;border-radius:12px}
/* 알아두세요 아래 블로그 띠 (2026-11-09 "위치가 어정쩡하다") */
.kn-blog2{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.8rem 1rem;border-radius:12px;background:#F0FBF4;border:1px solid #C6EED6;color:#191F28;text-decoration:none}
.kn-blog2 .nb{flex:none;width:32px;height:32px;border-radius:8px;background:#03C75A;color:#fff;font-size:1rem;font-weight:900;display:grid;place-items:center;font-family:Arial,sans-serif}
.kn-blog2 .t{flex:1;min-width:0;display:flex;flex-direction:column}
.kn-blog2 .t b{font-size:.92rem;font-weight:800}
.kn-blog2 .t small{font-size:.76rem;color:#4E5968}
.kn-blog2 em{flex:none;font-style:normal;font-size:.82rem;font-weight:800;color:#03A94D}
.kn-blog2:hover{border-color:#03C75A}
@media (max-width:640px){.kn-blog2{padding:.7rem .8rem;gap:.6rem}.kn-blog2 .t small{font-size:.7rem}.kn-blog2 em{font-size:.74rem}}
/* 이모지 아이콘 → 선 아이콘 (2026-11-09 "여기 아이콘도 수정") — 글자색을 따라가게 mask */
.bi{display:inline-block;width:14px;height:14px;margin-right:.3rem;vertical-align:-2px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.bi-gift{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13M5 12v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-8M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E")}
.bi-tk{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8a2 2 0 0 0 2-2h14a2 2 0 0 0 2 2v2a2 2 0 0 0 0 4v2a2 2 0 0 0-2 2H5a2 2 0 0 0-2-2v-2a2 2 0 0 0 0-4z'/%3E%3Cpath d='M14 6v2M14 11v2M14 16v2'/%3E%3C/svg%3E")}
.bal-strip .bi{color:#6BB0FF}
.board-toggle::before{content:"";display:inline-block;width:16px;height:16px;margin-right:.45rem;vertical-align:-3px;background:#3182F6;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E") center/contain no-repeat}
.sh-note{text-align:left}
/* 온라인쿠지 목록 — 실시간 당첨자 검정 띠 (2026-11-09) */
.livefeed.lf-dark{margin-top:1.2rem;padding:1rem 0 1.05rem!important;border-radius:16px;background:#191F28!important;overflow:hidden}
.lf-dark .lf-h{display:flex;align-items:center;gap:.5rem;padding:0 1.1rem .75rem!important;color:#fff!important}
.lf-dark .lf-h b{font-size:1rem;font-weight:800}
.lf-dark .lf-h small{font-size:.76rem;color:#8B95A1;font-weight:500}
.lf-dot{width:8px;height:8px;border-radius:50%;background:#3182F6;box-shadow:0 0 0 0 rgba(49,130,246,.6);animation:lfDot 1.6s infinite}
@keyframes lfDot{0%{box-shadow:0 0 0 0 rgba(49,130,246,.6)}70%{box-shadow:0 0 0 8px rgba(49,130,246,0)}100%{box-shadow:0 0 0 0 rgba(49,130,246,0)}}
.lf-dark .lf{background:#232A36!important;border:1px solid #2E3747!important;border-radius:12px!important;color:#fff!important;padding:.55rem .7rem!important}
.lf-dark .lf:hover{border-color:#3182F6!important}
.lf-dark .lf img,.lf-dark .lf .ph{width:44px;height:44px;border-radius:9px!important;background:#fff!important;object-fit:contain}
.lf-dark .lf .g{color:#6BB0FF!important;font-weight:800;font-size:.78rem}
.lf-dark .lf .g.a,.lf-dark .lf .g.last{color:#FFD84D!important}
.lf-dark .lf .g .no{color:#8B95A1!important;font-weight:500}
.lf-dark .lf .n{color:#fff!important;font-weight:700}
.lf-dark .lf .w{color:#8B95A1!important}
.lf-dark .lf.new{box-shadow:0 0 0 2px #3182F6!important}
@media (max-width:640px){.livefeed.lf-dark{border-radius:12px;padding:.85rem 0 .9rem!important}.lf-dark .lf-h{padding:0 .9rem .6rem!important}}
/* 아이콘 다시 (2026-11-09 "저 아이콘을 아예 다른 걸로") — 잔액 띠는 동전(굿즈 파랑 G·쿠지 흰색 K), 종이판 버튼은 눈 */
.bal-strip .coin{display:inline-grid;place-items:center;width:15px;height:15px;margin-right:.3rem;border-radius:50%;font-style:normal;font-size:.56rem;font-weight:900;line-height:1;vertical-align:-2px;font-family:Arial,sans-serif;box-shadow:inset 0 -1.5px 0 rgba(0,0,0,.25)}
.bal-strip .coin.g{background:#3182F6;color:#fff!important}
.bal-strip .coin.k{background:#fff;color:#191F28!important}
.board-toggle::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")!important}

/* 줄 서기 규칙 — 한 문단으로 이어 붙이니 좁은 화면에서 문장 중간이 꺾여 깨져 보였다 (2026-11-09 "이거 깨진다") → 한 줄씩, 파란 점 */
.kc-queue .kc-qrules{display:flex;flex-direction:column;gap:.2rem;padding-top:.7rem!important;border-top:1px solid #E5E8EB}
.kc-queue .kc-qrules li{display:block!important;position:relative;padding-left:.75rem;line-height:1.45}
.kc-queue .kc-qrules li::before,.kc-queue .kc-qrules li+li::before{content:""!important;position:absolute;left:0;top:.6em;width:4px;height:4px;border-radius:50%;background:#3182F6}
.kc-queue .kc-qrules li span{color:#8B95A1}

/* 모바일 상단 — 너무 두꺼웠다 (2026-11-09 "모바일 기준 너무 넓어서 간격 줄여줘") + 판 상세에선 상단 고정 ("쿠지 판을 눌렀을 때 상단 띠 고정") */
@media (max-width:767px){
  body.brand-v2 .topbar-in{height:48px!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important}
  body.brand-v2 .brand-v2-logo img{height:34px!important}
  body.brand-v2 .topbar .ico-btn,body.brand-v2 .topbar .kakao-btn{width:34px!important;height:34px!important}
  body.brand-v2 .topbar .me-chip{height:34px!important;padding-top:0!important;padding-bottom:0!important}
  body.brand-v2 .bal-strip.m-only{grid-template-columns:1fr 1fr}
  body.brand-v2 .bal-strip .bs{flex-direction:row!important;justify-content:center;align-items:center;gap:.4rem!important;padding:.32rem 0 .38rem!important}
  body.brand-v2 .bal-strip small{font-size:.7rem!important;display:inline-flex;align-items:center}
  body.brand-v2 .bal-strip b{font-size:.92rem!important}
  body.brand-v2 .tabs-in{height:38px!important}
  body.brand-v2 .tabs a{font-size:.86rem!important}
  body.brand-v2:has(#pickRoom) .topbar{position:sticky!important;top:0;z-index:60}
  html.vv-stuck body.brand-v2:has(#pickRoom) .topbar{top:var(--vvd,0)}
  body.brand-v2:has(#pickRoom) .kc-sec,body.brand-v2:has(#pickRoom) [id]{scroll-margin-top:136px}
}

/* 포인트 — 한도 칸·내역 위아래로, 내역 먼저 (2026-11-09) */
.pt-stack{display:flex;flex-direction:column-reverse;gap:1rem}
.pt-stack>aside,.pt-stack>div{width:100%;max-width:none}
.pt-stack .card{margin:0}
@media (min-width:768px){
  .pt-stack .pt-led{width:100%;table-layout:fixed}
  .pt-stack .pt-led th:nth-child(1),.pt-stack .pt-led td:nth-child(1){width:120px;white-space:nowrap}
  .pt-stack .pt-led th:nth-child(3),.pt-stack .pt-led td:nth-child(3),.pt-stack .pt-led th:nth-child(4),.pt-stack .pt-led td:nth-child(4){width:130px;white-space:nowrap}
}

/* 실시간 당첨자 띠 — 검정은 안 맞아 밝게 (2026-11-09 "밝은 계열로 잡자") */
.livefeed.lf-dark{background:#fff!important;border:1px solid #E5E8EB}
.lf-dark .lf-h{color:#191F28!important}
.lf-dark .lf-h small{color:#8B95A1}
.lf-dark .lf{background:#F9FAFB!important;border:1px solid #EEF0F3!important;color:#191F28!important}
.lf-dark .lf:hover{border-color:#3182F6!important;background:#fff!important}
.lf-dark .lf img,.lf-dark .lf .ph{background:#fff!important;box-shadow:0 0 0 1px #E5E8EB}
.lf-dark .lf .g{color:#3182F6!important}
.lf-dark .lf .g.a,.lf-dark .lf .g.last{color:#F04452!important}
.lf-dark .lf .n{color:#191F28!important}
.lf-dark .lf .w,.lf-dark .lf .g .no{color:#8B95A1!important}

/* 내 정보 바로가기 버튼 색 (2026-11-09) */
.me-acts{gap:.4rem!important;flex-wrap:wrap}
.me-acts .btn{border-radius:10px!important;font-weight:700!important;padding:.5rem .9rem!important;box-shadow:none!important}
.me-acts .ma-b{background:#3182F6!important;border-color:#3182F6!important;color:#fff!important}
.me-acts .ma-b:hover{background:#1B64DA!important}
.me-acts .ma-n{background:#191F28!important;border-color:#191F28!important;color:#fff!important}
.me-acts .ma-g{background:#F2F4F6!important;border-color:#F2F4F6!important;color:#4E5968!important}
.me-acts .ma-g:hover{background:#E5E8EB!important}

/* 택배 조회 개편 (2026-11-09 "전쿠랑 너무 똑같아") — 단계 막대 + 송장 줄 */
.dv-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}
.dv-head h1{margin:.1rem 0 0}
.dv-info{list-style:none;margin:1rem 0 0;padding:.9rem 1rem;border-radius:12px;background:#F9FAFB;display:flex;flex-direction:column;gap:.35rem;font-size:.84rem;color:#4E5968}
.dv-info li{display:flex;gap:.7rem;align-items:baseline}
.dv-info b{flex:none;min-width:3.2em;font-size:.76rem;font-weight:800;color:#3182F6}
.dv-empty{margin-top:1rem;padding:2rem 1rem;text-align:center;border:1px dashed #D1D6DB;border-radius:12px;color:#8B95A1}
.dv-list{display:flex;flex-direction:column;gap:.9rem;margin-top:1.1rem}
.dv{background:#fff;border:1px solid #E5E8EB;border-radius:16px;padding:1.1rem 1.2rem}
.dv-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}
.dv-ti{display:flex;flex-direction:column;gap:.15rem}
.dv-ti b{font-size:1.05rem;font-weight:800;color:#191F28}
.dv-ti span{font-size:.8rem;color:#8B95A1}
.dv-st{flex:none;font-size:.76rem;font-weight:800;padding:.25rem .65rem;border-radius:999px;background:#E8F3FF;color:#1B64DA}
.dv.st-delivered .dv-st{background:#191F28;color:#fff}
.dv.st-cancelled .dv-st,.dv.st-buyback .dv-st{background:#F2F4F6;color:#8B95A1}
.dv-steps{list-style:none;margin:1rem 0 .2rem;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.dv-steps::before,.dv-steps::after{content:"";position:absolute;top:7px;left:12.5%;right:12.5%;height:3px;border-radius:3px;background:#E5E8EB}
.dv-steps::after{right:auto;width:calc(75% * var(--p));background:#3182F6}
.dv-steps li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.76rem;color:#B0B8C1;font-weight:700}
.dv-steps li i{width:17px;height:17px;border-radius:50%;background:#fff;border:3px solid #E5E8EB;box-sizing:border-box}
.dv-steps li.on{color:#4E5968}
.dv-steps li.on i{border-color:#3182F6;background:#3182F6}
.dv-steps li.cur{color:#191F28}
.dv-steps li.cur i{box-shadow:0 0 0 5px #E8F3FF}
.dv-trk{display:flex;flex-direction:column;gap:.45rem;margin-top:1rem}
.dv-tr{display:flex;align-items:center;gap:.6rem;padding:.65rem .8rem;border-radius:12px;background:#F9FAFB}
.dv-cr{flex:none;font-size:.74rem;font-weight:700;color:#8B95A1}
.dv-num{flex:1;min-width:0;font-size:1rem;font-weight:800;letter-spacing:.04em;color:#191F28;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dv-cp{flex:none;border:1px solid #D1D6DB;background:#fff;border-radius:8px;padding:.3rem .6rem;font-size:.74rem;font-weight:700;color:#4E5968;cursor:pointer}
.dv-go{flex:none;padding:.42rem .8rem;border-radius:8px;background:#3182F6;color:#fff!important;font-size:.8rem;font-weight:800;text-decoration:none}
.dv-go:hover{background:#1B64DA}
.dv-note{margin:.9rem 0 0;font-size:.84rem;color:#8B95A1}
.dv-items{margin-top:.8rem;border-top:1px solid #F2F4F6;padding-top:.7rem}
.dv-items summary{cursor:pointer;font-size:.82rem;font-weight:700;color:#4E5968}
.dv-items ul{margin:.5rem 0 0;padding-left:1.1rem;font-size:.82rem;color:#4E5968;columns:2}
.dv-items li b{color:#191F28}
@media (max-width:640px){.dv{padding:.95rem .9rem}.dv-tr{flex-wrap:wrap}.dv-num{flex-basis:100%;order:-1}.dv-cr{margin-right:auto}.dv-items ul{columns:1}}

/* 택배 조회 — 주문 내역식 (2026-11-09 사용자 레퍼런스) */
.ms-search{margin-top:1rem}
.ms-search input{width:100%;height:44px;padding:0 1rem 0 2.5rem;border:0;border-radius:10px;background:#F2F4F6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238B95A1' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") .9rem 50%/16px no-repeat;font-size:.9rem;color:#191F28}
.ms-search input:focus{outline:2px solid #3182F6}
.ms-tabs{display:flex;gap:1.2rem;margin-top:.8rem;border-bottom:1px solid #E5E8EB;overflow-x:auto;scrollbar-width:none}
.ms-tabs button{flex:none;background:none;border:0;padding:.6rem 0;font-size:.92rem;font-weight:600;color:#8B95A1;cursor:pointer;box-shadow:none}
.ms-tabs button i{font-style:normal;font-size:.78rem;margin-left:.15rem;color:#B0B8C1}
.ms-tabs button.on{color:#191F28;font-weight:800;box-shadow:inset 0 -2px 0 #191F28}
.ms-band{display:flex;gap:.8rem;align-items:center;margin-top:1rem;padding:.75rem 1rem;border-radius:10px;background:#E8F3FF;font-size:.82rem;color:#1B64DA}
.ms-band b{flex:none;font-weight:900;color:#191F28}
.ms-list{margin-top:.4rem}
.ms{padding:1.3rem 0;border-bottom:1px solid #F2F4F6}
.ms-h{display:flex;align-items:center;justify-content:space-between}
.ms-h b{font-size:1.1rem;font-weight:800;color:#191F28}
.ms-dt{background:none;border:0;padding:0;font-size:.82rem;color:#4E5968;text-decoration:underline;text-underline-offset:3px;cursor:pointer;box-shadow:none}
.ms-dt.open{color:#3182F6}
.ms-st{display:flex;align-items:baseline;gap:.5rem;margin-top:.7rem}
.ms-st b{font-size:.85rem;font-weight:800;color:#4E5968}
.ms.st-shipped .ms-st b,.ms.st-requested .ms-st b,.ms.st-packing .ms-st b{color:#3182F6}
.ms-st span{font-size:.76rem;color:#8B95A1}
.ms-it{display:flex;gap:.9rem;align-items:center;margin-top:.6rem}
.ms-im{flex:none;width:72px;height:72px;border-radius:8px;overflow:hidden;background:#F2F4F6;display:grid;place-items:center}
.ms-im img{width:100%;height:100%;object-fit:cover}
.ms-im i{font-style:normal;font-size:.7rem;font-weight:900;color:#B0B8C1}
.ms-tx{min-width:0;display:flex;flex-direction:column;gap:.1rem}
.ms-tx small{font-size:.74rem;font-weight:800;color:#3182F6}
.ms-tx b{font-size:.92rem;font-weight:700;color:#191F28;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms-tx span{font-size:.8rem;color:#8B95A1}
.ms-btns{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.8rem}
.ms-btns.one{grid-template-columns:1fr}
.ms-b{display:flex;align-items:center;justify-content:center;gap:.3rem;height:40px;padding:0 .6rem;border:1px solid #D1D6DB;border-radius:6px;background:#fff;color:#191F28!important;font-size:.84rem;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap;overflow:hidden;box-shadow:none}
.ms-b .mono{font-size:.78rem;color:#4E5968}
.ms-b:hover{border-color:#191F28}
.ms-b.pri{border-color:#3182F6;color:#3182F6!important}
.ms-b.pri:hover{background:#E8F3FF}
.ms-b.off{color:#B0B8C1!important;background:#F9FAFB;cursor:default}
.ms-more{margin-top:.8rem;padding:.8rem 1rem;border-radius:10px;background:#F9FAFB;font-size:.82rem;color:#4E5968}
.ms-kv{display:flex;gap:.8rem;margin-bottom:.3rem}
.ms-kv span{min-width:2.5em;color:#8B95A1}
.ms-more ul{margin:.4rem 0 0;padding-left:1.1rem;columns:2}
.ms-more li b{color:#191F28}
.ms-tip{margin:1rem 0 0;font-size:.78rem;color:#8B95A1}
.ms .sh-cx{margin-top:.6rem}
@media (max-width:640px){.ms-more ul{columns:1}.ms-band{flex-direction:column;align-items:flex-start;gap:.2rem}}
@media (min-width:768px){.ms-list,.ms-search,.ms-tabs,.ms-band,.ms-tip{max-width:720px}}
@media (min-width:768px){.dv-head:has(+ .ms-search),.dv-head:has(~ .ms-search){max-width:720px}}
@media (max-width:767px){body.brand-v2 .topbar .me-chip{padding:0 .8rem!important}}

/* 홈 활동 숫자 (2026-11-09 시안 activity-stats-v2) */
.act2{display:flex;align-items:stretch;margin:0 0 16px;background:#fff;border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 0 0 1px #EEF0F3;overflow:hidden}
.act2-h{flex:none;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:16px 22px;background:linear-gradient(135deg,#3182F6,#1B64DA);color:#fff;min-width:170px}
.act2-h em{font-style:normal;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:900;letter-spacing:.14em;opacity:.9}
.act2-h em i{width:7px;height:7px;border-radius:50%;background:#fff;animation:a2p 1.4s infinite}
.act2-h b{font-size:17px;font-weight:800;letter-spacing:-.02em;color:#fff}
@keyframes a2p{50%{opacity:.25}}
.act2-s{flex:1;display:grid;grid-template-columns:repeat(3,1fr)}
.act2-s>div{display:flex;align-items:center;gap:14px;padding:16px 22px}
.act2-s>div+div{box-shadow:inset 1px 0 0 #F2F4F6}
.act2-ic{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--bg)}
.act2-ic::before{content:"";width:22px;height:22px;background:var(--fg);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.act2-ic.i1{--bg:#E8F3FF;--fg:#3182F6;--m:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="9" cy="8" r="3.2"/%3E%3Cpath d="M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6"/%3E%3Ccircle cx="17.5" cy="9" r="2.4"/%3E%3Cpath d="M16 14.2c2.9.3 5 2.6 5 5.8"/%3E%3C/svg%3E')}
.act2-ic.i2{--bg:#FFF4E5;--fg:#F59E0B;--m:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2" stroke-linejoin="round"%3E%3Cpath d="M12 3l2.6 5.6 6.1.7-4.5 4.2 1.2 6L12 16.6 6.6 19.5l1.2-6L3.3 9.3l6.1-.7z"/%3E%3C/svg%3E')}
.act2-ic.i3{--bg:#F2F4F6;--fg:#4E5968;--m:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M3 8a2 2 0 0 0 2-2h14a2 2 0 0 0 2 2v2a2 2 0 0 0 0 4v2a2 2 0 0 0-2 2H5a2 2 0 0 0-2-2v-2a2 2 0 0 0 0-4z"/%3E%3Cpath d="M14 6v12" stroke-dasharray="2 2.5"/%3E%3C/svg%3E')}
.act2-t small{display:block;font-size:12.5px;font-weight:700;color:#8B95A1;margin-bottom:2px}
.act2-t b{font-size:26px;font-weight:800;letter-spacing:-.03em;color:#191F28;font-variant-numeric:tabular-nums;line-height:1.1}
.act2-t b i{font-style:normal;font-size:14px;font-weight:700;color:#8B95A1;margin-left:2px}
.act2-z{font-size:17px;color:#3182F6;letter-spacing:-.02em}
@media(max-width:640px){
  .act2{flex-direction:column;border-radius:16px;margin-bottom:12px}
  .act2-h{flex-direction:row;align-items:center;justify-content:space-between;padding:9px 14px;min-width:0}
  .act2-h b{font-size:13.5px}
  .act2-s>div{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:12px 6px}
  .act2-ic{width:34px;height:34px;border-radius:11px}.act2-ic::before{width:17px;height:17px}
  .act2-t small{font-size:10.5px}.act2-t b{font-size:19px}.act2-t b i{font-size:11px}.act2-z{font-size:13px}
}
/* 활동 숫자 얇게 — 빅배너와 봉인 띠 사이 한 줄 (2026-11-09 "칸을 너무 많이 먹는다") */
.act2{margin:14px 0 0!important;border-radius:12px!important;height:46px}
.act2-h{flex-direction:row!important;align-items:center!important;gap:8px!important;padding:0 16px!important;min-width:0!important}
.act2-h b{font-size:13.5px!important}
.act2-s>div{gap:8px!important;padding:0 16px!important;align-items:center!important}
.act2-ic{width:26px!important;height:26px!important;border-radius:8px!important}
.act2-ic::before{width:14px!important;height:14px!important}
.act2-t{display:flex;align-items:baseline;gap:8px}
.act2-t small{margin:0!important;font-size:12px!important}
.act2-t b{font-size:16px!important}
.act2-t b i{font-size:11.5px!important}
.act2-z{font-size:13px!important}
.act2+.rc{margin-top:10px}
@media(max-width:640px){
  .act2{flex-direction:row!important;height:auto;border-radius:12px!important;margin-top:12px!important}
  .act2-h{display:none!important}
  .act2-s>div{flex-direction:row!important;gap:5px!important;padding:9px 6px!important;justify-content:center}
  .act2-ic{display:none!important}
  .act2-t{flex-direction:column;align-items:center;gap:1px}
  .act2-t small{font-size:10.5px!important}.act2-t b{font-size:14px!important}.act2-z{font-size:12px!important}
}
/* 관리자 세트 등록 — 1인 1회 체크 줄 (2026-11-09) */
label.once-opt{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;justify-content:flex-start!important;text-align:left!important;gap:.4rem .6rem;margin:.6rem 0 0;padding:.75rem 1rem;border:1px solid #C9E2FF;border-radius:12px;background:#F5F9FF;cursor:pointer;font-weight:500}
label.once-opt input{width:18px!important;height:18px;margin:0!important;flex:none;accent-color:#3182F6}
label.once-opt b{color:#191F28}
label.once-opt .small{flex-basis:100%;padding-left:1.6rem;text-align:left}
.kc-stub.once span{color:#3182F6!important;font-weight:800}

/* 관리자 배송 — 상품을 판별로 묶고 사진 썸네일·누르면 크게 (2026-11-09) + 모바일 정리 */
.goods .gset{margin:0 0 .45rem}
.goods .gset:last-of-type{margin-bottom:.2rem}
.goods .gset-t{display:inline-block;margin-bottom:.2rem;padding:.08rem .45rem;border-radius:5px;background:#E8F3FF;color:#1B64DA;font-size:.7rem;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.goods .gi{display:flex;align-items:center;gap:.4rem;padding:.12rem 0}
.goods .gi[data-zoom]{cursor:zoom-in}
.goods .gi[data-zoom]:hover span{text-decoration:underline;text-underline-offset:2px}
.goods .gi img{width:30px;height:30px;flex:none;border-radius:6px;object-fit:cover;background:#F2F4F6;box-shadow:0 0 0 1px #E5E8EB}
@media (max-width:640px){
  .admin-wrap .row.mt>.btn,.row.mt>.btn-sm{flex:0 0 auto}
  table.mc td.goods,table.mc td.addr,table.mc td.who{grid-column:1/-1;text-align:left!important;justify-content:flex-start!important}
  table.mc td.fee{text-align:left!important}
  table.mc td[data-label]::before{min-width:3.6em}
  .bulk-bar,.ship-bulk{display:grid!important;grid-template-columns:1fr 1fr;gap:.4rem!important}
  .bulk-bar>*,.ship-bulk>*{width:100%;margin:0!important}
  .bulk-bar label,.ship-bulk label{grid-column:1/2}
  .ship-bulk>span[style]{display:none}
  .ship-bulk .btn{white-space:nowrap}
  input[type=file]{max-width:100%;font-size:.8rem}
}
/* 포인트몰 상품 카드 — 글자가 카드 테두리에 붙어 겹쳐 보였다 (2026-11-09 "띠에 너무 붙어서 겹친다, 상점처럼") */
.sh-grid .sh-card{background:#fff;border:1px solid #E5E8EB!important;border-radius:16px;padding:10px;gap:0;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:none}
.sh-grid .sh-card:hover{transform:translateY(-3px);border-color:#3182F6!important;box-shadow:0 10px 24px rgba(49,130,246,.12)}
.sh-grid .sh-card .sh-im{margin:0;border-radius:12px;box-shadow:none}
.sh-grid .sh-card:hover .sh-im{box-shadow:none}
.sh-bd{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .35rem .3rem}
.sh-bd .sh-cat{display:inline-block;align-self:flex-start;padding:.1rem .45rem;border-radius:5px;background:#F2F4F6;color:#4E5968;font-size:.7rem;font-weight:700}
.sh-bd .sh-nm{margin-top:.15rem;min-height:2.7em}
.sh-ft{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.45rem;padding-top:.6rem;border-top:1px solid #F2F4F6}
.sh-ft .sh-pr{margin:0;font-size:1.12rem}
.sh-go{flex:none;padding:.38rem .75rem;border-radius:8px;background:#3182F6;color:#fff;font-size:.78rem;font-weight:800}
.sh-card:hover .sh-go{background:#1B64DA}
.sh-go.off{background:#E5E8EB;color:#8B95A1}
.sh-stk{font-size:.72rem;color:#8B95A1;margin-top:.15rem}
@media (max-width:767px){.sh-grid .sh-card{padding:8px;border-radius:14px}.sh-bd{padding:.6rem .2rem .2rem}.sh-ft{flex-direction:column;align-items:stretch;gap:.4rem}.sh-go{text-align:center}}
@media (max-width:767px){.sh-ft .sh-go{display:block;width:100%;align-self:stretch}}

/* 핀볼 목록 머리·빈 화면 (2026-11-09 "여기도 좀 꾸며줘") */
.pb-hero.pb2{min-height:240px;padding:1.6rem 1.9rem;margin-top:.8rem;border-radius:20px}
.pb2 .in{max-width:560px}
.pb2-ey{display:inline-block;padding:.2rem .6rem;border-radius:999px;background:#191F28;color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.14em}
.pb2-h{margin:.55rem 0 1rem;font-size:1.75rem;font-weight:900;letter-spacing:-.04em;line-height:1.25;color:#191F28}
.pb2-h em{font-style:normal;color:#3182F6}
.pb2-steps{list-style:none;margin:0;padding:0;display:flex;gap:.5rem;flex-wrap:wrap}
.pb2-steps li{display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem .55rem .55rem;border-radius:12px;background:rgba(255,255,255,.85);box-shadow:0 0 0 1px rgba(25,31,40,.06)}
.pb2-steps li b{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:50%;background:#3182F6;color:#fff;font-size:.78rem;font-weight:900}
.pb2-steps li span{display:flex;flex-direction:column;font-size:.86rem;font-weight:800;color:#191F28;line-height:1.25}
.pb2-steps li small{font-size:.7rem;font-weight:600;color:#6B7684}
.pb2-chips{margin-top:.8rem!important}
.pb2-chips span{background:transparent!important;border:0!important;padding:0 .7rem 0 0!important;color:#6B7684!important;font-size:.76rem!important;font-weight:600}
.pb2-chips span::before{content:"✓ ";color:#3182F6;font-weight:900}
.pb2-chips{display:flex!important;flex-wrap:wrap;gap:.2rem 0}
.pb2-empty{margin:1.4rem auto 0;max-width:520px;padding:2rem 1.2rem;text-align:center;border:1px dashed #D1D6DB;border-radius:18px;background:#fff}
.pb2-empty[hidden]{display:none}
.pb2-ball{display:block;width:46px;height:46px;margin:0 auto .8rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 12%,#9CC6FA 13% 30%,#3182F6 60%,#1B64DA 100%);box-shadow:0 8px 18px rgba(49,130,246,.3);animation:pbBounce 1.6s ease-in-out infinite}
@keyframes pbBounce{50%{transform:translateY(-8px)}}
.pb2-empty b{display:block;font-size:1.05rem;font-weight:800;color:#191F28}
.pb2-empty p{margin:.35rem 0 1rem;font-size:.86rem;color:#6B7684}
.pb2-acts{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
@media (max-width:767px){
  .pb-hero.pb2{padding:1.2rem 1.1rem 9.5rem;background-position:right bottom!important;background-size:auto 150px!important;min-height:0}
  .pb-hero.pb2::before{background:linear-gradient(180deg,rgba(252,240,228,.98) 55%,rgba(252,240,228,.2) 100%)!important}
  .pb2-h{font-size:1.35rem}
  .pb2-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}
  .pb2-steps li{flex-direction:column;align-items:flex-start;gap:.3rem;padding:.55rem .55rem}
  .pb2-steps li span{font-size:.8rem}.pb2-steps li small{font-size:.64rem}
  .pb-hero.pb2{padding-bottom:8.2rem;background-size:auto 130px!important}
}
.once-note{margin:.7rem 0 0;padding:.6rem .8rem;border-radius:10px;background:#E8F3FF;color:#1B64DA;font-size:.8rem;line-height:1.5}
.once-note b{margin-right:.35rem;padding:.05rem .4rem;border-radius:5px;background:#3182F6;color:#fff;font-size:.72rem}

/* 뜯기 끝 팝업 '배송 신청하러 가기' — 트럭 이모지 → 상자 선 아이콘 (2026-11-09) */
#ppActs .btn .ship-ic{vertical-align:-3px;margin-right:6px;flex:none}

/* 통털기 버튼 (2026-11-09) — 랜덤 줄 끝, 옆 '장 담기'(검정)와 구분되게 연파랑 바탕·파란 테. 모바일은 한 줄 통째로 */
.pr-rand .btn-tong{background:#E8F3FF;border:1.5px solid #3182F6;color:#1B64DA;font-family:inherit;font-weight:800;padding-inline:.8rem;white-space:nowrap}
.pr-rand .btn-tong:hover{background:#3182F6;border-color:#3182F6;color:#fff}
@media (max-width:720px){.pr-rand .btn-tong{flex-basis:100%}}

/* 홈 '방금 뜯긴 종이' 전광판 목록 (2026-11-09, docs/livefeed-v1.jpg A안) — 흰 판 하나에 줄 6개, 맨 윗줄은 연파랑+왼쪽 파란 띠 */
.lf2{background:#fff;border:1px solid #E5E8EB;border-radius:16px;overflow:hidden;position:relative}
/* 맨 윗칸 파란 강조는 줄을 따라다니지 않고 창 맨 위 칸 자리에 고정 (2026-11-09 'PC에서 파랑이 딜레이 걸려 보인다, 그냥 박아 둬') — 줄 높이는 app.js 가 --lf2-rowh 로 넣는다 */
.lf2::before{content:"";position:absolute;left:0;top:0;width:50%;height:var(--lf2-rowh,64px);background:linear-gradient(90deg,#E8F3FF,rgba(232,243,255,0) 75%);z-index:0;pointer-events:none}
.lf2::after{content:"";position:absolute;left:0;top:0;width:4px;height:var(--lf2-rowh,64px);background:#3182F6;z-index:2;pointer-events:none}
.lf2-track{display:grid;grid-template-columns:1fr 1fr;will-change:transform;position:relative;z-index:1}
.lf2-r{display:flex;align-items:center;gap:12px;padding:12px 16px;box-shadow:inset 0 -1px #F2F4F6;color:#191F28;text-decoration:none;min-width:0;position:relative;background:transparent}
.lf2-r:nth-child(even){box-shadow:inset 0 -1px #F2F4F6,inset 1px 0 #F2F4F6}
.lf2-r:hover{background:rgba(242,244,246,.6)}
.lf2-r img,.lf2-r .ph{width:44px;height:44px;flex:none;border-radius:10px;border:1px solid #E5E8EB;background:#fff;object-fit:contain}
.lf2-r .ph{display:grid;place-items:center;font-size:9px;font-weight:800;color:#B0B8C1;letter-spacing:.1em}
.lf2-r .m{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.lf2-r .l1{display:flex;align-items:center;gap:7px;min-width:0}
.lf2-r .g{flex:none;font-size:12px;font-weight:900;color:#fff;background:#191F28;border-radius:6px;padding:2px 7px}
.lf2-r .g.a{background:#3182F6}
.lf2-r .g.last{background:linear-gradient(180deg,#FFE58A,#F5B800);color:#191F28}
.lf2-r .n{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf2-r .w{font-size:12px;color:#8B95A1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf2-r time{flex:none;font-size:12px;color:#8B95A1;white-space:nowrap}
.lf2-r.empty{grid-column:1/-1}
.lf2-r.in{animation:lf2in .5s ease-out}
@keyframes lf2in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media (max-width:720px){
  .lf2-track{grid-template-columns:1fr}
  .lf2::before{width:100%}
  .lf2-r{padding:10px 12px;gap:10px}
  .lf2-r:nth-child(even){box-shadow:inset 0 -1px #F2F4F6}
  .lf2-r img,.lf2-r .ph{width:40px;height:40px}
  .lf2-r .n{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.lf2-r.in{animation:none}}

/* 판 화면 상품 칸 — 실물 대신 굿즈 포인트로 주는 등급 꼬리표 (2026-11-09 법률 점검: 약관 제5조 '세트 화면에 표시된 등급') */
.pz .gp{display:block;margin:.15rem auto 0;width:max-content;max-width:100%;font-size:.68rem;font-weight:800;color:#1B64DA;background:#E8F3FF;border-radius:999px;padding:.1rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}