:root{--saas-bg:#06101d;--saas-card:rgba(10,22,40,.86);--saas-card2:rgba(14,29,51,.72);--saas-border:rgba(126,154,255,.17);--saas-purple:#8b5cf6;--saas-cyan:#22d3ee;--saas-text:#eef5ff;--saas-muted:#91a3be;--saas-good:#22c55e;--saas-warn:#f59e0b;--saas-bad:#ef4444;--saas-gold:#facc15}
*{box-sizing:border-box}html{background:var(--saas-bg)}body{background:radial-gradient(circle at 12% 3%,rgba(124,58,237,.17),transparent 29%),radial-gradient(circle at 92% 8%,rgba(34,211,238,.10),transparent 24%),var(--saas-bg);color:var(--saas-text);min-height:100vh}
.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(20px);background:rgba(4,10,20,.82);border-bottom:1px solid var(--saas-border)}.topbar,.saas-nav,.page-hero,.panel,.stats article{transition:.2s ease}
.saas-nav{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid var(--saas-border);background:rgba(6,13,25,.8);position:sticky;top:76px;z-index:45;backdrop-filter:blur(20px)}
.saas-nav a{color:var(--saas-muted);text-decoration:none;padding:9px 12px;border-radius:12px;border:1px solid transparent;font-size:13px;transition:.18s ease}.saas-nav a:hover,.saas-nav a.active{color:#fff;background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(34,211,238,.09));border-color:rgba(139,92,246,.36);box-shadow:0 8px 28px rgba(76,29,149,.16)}
.saas-nav .nav-spacer{flex:1}.saas-user-chip{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--saas-border);border-radius:12px;color:var(--saas-muted);font-size:12px;background:rgba(255,255,255,.025)}.saas-user-chip b{color:#fff}.subscription-badge{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid var(--saas-border)}.subscription-badge.ACTIVE{color:#bbf7d0;background:rgba(34,197,94,.1)}.subscription-badge.TRIAL{color:#cffafe;background:rgba(34,211,238,.1)}.subscription-badge.PENDING,.subscription-badge.SUSPENDED,.subscription-badge.EXPIRED{color:#fed7aa;background:rgba(245,158,11,.1)}
.page-hero{margin:18px 0 14px;padding:24px;border:1px solid var(--saas-border);border-radius:22px;background:linear-gradient(135deg,rgba(20,34,59,.92),rgba(9,20,37,.9));box-shadow:0 18px 60px rgba(0,0,0,.24)}.page-hero small{color:var(--saas-cyan);letter-spacing:.08em}.page-hero h2{margin:6px 0 8px;font-size:26px}.page-hero p{margin:0;color:var(--saas-muted);line-height:1.8}.panel,.stats article,.saas-card{border-color:var(--saas-border)!important;box-shadow:0 14px 42px rgba(0,0,0,.17);background:var(--saas-card)}
.feature-only{display:none!important}body[data-page="dashboard"] .feature-only.dashboard,body[data-page="battles"] .feature-only.battles,body[data-page="supporters"] .feature-only.supporters,body[data-page="messages"] .feature-only.messages,body[data-page="keywords"] .feature-only.keywords,body[data-page="powerups"] .feature-only.powerups,body[data-page="enigma"] .feature-only.enigma,body[data-page="reports"] .feature-only.reports,body[data-page="supporterhistory"] .feature-only.supporterhistory,body[data-page="accountinfo"] .feature-only.accountinfo,body[data-page="settings"] .feature-only.settings{display:block!important}
.enigma-lab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.enigma-card{padding:15px;border-radius:16px;border:1px solid rgba(139,92,246,.28);background:linear-gradient(145deg,rgba(26,18,53,.8),rgba(8,18,33,.84))}.enigma-card strong{display:block;font-size:16px;margin-bottom:6px}.enigma-card small{color:var(--saas-muted)}.enigma-radar{width:42px;height:42px;border-radius:50%;border:1px solid rgba(34,211,238,.35);display:grid;place-items:center;margin-bottom:10px;box-shadow:0 0 22px rgba(34,211,238,.12)}
.premium-empty,.saas-empty{padding:22px;text-align:center;color:var(--saas-muted);border:1px dashed var(--saas-border);border-radius:16px}.saas-shell{width:min(1180px,94vw);margin:auto;padding:28px 0}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(470px,94vw);padding:30px;border:1px solid var(--saas-border);border-radius:26px;background:rgba(7,16,30,.94);box-shadow:0 30px 100px rgba(0,0,0,.4)}
.auth-brand{display:flex;gap:12px;align-items:center;margin-bottom:20px}.auth-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--saas-purple),#2563eb);box-shadow:0 10px 30px rgba(124,58,237,.25)}.auth-card h1{margin:4px 0 7px}.auth-card p,.muted{color:var(--saas-muted);line-height:1.8}.saas-field{display:grid;gap:7px;margin:14px 0}.saas-field input,.saas-field select{min-height:48px;border:1px solid var(--saas-border);border-radius:13px;background:#0a1729;color:#fff;padding:0 14px;outline:none}.saas-field input:focus,.saas-field select:focus{border-color:rgba(34,211,238,.55);box-shadow:0 0 0 3px rgba(34,211,238,.08)}
.saas-btn{min-height:46px;border:0;border-radius:13px;padding:0 16px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-weight:800;cursor:pointer}.saas-btn.secondary{background:#101d31;border:1px solid var(--saas-border)}.saas-btn.danger{background:rgba(239,68,68,.13);border:1px solid rgba(239,68,68,.25);color:#fecaca}.saas-alert{margin:12px 0;padding:12px;border-radius:13px;border:1px solid var(--saas-border)}.saas-alert.error{background:rgba(239,68,68,.1);color:#fecaca}.saas-alert.ok{background:rgba(34,197,94,.1);color:#bbf7d0}
.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0}.metric{padding:16px;border:1px solid var(--saas-border);border-radius:17px;background:var(--saas-card2)}.metric small{display:block;color:var(--saas-muted)}.metric b{font-size:23px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select{min-height:42px;border:1px solid var(--saas-border);border-radius:11px;background:#0a1729;color:#fff;padding:0 11px}.admin-user{display:grid;grid-template-columns:1.35fr .7fr 1fr 1fr 1.7fr;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--saas-border)}.admin-user small{color:var(--saas-muted)}
@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(3,1fr)}.admin-user{grid-template-columns:1fr 1fr}}@media(max-width:900px){.saas-nav{top:68px;overflow-x:auto;flex-wrap:nowrap}.saas-nav a{white-space:nowrap}.saas-user-chip{display:none}}@media(max-width:600px){.metric-grid{grid-template-columns:1fr 1fr}.admin-user{grid-template-columns:1fr}.page-hero{padding:18px}.auth-card{padding:22px}}
.enigma-history-safe{margin-top:12px;padding:12px;border:1px solid rgba(34,211,238,.18);border-radius:13px;background:rgba(8,20,34,.56);display:grid;gap:8px}.enigma-history-safe b{color:#cffafe}.enigma-history-safe span,.enigma-history-safe small{color:var(--saas-muted);line-height:1.6}.history-chips{display:flex;gap:7px;flex-wrap:wrap}.history-chip{display:inline-flex!important;padding:5px 8px;border-radius:999px;border:1px solid var(--saas-border);background:rgba(255,255,255,.03);font-size:11px}.history-chip.live{color:#bbf7d0;border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.08)}

/* Enigma old-style cards, integrated in the current SaaS dashboard. */
.enigma-lab-grid{display:flex;flex-direction:column;gap:12px}
.enigma-card-old{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;min-height:110px;padding:20px 22px;border-radius:17px;border:1px solid #40345f;background:linear-gradient(145deg,#0d1526,#09101d)}
.enigma-main{display:flex;align-items:center;gap:15px;min-width:240px}
.enigma-avatar-old{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border-radius:16px;font-size:28px;background:#201846;border:1px solid #7254c6}
.enigma-label-old{color:#bc9cff;font-size:20px;font-weight:900}
.enigma-name-old{margin-top:5px;font-size:17px;font-weight:800;color:#fff}
.enigma-evidence-old{margin-top:6px;color:#aab8d2;font-size:12px;line-height:1.6}
.enigma-result{flex:1;min-width:310px;display:flex;gap:12px;align-items:flex-start;padding:15px 16px;border-radius:14px}
.enigma-result.pending{border:1px solid #765e24;background:#251f10;color:#ffe08a}
.enigma-result.matched{border:1px solid #188966;background:#0d3028;color:#d5ffef}
.enigma-result-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:rgba(255,255,255,.06);font-size:22px;font-weight:900}
.enigma-result-body{display:flex;flex-direction:column;gap:5px;min-width:0}
.enigma-result-body>b{font-size:13px}.enigma-result-body>strong{font-size:15px}.enigma-result-body>span,.enigma-result-body>small{font-size:12px;line-height:1.7;opacity:.9}
.enigma-match-avatar{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border-radius:50%;overflow:hidden;background:#21423a;font-size:23px}.enigma-match-avatar img{width:100%;height:100%;object-fit:cover}.enigma-match-name{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.enigma-match-name strong{font-size:15px}.enigma-match-name span{font-size:12px;color:#b9ffe1}.enigma-timing-old{margin-top:5px;color:#8798b3;font-size:11px;line-height:1.6}
.enigma-result-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.enigma-result-meta span,.enigma-history-chip,.enigma-source-chip{display:inline-flex;padding:5px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);font-size:11px}
.enigma-history-chip.live{border-color:#16825b;background:#103b2b;color:#b9ffe1}.enigma-source-chip{color:#fff1c8}
@media(max-width:700px){.enigma-card-old{flex-direction:column;align-items:stretch}.enigma-result{min-width:0;width:100%}}

/* Surgical UI update 2026-09-19: compact dashboard Enigma + full messages page. */
#liveCaptureStatus{display:none!important}
.enigma-head-actions{display:flex;align-items:center;gap:10px}
.enigma-toggle{height:38px;padding:0 14px}
body[data-page="dashboard"] #enigmaLabPanel #enigmaLabList{display:none}
body[data-page="dashboard"] #enigmaLabPanel.enigma-open #enigmaLabList{display:flex;max-height:1180px;overflow-y:auto;overflow-x:hidden;padding-inline-end:6px;scrollbar-width:thin}
body[data-page="dashboard"] #enigmaLabPanel.enigma-open #enigmaLabList::-webkit-scrollbar{width:8px}
body[data-page="dashboard"] #enigmaLabPanel.enigma-open #enigmaLabList::-webkit-scrollbar-thumb{background:#445372;border-radius:999px}
body[data-page="enigma"] #enigmaToggle{display:none!important}
.enigma-match-account>strong{font-size:17px;color:#fff}
.enigma-match-account>span{font-size:12px;color:#b9ffe1}
body[data-page="messages"] .chat-cols{display:block}
body[data-page="messages"] .vip-panel{width:100%;margin-inline:0}
body[data-page="messages"] .vip-panel .message-list{height:calc(100vh - 330px);min-height:560px;max-height:none;padding:4px 2px 10px}
body[data-page="messages"] .vip-panel .message{padding:16px 18px;border-radius:14px}
body[data-page="messages"] .vip-panel .message p{font-size:18px;line-height:1.8}
body[data-page="messages"] .vip-panel .message-avatar{width:52px;height:52px;flex-basis:52px}
body[data-page="messages"] .vip-panel .inline-form{max-width:760px}
body[data-page="messages"] .vip-panel .watchlist-dropdown{max-width:100%}

body[data-page="tellme"] .feature-only.tellme{display:block!important}

/* Adaptive Premium UI — 2026-09-23. Visual-only overrides; existing IDs/logic are preserved. */
body[data-page]{--ui-blue:#258dff;--ui-purple:#7c4dff;--ui-green:#20d99a;--ui-red:#ff4f70;--ui-gold:#f7c84b;--ui-surface:rgba(8,21,39,.88);--ui-surface-2:rgba(13,30,53,.88);--ui-line:rgba(93,139,213,.26);background:radial-gradient(circle at 82% -8%,rgba(83,58,214,.18),transparent 30%),radial-gradient(circle at 10% 12%,rgba(15,121,255,.1),transparent 30%),#04101f}
body[data-page] main{width:auto;max-width:1540px}
body[data-page] .panel{border:1px solid var(--ui-line)!important;border-radius:20px;background:linear-gradient(145deg,rgba(12,29,51,.94),rgba(5,16,31,.96));box-shadow:0 18px 52px rgba(0,0,0,.22)}
body[data-page] .page-hero{border:1px solid var(--ui-line);background:linear-gradient(135deg,rgba(18,39,72,.94),rgba(7,21,40,.94));box-shadow:none}
body[data-page] input,body[data-page] select{border-color:rgba(91,126,180,.4);background:#071425}
body[data-page] .btn{min-height:46px;border-radius:12px}
body[data-page] .btn.primary{background:linear-gradient(135deg,#8059ff,#552cff);box-shadow:0 8px 24px rgba(99,61,255,.24)}
body[data-page] .btn.danger{background:rgba(91,22,48,.45);border-color:rgba(255,79,112,.58)}
.saas-nav-brand{display:none;align-items:center;gap:11px;padding:6px 7px 18px;margin-bottom:4px;border-bottom:1px solid var(--ui-line)}
.saas-nav-logo{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:linear-gradient(145deg,#8d63ff,#4b27e7);font-size:23px;box-shadow:0 10px 30px rgba(89,56,244,.3)}
.saas-nav-brand b{display:block;color:#fff;font-size:17px}.saas-nav-brand em{color:#9f7bff;font-style:normal;font-size:12px}.saas-nav-brand small{display:block;margin-top:3px;color:var(--saas-muted);font-size:10px}
.saas-nav .nav-icon{display:inline-grid;place-items:center;flex:0 0 27px;font-size:19px}.saas-nav .nav-label{min-width:0}
.stats .stat-card{position:relative;overflow:hidden;min-width:0}
.stats .stat-card:after{content:"";position:absolute;inset:auto -25px -36px auto;width:90px;height:90px;border-radius:50%;filter:blur(2px);opacity:.12;background:currentColor}
.stats .stat-card em{display:block;margin-top:4px;color:var(--muted);font-style:normal;font-size:11px}
.stats .stat-online{color:#42e7b3;border-color:rgba(32,217,154,.34)!important}.stats .stat-inventory{color:#b276ff;border-color:rgba(124,77,255,.38)!important}.stats .stat-vip{color:#ffd55f;border-color:rgba(247,200,75,.35)!important}.stats .stat-sent{color:#55b8ff;border-color:rgba(37,141,255,.34)!important}
.stats .stat-card small{color:inherit;opacity:.9}.stats .stat-card strong{color:#fff}.stats .stat-card>span{color:inherit;background:rgba(255,255,255,.07)}

.quick-services{overflow:hidden}.quick-services-head{margin-bottom:12px}
.quick-services-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.quick-service{min-width:0;display:flex;flex-direction:column;gap:5px;min-height:112px;padding:14px;border:1px solid var(--ui-line);border-radius:16px;background:linear-gradient(145deg,rgba(17,34,60,.86),rgba(8,21,40,.9));color:#eef5ff;text-decoration:none;transition:.18s ease}
.quick-service:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.58);background:linear-gradient(145deg,rgba(29,44,79,.96),rgba(11,27,50,.96))}
.quick-service>span{font-size:24px}.quick-service>b{font-size:14px}.quick-service>small{color:var(--muted);font-size:10px;line-height:1.45}
.quick-battles{border-color:rgba(161,96,255,.38)}.quick-supporters{border-color:rgba(37,141,255,.34)}.quick-messages{border-color:rgba(221,77,255,.32)}.quick-reports{border-color:rgba(32,217,154,.32)}.quick-result{border-color:rgba(247,200,75,.35)}.quick-tellme{border-color:rgba(255,111,83,.3)}.quick-enigma{border-color:rgba(128,94,255,.32)}
.supporter-card{min-width:0;border-color:var(--ui-line);background:linear-gradient(145deg,rgba(10,27,48,.94),rgba(5,17,32,.95));transition:.16s ease}
.supporter-card:hover{border-color:rgba(92,145,226,.48);transform:translateY(-1px)}
.supporter-card-head{display:flex;align-items:center;gap:11px}.supporter-avatar{width:48px;height:48px;flex:0 0 48px}.supporter-card-person{min-width:0;flex:1}.supporter-card-person .name,.supporter-card-person .username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.supporter-online-dot{display:block;margin-top:3px;color:#44e8b2;font-size:11px}.supporter-vip-badge{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(247,200,75,.42);border-radius:999px;background:rgba(247,200,75,.09);color:#ffe083;font-size:10px;font-weight:900}
.supporter-card .activity{margin-top:8px;color:#7f91ab}
.inventory-row{border-color:var(--ui-line);background:linear-gradient(145deg,rgba(9,24,44,.92),rgba(5,16,30,.94))}
.report-metrics article{border-color:var(--ui-line);background:linear-gradient(145deg,rgba(11,28,50,.92),rgba(7,19,36,.95))}
.report-table-wrap{border-color:var(--ui-line)}.report-table th{background:#0b1d34}.report-table tbody tr:hover{background:rgba(31,67,111,.24)}

/* Desktop dashboard: true sidebar + wide workspace. */
@media(min-width:1200px){
  body[data-page] .saas-nav{position:fixed;inset:0 0 0 auto;width:252px;height:100dvh;z-index:80;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:6px;padding:18px 14px;background:linear-gradient(180deg,rgba(5,17,33,.98),rgba(5,13,26,.98));border:0;border-left:1px solid var(--ui-line);overflow-y:auto}
  body[data-page] .saas-nav-brand{display:flex}
  body[data-page] .saas-nav a{display:flex;align-items:center;gap:11px;min-height:45px;padding:9px 12px;border-radius:12px;font-size:14px}
  body[data-page] .saas-nav a.active{background:linear-gradient(90deg,rgba(117,69,255,.3),rgba(37,141,255,.12));border-color:rgba(126,87,255,.5);box-shadow:inset -3px 0 0 #8d63ff,0 10px 30px rgba(46,32,125,.12)}
  body[data-page] .saas-nav .nav-spacer{flex:1}
  body[data-page] .saas-user-chip{width:100%;justify-content:space-between;flex-wrap:wrap}
  body[data-page] .lang-toggle{width:100%;min-height:40px}
  body[data-page] .topbar{margin-right:252px;min-height:68px;padding:10px 26px;justify-content:flex-end;top:0}
  body[data-page] .topbar .brand{display:none}
  body[data-page] .topbar .status-line{justify-content:flex-end}
  body[data-page] main{margin:0 252px 0 0;max-width:none;padding:20px 26px 36px}
  body[data-page] .page-hero{margin:0 0 15px;padding:17px 20px;border-radius:18px}
  body[data-page] .page-hero h2{font-size:24px;margin:3px 0 5px}.page-hero p{font-size:12px}
  html[dir="ltr"] body[data-page] .saas-nav{inset:0 auto 0 0;border-left:0;border-right:1px solid var(--ui-line)}
  html[dir="ltr"] body[data-page] .topbar{margin-right:0;margin-left:252px}
  html[dir="ltr"] body[data-page] main{margin-right:0;margin-left:252px}
}

@media(min-width:1200px){
  body[data-page] .controls{display:grid;grid-template-columns:minmax(280px,1fr) minmax(210px,.55fr) auto auto;gap:10px;align-items:end;padding:17px 18px}
  body[data-page] .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
  body[data-page] .stats article{min-height:104px;padding:15px 17px}
  body[data-page] .quick-services{padding:17px 18px}
  body[data-page] .current-viewers-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  body[data-page="dashboard"] .feature-only.dashboard.battles,
  body[data-page="dashboard"] .feature-only.dashboard.supporters,
  body[data-page="dashboard"] .feature-only.dashboard.powerups,
  body[data-page="dashboard"] .feature-only.dashboard.messages,
  body[data-page="dashboard"] .feature-only.dashboard.enigma{display:none!important}
  body[data-page="dashboard"] #currentViewersPanel{margin-top:2px}
  body[data-page="battles"] .battle-score-panel{padding:18px 20px}
  body[data-page="battles"] .battle-score-layout{grid-template-columns:minmax(330px,1fr) 190px minmax(330px,1fr);gap:14px}
  body[data-page="battles"] .battle-team-card{padding:15px}
  body[data-page="supporters"] .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-page="supporters"] .inventory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body[data-page="supporters"] .inventory-row{grid-template-columns:1fr;align-content:start}
  body[data-page="messages"] .vip-panel .message-list{height:calc(100dvh - 340px);min-height:480px;max-height:680px}
  body[data-page="reports"] #reportsPanel{padding:18px 20px}
  body[data-page="powerups"] .sent-list{max-height:330px}
}

/* Battle surface — keep creator blue, opponent red, and prioritize score/timer. */
body[data-page="battles"] .battle-score-panel{border-color:rgba(79,127,211,.34)!important;background:linear-gradient(145deg,rgba(9,25,46,.98),rgba(4,14,28,.98))}
body[data-page="battles"] .battle-score-head{margin-bottom:12px}
body[data-page="battles"] .battle-team-card{border-radius:17px;background:rgba(7,18,34,.78)}
body[data-page="battles"] .battle-team-card.ours{border:1px solid rgba(37,141,255,.52);box-shadow:inset 0 0 32px rgba(37,141,255,.05)}
body[data-page="battles"] .battle-team-card.opponent{border:1px solid rgba(255,79,112,.48);box-shadow:inset 0 0 32px rgba(255,79,112,.045)}
body[data-page="battles"] .battle-team-card>small{font-weight:900;letter-spacing:.01em}
body[data-page="battles"] .battle-team-card>strong{font-size:36px;line-height:1.15}
body[data-page="battles"] .battle-timer{border-color:rgba(126,90,255,.65);background:linear-gradient(145deg,rgba(94,54,220,.26),rgba(21,28,58,.66));color:#d9ccff;box-shadow:0 0 28px rgba(109,67,255,.14)}
body[data-page="battles"] .battle-progress{height:14px;background:#071325}
body[data-page="battles"] .battle-progress-ours{background:linear-gradient(90deg,#0878ff,#44baff)}
body[data-page="battles"] .battle-progress-opponent{background:linear-gradient(90deg,#ff335e,#ff6481)}
body[data-page="battles"] .battle-live-ranking{border-top-color:rgba(255,255,255,.09)}
body[data-page="battles"] .battle-rank-row{background:rgba(3,13,26,.62)}
body[data-page="battles"] .battle-active-powerups{margin:8px 0 12px}
body[data-page="battles"] .battle-powerup-active{background:rgba(14,29,51,.84)}

/* Chat monitoring, reports and result review. */
body[data-page="messages"] .vip-panel{max-width:none;border-color:rgba(128,92,255,.34)!important}
body[data-page="messages"] .vip-panel .inline-form{max-width:none;display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,.7fr) auto}
body[data-page="messages"] .keyword-merge-box{border-color:var(--ui-line);background:rgba(5,17,33,.68)}
body[data-page="messages"] .vip-panel .message{border:1px solid rgba(74,111,167,.28);border-inline-start:3px solid #7d59ff;background:linear-gradient(145deg,rgba(10,26,47,.94),rgba(5,17,32,.96));box-shadow:none}
body[data-page="messages"] .vip-panel .keyword-message{border-inline-start-color:#d44cff}
body[data-page="messages"] .message-tags span{border-color:rgba(154,112,255,.34);background:rgba(104,67,206,.12);color:#e7dbff}
body[data-page="reports"] .report-metrics{gap:10px}
body[data-page="reports"] .report-metrics article:nth-child(1){border-color:rgba(32,217,154,.3)}
body[data-page="reports"] .report-metrics article:nth-child(2){border-color:rgba(207,80,255,.3)}
body[data-page="reports"] .report-metrics article:nth-child(3){border-color:rgba(247,200,75,.32)}
body[data-page="powerups"] .upload-panel .drop{min-height:210px;border:1px dashed rgba(139,92,246,.72);background:linear-gradient(145deg,rgba(34,33,85,.34),rgba(8,20,38,.72))}
body[data-page="powerups"] .review-card{border-color:var(--ui-line);background:linear-gradient(145deg,rgba(10,27,49,.94),rgba(6,18,34,.95))}
body[data-page="tellme"] .tellme-controls,body[data-page="tellme"] #tellMePanel{border-color:rgba(255,117,78,.24)!important}
body[data-page="tellme"] .tellme-alert{border-color:var(--ui-line);background:rgba(8,22,40,.86)}
body[data-page="enigma"] .enigma-card-old{border-color:rgba(124,88,255,.38);background:linear-gradient(145deg,rgba(18,24,51,.92),rgba(6,17,32,.95))}

/* Tablet: intermediate density, horizontal navigation, two-column battle. */
@media(min-width:768px) and (max-width:1199px){
  body[data-page] .topbar{padding:13px 18px}
  body[data-page] .saas-nav{top:69px;padding:8px 14px;gap:5px}
  body[data-page] .saas-nav a{padding:8px 10px;font-size:12px}
  body[data-page] .nav-icon{font-size:16px}
  body[data-page] main{padding:16px 18px 30px}
  body[data-page] .page-hero{margin:12px 0;padding:18px 20px}
  body[data-page] .controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  body[data-page] .controls .field{min-width:0}
  body[data-page] .controls .field.grow{grid-column:1/-1}
  body[data-page] .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
  body[data-page] .stats article{min-height:98px;padding:13px}
  body[data-page] .quick-services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body[data-page] .current-viewers-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-page="battles"] .battle-score-layout{grid-template-columns:1fr 1fr!important;gap:10px}
  body[data-page="battles"] .battle-center{grid-column:1/-1;order:-1;padding:4px}
  body[data-page="supporters"] .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="supporters"] .inventory-row{grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr)}
  body[data-page="supporters"] .inventory-actions{grid-column:1/-1}
  body[data-page="messages"] .vip-panel .inline-form{grid-template-columns:1fr 1fr auto}
  body[data-page="reports"] .report-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
}

/* Home is a control center; detailed tools remain available on their dedicated pages. */
body[data-page="dashboard"] .feature-only.dashboard.battles,
body[data-page="dashboard"] .feature-only.dashboard.supporters,
body[data-page="dashboard"] .feature-only.dashboard.powerups,
body[data-page="dashboard"] .feature-only.dashboard.messages,
body[data-page="dashboard"] .feature-only.dashboard.enigma{display:none!important}
body[data-page="dashboard"] #currentViewersPanel{display:block!important}
body[data-page="dashboard"] #currentViewersPanel .current-viewers-grid{max-height:238px;overflow-y:auto}

/* Mobile app shell. */
@media(max-width:767px){
  body[data-page]{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  body[data-page] .saas-nav{position:fixed!important;top:auto!important;right:0;bottom:0;left:0;width:100%;height:calc(72px + env(safe-area-inset-bottom));z-index:1000;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:2px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border:0;border-top:1px solid rgba(104,139,200,.28);background:rgba(4,15,30,.96);backdrop-filter:blur(22px);overflow:visible;direction:rtl}
  body[data-page] .saas-nav>*{display:none!important}
  body[data-page] .saas-nav>a[href="/dashboard"],
  body[data-page] .saas-nav>a[href="/battles"],
  body[data-page] .saas-nav>a[href="/supporters"],
  body[data-page] .saas-nav>a[href="/messages"],
  body[data-page] .saas-nav>a[href="/reports"],
  body[data-page] .saas-nav>a[href="/account-info"]{display:flex!important;min-width:0;min-height:58px;padding:5px 2px;border:0;border-radius:12px;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;box-shadow:none;color:#aebbd0;font-size:10px;text-align:center}
  body[data-page] .saas-nav>a.active{color:#9d73ff!important;background:linear-gradient(180deg,rgba(125,74,255,.15),rgba(33,55,100,.04))!important}
  body[data-page] .saas-nav>a.active:before{content:"";position:absolute;top:0;width:38px;height:3px;border-radius:999px;background:#8958ff;box-shadow:0 0 16px rgba(137,88,255,.7)}
  body[data-page] .saas-nav .nav-icon{font-size:22px;line-height:1}.saas-nav .nav-label{font-size:10px;line-height:1.1;white-space:nowrap}
  body[data-page] .topbar{position:sticky;top:0;z-index:70;display:grid;grid-template-columns:1fr;gap:9px;padding:10px 12px 9px;background:rgba(4,14,28,.94);border-bottom:1px solid rgba(81,119,180,.2)}
  body[data-page] .topbar .brand{justify-content:center;gap:9px}.topbar .brand>span{width:42px;height:42px;border-radius:13px;font-size:21px}
  body[data-page] .brand h1{font-size:20px}.brand h1 b{font-size:10px}.brand small{font-size:9px}
  body[data-page] .status-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0}
  body[data-page] .status-line #matchStatus{display:none}
  body[data-page] .status-line .badge{min-width:0;padding:6px 5px;font-size:9px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

@media(max-width:767px){
  body[data-page] main{margin:0;padding:11px 11px 20px;max-width:none}
  body[data-page] .page-hero{margin:0 0 10px;padding:13px 14px;border-radius:16px}
  body[data-page] .page-hero small{font-size:9px}.page-hero h2{font-size:21px;margin:3px 0}.page-hero p{font-size:11px;line-height:1.55}
  body[data-page="dashboard"] .page-hero{display:none}
  body[data-page] .panel{padding:13px;margin-bottom:11px;border-radius:17px}
  body[data-page] .section-head{align-items:flex-start;gap:8px;margin-bottom:11px}
  body[data-page] .section-head h2{font-size:17px;margin-top:2px}.section-head small{font-size:10px;line-height:1.45}
  body[data-page] .controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}
  body[data-page] .controls .field{min-width:0;grid-column:1/-1}
  body[data-page] .controls .field.grow{grid-column:1/-1}
  body[data-page] input,body[data-page] select{height:45px;border-radius:11px;font-size:13px}
  body[data-page] .controls .btn{width:100%;min-height:45px;padding:0 10px;font-size:12px}
  body[data-page] .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
  body[data-page] .stats article{min-height:99px;padding:11px;gap:9px;border-radius:15px}
  body[data-page] .stats article>span{padding:8px;border-radius:11px;font-size:20px}
  body[data-page] .stats small{font-size:10px}.stats strong{font-size:24px}.stats .stat-card em{font-size:9px}
  body[data-page] .quick-services{padding:13px}
  body[data-page] .quick-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body[data-page] .quick-service{min-height:90px;padding:11px;border-radius:14px}
  body[data-page] .quick-service>span{font-size:22px}.quick-service>b{font-size:12px}.quick-service>small{font-size:9px}
  body[data-page="dashboard"] #currentViewersPanel{padding:12px}
  body[data-page="dashboard"] #currentViewersPanel .current-viewers-grid{display:flex;max-height:none;overflow-x:auto;overflow-y:hidden;gap:8px;padding-bottom:4px;scroll-snap-type:x proximity}
  body[data-page="dashboard"] #currentViewersPanel .current-viewer-card{flex:0 0 178px;grid-template-columns:36px minmax(0,1fr);padding:8px;scroll-snap-align:start}
  body[data-page="dashboard"] #currentViewersPanel .current-viewer-state{display:none}
}

@media(max-width:767px){
  body[data-page="battles"] .battle-score-panel{padding:12px}
  body[data-page="battles"] .battle-score-head{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:8px}
  body[data-page="battles"] .battle-score-head h2{font-size:19px}.battle-score-info{justify-content:flex-end;gap:6px;font-size:9px}
  body[data-page="battles"] .battle-score-layout{grid-template-columns:1fr 1fr!important;gap:7px!important}
  body[data-page="battles"] .battle-center{grid-column:1/-1;order:-1;padding:2px 0 6px}
  body[data-page="battles"] .battle-timer{min-width:132px;padding:7px 12px;font-size:23px}
  body[data-page="battles"] .battle-difference{min-width:140px;margin-top:7px;padding:6px 9px;font-size:17px}
  body[data-page="battles"] .battle-team-card{min-width:0;padding:9px!important;border-radius:14px}
  body[data-page="battles"] .battle-team-card>small{font-size:10px}.battle-team-card>strong{font-size:27px!important;margin:4px 0 8px}
  body[data-page="battles"] .battle-breakdown{grid-template-columns:1fr 1fr;gap:5px}
  body[data-page="battles"] .battle-breakdown>div{padding:7px 5px;border-radius:9px}.battle-breakdown span{font-size:8px;line-height:1.35}.battle-breakdown b{font-size:14px}
  body[data-page="battles"] .battle-ranking-head{gap:2px;margin-bottom:6px}.battle-ranking-head b{font-size:9px}.battle-ranking-head small{display:none}
  body[data-page="battles"] .battle-side-top5{gap:4px}
  body[data-page="battles"] .battle-rank-row{grid-template-columns:17px 26px minmax(0,1fr) auto!important;gap:3px!important;padding:5px 3px!important;border-radius:8px}
  body[data-page="battles"] .battle-rank-avatar{width:25px;height:25px;flex-basis:25px}.battle-rank-number{font-size:9px}.battle-rank-person b{font-size:9px}.battle-rank-person small,.battle-rank-badge,.battle-rank-score small{display:none}.battle-rank-score b{font-size:10px}
  body[data-page="battles"] .battle-progress{height:10px;margin-top:10px}.battle-progress-labels{font-size:10px}
  body[data-page="battles"] .battle-active-powerups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  body[data-page="battles"] .battle-powerup-active{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 8px}.battle-powerup-active b{font-size:9px}.battle-powerup-active small{font-size:9px}
}

@media(max-width:767px){
  body[data-page="supporters"] .filters{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:3px;scrollbar-width:none}
  body[data-page="supporters"] .filters::-webkit-scrollbar{display:none}
  body[data-page="supporters"] .filters button{flex:0 0 auto;padding:7px 10px;border-radius:999px;font-size:10px}
  body[data-page="supporters"] .card-grid{grid-template-columns:1fr;gap:7px}
  body[data-page="supporters"] .supporter-card{padding:10px;border-radius:14px}
  body[data-page="supporters"] .supporter-avatar{width:44px;height:44px;flex-basis:44px}
  body[data-page="supporters"] .supporter-card-person .name{font-size:14px}.supporter-card-person .username{font-size:10px}.supporter-vip-badge{font-size:9px}
  body[data-page="supporters"] .supporter-card .items{margin-top:8px;gap:5px}.supporter-card .item{padding:5px 7px;font-size:10px}
  body[data-page="supporters"] .inventory-list{gap:7px}
  body[data-page="supporters"] .inventory-row{grid-template-columns:1fr;padding:10px;border-radius:14px;gap:8px}
  body[data-page="supporters"] .inventory-avatar{width:43px;height:43px;flex-basis:43px}.inventory-person-text .name{font-size:14px}.inventory-person-text .username,.presence-mark{font-size:9px}
  body[data-page="supporters"] .inventory-actions{flex-wrap:wrap}.inventory-actions .mini{padding:6px 8px;font-size:10px}
  body[data-page="messages"] .vip-panel{padding:12px}
  body[data-page="messages"] .vip-panel .inline-form{display:grid;grid-template-columns:1fr;gap:7px}
  body[data-page="messages"] .vip-panel .inline-form .btn{width:100%}
  body[data-page="messages"] .vip-panel .message-list{height:54dvh;min-height:390px;max-height:570px;padding:2px}
  body[data-page="messages"] .vip-panel .message{padding:9px 10px;border-radius:11px;margin-bottom:5px}
  body[data-page="messages"] .vip-panel .message-avatar{width:42px;height:42px;flex-basis:42px}
  body[data-page="messages"] .vip-panel .message p{font-size:13px;line-height:1.5}.vip-panel .message-identity strong{font-size:12px}.vip-panel .message-identity small,.vip-panel .message-time{font-size:9px}
  body[data-page="messages"] .message-tags span{padding:2px 6px;font-size:9px}
  body[data-page="messages"] .watchlist-dropdown summary{font-size:10px;line-height:1.5}
}

@media(max-width:767px){
  body[data-page="reports"] .controls{margin-bottom:9px}
  body[data-page="reports"] .report-scope{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:6px}.report-scope .mini{font-size:10px;padding:7px}
  body[data-page="reports"] .report-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}
  body[data-page="reports"] .report-metrics article{padding:10px;border-radius:13px}.report-metrics small{font-size:9px}.report-metrics strong{font-size:18px}
  body[data-page="reports"] .report-table-wrap{border-radius:13px}
  body[data-page="reports"] .report-table{min-width:650px}.report-table th,.report-table td{padding:9px 10px;font-size:10px}.report-avatar{width:30px;height:30px}
  body[data-page="powerups"] .sent-panel{padding:12px}.sent-panel .sent-list{max-height:275px}
  body[data-page="powerups"] .upload-panel .drop{min-height:145px;padding:18px 10px}.upload-panel .drop strong{font-size:14px}.upload-panel .drop small{font-size:9px}
  body[data-page="powerups"] .review-card{padding:11px}.review-title b{font-size:14px}.review-note{font-size:10px}
  body[data-page="powerups"] .review-grid{grid-template-columns:1fr 1fr;gap:7px}.review-grid label{font-size:10px}.review-actions .btn{flex:1;min-width:120px;padding:0 8px;font-size:10px}
  body[data-page="tellme"] .tellme-controls{display:grid;grid-template-columns:1fr;gap:8px}.tellme-controls .field{grid-column:auto}.tellme-controls .badge{justify-self:stretch;text-align:center}
  body[data-page="tellme"] .tellme-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.tellme-metrics article{padding:10px}.tellme-metrics small{font-size:9px}.tellme-metrics strong{font-size:15px}
  body[data-page="tellme"] .tellme-note{padding:11px;font-size:10px;line-height:1.6}.tellme-alert{padding:10px}
  body[data-page="enigma"] .enigma-card-old{padding:12px;gap:11px}.enigma-main{min-width:0}.enigma-avatar-old{width:48px;height:48px;flex-basis:48px}.enigma-label-old{font-size:16px}.enigma-name-old{font-size:13px}.enigma-evidence-old{font-size:9px}
  body[data-page="enigma"] .enigma-result{padding:10px;gap:8px}.enigma-result-body>b,.enigma-result-body>strong{font-size:11px}.enigma-result-body>span,.enigma-result-body>small{font-size:9px}
  body[data-page] .toast{left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));max-width:none}
}

@media(max-width:767px){
  body[data-page] .saas-nav>a{position:relative}
}

/* Restore intended layout displays after the feature-only visibility rule. */
body[data-page="dashboard"] .stats.feature-only.dashboard{display:grid!important}
body[data-page="dashboard"] .controls.feature-only.dashboard,
body[data-page="settings"] .controls.feature-only.settings,
body[data-page="reports"] .controls.feature-only.reports{display:grid!important}
body[data-page="tellme"] .tellme-controls.feature-only.tellme{display:grid!important}

/* Account/admin menu is mobile-only; desktop keeps the full sidebar links. */
.mobile-user-menu{display:none}

@media(max-width:767px){
  body[data-page] .topbar{position:sticky}
  body[data-page] .mobile-user-menu{display:block;position:absolute;top:12px;left:12px;z-index:120;direction:rtl}
  body[data-page] .mobile-user-menu>summary{list-style:none;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(104,139,200,.38);border-radius:14px;background:linear-gradient(145deg,rgba(20,39,68,.96),rgba(7,21,40,.96));color:#dce8ff;font-size:19px;cursor:pointer;box-shadow:0 9px 28px rgba(0,0,0,.22)}
  body[data-page] .mobile-user-menu>summary::-webkit-details-marker{display:none}
  body[data-page] .mobile-user-menu[open]>summary{border-color:rgba(139,92,246,.72);background:linear-gradient(145deg,rgba(93,57,210,.58),rgba(25,37,75,.96));color:#fff}
  body[data-page] .mobile-user-menu-card{position:absolute;top:50px;left:0;width:min(310px,calc(100vw - 24px));padding:9px;border:1px solid rgba(104,139,200,.34);border-radius:17px;background:rgba(5,16,31,.985);box-shadow:0 24px 70px rgba(0,0,0,.52);backdrop-filter:blur(22px)}
  body[data-page] .mobile-user-menu-head{padding:8px 10px 11px;margin-bottom:5px;border-bottom:1px solid rgba(104,139,200,.2)}
  body[data-page] .mobile-user-menu-head>b{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12px}
  body[data-page] .mobile-user-menu-head>small{display:block;margin-top:3px;color:#9d73ff;font-size:9px;font-weight:900;letter-spacing:.08em}
  body[data-page] .mobile-user-menu-card>a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;color:#e8f0ff;text-decoration:none}
  body[data-page] .mobile-user-menu-card>a:hover,body[data-page] .mobile-user-menu-card>a:active{background:rgba(92,71,190,.18)}
  body[data-page] .mobile-user-menu-card>a>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:rgba(99,74,210,.16);font-size:17px}
  body[data-page] .mobile-user-menu-card>a div{min-width:0;flex:1}
  body[data-page] .mobile-user-menu-card>a b{display:block;font-size:12px}
  body[data-page] .mobile-user-menu-card>a small{display:block;margin-top:2px;color:#8899b4;font-size:9px}
  body[data-page] .mobile-user-menu-card>a.mobile-logout{margin-top:3px;color:#ff91a7}
  body[data-page] .mobile-user-menu-card>a.mobile-logout>span{background:rgba(255,79,112,.11)}
}


.message-tags .no-rewards{
  border-color:rgba(255,96,120,.55)!important;
  background:rgba(255,96,120,.12)!important;
  color:#ffb2bf!important;
  font-weight:800;
}

/* Embedded TikTok LIVE player. */
.live-video-panel{overflow:hidden;border-color:rgba(82,130,220,.34)!important}
.live-video-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.live-video-head h2{margin:2px 0 0;font-size:20px}
.live-video-head small{color:var(--muted);font-size:10px;letter-spacing:.12em}
.live-video-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.live-video-actions .btn.compact{min-height:36px;padding:7px 11px;font-size:11px}
.live-video-stage{position:relative;overflow:hidden;min-height:360px;max-height:72vh;border:1px solid rgba(92,128,186,.28);border-radius:18px;background:#000}
.live-video-stage video{display:block;width:100%;height:min(70vh,760px);min-height:360px;object-fit:contain;background:#000}
.live-video-placeholder{position:absolute;inset:0;display:grid;place-content:center;gap:8px;padding:24px;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(91,57,198,.2),transparent 38%),#03070d;color:#e9effa}
.live-video-placeholder strong{font-size:18px}
.live-video-placeholder span{max-width:520px;color:#8290a6;font-size:12px;line-height:1.7}
.live-video-placeholder.hidden{display:none}
.live-video-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:10px;color:#8f9db2;font-size:11px}
.live-video-meta span{padding:5px 8px;border:1px solid rgba(88,120,171,.22);border-radius:999px;background:rgba(8,20,37,.72)}
.live-video-meta #liveVideoNotice{margin-inline-start:auto;border:0;background:transparent}
.live-video-panel.video-live{border-color:rgba(32,217,154,.34)!important}

@media(min-width:1200px){
  body[data-page="dashboard"] .live-video-panel{padding:17px 18px}
  body[data-page="dashboard"] .live-video-stage{min-height:430px}
  body[data-page="dashboard"] .live-video-stage video{height:min(66vh,720px);min-height:430px}
  body[data-page="battles"] .live-video-panel{padding:15px 16px}
  body[data-page="battles"] .live-video-stage video{height:min(58vh,650px)}
}
@media(max-width:767px){
  .live-video-panel{padding:11px!important}
  .live-video-head{align-items:flex-start;gap:9px}
  .live-video-head h2{font-size:17px}
  .live-video-actions{gap:5px}
  .live-video-actions .btn.compact{min-height:34px;padding:6px 8px;font-size:9px}
  .live-video-actions #liveVideoState{font-size:9px}
  .live-video-stage{min-height:56vh;max-height:74vh;border-radius:14px}
  .live-video-stage video{height:64vh;min-height:56vh}
  .live-video-placeholder{padding:18px}
  .live-video-placeholder strong{font-size:15px}
  .live-video-placeholder span{font-size:10px}
  .live-video-meta{gap:5px;font-size:9px}
  .live-video-meta #liveVideoNotice{width:100%;margin:0;padding:2px 0}
}


/* Gift-value estimate: uses recorded gift Diamonds, never battle multiplier score. */
.battle-revenue{display:grid;gap:4px;margin:0 0 12px;padding:10px 12px;border:1px solid rgba(32,217,154,.28);border-radius:13px;background:rgba(20,110,82,.10)}
.battle-revenue>span{color:#8fe7c7;font-size:10px;font-weight:800}
.battle-revenue>b{color:#dfffee;font-size:16px}
.battle-revenue>small{color:#8298a9;font-size:9px;line-height:1.5}
.report-person-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.report-money{display:inline-flex;padding:3px 7px;border:1px solid rgba(32,217,154,.35);border-radius:999px;background:rgba(32,217,154,.09);color:#73e5b9;font-size:10px;font-weight:900;white-space:nowrap}
.report-gifts{display:flex;flex-wrap:wrap;gap:5px;min-width:150px;align-items:center}
.report-gift-chip{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:3px 7px;border:1px solid rgba(111,142,192,.24);border-radius:10px;background:rgba(8,23,43,.7);font-size:10px;white-space:nowrap;max-width:100%}
.report-gift-icon-wrap{width:24px;height:24px;min-width:24px;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.report-gift-icon-fallback{font-size:16px;color:#a7c3df}
.report-gift-icon-wrap>.report-gift-icon-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.report-gift-icon{width:24px;height:24px;object-fit:contain;position:relative;z-index:1;background:rgba(8,23,43,.98)}
.report-gift-name{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.report-gift-count{font-size:11px;font-weight:900;color:#bce3ff;direction:ltr}
@media(max-width:767px){
  .battle-revenue{padding:8px 9px;margin-bottom:8px}
  .battle-revenue>b{font-size:13px}
  .report-money{font-size:9px}
  .report-gifts{min-width:120px}
}

.opponent-revenue{border-color:rgba(255,87,115,.30);background:rgba(128,24,47,.10)}
.opponent-revenue>span{color:#ff9bab}

body[data-page="reports"] .report-money-total{border-color:rgba(32,217,154,.38);background:linear-gradient(145deg,rgba(10,51,42,.9),rgba(7,27,31,.95))}
body[data-page="reports"] .report-money-total strong{color:#7ce9bd}

/* Independent TikTok profile lookup. */
.account-info-panel{border-color:rgba(34,211,238,.28)!important}
.account-info-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.account-info-head h2{margin:3px 0 6px}.account-info-head p{margin:0;color:var(--saas-muted);line-height:1.7;font-size:12px}.account-info-head small{color:var(--saas-cyan);letter-spacing:.08em}
.account-info-search{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px}.account-info-search input{min-height:48px;border:1px solid rgba(91,126,180,.42);border-radius:13px;background:#071425;color:#fff;padding:0 14px;outline:none}.account-info-search input:focus{border-color:rgba(34,211,238,.56);box-shadow:0 0 0 3px rgba(34,211,238,.08)}
.account-info-note{margin:9px 0 14px;color:#8497b2;font-size:11px;line-height:1.65}.account-info-empty{padding:30px;text-align:center;border:1px dashed rgba(91,126,180,.3);border-radius:16px;color:#8291aa}.account-info-empty.hidden{display:none}
.account-info-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-profile-card{padding:15px;border:1px solid rgba(88,126,184,.28);border-radius:18px;background:linear-gradient(145deg,rgba(8,24,44,.96),rgba(5,16,31,.97));overflow:hidden}.account-profile-head{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:12px;align-items:center}.account-profile-avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid rgba(139,92,246,.48);background:#0b192c}.account-profile-title{min-width:0}.account-profile-title h3{margin:0 0 4px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-profile-title b{display:block;color:#90dcff;font-size:12px;direction:ltr;text-align:right}.account-profile-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.account-profile-badges span{padding:3px 7px;border:1px solid rgba(109,142,192,.3);border-radius:999px;font-size:9px;color:#bdc9da}.account-profile-remove{border:0;background:rgba(255,79,112,.08);color:#ff9aac;border-radius:10px;width:34px;height:34px;cursor:pointer}
.account-country{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0;padding:11px 12px;border:1px solid rgba(247,200,75,.25);border-radius:13px;background:rgba(247,200,75,.055)}.account-country small{display:block;color:#a99e83;font-size:9px}.account-country b{font-size:13px}.account-country .country-value{color:#f7d875;text-align:left}.account-country.unavailable{border-color:rgba(91,126,180,.24);background:rgba(14,29,51,.55)}.account-country.unavailable .country-value{color:#8ea0b9}
.account-profile-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.account-profile-stats div{padding:8px 5px;border:1px solid rgba(80,116,171,.2);border-radius:11px;background:rgba(4,15,29,.62);text-align:center}.account-profile-stats small{display:block;color:#7f91aa;font-size:8px}.account-profile-stats b{display:block;margin-top:3px;font-size:12px}.account-profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.account-profile-details div{padding:8px;border:1px solid rgba(80,116,171,.16);border-radius:10px;background:rgba(4,14,27,.48);min-width:0}.account-profile-details small{display:block;color:#8292a9;font-size:8px}.account-profile-details b{display:block;margin-top:3px;font-size:10px;overflow-wrap:anywhere}.account-bio{margin-top:10px;padding:10px;border-radius:11px;background:rgba(4,14,27,.52);color:#c7d3e2;font-size:11px;line-height:1.7;white-space:pre-wrap}.account-profile-actions{display:flex;gap:7px;margin-top:10px}.account-profile-actions a{padding:7px 10px;border:1px solid rgba(81,132,216,.35);border-radius:10px;color:#9dc8ff;text-decoration:none;font-size:10px}
@media(max-width:900px){.account-info-results{grid-template-columns:1fr}}
@media(max-width:767px){
  .account-info-head{align-items:flex-start}.account-info-head h2{font-size:18px}.account-info-head p{font-size:10px}.account-info-search{grid-template-columns:1fr}.account-info-search .btn{width:100%}
  .account-profile-card{padding:11px}.account-profile-head{grid-template-columns:62px minmax(0,1fr) 32px;gap:9px}.account-profile-avatar{width:62px;height:62px}.account-profile-title h3{font-size:15px}.account-profile-title b{font-size:10px}
  .account-profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.account-profile-details{grid-template-columns:1fr 1fr}.account-country{padding:9px}.account-country b{font-size:11px}
  body[data-page] .saas-nav .nav-label{font-size:8.5px}
}

/* Hidden viewer-ranking privacy — independent from Enigma. */
.hidden-ranking-box{margin:0 0 12px;padding:11px 12px;border:1px solid rgba(139,92,246,.38);border-radius:14px;background:linear-gradient(135deg,rgba(42,28,79,.42),rgba(8,17,31,.72))}
.hidden-ranking-box.hidden{display:none!important}
.hidden-ranking-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hidden-ranking-head>div{min-width:0;display:grid;gap:3px}.hidden-ranking-head strong{font-size:14px}.hidden-ranking-head small{color:#aebbd0;font-size:11px;line-height:1.55}
.hidden-ranking-head>span{flex:0 0 auto;padding:5px 9px;border:1px solid rgba(167,139,250,.38);border-radius:999px;background:rgba(82,56,145,.28);font-size:11px}.hidden-ranking-head>span b{font-size:14px;color:#c4b5fd}
.hidden-ranking-list{display:grid;gap:6px;margin-top:8px}.hidden-ranking-person{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;gap:7px;align-items:center;padding:6px 8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(4,10,20,.48)}
.hidden-ranking-avatar{width:28px!important;height:28px!important}.hidden-ranking-person span{min-width:0;display:grid}.hidden-ranking-person span b,.hidden-ranking-person span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden-ranking-person span small{font-size:10px;color:#8fa0ba;direction:ltr;text-align:right}.hidden-ranking-person>strong{font-size:12px;color:#d8b4fe}.hidden-ranking-person>em{font-style:normal;font-size:9px;color:#9af0ca;white-space:nowrap}
.hidden-ranking-anonymous{padding:6px 8px;font-size:11px;color:#b8c3d6;border-radius:9px;background:rgba(255,255,255,.035)}

/* Compact battle card: full score + real non-multiplied support at a glance. */
body[data-page="battles"] .battle-score-panel{padding:12px 14px!important}
body[data-page="battles"] .battle-score-head{margin-bottom:7px!important}
body[data-page="battles"] .battle-score-head h2{font-size:18px!important;margin-top:2px}
body[data-page="battles"] .battle-score-layout{grid-template-columns:minmax(260px,1fr) 150px minmax(260px,1fr)!important;gap:8px!important}
body[data-page="battles"] .battle-team-card{padding:9px!important;border-radius:13px!important}
body[data-page="battles"] .battle-team-card>small{font-size:11px!important}
.battle-score-primary{display:grid;gap:1px;margin:4px 0 6px}.battle-score-primary span{font-size:9px;color:#8fa0ba}.battle-score-primary strong{font-size:27px;line-height:1.05;font-weight:950;letter-spacing:.4px}
.battle-team-card.ours .battle-score-primary strong{color:#35aaff}.battle-team-card.opponent .battle-score-primary strong{color:#ff626d}
.battle-real-support{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label money" "diamonds money";align-items:center;gap:1px 7px;padding:6px 8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(3,10,20,.38);text-align:right}.battle-real-support span{grid-area:label;font-size:9px;color:#93a4bd}.battle-real-support b{grid-area:diamonds;font-size:12px}.battle-real-support strong{grid-area:money;font-size:14px;color:#8fffd2;white-space:nowrap}
.battle-detail-toggle{margin-top:5px;text-align:right}.battle-detail-toggle summary{cursor:pointer;color:#8fa0ba;font-size:9px;list-style:none}.battle-detail-toggle summary::-webkit-details-marker{display:none}.battle-detail-toggle summary:after{content:' ▾'}.battle-detail-toggle[open] summary:after{content:' ▴'}
body[data-page="battles"] .battle-breakdown{gap:4px!important;margin-top:4px}.battle-detail-toggle .battle-breakdown>div{padding:5px!important}.battle-detail-toggle .battle-breakdown span{font-size:9px!important}.battle-detail-toggle .battle-breakdown b{font-size:13px!important;margin-top:1px!important}
body[data-page="battles"] .battle-live-ranking{margin-top:7px!important;padding-top:6px!important}.battle-ranking-head{margin-bottom:4px!important}.battle-ranking-head b{font-size:11px!important}.battle-ranking-head small{font-size:9px!important}.battle-side-top5{gap:3px!important}
body[data-page="battles"] .battle-rank-row{grid-template-columns:16px 25px minmax(0,1fr) auto!important;gap:4px!important;padding:4px 5px!important;border-radius:8px!important}.battle-rank-avatar{width:24px!important;height:24px!important}.battle-rank-number{font-size:10px}.battle-rank-person b{font-size:11px}.battle-rank-person small{font-size:8px!important}.battle-rank-score b{font-size:11px!important}.battle-rank-score small{display:none!important}.battle-rank-badge{display:none!important}
body[data-page="battles"] .battle-center{padding:0 2px!important}.battle-timer{min-width:118px!important;padding:6px 10px!important;font-size:21px!important}.battle-center>small{font-size:9px;margin-top:2px!important}.battle-difference{min-width:120px!important;margin-top:5px!important;padding:5px 7px!important;font-size:16px!important}.battle-result{margin-top:3px!important;font-size:10px!important}.battle-progress{height:8px!important;margin-top:8px!important}.battle-progress-labels{font-size:10px!important;margin-top:2px!important}
@media(max-width:700px){
  .hidden-ranking-head{align-items:flex-start}.hidden-ranking-head>div{max-width:75%}.hidden-ranking-person{grid-template-columns:28px minmax(0,1fr) auto}.hidden-ranking-person>em{display:none}
  body[data-page="battles"] .battle-score-panel{padding:8px!important}
  body[data-page="battles"] .battle-score-layout{grid-template-columns:1fr 1fr!important;gap:5px!important}
  body[data-page="battles"] .battle-center{grid-column:1/-1;order:-1;display:grid!important;grid-template-columns:auto auto auto;gap:5px;justify-content:center;align-items:center}
  body[data-page="battles"] .battle-center>small{display:none}.battle-timer{min-width:96px!important;font-size:17px!important}.battle-difference{min-width:90px!important;margin-top:0!important;font-size:14px!important}.battle-result{margin-top:0!important;font-size:9px!important}
  body[data-page="battles"] .battle-team-card{padding:6px!important}.battle-score-primary strong{font-size:23px}.battle-real-support{grid-template-columns:1fr;padding:5px!important;text-align:center;grid-template-areas:"label" "diamonds" "money"}.battle-real-support strong{font-size:12px}.battle-real-support b{font-size:11px}.battle-live-ranking{margin-top:5px!important;padding-top:5px!important}.battle-ranking-head small{display:none}
}
body[data-page="battles"] #hiddenRankingBox{padding:8px 10px!important;margin:8px 0!important;border-radius:12px!important}

/* Battles quick Enigma panel — compact preview below hidden-ranking names. */
body[data-page="battles"] #enigmaLabPanel{margin:8px 0!important;padding:10px 12px!important}
body[data-page="battles"] #enigmaLabPanel .section-head{margin-bottom:8px}
body[data-page="battles"] #enigmaLabList{display:grid!important;grid-template-columns:1fr;gap:6px;max-height:300px;overflow-y:auto}
body[data-page="battles"] #enigmaLabPanel .enigma-card-old{min-height:0;padding:9px 10px;border-radius:11px;gap:8px}
body[data-page="battles"] #enigmaLabPanel .enigma-main{min-width:0;gap:9px}
body[data-page="battles"] #enigmaLabPanel .enigma-avatar-old{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:18px}
body[data-page="battles"] #enigmaLabPanel .enigma-label-old{font-size:13px}
body[data-page="battles"] #enigmaLabPanel .enigma-name-old{font-size:12px;margin-top:2px}
body[data-page="battles"] #enigmaLabPanel .enigma-evidence-old,body[data-page="battles"] #enigmaLabPanel .enigma-timing-old{font-size:9px;margin-top:2px}
body[data-page="battles"] #enigmaLabPanel .enigma-result{display:none}
.enigma-full-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}

/* Hidden viewers + Share main features */
body[data-page="hiddenviewers"] .feature-only.hiddenviewers,
body[data-page="share"] .feature-only.share{display:block!important}
body[data-page="hiddenviewers"] .controls.feature-only.hiddenviewers,
body[data-page="share"] .controls.feature-only.share{display:grid!important}
.hidden-viewers-list,.share-candidates-list{display:grid;gap:9px;margin-top:12px}
.hidden-viewer-card,.share-candidate-card{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px;border:1px solid rgba(83,125,190,.25);border-radius:14px;background:rgba(7,19,36,.66)}
.hidden-viewer-avatar,.share-candidate-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#16253d}
.hidden-viewer-avatar img,.share-candidate-avatar img{width:100%;height:100%;object-fit:cover}
.hidden-viewer-person,.share-candidate-person{min-width:0}.hidden-viewer-person b,.share-candidate-person b{display:block;font-size:14px}.hidden-viewer-person small,.share-candidate-person small,.hidden-viewer-person span,.share-candidate-person span{display:block;margin-top:3px;color:#95a8c5;font-size:10px}
.hidden-viewer-meta{text-align:left}.hidden-viewer-meta b,.hidden-viewer-meta small{display:block}.hidden-viewer-meta small{margin-top:3px;color:#74dca6;font-size:9px}
.share-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end}.share-controls label{display:grid;gap:5px;font-size:11px}.share-live-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:10px;border:1px solid rgba(91,137,207,.24);border-radius:13px}.share-live-tools b{margin-inline-end:auto}.share-note{margin-top:10px;padding:9px 11px;border-radius:11px;background:rgba(104,78,200,.09);color:#9fb0c8;font-size:10px;line-height:1.6}.share-candidate-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:767px){
  body[data-page] .saas-nav{grid-template-columns:repeat(8,minmax(0,1fr))!important;padding-inline:4px!important}
  body[data-page] .saas-nav>a[href="/hidden-viewers"],body[data-page] .saas-nav>a[href="/share"]{display:flex!important;min-width:0;min-height:58px;padding:5px 1px;border:0;border-radius:12px;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;box-shadow:none;color:#aebbd0;font-size:9px;text-align:center}
  body[data-page] .saas-nav .nav-label{font-size:8.5px!important}
  .hidden-viewer-card,.share-candidate-card{grid-template-columns:42px minmax(0,1fr);padding:9px;gap:8px}.hidden-viewer-avatar,.share-candidate-avatar{width:40px;height:40px}.hidden-viewer-meta,.share-candidate-actions{grid-column:2;justify-content:flex-start;text-align:right}.share-candidate-actions .btn{font-size:9px;padding:6px 8px}
  .share-controls{grid-template-columns:1fr 1fr}.share-controls .btn{grid-column:1/-1;width:100%}.share-live-tools{display:grid;grid-template-columns:1fr 1fr}.share-live-tools b{grid-column:1/-1}.share-live-tools .btn{width:100%;font-size:10px}
}

/* Granular subscription/admin access — 2026-09-28 */
.entitlement-hidden{display:none!important}
.admin-modal-open{overflow:hidden}
.admin-v2-shell{width:min(1280px,95vw)}
.admin-v2-nav{border:1px solid var(--saas-border);border-radius:16px;margin-bottom:12px;top:0}
.admin-v2-hero{margin-top:0}.admin-v2-hero small{color:#a78bfa}.admin-v2-hero p{max-width:850px}
.admin-section-card{padding:20px;border:1px solid var(--saas-border);border-radius:20px;margin-bottom:16px}
.admin-section-title,.admin-list-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.admin-section-title h3,.admin-list-head h3{margin:2px 0 0}.admin-section-title small,.admin-list-head small{color:var(--saas-muted)}
.admin-create-grid{display:grid;grid-template-columns:1.15fr 1.4fr 1.2fr .9fr .7fr auto;gap:10px;align-items:end}.admin-create-grid label,.admin-form-grid label,.admin-role-select{display:grid;gap:6px;color:#aab9cf;font-size:11px}.admin-create-grid input,.admin-create-grid select,.admin-form-grid input,.admin-form-grid select,.admin-role-select select,.admin-search-tools input,.admin-search-tools select{width:100%;min-height:44px;border:1px solid var(--saas-border);border-radius:11px;background:#071426;color:#fff;padding:0 11px}.admin-create-button{min-width:126px}
.admin-feature-picker{margin-top:14px;padding-top:14px;border-top:1px solid var(--saas-border)}
.admin-search-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-search-tools input{min-width:260px}.admin-search-tools select{width:auto;min-width:160px}
.admin-user-card{display:grid;grid-template-columns:minmax(280px,1.25fr) minmax(300px,1.4fr) auto;gap:18px;align-items:center;padding:17px 3px;border-bottom:1px solid var(--saas-border)}.admin-user-card:last-child{border-bottom:0}.admin-user-main{display:flex;align-items:center;gap:12px;min-width:0}.admin-user-avatar{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:1px solid rgba(139,92,246,.35);border-radius:15px;background:rgba(94,61,180,.13);font-size:22px}.admin-user-main>div:last-child{min-width:0}.admin-user-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-user-title>b{font-size:16px}.admin-user-main small{color:var(--saas-muted)}
.admin-user-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.admin-user-chips span,.admin-tiktok-chip{display:inline-flex;padding:4px 7px;border:1px solid rgba(92,128,186,.25);border-radius:999px;background:rgba(255,255,255,.03);color:#a9bad1;font-size:9px}.admin-tiktok-chip{direction:ltr;color:#bde9ff}
.admin-user-details{display:grid;grid-template-columns:1fr 1fr;gap:7px}.admin-user-details>div{min-width:0;padding:8px 10px;border:1px solid rgba(90,124,178,.17);border-radius:11px;background:rgba(5,17,32,.42)}.admin-user-details>div:last-child{grid-column:1/-1}.admin-user-details small{display:block;color:#7f92ad;font-size:9px}.admin-user-details b{display:block;margin-top:3px;font-size:11px;overflow-wrap:anywhere}.admin-user-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.admin-user-actions .saas-btn{font-size:10px}
.admin-audit-row,.admin-research-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.7fr) auto;gap:10px;padding:11px 2px;border-bottom:1px solid var(--saas-border);align-items:center}.admin-audit-row span,.admin-audit-row small,.admin-research-row span,.admin-research-row small{color:var(--saas-muted);font-size:10px}.admin-audit-row>div{grid-column:2/-1;color:#8294ae;font-size:9px;overflow-wrap:anywhere}
.admin-modal{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:18px;background:rgba(1,7,15,.82);backdrop-filter:blur(12px)}.admin-modal.hidden{display:none!important}.admin-modal-card{width:min(1020px,96vw);max-height:92dvh;overflow:auto;padding:22px;border:1px solid rgba(125,99,230,.42);border-radius:24px;background:linear-gradient(145deg,#0b1b30,#061120);box-shadow:0 32px 110px rgba(0,0,0,.62)}
.admin-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--saas-border)}.admin-modal-head small{color:#aa8dff;font-weight:900}.admin-modal-head h2{margin:3px 0;font-size:24px}.admin-modal-head p{margin:0;color:var(--saas-muted);direction:ltr;text-align:right}.admin-modal-close{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--saas-border);border-radius:13px;background:#101e34;color:#fff;font-size:25px;cursor:pointer}
.admin-owner-notice,.admin-warning,.admin-inline-note{margin-top:12px;padding:10px 12px;border:1px solid rgba(247,200,75,.28);border-radius:12px;background:rgba(247,200,75,.07);color:#f5d87f;font-size:11px;line-height:1.65}.admin-owner-notice.hidden,.admin-modal-section.hidden,.admin-permission-grid.hidden{display:none!important}.admin-inline-note{border-color:rgba(91,132,197,.2);background:rgba(13,30,52,.52);color:#9eb1ca}
.admin-modal-section{margin-top:14px;padding:15px;border:1px solid rgba(93,128,184,.22);border-radius:16px;background:rgba(5,16,31,.52)}.admin-modal-section>h3,.admin-modal-section .admin-section-title h3{margin:0 0 10px;font-size:16px}.admin-modal-section .admin-section-title{margin:0}.admin-modal-section .admin-section-title p{margin:3px 0 0;color:var(--saas-muted);font-size:10px;line-height:1.55}.admin-readonly{opacity:.75}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.admin-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.admin-check-option{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;align-items:flex-start;padding:10px;border:1px solid rgba(89,124,180,.22);border-radius:12px;background:rgba(6,20,37,.62);cursor:pointer;transition:.15s ease}.admin-check-option.checked{border-color:rgba(34,211,238,.4);background:rgba(24,105,123,.11)}.admin-check-option input{width:18px;height:18px;margin:2px 0 0;accent-color:#7c4dff}.admin-check-option span{min-width:0}.admin-check-option b{display:block;color:#eef5ff;font-size:12px}.admin-check-option small{display:block;margin-top:3px;color:#8092ac;font-size:9px;line-height:1.5}.admin-check-option:has(input:disabled){cursor:default}
.admin-permission-option.checked{border-color:rgba(167,139,250,.45);background:rgba(98,69,188,.13)}.admin-check-actions{display:flex;gap:6px}.admin-check-actions .saas-btn{min-height:35px;padding:0 10px;font-size:9px}.admin-role-select{min-width:170px}.admin-warning{margin:10px 0 0;border-color:rgba(245,158,11,.24);color:#ffd79a}
.admin-modal-actions{position:sticky;bottom:-22px;display:flex;gap:8px;flex-wrap:wrap;margin:18px -22px -22px;padding:14px 22px;background:rgba(5,16,31,.97);border-top:1px solid var(--saas-border);backdrop-filter:blur(16px)}.admin-modal-actions .saas-btn:first-child{min-width:180px}.admin-modal-actions+#modalMsg{position:sticky;bottom:52px;margin:0;padding:7px 0;background:rgba(5,16,31,.94)}
@media(max-width:1050px){.admin-create-grid{grid-template-columns:1fr 1fr 1fr}.admin-create-button{width:100%}.admin-user-card{grid-template-columns:1fr}.admin-user-actions{justify-content:flex-start}.admin-user-details{grid-template-columns:repeat(3,1fr)}.admin-user-details>div:last-child{grid-column:auto}}
@media(max-width:700px){.admin-v2-shell{width:94vw;padding:14px 0}.admin-v2-nav{overflow-x:auto;flex-wrap:nowrap}.admin-v2-nav a{white-space:nowrap}.admin-v2-hero{padding:17px}.admin-v2-hero h2{font-size:21px}.admin-section-card{padding:14px}.admin-section-title,.admin-list-head{align-items:flex-start;flex-direction:column}.admin-search-tools{width:100%}.admin-search-tools input,.admin-search-tools select{width:100%;min-width:0}.admin-create-grid{grid-template-columns:1fr}.admin-user-card{gap:10px;padding:14px 0}.admin-user-details{grid-template-columns:1fr 1fr}.admin-user-details>div:last-child{grid-column:1/-1}.admin-user-actions .saas-btn{flex:1;min-width:140px}.admin-modal{padding:0}.admin-modal-card{width:100vw;max-height:100dvh;height:100dvh;border-radius:0;padding:15px}.admin-modal-head h2{font-size:20px}.admin-form-grid,.admin-check-grid{grid-template-columns:1fr}.admin-modal-section{padding:12px}.admin-modal-section .admin-section-title{flex-direction:column}.admin-check-actions{width:100%}.admin-check-actions .saas-btn{flex:1}.admin-role-select{width:100%}.admin-modal-actions{bottom:-15px;margin:14px -15px -15px;padding:12px 15px}.admin-audit-row,.admin-research-row{grid-template-columns:1fr;gap:4px}.admin-audit-row>div{grid-column:auto}}

.account-section-card{padding:22px;border:1px solid var(--saas-border);border-radius:20px;margin:16px 0}.account-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.account-services-grid article{padding:11px 12px;border:1px solid rgba(74,126,201,.24);border-radius:12px;background:rgba(7,22,41,.64)}.account-services-grid b{display:block;font-size:12px}.account-services-grid small{display:block;margin-top:4px;color:#8294ae;font-size:9px;line-height:1.5}@media(max-width:650px){.account-services-grid{grid-template-columns:1fr}.account-section-card{padding:15px}}

/* Audience history page visibility. Keep page-specific layout intact. */
body[data-page="audiencehistory"] #audienceHistoryPanel{display:grid!important}
body[data-page="audiencehistory"] .controls.feature-only.audiencehistory{display:grid!important}


/* Shared supporter intelligence — 2026-10-07 */
.supporter-history-panel{overflow:hidden}
.supporter-history-head p{margin:5px 0 0;color:var(--saas-muted);line-height:1.8}
.supporter-history-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:18px 0 10px}
.supporter-history-search input{min-height:50px;width:100%;border:1px solid var(--ui-line);border-radius:13px;background:#071425;color:#fff;padding:0 14px;outline:none}
.supporter-history-search input:focus{border-color:rgba(34,211,238,.62);box-shadow:0 0 0 3px rgba(34,211,238,.08)}
.supporter-history-note,.supporter-history-empty{padding:12px 14px;border:1px solid var(--ui-line);border-radius:13px;color:var(--saas-muted);background:rgba(6,18,34,.6);line-height:1.8}
.supporter-history-empty{margin-top:14px;text-align:center;border-style:dashed}
.supporter-history-identity{display:flex;align-items:center;gap:14px;margin-top:16px;padding:16px;border:1px solid rgba(139,92,246,.32);border-radius:16px;background:linear-gradient(145deg,rgba(31,25,65,.62),rgba(7,23,42,.82))}
.supporter-history-avatar{width:62px;height:62px;flex:0 0 62px;border-radius:50%;overflow:hidden}
.supporter-history-identity small{color:var(--saas-muted)}.supporter-history-identity h3{margin:3px 0 4px;font-size:20px}.supporter-history-user{font-weight:800;color:#c8e7ff}.supporter-history-id,.supporter-history-range{margin-top:4px;color:var(--saas-muted);font-size:12px}
.supporter-history-warning{margin-top:8px;padding:8px 10px;border:1px solid rgba(245,158,11,.35);border-radius:10px;background:rgba(245,158,11,.08);color:#fed7aa;font-size:11px;line-height:1.7}
.supporter-history-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}
.supporter-history-metrics article{padding:14px;border:1px solid var(--ui-line);border-radius:14px;background:rgba(8,24,43,.72)}
.supporter-history-metrics small{display:block;color:var(--saas-muted);margin-bottom:5px}.supporter-history-metrics strong{font-size:21px;color:#fff}
.supporter-history-table td{vertical-align:top}.supporter-history-table td>strong{display:block}.supporter-history-creator-name{display:block;margin-top:4px;color:var(--saas-muted)}
.enigma-shared-card{border-color:rgba(34,211,238,.24)}.enigma-shared-result{border-color:rgba(34,211,238,.28)!important;background:rgba(8,35,50,.72)!important;color:#c8f7ff!important}
@media(max-width:900px){.supporter-history-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.supporter-history-search{grid-template-columns:1fr}.supporter-history-metrics{grid-template-columns:1fr 1fr}.supporter-history-identity{align-items:flex-start}.supporter-history-table-wrap{overflow-x:auto}.supporter-history-table{min-width:760px}}


/* ===== Battles V3 unified live arena ===== */
body[data-page="battles"] .page-hero{display:none}
body[data-page="battles"] .battle-arena-panel{
  overflow:hidden;
  padding:14px!important;
  border-color:rgba(76,126,221,.48)!important;
  background:
    radial-gradient(circle at 50% 0,rgba(104,70,255,.11),transparent 31%),
    linear-gradient(160deg,rgba(7,23,44,.99),rgba(3,13,27,.99));
  box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 0 50px rgba(32,91,180,.035);
}
.battle-arena-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.battle-arena-head h2{margin:2px 0 0;font-size:20px}
.battle-arena-head>div>small{color:#9fb0c8;font-size:10px;font-weight:850}
.battle-arena-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.battle-money-toggle{display:flex!important;align-items:center!important;gap:7px!important;padding:7px 10px!important;border:1px solid rgba(31,223,163,.3)!important;border-radius:12px!important;background:rgba(10,76,63,.14)!important;color:#b8ffea!important}
.battle-money-toggle input{width:32px!important;height:18px!important;min-height:0!important;accent-color:#22d39b}
.battle-money-toggle span{font-size:10px!important;font-weight:850}
.battle-arena-head .battle-result{margin:0!important;padding:7px 9px!important;border:1px solid rgba(125,105,255,.26);border-radius:11px;background:rgba(83,61,170,.1);font-size:10px!important;color:#d8d0ff}

.battle-powerup-lanes{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:6px;
  margin:0 0 7px!important;
  padding:7px;
  border:1px solid rgba(91,130,196,.25);
  border-radius:13px;
  background:rgba(3,12,25,.72)
}
.battle-powerup-lanes.hidden{display:none!important}
.battle-powerup-lanes .battle-powerup-active{min-width:0!important;padding:7px 8px!important;border-radius:10px!important;text-align:center;align-items:center!important;justify-content:center!important}
.battle-powerup-lanes .battle-powerup-active.side-opponent{grid-column:1;border-color:rgba(255,74,111,.35)!important;background:rgba(122,22,47,.16)!important}
.battle-powerup-lanes .battle-powerup-active.side-ally{grid-column:2;border-color:rgba(255,193,65,.34)!important;background:rgba(118,82,9,.13)!important}
.battle-powerup-lanes .battle-powerup-active.side-creator{grid-column:3;border-color:rgba(38,157,255,.4)!important;background:rgba(20,86,154,.14)!important}
.battle-powerup-lanes .battle-powerup-active.side-unknown{grid-column:2}
.battle-powerup-lanes .battle-powerup-active b{font-size:10px!important;line-height:1.35;text-align:center}
.battle-powerup-lanes .battle-powerup-active small{font-size:8px!important;line-height:1.35;text-align:center;color:#97a8c1}

.battle-scoreboard{
  display:grid;
  grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr);
  grid-template-areas:"opponent center ours";
  align-items:end;
  gap:7px;
  padding:7px 8px 4px;
  border:1px solid rgba(86,127,199,.24);
  border-radius:14px 14px 8px 8px;
  background:linear-gradient(90deg,rgba(160,21,58,.26),rgba(20,17,58,.55) 49%,rgba(10,89,160,.26))
}
.battle-score-side{min-width:0;display:grid;gap:2px}
.battle-score-side.opponent{grid-area:opponent;text-align:right}
.battle-score-side.ours{grid-area:ours;text-align:left}
.battle-score-side small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:850}
.battle-score-side strong{font-size:34px;line-height:1;font-weight:950;letter-spacing:.4px}
.battle-score-side.opponent strong{color:#ff4f78;text-shadow:0 0 18px rgba(255,56,103,.3)}
.battle-score-side.ours strong{color:#37aaff;text-shadow:0 0 18px rgba(42,151,255,.3)}
.battle-score-vs{grid-area:center;display:grid;justify-items:center;gap:3px}
.battle-score-vs>b{display:grid;place-items:center;min-width:58px;height:29px;border:1px solid rgba(177,93,255,.52);border-radius:10px;background:linear-gradient(135deg,#6f28c9,#df285f);box-shadow:0 0 22px rgba(132,45,227,.24);font-size:15px;font-style:italic}
.battle-score-vs .battle-timer{min-width:92px!important;padding:5px 8px!important;margin:0!important;border-radius:10px!important;font-size:17px!important}

.battle-progress-top{display:flex!important;height:7px!important;margin:0!important;border-radius:0 0 8px 8px!important;overflow:hidden;background:#122038}
.battle-progress-top .battle-progress-opponent{order:1;background:linear-gradient(90deg,#ff2f68,#ff5579)}
.battle-progress-top .battle-progress-ours{order:2;background:linear-gradient(90deg,#1d8fff,#38b8ff)}
.battle-progress-labels-top{display:flex!important;justify-content:space-between!important;margin:2px 4px 5px!important;color:#8fa2bd!important;font-size:8px!important}

.battle-live-player{position:relative;margin-top:2px}
.battle-live-toolbar{position:absolute;z-index:5;top:7px;right:7px;left:7px;display:flex;align-items:center;justify-content:space-between;gap:6px;pointer-events:none}
.battle-live-toolbar>*{pointer-events:auto}
.battle-live-toolbar-actions{display:flex;gap:5px}
.battle-live-toolbar .badge,.battle-live-toolbar .btn{min-height:30px!important;padding:5px 8px!important;border-radius:10px!important;background:rgba(2,9,17,.72)!important;backdrop-filter:blur(10px);font-size:9px!important}
.battle-live-stage{min-height:320px!important;max-height:none!important;border-radius:13px!important;border-color:rgba(77,126,206,.34)!important}
.battle-live-stage video{height:min(52vh,560px)!important;min-height:320px!important;object-fit:contain!important;background:#000}
.battle-live-meta{margin-top:5px!important;gap:4px!important;font-size:8px!important}
.battle-live-meta span{padding:3px 6px!important}
.battle-live-meta #liveVideoNotice{margin-inline-start:auto!important}

.battle-net-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0 5px}
.battle-net-title{color:#93a7c3;font-size:9px;font-weight:800}
.battle-net-toolbar .battle-difference{min-width:0!important;margin:0!important;padding:5px 9px!important;border-radius:10px!important;font-size:12px!important}

.battle-net-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.battle-net-card{min-width:0;padding:9px 10px;border:1px solid rgba(91,130,195,.25);border-radius:13px;background:rgba(5,17,33,.78)}
.battle-net-card.opponent{border-color:rgba(255,76,111,.38);background:linear-gradient(145deg,rgba(76,13,36,.52),rgba(7,18,33,.82))}
.battle-net-card.ours{border-color:rgba(36,153,255,.4);background:linear-gradient(145deg,rgba(7,50,91,.55),rgba(7,18,33,.82))}
.battle-net-card-head{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:5px}
.battle-net-card-head span{font-size:10px;font-weight:900}
.battle-net-card-head small{color:#91a5c0;font-size:8px}
.battle-net-values{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding-bottom:5px}
.battle-net-values strong{font-size:25px;line-height:1;font-weight:950}
.battle-net-card.opponent .battle-net-values strong{color:#ff5a80}
.battle-net-card.ours .battle-net-values strong{color:#43b2ff}
.battle-net-values b{color:#7ff0c4!important;font-size:12px!important;white-space:nowrap}
.battle-net-card .battle-host-breakdown{margin-top:5px!important;gap:4px!important}
.battle-net-card .battle-host-row{grid-template-columns:minmax(0,1fr) auto!important;padding:5px 6px!important;border-radius:9px!important}
.battle-net-card .battle-host-avatar{width:25px!important;height:25px!important;flex-basis:25px!important}
.battle-net-card .battle-host-copy b{font-size:9px!important}.battle-net-card .battle-host-copy small{font-size:7px!important}
.battle-net-card .battle-host-values b{font-size:8px!important}.battle-net-card .battle-host-values small{display:none!important}.battle-net-card .battle-host-values .sar-amount{font-size:8px!important}

.battle-top5-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}
.battle-top5-card{min-width:0;padding:8px;border:1px solid rgba(91,130,195,.24);border-radius:13px;background:rgba(4,15,29,.68)}
.battle-top5-card.opponent{border-color:rgba(255,78,111,.32)}.battle-top5-card.ours{border-color:rgba(42,155,255,.34)}
.battle-top5-card .battle-ranking-head{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:5px!important}
.battle-top5-card .battle-ranking-head b{font-size:10px!important}.battle-top5-card .battle-ranking-head small{font-size:7px!important;color:#8498b5}
.battle-top5-card .battle-side-top5{gap:3px!important}
.battle-top5-card .battle-rank-row{grid-template-columns:15px 23px minmax(0,1fr) auto!important;gap:3px!important;padding:4px!important;min-height:30px!important}
.battle-top5-card .battle-rank-avatar{width:22px!important;height:22px!important;flex-basis:22px!important}
.battle-top5-card .battle-rank-number{font-size:9px!important}.battle-top5-card .battle-rank-person b{font-size:9px!important}.battle-top5-card .battle-rank-person small{display:none!important}.battle-top5-card .battle-rank-score b{font-size:9px!important}
.battle-arena-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;color:#6f829e;font-size:7px;direction:ltr}
.battle-hidden-data{display:none!important}

/* All product features in one swipeable mobile bottom rail. */
@media(max-width:767px){
  body[data-page]{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  body[data-page] .saas-nav{
    position:fixed!important;
    top:auto!important;right:0!important;bottom:0!important;left:0!important;
    width:100%!important;height:calc(74px + env(safe-area-inset-bottom))!important;
    display:flex!important;flex-direction:row!important;align-items:stretch!important;
    gap:3px!important;padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x proximity;scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;touch-action:pan-x;
    scrollbar-width:none;direction:rtl;
    border-top:1px solid rgba(104,139,200,.3)!important;
    background:rgba(4,15,30,.965)!important;
    backdrop-filter:blur(22px)
  }
  body[data-page] .saas-nav::-webkit-scrollbar{display:none}
  body[data-page] .saas-nav>*{display:none!important}
  body[data-page] .saas-nav>a:not(.nav-secondary){
    position:relative;
    display:flex!important;flex:0 0 72px!important;min-width:72px!important;min-height:60px!important;
    padding:5px 3px!important;border:0!important;border-radius:12px!important;
    flex-direction:column;align-items:center;justify-content:center;gap:3px;
    background:transparent!important;box-shadow:none!important;color:#aebbd0!important;text-align:center;
    scroll-snap-align:center
  }
  body[data-page] .saas-nav>a:not(.nav-secondary).active{
    color:#a98aff!important;
    background:linear-gradient(180deg,rgba(125,74,255,.17),rgba(33,55,100,.045))!important
  }
  body[data-page] .saas-nav>a:not(.nav-secondary).active:before{
    content:"";position:absolute;top:0;width:38px;height:3px;border-radius:999px;background:#8958ff;box-shadow:0 0 16px rgba(137,88,255,.7)
  }
  body[data-page] .saas-nav .nav-icon{font-size:21px!important;line-height:1!important}
  body[data-page] .saas-nav .nav-label{max-width:68px;font-size:8px!important;line-height:1.15!important;white-space:normal!important}

  body[data-page="battles"] main{padding:6px 7px 12px!important}
  body[data-page="battles"] .battle-arena-panel{padding:7px!important;margin-bottom:7px!important;border-radius:14px!important}
  body[data-page="battles"] .battle-arena-head{margin-bottom:5px}
  body[data-page="battles"] .battle-arena-head h2{font-size:16px}
  body[data-page="battles"] .battle-arena-head>div>small{font-size:8px}
  body[data-page="battles"] .battle-arena-head-actions{gap:4px}
  body[data-page="battles"] .battle-money-toggle{padding:5px 7px!important}.battle-money-toggle span{font-size:8px!important}
  body[data-page="battles"] .battle-arena-head .battle-result{display:none}

  body[data-page="battles"] .battle-powerup-lanes{gap:3px;padding:4px;margin-bottom:4px!important}
  body[data-page="battles"] .battle-powerup-lanes .battle-powerup-active{padding:4px!important}
  body[data-page="battles"] .battle-powerup-lanes .battle-powerup-active b{font-size:7.5px!important}
  body[data-page="battles"] .battle-powerup-lanes .battle-powerup-active small{font-size:6.5px!important}

  body[data-page="battles"] .battle-scoreboard{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);gap:3px;padding:5px 5px 3px}
  body[data-page="battles"] .battle-score-side small{font-size:8px}
  body[data-page="battles"] .battle-score-side strong{font-size:26px}
  body[data-page="battles"] .battle-score-vs>b{min-width:42px;height:22px;font-size:11px}
  body[data-page="battles"] .battle-score-vs .battle-timer{min-width:68px!important;padding:4px!important;font-size:13px!important}
  body[data-page="battles"] .battle-progress-labels-top{display:none!important}

  body[data-page="battles"] .battle-live-toolbar{top:5px;right:5px;left:5px}
  body[data-page="battles"] .battle-live-toolbar .badge,body[data-page="battles"] .battle-live-toolbar .btn{min-height:25px!important;padding:4px 6px!important;font-size:7px!important}
  body[data-page="battles"] .battle-live-stage{min-height:34vh!important;border-radius:11px!important}
  body[data-page="battles"] .battle-live-stage video{height:40vh!important;min-height:34vh!important}
  body[data-page="battles"] .battle-live-meta{display:none!important}

  body[data-page="battles"] .battle-net-toolbar{margin:5px 0 4px}
  body[data-page="battles"] .battle-net-title{font-size:7px}
  body[data-page="battles"] .battle-net-toolbar .battle-difference{padding:3px 6px!important;font-size:9px!important}
  body[data-page="battles"] .battle-net-grid{gap:4px}
  body[data-page="battles"] .battle-net-card{padding:6px!important;border-radius:10px}
  body[data-page="battles"] .battle-net-card-head{margin-bottom:3px}.battle-net-card-head span{font-size:8px}.battle-net-card-head small{font-size:6.5px}
  body[data-page="battles"] .battle-net-values{padding-bottom:2px}.battle-net-values strong{font-size:19px}.battle-net-values b{font-size:9px!important}
  body[data-page="battles"] .battle-net-card .battle-host-row{padding:3px 4px!important}.battle-net-card .battle-host-avatar{width:20px!important;height:20px!important;flex-basis:20px!important}.battle-net-card .battle-host-copy b{font-size:7px!important}.battle-net-card .battle-host-copy small{display:none}.battle-net-card .battle-host-values b,.battle-net-card .battle-host-values .sar-amount{font-size:6.5px!important}

  body[data-page="battles"] .battle-top5-grid{gap:4px;margin-top:4px}
  body[data-page="battles"] .battle-top5-card{padding:5px!important;border-radius:10px}
  body[data-page="battles"] .battle-top5-card .battle-ranking-head b{font-size:8px!important}.battle-top5-card .battle-ranking-head small{display:none!important}
  body[data-page="battles"] .battle-top5-card .battle-rank-row{grid-template-columns:13px 19px minmax(0,1fr) auto!important;min-height:24px!important;padding:2px!important}
  body[data-page="battles"] .battle-top5-card .battle-rank-avatar{width:18px!important;height:18px!important;flex-basis:18px!important}
  body[data-page="battles"] .battle-top5-card .battle-rank-number{font-size:7px!important}.battle-top5-card .battle-rank-person b{font-size:7px!important}.battle-top5-card .battle-rank-score b{font-size:7px!important}
  body[data-page="battles"] .battle-arena-footer{margin-top:3px;font-size:6px}
}

@media(min-width:768px){
  body[data-page="battles"] .battle-live-stage video{height:min(58vh,620px)!important}
}

/* SAR preference hides only money; net score remains visible. */
body.sar-hidden .battle-net-values .sar-amount,
body.sar-hidden .battle-host-values .sar-amount{display:none!important}

/* v1.6.1 - make the live battle score gap impossible to miss */
body[data-page="battles"] .battle-scoreboard{
  grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr)
}
body[data-page="battles"] .battle-score-vs{gap:5px}
body[data-page="battles"] .battle-score-vs .battle-gap-badge{
  display:grid!important;place-items:center;gap:1px;
  width:100%;min-width:126px!important;margin:0!important;padding:5px 8px!important;
  border:1px solid rgba(129,145,176,.32);border-radius:10px;
  background:rgba(10,20,38,.9);box-shadow:0 5px 16px rgba(0,0,0,.18);
  line-height:1.05;text-align:center
}
body[data-page="battles"] .battle-gap-badge small{font-size:9px;font-weight:900;white-space:nowrap;color:#aebbd0}
body[data-page="battles"] .battle-gap-badge strong{font-size:18px;font-weight:1000;letter-spacing:.25px;white-space:nowrap}
body[data-page="battles"] .battle-gap-badge.good{border-color:rgba(49,223,166,.55);background:rgba(10,74,58,.34)}
body[data-page="battles"] .battle-gap-badge.good small,body[data-page="battles"] .battle-gap-badge.good strong{color:#63f0bd}
body[data-page="battles"] .battle-gap-badge.bad{border-color:rgba(255,75,111,.58);background:rgba(107,17,43,.34)}
body[data-page="battles"] .battle-gap-badge.bad small,body[data-page="battles"] .battle-gap-badge.bad strong{color:#ff6686}
body[data-page="battles"] .battle-gap-badge.neutral{border-color:rgba(131,110,255,.38);background:rgba(46,37,98,.3)}
body[data-page="battles"] .battle-gap-badge.neutral strong{color:#d8d2ff}
body[data-page="battles"] .battle-net-toolbar{justify-content:center!important}

@media(max-width:767px){
  body[data-page="battles"] .battle-scoreboard{
    grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr)!important
  }
  body[data-page="battles"] .battle-score-vs .battle-gap-badge{
    min-width:100px!important;padding:4px 5px!important;border-radius:8px!important
  }
  body[data-page="battles"] .battle-gap-badge small{font-size:7.5px!important}
  body[data-page="battles"] .battle-gap-badge strong{font-size:13px!important}
  body[data-page="battles"] .battle-score-side strong{font-size:24px!important}
}


/* Mobile battles: enlarge a letterboxed portrait TikTok feed to fill the square
   live stage. Keep desktop and other pages unchanged. */
@media(max-width:767px){
  body[data-page="battles"] .battle-live-stage{
    aspect-ratio:1 / 1;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  body[data-page="battles"] .battle-live-stage video{
    position:absolute;
    inset:0;
    display:block;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}

/* Home layout customization */
.home-section-hidden{display:none!important}
.home-section-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px}
.home-section-option{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid rgba(115,139,178,.3);border-radius:13px;background:rgba(7,20,38,.55);cursor:pointer}
.home-section-option.selected{border-color:rgba(39,207,157,.55);background:rgba(8,76,60,.2)}
.home-section-option input{margin-top:3px;accent-color:#25d19b}
.home-section-option span{display:grid;gap:4px}
.home-section-option b{font-size:12px}
.home-section-option small{font-size:9px;color:#8ea2bd;line-height:1.5}
.home-layout-actions{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.home-battle-summary{border-color:rgba(90,121,215,.36)!important}
.home-battle-score{display:grid;grid-template-columns:1fr 150px 1fr;gap:8px;align-items:center}
.home-battle-side{padding:12px;border:1px solid rgba(94,123,171,.25);border-radius:12px;background:rgba(5,16,31,.72)}
.home-battle-side.opponent{text-align:right;border-color:rgba(255,70,106,.35)}
.home-battle-side.ours{text-align:left;border-color:rgba(43,157,255,.35)}
.home-battle-side small{font-size:9px;color:#99abc3}.home-battle-side strong{display:block;margin-top:3px;font-size:28px}
.home-battle-side.opponent strong{color:#ff5778}.home-battle-side.ours strong{color:#44b4ff}
.home-battle-gap{display:grid;place-items:center;gap:2px;padding:8px;border-radius:11px;background:rgba(30,39,75,.45);border:1px solid rgba(119,105,255,.35);text-align:center}
.home-battle-gap small{font-size:9px}.home-battle-gap strong{font-size:17px}
.home-battle-gap.good{border-color:rgba(45,218,158,.45);color:#6ff0bd}.home-battle-gap.bad{border-color:rgba(255,75,111,.45);color:#ff6686}

@media(max-width:767px){
 .home-section-picker{grid-template-columns:1fr 1fr;gap:7px}
 .home-section-option{padding:9px}.home-section-option b{font-size:10px}.home-section-option small{font-size:7.5px}
 .home-battle-score{grid-template-columns:1fr 105px 1fr;gap:4px}
 .home-battle-side{padding:8px}.home-battle-side strong{font-size:20px}
 .home-battle-gap{padding:6px}.home-battle-gap small{font-size:7.5px}.home-battle-gap strong{font-size:13px}
}

/* Hidden viewer confidence tiers — 2026-10-08 */
.hidden-viewer-card.confirmed{border-color:rgba(53,211,153,.34);background:linear-gradient(145deg,rgba(8,54,46,.34),rgba(7,19,36,.72))}
.hidden-viewer-card.suspected{border-color:rgba(245,158,11,.35);background:linear-gradient(145deg,rgba(86,52,7,.26),rgba(7,19,36,.72))}
.hidden-viewer-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.hidden-viewer-name-row>b{margin:0}
.hidden-classification{display:inline-flex!important;align-items:center;width:max-content;margin:0!important;padding:3px 7px;border-radius:999px;font-size:8px!important;font-weight:900;line-height:1.2}
.hidden-classification.confirmed{color:#75efbf!important;border:1px solid rgba(53,211,153,.32);background:rgba(17,111,82,.18)}
.hidden-classification.suspected{color:#ffd27b!important;border:1px solid rgba(245,158,11,.32);background:rgba(145,88,7,.18)}
.hidden-viewer-person em{display:inline-flex;width:max-content;margin-top:5px;padding:3px 7px;border-radius:999px;background:rgba(93,122,174,.13);color:#aec0d8;font-size:8px;font-style:normal;font-weight:800}

/* Hidden viewer confidence states — 2026-10-08 */
.hidden-viewer-card.confirmed{
  border-color:rgba(50,211,160,.42);
  box-shadow:inset 0 0 0 1px rgba(50,211,160,.05)
}
.hidden-viewer-card.suspected{
  border-style:dashed;
  border-color:rgba(245,158,11,.5);
  background:linear-gradient(145deg,rgba(83,53,8,.16),rgba(7,19,36,.7))
}
.hidden-viewer-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.hidden-viewer-name-row>b{min-width:0}
.hidden-classification{
  display:inline-flex;align-items:center;justify-content:center;
  padding:3px 7px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap
}
.hidden-classification.confirmed{
  border:1px solid rgba(50,211,160,.35);background:rgba(50,211,160,.1);color:#79efc5
}
.hidden-classification.suspected{
  border:1px solid rgba(245,158,11,.38);background:rgba(245,158,11,.1);color:#ffd079
}
.hidden-viewer-person em{
  display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;
  background:rgba(66,115,180,.12);color:#9fc6ff;font-size:8px;font-style:normal;font-weight:800
}