.wm-page{--wm-page:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='130'%3E%3Ctext x='8' y='74' transform='rotate(-12 130 60)' font-family='Arial' font-size='18' font-weight='700' fill='%230f172a'%3ELiveMira%20%C2%B7%20dichvu321.com%3C/text%3E%3C/svg%3E")}
:root{--wm-row:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='330' height='60'%3E%3Ctext x='4' y='34' transform='rotate(-8 105 27)' font-family='Arial' font-size='13' font-weight='700' fill='%23ffb800'%3ELiveMira%20%C2%B7%20dichvu321.com%3C/text%3E%3C/svg%3E")}
:root[data-theme=light]{--wm-row:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='330' height='60'%3E%3Ctext x='4' y='34' transform='rotate(-8 105 27)' font-family='Arial' font-size='13' font-weight='700' fill='%232563eb'%3ELiveMira%20%C2%B7%20dichvu321.com%3C/text%3E%3C/svg%3E")}
:root[data-theme=dark] .wm-page{--wm-page:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='130'%3E%3Ctext x='8' y='74' transform='rotate(-12 130 60)' font-family='Arial' font-size='18' font-weight='700' fill='%23ffffff'%3ELiveMira%20%C2%B7%20dichvu321.com%3C/text%3E%3C/svg%3E")}
.screen{padding:0;background:transparent;border:0;min-height:0}
.screen[hidden],.channel-row[hidden],.ad-slot[hidden]{display:none!important}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:8px;z-index:200;background:var(--panel);padding:8px}
.radar-text h1{margin:0}.radar-text p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:255px}
.radar-controls .tier{font-size:11px;letter-spacing:0;text-transform:uppercase}
.dock-btn img{width:18px;height:18px;border-radius:4px}.dock-symbol{font-size:19px;line-height:18px}
.hud-dock .dock-btn[aria-current=page]{color:var(--gold)}
.hud-dock .dock-btn[aria-current=page] span{font-weight:800}
.channel-row{flex-wrap:nowrap;margin:0 0 10px;gap:6px}
.channel{font:600 12px var(--font-title);padding:0 12px;min-height:34px}
.loot-feed{overflow:visible;max-height:none;padding:0}
.loot-card{min-width:0}
.hud-time,.hud-label{display:block}
.loot-target .target-handle{min-width:0}.loot-target .avatar{width:24px;height:24px;margin-right:4px}
.loot-target .name-block{min-width:0;display:flex;flex-direction:column;gap:4px}
.loot-target .handle-name{font-size:13px;color:var(--heading);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.loot-target .tag-strip{gap:4px}.loot-target .hud-tag{font-size:9px}
.loot-target .tag-country{font-size:9px;color:var(--text-muted);white-space:nowrap}
.loot-metrics{margin-top:4px;font-size:10px;line-height:1.3}.loot-metrics b{color:var(--heading)}
.loot-coins b{color:var(--coin)}.loot-viewers{color:var(--text-muted)}
.snipe-col{min-width:0}.snipe-col .btn-snipe{width:100%;text-align:center;white-space:nowrap;text-decoration:none}
.snipe-col .btn-inspect{display:grid;place-items:center;text-decoration:none}
.empty{padding:24px 10px;margin:0 0 12px;border:0;background:transparent}
.empty-icon{display:none}.empty h2{font:700 13px var(--font-title);color:var(--text)}
.empty p{margin:6px auto 0;color:var(--text-muted);line-height:1.5}
.feed-tools{padding:0;margin-top:12px}.feed-tools .text-button{color:var(--cyan);padding:6px 0;min-height:0}
.ad-slot{background:var(--ad-bg);border:1px dashed var(--border-strong);border-radius:12px;padding:14px;margin:0;text-align:center}
.banner-slot{margin-top:14px}
.live-help{margin-top:18px}.live-help .help-note{background:none;border:0;padding:0;margin-top:14px}
.live-help .live-faq{margin-top:14px}.live-help .live-faq h3{margin:0 0 6px}
.live-help details{border-top:1px solid var(--border-subtle);padding:10px 0}
.live-help summary{font:600 13px var(--font-base);color:var(--text)}
.live-help .help-steps{padding-left:18px}
.plans{gap:10px;margin:12px 0}.plan-card{padding:14px}
.plan-card ul{list-style:disc;padding-left:16px;margin:0 0 4px}.plan-card li:before{content:none}
.plan-card p{font-size:12px;color:var(--text-muted)}
.plan-card .plan-price{color:var(--gold);font:700 13px var(--font-mono)}
.plan-card .plan-buy{background:linear-gradient(135deg,var(--btn-a),var(--btn-b));color:var(--btn-ink);height:40px;margin-top:8px}
.plan-card:nth-child(2){border-color:rgba(0,240,255,.35)}
.plan-card:nth-child(3){border-color:rgb(var(--accent-rgb) / .45);background:linear-gradient(160deg,rgb(var(--accent-rgb) / .08),var(--panel) 55%)}
.plan-tag{position:absolute;top:12px;right:12px;font:700 9px var(--font-title);color:var(--text-muted);border:1px solid var(--border-strong);padding:1px 6px}
.plan-activate,.plan-code{background:var(--panel);border-color:var(--border-subtle);margin:12px 0;padding:14px}
.plan-activate h3{font:700 13px var(--font-title);color:var(--gold)}
.plan-form input,.mbpay input[type=number]{background:var(--panel-2);border-color:var(--border-subtle);color:var(--heading)}
.plan-form button,.mbpay #mbpay-create,.mbpay #mbpay-paid,.mbpay #mbpay-apply{background:linear-gradient(135deg,var(--btn-a),var(--btn-b));color:var(--btn-ink);border:0}
.mbpay{margin:12px 0;padding:14px;background:var(--panel-glass);border-color:var(--border-subtle);line-height:1.55}
.mbpay h3{font:700 13px var(--font-title);color:var(--gold);margin:0 0 10px}
.mbpay p{margin:8px 0}.mbpay-tier{background:var(--panel-2)!important;border-color:var(--border-subtle)!important}
.mbpay-tier:has(input:checked){border-color:var(--gold)!important;box-shadow:0 0 12px rgb(var(--accent-rgb) / .2)}
.mbpay #mbpay-amount{max-width:none}
.mbpay #mbpay-estimate{font:600 13px var(--font-title);color:var(--green)}
.mbpay-summary,.mbpay-row{background:var(--panel-2);border:1px solid var(--border-subtle);border-radius:10px;padding:8px 10px}
.mbpay #mbpay-qr{max-width:260px}.mbpay .mbpay-danger{color:var(--red-soft)}
.compare{margin:12px 0}.compare .table-scroll{overflow-x:auto}.compare table{min-width:460px}
.setting{margin:10px 0;padding:12px;background:var(--panel);border:1px solid var(--border-subtle);border-radius:12px}
.setting select{background:var(--panel-2);color:var(--text);border-color:var(--border-subtle)}
.back-site{margin:16px 0 80px;color:var(--cyan)}
dialog{background:var(--panel);color:var(--text);border-color:var(--border-subtle)}
#devtools-block{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:24px;background:var(--bg);color:var(--text);text-align:center}
#devtools-block[hidden]{display:none!important}
#devtools-block .devtools-dialog{width:min(100%,440px);padding:30px 24px;background:var(--panel);border:1px solid var(--border-strong);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
#devtools-block h2{margin:0 0 12px;font:800 20px var(--font-title);color:var(--heading)}
#devtools-block p{margin:0;color:var(--text-muted);font:500 14px/1.6 var(--font-base)}
@media(max-width:380px){.loot-card{grid-template-columns:58px minmax(0,1fr) 80px;gap:9px;padding:11px}.radar-controls{gap:4px}.radar-controls .sound-btn{padding:5px 7px}.loot-target .avatar{display:none}}

/* Bảng giá nạp (mbpay) — 2026-10-23 */
.mbpay-table{margin:10px 0}.mbpay-table summary{cursor:pointer;font-weight:700}
.mbpay-table #mbpay-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:8px}
.mbpay-table table{width:100%;border-collapse:collapse;font-size:14px}
.mbpay-table caption{text-align:left;font-weight:800;padding:4px 0}
.mbpay-table th,.mbpay-table td{padding:6px 8px;border-bottom:1px solid rgba(127,127,127,.25);text-align:left}

.app-dl-banner { margin: 14px 0 90px; border-color: rgba(1, 135, 95, .45); border-left-color: #01875f; }
.app-dl-banner .zalo-text strong, .app-dl-banner .zalo-text small { white-space: normal; }
.app-dl-banner .app-dl-badge { background: #01875f; }
.app-dl-banner .zalo-join-btn { border-color: #01875f; color: #01875f; background: rgba(1, 135, 95, .14); }
.app-dl-banner:hover .zalo-join-btn, :root[data-theme="light"] .app-dl-banner .zalo-join-btn { background: #01875f; border-color: #01875f; color: #fff; }
:root[data-theme="light"] .app-dl-banner { background: #effaf5; border-color: #86d6b8; border-left-color: #01875f; }
:root[data-theme="light"] .app-dl-banner .zalo-text strong { color: #064e3b; }

.tag-rank{background:rgba(234,179,8,.14);color:#facc15;border:1px solid rgba(234,179,8,.55);white-space:nowrap}
:root[data-theme="light"] .tag-rank{background:rgba(202,138,4,.12);color:#a16207;border-color:rgba(202,138,4,.5)}
/* 2026-11-04 (Claude): watermark LiveMira · dichvu321.com rõ hơn (ô lớn hơn, đậm hơn) */
:root{--wm-row-opacity:.13;--wm-page-opacity:.065}
:root[data-theme="light"]{--wm-row-opacity:.11;--wm-page-opacity:.07}
.loot-card::before,.urgent-mini-card::before{background-size:330px 60px}
.wm-page{background-size:340px 130px}
/* 2026-11-04 (Claude): yêu cầu tham gia túi (thẻ + câu bình luận có nút Chép) */
.tag-req{background:rgba(56,189,248,.12);color:#38bdf8;border:1px solid rgba(56,189,248,.45);white-space:nowrap}
:root[data-theme="light"] .tag-req{background:rgba(14,165,233,.12);color:#0284c7;border-color:rgba(14,165,233,.45)}
.bag-comment{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px;background:rgba(168,85,247,.07);border:1px dashed rgba(168,85,247,.45);border-radius:6px;padding:3px 3px 3px 8px}
.bag-comment .bc-icon{flex:none}
.bag-comment .bc-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:600}
.bag-comment .bc-copy{flex:none;font:700 10px var(--font-title);border:1px solid var(--border-strong);background:var(--panel);color:var(--cyan);border-radius:4px;padding:3px 9px;cursor:pointer}
.bag-comment .bc-copy.ok{color:var(--green);border-color:var(--green)}

/* Popup nhập mã + mua key (2026-11-06) */
.lm-modal{position:fixed;inset:0;margin:auto;width:min(440px,calc(100% - 24px));height:fit-content;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:hidden;background:var(--panel);color:var(--text);border:1px solid rgb(var(--accent-rgb) / .4);border-radius:14px;box-shadow:0 18px 60px rgba(0,0,0,.45);z-index:1000}
.lm-modal-buy{width:min(520px,calc(100% - 24px))}
.lm-modal:not([open]){display:none}
.lm-modal[open]{display:flex;flex-direction:column}
.lm-modal::backdrop{background:rgba(0,0,0,.6)}
.lm-modal-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}
.lm-modal-head h2{margin:0;min-width:0;font:700 14px/1.35 var(--font-title);color:var(--gold)}
.lm-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px}
.lm-modal .plan-activate,.lm-modal .mbpay{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
html:has(.lm-modal[open]){overflow:hidden}
.plan-code-open{display:block;width:100%;margin:12px 0;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--panel);color:var(--cyan);font-weight:700;text-align:left;cursor:pointer}
.mbpay .mbpay-tier{position:relative}
.mbpay .mbpay-tier .mbpay-info{position:absolute;top:8px;inset-inline-end:8px;width:22px;height:22px;min-height:0;margin:0;padding:0;display:grid;place-items:center;border:1.5px solid var(--cyan);border-radius:50%;background:none;color:var(--cyan);font:800 13px/1 var(--font-title);cursor:pointer}
.mbpay .mbpay-tier .mbpay-info::after{content:"";position:absolute;inset:-9px}
.mbpay .mbpay-tier .mbpay-info[aria-expanded=true]{background:var(--cyan);color:var(--panel)}
.mbpay-info-box{margin:0 0 10px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--panel-2);font-size:13px;line-height:1.5}
.mbpay-info-box[hidden]{display:none}
.mbpay-info-box strong{display:block;font:700 12px var(--font-title);color:var(--gold)}
.mbpay-info-box p{margin:4px 0 6px}
.mbpay-info-box ul{margin:0;padding-inline-start:18px}
.mbpay-compare{margin:0 0 10px}
.mbpay-compare .table-scroll{margin:8px 0 0}
.mbpay-compare table{min-width:0;font-size:12px}
.mbpay-compare th:first-child{width:34%}