/* 유료 장면 해금 카드 · 해금권 칩 (unlock-offer.js) — 탑툰챗형 등급 색: 일상 파랑 · 골드(premium) 노랑 · 프리미엄(exclusive) 초록 · 로얄 보라 */
:root{--tier-daily:#60a5fa;--tier-premium:#ffc11b;--tier-exclusive:#3faf4d;--tier-royal:#a855f7}
/* 카드(10-19 탑툰챗 예시대로): 흐린 장면이 그대로 깔리고, 왼쪽 위 등급 배지, 가운데 유리 알약 "🔒 N 알로코인 열기" 하나 — 제목·설명 없음 */
.offer-card{position:absolute;inset:0;z-index:4;overflow:hidden;border-radius:inherit}
.offer-card[hidden]{display:none}
.offer-back{position:absolute;inset:-12%;background:#1a1a1d center/cover no-repeat;filter:blur(22px) saturate(1.1);transform:scale(1.1)}
.offer-card::after{content:"";position:absolute;inset:0;background:#00000040}
.offer-tier{position:absolute;z-index:2;top:14px;left:14px;padding:5px 12px;border:1px solid currentColor;border-radius:999px;background:#15120acc;font-size:12px;font-weight:800;letter-spacing:-.01em;backdrop-filter:blur(6px)}
.tier-daily{color:var(--tier-daily)}.tier-premium{color:var(--tier-premium)}.tier-exclusive{color:var(--tier-exclusive)}.tier-royal{color:var(--tier-royal)}
.offer-body{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 20px;text-align:center;color:#fff}
.offer-open{display:inline-flex;align-items:center;gap:8px;max-width:100%;height:48px;padding:0 24px;border:1px solid #ffffff66;border-radius:999px;background:#ffffff38;backdrop-filter:blur(14px);color:#fff;font:700 15px var(--font-sans);letter-spacing:-.01em;white-space:nowrap;box-shadow:0 10px 28px #0006;cursor:pointer}
.offer-open b{font-weight:800}
.offer-open:not(:disabled):hover{background:#ffffff4d}
.offer-open:disabled{opacity:.5;cursor:not-allowed}
.offer-lock-mark{display:inline-grid;place-items:center;width:18px;height:18px}.offer-lock-mark svg{width:18px;height:18px}
.offer-ticket{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:#ffffffe0;font:600 13px var(--font-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-shadow:0 1px 6px #000}
.offer-ticket:disabled{opacity:.5;cursor:not-allowed}
.offer-status{position:absolute;left:12px;right:12px;bottom:16px;margin:0;color:#ffb3b4;font-size:12px;font-weight:600;text-shadow:0 1px 6px #000}
.offer-status:empty{display:none}
.offer-status.is-owned{color:var(--fg-2)}
.coin-mark,.ticket-mark{flex:none;display:inline-block;width:18px;height:18px}
.coin-mark{border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1b8,#f7bd22 55%,#c88a05);box-shadow:inset 0 0 0 2px #ffd862}
.ticket-mark{width:20px;height:14px;border-radius:3px;background:linear-gradient(135deg,#ff5a64,#e63740);-webkit-mask:radial-gradient(circle at 0 50%,#0000 3px,#000 3.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,#0000 3px,#000 3.5px) right/51% 100% no-repeat;mask:radial-gradient(circle at 0 50%,#0000 3px,#000 3.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,#0000 3px,#000 3.5px) right/51% 100% no-repeat}
.app.chat-shell .ticket-chip{cursor:default;padding-left:10px}
.ticket-chip[hidden]{display:none!important}
.ticket-toast{position:fixed;z-index:80;top:72px;left:50%;transform:translateX(-50%);margin:0;padding:10px 16px;border-radius:999px;background:#1c1c1ff2;border:1px solid #e6374066;color:#fff;font-size:13px;font-weight:600;box-shadow:0 10px 30px #0008}
.ticket-toast[hidden]{display:none}
.top-ticket{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 10px;border-radius:14px;background:var(--card);font-size:14px;font-weight:700}
.top-ticket[hidden]{display:none}
@media(max-width:900px){.offer-body{gap:8px}.offer-open{height:44px;padding:0 20px;font-size:14px}}
@media(max-width:767px){.top-ticket{height:36px;padding:0 10px 0 8px;font-size:13px}}