/* PointsBall 2.13 — professional mobile shell, themes, settings and game center */
:root{--surface-raised:var(--s6);--surface-glass:rgba(7,9,13,.92);--nav-shadow:0 -18px 45px var(--shadow)}
html[data-theme="light"]{color-scheme:light;--bg:#f4f7fb;--panel:#fff;--panel2:#f0f4f9;--panel3:#e5ebf3;--line:#dbe3ed;--line2:#c5d0de;--ink:#111827;--muted:#66758a;--soft:#34445a;--surface-raised:#fff;--surface-glass:rgba(255,255,255,.94);--nav-shadow:0 -14px 36px rgba(39,55,78,.13)}
html[data-theme="light"] body{background:linear-gradient(180deg,#f8fafc,#f2f6fa);color:var(--ink)}
html[data-theme="light"] .noise{background:radial-gradient(900px 480px at 65% -10%,rgba(14,165,233,.1),transparent),radial-gradient(700px 500px at 100% 30%,rgba(244,63,94,.05),transparent)}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.94)}
html[data-theme="light"] .ticker,html[data-theme="light"] .rail{background:#fff}
html[data-theme="light"] .ticker-game .score,html[data-theme="light"] .feed-command strong{color:var(--ink)}
html[data-theme="light"] th{background:#eef3f8}
html[data-theme="light"] tbody tr:hover{background:#f5f8fb}
html[data-theme="light"] .feature,html[data-theme="light"] .vba-hero,html[data-theme="light"] .real-showcase,html[data-theme="light"] .sports-hero,html[data-theme="light"] .feed-command,html[data-theme="light"] .real-risk-command,html[data-theme="light"] .commissioner-command{background:linear-gradient(145deg,#fff,#eef4f9)}
html[data-theme="light"] .league-facts div{background:#f4f7fb}
html[data-theme="light"] .admin-card select,html[data-theme="light"] .admin-card input,html[data-theme="light"] .slip input{background:#fff}
html[data-theme="light"] .slip{background:linear-gradient(180deg,#fff,#f3f6fa);box-shadow:-20px 0 60px rgba(31,41,55,.18)}
html[data-theme="light"] .slip-head{background:rgba(255,255,255,.95)}
html[data-theme="light"] .slip-ticket{background:linear-gradient(145deg,#fff,#eef4f9);box-shadow:0 18px 42px rgba(31,41,55,.1)}
html[data-theme="light"] .slip-lock,html[data-theme="light"] .stake-field input,html[data-theme="light"] .slip-breakdown,html[data-theme="light"] .slip-breakdown .total{background:#f5f8fb}
html[data-theme="light"] .market-compare{background:#f6f9fc;box-shadow:-24px 0 70px rgba(31,41,55,.2)}
html[data-theme="light"] .market-compare-head{background:rgba(255,255,255,.96)}
html[data-theme="light"] .compare-pointsball,html[data-theme="light"] .game-center-score{background:linear-gradient(145deg,#fff,#edf5fb)}
html[data-theme="light"] .compare-risk>div{background:#fff}
html[data-theme="light"] .commissioner-tabs{background:linear-gradient(180deg,#fff,#f3f6fa)}
html[data-theme="light"] .commissioner-tabs>button:hover{background:#edf4fa;color:var(--ink)}
html[data-theme="light"] .commissioner-tabs>button.active{color:#111827}

/* Mobile primary navigation */
.premier-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:end;min-height:66px;padding:7px 7px max(7px,env(safe-area-inset-bottom))!important;background:var(--surface-glass)!important;box-shadow:var(--nav-shadow)}
.premier-mobile-nav>a,.premier-mobile-nav>button{min-width:0;min-height:49px;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:850 9px var(--font)}
.premier-mobile-nav>a b{font-size:18px;line-height:1}.premier-mobile-nav>a.active{color:var(--cyan)}.nav-live-dot{color:var(--red)}
.mobile-slip-hero{position:relative;transform:translateY(-11px)}
.mobile-slip-hero>i{position:relative;display:grid;place-items:center;width:58px;height:58px;border:4px solid var(--bg);border-radius:19px;background:linear-gradient(145deg,var(--s8),var(--s3));box-shadow:0 12px 26px var(--shadow),0 0 0 1px rgba(92,225,255,.28);transition:.18s ease}
.mobile-slip-hero img{width:44px;height:44px;object-fit:contain}.mobile-slip-hero span{margin-top:2px}.mobile-slip-hero.has-legs>i{box-shadow:0 12px 30px rgba(24,209,231,.3),0 0 0 2px rgba(24,209,231,.52)}
.mobile-slip-hero em{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border:2px solid var(--bg);border-radius:99px;background:var(--red);color:#fff;font:900 10px var(--mono);font-style:normal}


/* Organized navigation drawer */
.nav-drawer{display:flex;flex-direction:column;width:min(410px,94vw);background:linear-gradient(180deg,var(--s3),var(--s1));overflow:hidden}
.drawer-head{flex:0 0 auto;padding:15px 17px;border-bottom:1px solid var(--line);background:rgba(8,12,18,.96)}
.drawer-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 14px max(28px,env(safe-area-inset-bottom));scrollbar-width:thin}
.drawer-account{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid var(--b2);border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(24,209,231,.13),transparent 45%),var(--s5)}
.drawer-account>div:nth-child(2){min-width:0}.drawer-account strong,.drawer-account span,.drawer-account small{display:block}.drawer-account strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-account span{color:var(--soft);font:800 9px var(--mono)}.drawer-account small{margin-top:3px;color:var(--green);font:750 7px var(--mono)}
.drawer-account-actions a{font:850 8px var(--mono);color:var(--cyan)}
.drawer-snapshot{margin:9px 0 15px}.drawer-group{margin:15px 0}.drawer-group>label{display:block;margin:0 8px 6px;color:var(--t4);font:850 8px var(--mono);letter-spacing:.16em}
.drawer-link{min-height:55px;margin:4px 0;border:1px solid transparent;border-radius:11px}.drawer-link:hover{border-color:var(--line);background:var(--panel2)}.drawer-link.active{border-color:rgba(24,209,231,.25);background:linear-gradient(90deg,rgba(24,209,231,.12),transparent)}
.drawer-link>b{width:35px;height:35px;border-radius:9px;background:var(--panel3);font-size:15px}.drawer-link span strong{font-size:11px}.drawer-link span small{font-size:8px}.drawer-link>i{font-size:7px}
.drawer-preferences{margin:18px 0 10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.drawer-preferences>div:first-child{display:flex;justify-content:space-between;gap:10px}.drawer-preferences span{font:850 8px var(--mono);letter-spacing:.1em}.drawer-preferences small{color:var(--muted);font-size:8px}
.theme-segment,.setting-options{display:flex;gap:5px;margin-top:10px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.theme-segment button,.setting-options button{flex:1;min-height:32px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:800 9px var(--mono)}.theme-segment button.active,.setting-options button.active{background:var(--cyan);color:var(--on-accent);box-shadow:0 5px 14px rgba(24,209,231,.18)}
.drawer-signout{width:100%;min-height:42px;border:1px solid rgba(255,73,97,.25);border-radius:10px;background:rgba(255,51,79,.07);color:var(--red-ink);font:800 10px var(--mono)}
html[data-theme="light"] .nav-drawer{background:linear-gradient(180deg,#fff,#f2f6fa)}
html[data-theme="light"] .drawer-head{background:rgba(255,255,255,.97)}
html[data-theme="light"] .drawer-account{background:radial-gradient(circle at 100% 0,rgba(24,209,231,.12),transparent 45%),#f3f7fb}

/* Research action and panel */
.real-compare-button{text-decoration:none}.real-compare-button span{font-size:11px}.real-compare-button b{white-space:nowrap}
.primary-research-link{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 13px;padding:15px;border:1px solid rgba(24,209,231,.36);border-radius:13px;background:linear-gradient(135deg,rgba(24,209,231,.15),rgba(73,140,255,.08));color:inherit}.primary-research-link span>*{display:block}.primary-research-link small{color:var(--cyan);font:850 8px var(--mono);letter-spacing:.1em}.primary-research-link b{margin:4px 0;font-size:15px}.primary-research-link em{color:var(--muted);font-size:9px;font-style:normal}.primary-research-link>strong{color:var(--cyan);font:900 9px var(--mono);white-space:nowrap}

/* Professional real-sports game center */
.page-head h1 em{color:var(--muted);font-size:.5em;font-style:normal;letter-spacing:.02em;text-transform:uppercase}
.game-center-score{overflow:hidden;border:1px solid var(--blue-13);border-radius:19px;background:radial-gradient(circle at 50% -50%,rgba(24,209,231,.2),transparent 50%),linear-gradient(145deg,var(--s7),var(--s2));box-shadow:0 20px 58px var(--shadow)}
.game-center-score>header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.game-center-score>header>b{color:var(--muted);font:800 9px var(--mono)}
.game-center-match{display:grid;grid-template-columns:1fr minmax(110px,190px) 1fr;align-items:center;gap:18px;padding:28px;text-align:center}.game-center-match>div{display:grid;justify-items:center}.game-center-logo{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 12px 18px var(--shadow))}.game-center-match>div>span{margin-top:10px;color:var(--muted);font:800 8px var(--mono);letter-spacing:.12em}.game-center-match h2{margin:4px 0 2px;font-size:clamp(18px,3vw,27px)}.game-center-match>div>small{color:var(--soft);font:800 10px var(--mono)}.game-center-match>strong{font:950 clamp(30px,5vw,54px) var(--mono)}.game-center-match>strong i{color:var(--muted);font-style:normal}.game-center-match>strong small{display:block;margin-top:8px;color:var(--muted);font:800 9px var(--mono)}
.game-center-score>footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;padding:11px 18px;border-top:1px solid var(--line);background:var(--shadow-soft);color:var(--muted);font:750 8px var(--mono)}.game-center-score>footer span:nth-child(2){text-align:center}.game-center-score>footer span:last-child{text-align:right}
.market-category-tabs{display:flex;gap:7px;margin:17px 0 0;padding-bottom:2px;overflow-x:auto}.market-category-tabs button{flex:0 0 auto;min-height:38px;padding:0 15px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);font:850 9px var(--mono)}.market-category-tabs button.active{border-color:var(--blue-1);background:var(--s8);color:#fff}.market-category-tabs button:disabled{opacity:.42;cursor:not-allowed}
.game-market-panel{margin-top:12px;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.game-market-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.game-market-groups article{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.game-market-groups article>header{padding:11px 12px;border-bottom:1px solid var(--line)}.game-market-groups article>header b,.game-market-groups article>header small{display:block}.game-market-groups article>header b{font-size:11px}.game-market-groups article>header small{margin-top:2px;color:var(--muted);font-size:8px}.game-market-groups article>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px}.game-market-groups .real-line{min-height:48px}
.game-intelligence{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.game-intelligence>article,.game-intelligence>a{min-height:150px;padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:inherit}.game-intelligence span{color:var(--cyan);font:850 8px var(--mono);letter-spacing:.1em}.game-intelligence h3{margin:7px 0;font-size:16px}.game-intelligence p{margin:6px 0;color:var(--muted);font-size:10px;line-height:1.55}.game-intelligence>a b{display:block;margin-top:14px;color:var(--cyan);font:850 9px var(--mono)}

.live-readiness{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px;padding:17px 18px;border:1px solid rgba(24,209,231,.28);border-radius:14px;background:linear-gradient(135deg,rgba(24,209,231,.1),rgba(73,140,255,.05))}.live-readiness span{color:var(--cyan);font:850 8px var(--mono);letter-spacing:.11em}.live-readiness h2{margin:5px 0 2px;font-size:18px}.live-readiness p{max-width:760px;margin:0;color:var(--muted);font-size:10px}

/* Settings control center */
.settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;align-items:start}.settings-layout>nav{position:sticky;top:118px;display:grid;padding:8px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.settings-layout>nav button{padding:11px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:800 10px var(--mono);text-align:left}.settings-layout>nav button:hover{background:var(--panel2);color:var(--ink)}
.settings-card{margin-bottom:13px;border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden}.settings-card>header{padding:18px;border-bottom:1px solid var(--line)}.settings-card>header span{color:var(--cyan);font:850 8px var(--mono);letter-spacing:.12em}.settings-card>header h2{margin:5px 0 2px;font-size:20px}.settings-card>header p{margin:0;color:var(--muted);font-size:11px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row>div:first-child b,.setting-row>div:first-child small{display:block}.setting-row>div:first-child small{margin-top:3px;color:var(--muted);font-size:9px}.setting-options{flex:0 0 min(330px,48%);margin:0}
.account-status-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px 18px}.account-status-row>i{width:9px;height:9px;border-radius:50%;background:var(--muted)}.account-status-row>i.connected{background:var(--green);box-shadow:0 0 10px var(--green)}.account-status-row b,.account-status-row small{display:block}.account-status-row small{color:var(--muted);font-size:9px}.settings-links{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.settings-links>a{display:grid;grid-template-columns:35px minmax(0,1fr);gap:0 10px;padding:15px 18px;border-right:1px solid var(--line);color:inherit}.settings-links>a:last-child{border-right:0}.settings-links span{grid-row:1/3;display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:var(--panel3);color:var(--cyan);font-weight:900}.settings-links b,.settings-links small{display:block}.settings-links b{font-size:11px}.settings-links small{color:var(--muted);font-size:8px}

@media(max-width:800px){.settings-layout{grid-template-columns:1fr}.settings-layout>nav{position:static;display:flex;overflow-x:auto}.settings-layout>nav button{white-space:nowrap}.game-market-groups,.game-intelligence{grid-template-columns:1fr}.game-center-score>footer{grid-template-columns:1fr}.game-center-score>footer span,.game-center-score>footer span:nth-child(2),.game-center-score>footer span:last-child{text-align:left}.setting-row{align-items:flex-start;flex-direction:column}.setting-options{width:100%;max-width:none;flex-basis:auto}}
@media(max-width:700px){main{padding-bottom:104px}.toast-zone{bottom:92px}.game-center-match{grid-template-columns:1fr 72px 1fr;gap:6px;padding:20px 10px}.game-center-logo{width:58px;height:58px}.game-center-match h2{font-size:15px}.game-center-match>strong{font-size:24px}.game-center-score>footer{padding:10px 13px}.game-market-panel{padding:13px}.settings-links{grid-template-columns:1fr}.settings-links>a{border-right:0;border-bottom:1px solid var(--line)}.settings-links>a:last-child{border-bottom:0}.primary-research-link{align-items:flex-start}.primary-research-link>strong{margin-top:4px}.real-compare-button{padding:12px}.real-compare-button b{font-size:7px}}
@media(max-width:700px){.live-readiness{align-items:flex-start;flex-direction:column}.live-readiness .btn{width:100%}}
@media(min-width:701px){.premier-mobile-nav{display:none!important}}

/* 2.14 · Prime / Virtual / VBA Premium experience */
.mobile-slip-hero>i{width:68px;height:68px;border-radius:50%;overflow:hidden}
.mobile-slip-hero img{width:78px;height:78px;max-width:none;object-fit:cover;border-radius:50%;transform:scale(1.12)}
.ticker-game .ticker-class{font-size:8px;font-weight:950;letter-spacing:.12em;padding:3px 5px;border-radius:5px;background:rgba(0,212,255,.13);color:var(--cyan)}
.ticker-game.prime .ticker-class{background:rgba(255,185,55,.15);color:var(--amber)}
.drawer-vba-premium{display:grid;gap:4px;margin:8px 12px 16px;padding:18px;border:1px solid rgba(0,212,255,.28);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(0,212,255,.22),transparent 48%),linear-gradient(135deg,rgba(12,34,55,.97),rgba(6,15,28,.98));box-shadow:0 16px 34px var(--shadow);color:#fff;text-decoration:none;position:relative;overflow:hidden}
.drawer-vba-premium span{font-size:10px;font-weight:950;letter-spacing:.16em;color:var(--cyan-1)}.drawer-vba-premium strong{font-size:19px;letter-spacing:-.02em}.drawer-vba-premium small{color:var(--t2)}.drawer-vba-premium>b{margin-top:8px;font-size:11px;letter-spacing:.12em;color:#fff}
.vba-live-desk{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.9fr) minmax(220px,.65fr);gap:20px;align-items:center;margin:22px 0;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,var(--panel),var(--panel2));box-shadow:var(--shadow)}
.vba-live-desk.is-live{border-color:rgba(31,229,149,.35);background:radial-gradient(circle at 15% 0,rgba(31,229,149,.12),transparent 44%),linear-gradient(135deg,var(--panel),var(--panel2))}
.vba-live-desk>div>span{font-size:10px;font-weight:950;letter-spacing:.15em;color:var(--cyan)}.vba-live-desk h2{margin:6px 0;font-size:24px}.vba-live-desk p{margin:0;color:var(--muted);line-height:1.55}
.vba-live-score{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel2)}.vba-live-score>small{display:block;color:var(--muted);font-weight:800}.vba-live-score>strong{display:block;margin:8px 0;font-size:20px}.vba-live-score>strong i{font-style:normal;color:var(--muted);padding:0 5px}.vba-live-score .period-table{margin-top:10px}
.vba-live-state{padding-left:18px;border-left:2px solid var(--red)}.vba-live-state>b{display:block;color:var(--red);font-size:18px}.vba-live-state span,.vba-live-state small{display:block;margin-top:5px;color:var(--muted)}.vba-live-state small{font-size:10px;line-height:1.5}
.vba-prop-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vba-prop-card.compact{overflow:hidden}.prop-player-toggle{display:grid;grid-template-columns:54px minmax(0,1fr) 20px;gap:11px;align-items:center;width:100%;padding:12px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.prop-player-toggle .prop-player-image{width:54px;height:54px}.prop-player-toggle h3{margin:3px 0 2px;font-size:15px}.prop-player-toggle small,.prop-player-toggle span{display:block;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prop-player-toggle>i{font-style:normal;transition:transform .2s}.vba-prop-card.compact .prop-lines{display:none;border-top:1px solid var(--line);padding:9px}.vba-prop-card.compact.open{grid-column:span 2}.vba-prop-card.compact.open .prop-lines{display:block}.vba-prop-card.compact.open .prop-player-toggle>i{transform:rotate(180deg)}
.play-card-progress{display:flex;gap:7px;flex-wrap:wrap;padding:11px 16px 0}.play-card-progress span{padding:5px 8px;border-radius:999px;background:var(--panel2);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.play-card-progress .live{color:var(--green);background:rgba(31,229,149,.1)}.play-card-progress .won{color:var(--green)}.play-card-progress .lost{color:var(--red-ink)}.play-card-legs.detailed{display:grid;gap:1px}.play-leg-detail{display:grid!important;grid-template-columns:9px minmax(140px,1fr) minmax(130px,1fr) minmax(150px,auto) auto!important;gap:10px;align-items:center}.play-leg-detail>i{width:7px;height:7px;border-radius:50%;background:var(--muted)}.play-leg-detail.live>i,.play-leg-detail.won>i{background:var(--green);box-shadow:0 0 10px rgba(31,229,149,.55)}.play-leg-detail.lost>i{background:var(--red-8)}.play-leg-detail>small{color:var(--ink)!important}.play-leg-detail>strong{font-size:11px;color:var(--cyan)}.play-leg-detail>em{white-space:nowrap}.mega-card-notice{display:flex;justify-content:space-between;gap:15px;margin:10px 0;padding:12px 14px;border:1px solid rgba(255,185,55,.28);border-radius:12px;background:rgba(255,185,55,.08);color:var(--amber);font-size:11px}
@media(max-width:1050px){.vba-prop-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.vba-live-desk{grid-template-columns:1fr 1fr}.vba-live-state{grid-column:1/-1}}
@media(max-width:760px){.vba-prop-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.vba-prop-card.compact.open{grid-column:1/-1}.vba-live-desk{grid-template-columns:1fr;padding:17px}.vba-live-state{grid-column:auto;border-left:0;border-top:2px solid var(--red);padding:14px 0 0}.play-leg-detail{grid-template-columns:9px minmax(0,1fr) auto!important}.play-leg-detail>small,.play-leg-detail>strong{grid-column:2/-1}.play-leg-detail>em{grid-column:3;grid-row:1}.mega-card-notice{display:grid}.ticker-game .ticker-class{display:none}}

/* ============================================================
   2.15 · Play Slip action button
   One unmistakable action, not another nav icon. True circle,
   logo fills it, no plate behind the mark, ring state carries
   the slip status. Authoritative — overrides everything above.
   ============================================================ */
.mobile-slip-hero{position:relative;transform:translateY(-14px);overflow:visible}
.mobile-slip-hero>i{
  position:relative;display:block;width:66px;height:66px;padding:0;
  border:0;border-radius:50%;overflow:visible;background:none;
  box-shadow:0 0 0 3px var(--s1),0 0 0 6px var(--cyan),0 10px 24px var(--shadow);
  transition:box-shadow .2s ease,transform .18s ease;
}
html[data-theme="light"] .mobile-slip-hero>i{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--cyan),0 10px 24px var(--shadow)}
.mobile-slip-hero img{
  display:block;width:66px;height:66px;max-width:none;
  border-radius:50%;object-fit:contain;transform:none;
  background:radial-gradient(circle at 50% 42%,var(--s6),var(--s1) 74%);
}
html[data-theme="light"] .mobile-slip-hero img{background:radial-gradient(circle at 50% 42%,#fff,#eaf1f8 74%)}
.mobile-slip-hero span{margin-top:5px;color:var(--cyan);font-weight:900}
.mobile-slip-hero:active>i{transform:scale(.94)}

/* legs on the slip — ring pulses and turns brand-red */
.mobile-slip-hero.has-legs>i{
  box-shadow:0 0 0 3px var(--s1),0 0 0 6px var(--red),0 10px 26px var(--shadow);
  animation:slipRing 1.9s ease-in-out infinite;
}
html[data-theme="light"] .mobile-slip-hero.has-legs>i{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--red),0 10px 26px var(--shadow)}
@keyframes slipRing{
  0%,100%{box-shadow:0 0 0 3px var(--s1),0 0 0 6px var(--red),0 0 0 6px rgba(255,51,79,.42),0 10px 26px var(--shadow)}
  50%    {box-shadow:0 0 0 3px var(--s1),0 0 0 6px var(--red),0 0 0 14px rgba(255,51,79,0),0 10px 26px var(--shadow)}
}
@media (prefers-reduced-motion:reduce){.mobile-slip-hero.has-legs>i{animation:none}}

.mobile-slip-hero em{
  position:absolute;right:-4px;top:-4px;z-index:2;display:grid;place-items:center;
  min-width:24px;height:24px;padding:0 6px;border:3px solid var(--s1);
  border-radius:99px;background:var(--red);color:#fff;
  font:900 11px var(--mono);font-style:normal;
}
html[data-theme="light"] .mobile-slip-hero em{border-color:#fff}

/* empty-slip shortcuts */
.slip-empty{padding:6px 0 4px}
.slip-empty>p{margin:0 0 16px;color:var(--muted);font-size:12px}
.slip-empty-actions{display:grid;gap:9px}
.slip-shortcut{
  display:flex;align-items:center;gap:12px;width:100%;text-align:left;
  border:1px solid var(--line);border-radius:12px;background:var(--panel);
  padding:13px 14px;color:var(--ink);
}
.slip-shortcut:hover{border-color:var(--cyan);background:var(--hover)}
.slip-shortcut b{display:block;font-size:13px}
.slip-shortcut small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.slip-shortcut i{
  display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;
  border-radius:10px;background:var(--panel3);font-style:normal;font-size:16px;
}
.slip-shortcut .live-mark{color:var(--red)}