/* ═══════════════════════════════════════════════════════════════════════
   Mognota app skin — the "Arcade" look for every main page
   (Friends, League, Profile, Notifications, Support, Settings, Learn More, Sign-in).

   Same language as the games hub and Home: flat rounded cards, gold primary
   buttons, pill tabs, tile-style page banners, soft secondary buttons.
   Works in dark (default) and light via the variables below.

   Loaded AFTER each page's own <style> and after theme.css / theme-pages.css.
   Every rule starts with `html[data-theme] body[class*="page-"]` (written as S
   in the source) so it out-ranks those files; game pages never load this.
   ═══════════════════════════════════════════════════════════════════════ */

html[data-theme]{
  --sk-card:#141416;
  --sk-card-2:#1a1a1e;
  --sk-line:rgba(255,255,255,.08);
  --sk-soft:rgba(255,255,255,.07);
  --sk-soft-hover:rgba(255,255,255,.11);
  --sk-field:#1b1b20;
  --sk-field-line:rgba(255,255,255,.12);
  --sk-shadow:none;
  --sk-chip-fg:#9aa6c4;
  --sk-chip-on-bg:#ffffff;
  --sk-chip-on-fg:#0a0a0d;
  --sk-gold:#d4a017;
  --sk-gold-edge:#8a6200;
  --sk-ink:#e8e8ec;
  --sk-dim:#7f8cab;
}
html[data-theme="light"]{
  --sk-card:#ffffff;
  --sk-card-2:#f6f8fc;
  --sk-line:rgba(30,40,80,.1);
  --sk-soft:#e6eaf4;
  --sk-soft-hover:#d9e0ee;
  --sk-field:#ffffff;
  --sk-field-line:rgba(30,40,80,.18);
  --sk-shadow:0 8px 24px rgba(30,40,80,.08);
  --sk-chip-fg:#5b6580;
  --sk-chip-on-bg:#14182b;
  --sk-chip-on-fg:#ffffff;
  --sk-ink:#14182b;
  --sk-dim:#5b6580;
}

/* ── Neutral borders and surfaces (the pages' own --border is a gold tint) ── */
html[data-theme] body[class*="page-"]{--border:var(--sk-line);--surface:var(--sk-card)}

/* ── Page banner: a colourful tile ─────────────────────── */
html[data-theme] body[class*="page-"] .page-hero{
  border:0;border-radius:28px;padding:30px 32px;margin-bottom:26px;
  background:linear-gradient(150deg,var(--hero-t1,#4f46e5),var(--hero-t2,#1e1b4b));
  box-shadow:0 14px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.22);
}
html[data-theme="light"] body[class*="page-"] .page-hero{box-shadow:0 14px 30px rgba(30,40,80,.22),inset 0 1px 0 rgba(255,255,255,.3)}
html[data-theme] body[class*="page-"] .page-hero::before{opacity:.55}
html[data-theme] body[class*="page-"] .page-hero-glyph{color:rgba(255,255,255,.16);right:-10px;bottom:-30px;width:170px;height:170px}
html[data-theme] body[class*="page-"] .page-hero-icon{
  width:60px;height:60px;border-radius:20px;font-size:26px;
  background:rgba(255,255,255,.2);border:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px rgba(0,0,0,.2);
}
html[data-theme] body[class*="page-"] .page-kicker{font-size:11px;letter-spacing:.18em;color:rgba(255,255,255,.82);opacity:1}
html[data-theme] body[class*="page-"] .page-title{font-size:30px;letter-spacing:-.02em;font-weight:900;margin-bottom:6px}
html[data-theme] body[class*="page-"] .page-sub{font-size:14px;color:rgba(255,255,255,.86);max-width:560px}
@media(max-width:600px){html[data-theme] body[class*="page-"] .page-hero{padding:22px 20px;border-radius:24px}html[data-theme] body[class*="page-"] .page-title{font-size:24px}html[data-theme] body[class*="page-"] .page-hero-icon{width:52px;height:52px}}
html[data-theme] body[class*="page-"] .hero-friends{--hero-t1:#7a4dff;--hero-t2:#1c1050}
html[data-theme] body[class*="page-"] .hero-league{--hero-t1:#ca8a04;--hero-t2:#422006}
html[data-theme] body[class*="page-"] .hero-notif{--hero-t1:#2f6bff;--hero-t2:#0b1b52}
html[data-theme] body[class*="page-"] .hero-community{--hero-t1:#c9791d;--hero-t2:#4a2508}
html[data-theme] body[class*="page-"] .hero-settings{--hero-t1:#0f766e;--hero-t2:#042f2e}

/* ── Cards ─────────────────────────────────────────────── */
html[data-theme] body[class*="page-"] .duo-card:not(.page-hero),
html[data-theme] body[class*="page-"] .card,
html[data-theme] body[class*="page-"] .league-panel-inner{
  background:var(--sk-card);border:1px solid var(--sk-line);border-radius:24px;
  box-shadow:var(--sk-shadow);
}
html[data-theme] body[class*="page-"] .duo-pressable:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.22)}
html[data-theme="light"] body[class*="page-"] .duo-pressable:hover{box-shadow:0 14px 30px rgba(30,40,80,.14)}
html[data-theme] body[class*="page-"] .duo-pressable:active{transform:translateY(1px);box-shadow:var(--sk-shadow)}
html[data-theme] body[class*="page-"] .card{padding:26px}
html[data-theme] body[class*="page-"] .league-panel-inner{padding:24px}
html[data-theme] body[class*="page-"] .card::before{display:none}
html[data-theme] body[class*="page-"] .card-title{font-size:13px;letter-spacing:.08em;border-bottom-color:var(--sk-line)}
html[data-theme] body[class*="page-"] .card-title .ct-emoji{border-radius:12px;border:0}
html[data-theme] body[class*="page-"] .card-empty{border-radius:18px}

/* ── Primary buttons: the gold used on the games hub ───── */
html[data-theme] body[class*="page-"] .duo-btn,
html[data-theme] body[class*="page-"] .save-btn,
html[data-theme] body[class*="page-"] .search-btn,
html[data-theme] body[class*="page-"] .cp-send,
html[data-theme] body[class*="page-"] .inv-send,
html[data-theme] body[class*="page-"] .fr-inv-join,
html[data-theme] body[class*="page-"] .inv-join,
html[data-theme] body[class*="page-"] .post-btn,
html[data-theme] body[class*="page-"] .submit-btn,
html[data-theme] body[class*="page-"] .na-btn.accept,
html[data-theme] body[class*="page-"] .na-btn.join{
  background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 55%),var(--sk-gold);
  border:0;color:#0a0a0d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 0 var(--sk-gold-edge);
}
html[data-theme] body[class*="page-"] .duo-btn:hover,html[data-theme] body[class*="page-"] .save-btn:hover:not(:disabled),html[data-theme] body[class*="page-"] .search-btn:hover,html[data-theme] body[class*="page-"] .cp-send:hover,html[data-theme] body[class*="page-"] .inv-send:hover,
html[data-theme] body[class*="page-"] .fr-inv-join:hover,html[data-theme] body[class*="page-"] .inv-join:hover,html[data-theme] body[class*="page-"] .post-btn:hover:not(:disabled),html[data-theme] body[class*="page-"] .submit-btn:hover:not(:disabled),
html[data-theme] body[class*="page-"] .na-btn.accept:hover:not(:disabled),html[data-theme] body[class*="page-"] .na-btn.join:hover:not(:disabled){
  color:#0a0a0d;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 5px 0 var(--sk-gold-edge);
}
html[data-theme] body[class*="page-"] .duo-btn:active,html[data-theme] body[class*="page-"] .save-btn:active:not(:disabled),html[data-theme] body[class*="page-"] .search-btn:active,html[data-theme] body[class*="page-"] .cp-send:active,html[data-theme] body[class*="page-"] .inv-send:active,
html[data-theme] body[class*="page-"] .fr-inv-join:active,html[data-theme] body[class*="page-"] .inv-join:active,html[data-theme] body[class*="page-"] .post-btn:active:not(:disabled),html[data-theme] body[class*="page-"] .submit-btn:active:not(:disabled),
html[data-theme] body[class*="page-"] .na-btn.accept:active:not(:disabled),html[data-theme] body[class*="page-"] .na-btn.join:active:not(:disabled){
  transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 0 var(--sk-gold-edge);
}
html[data-theme] body[class*="page-"] .na-btn.accept,html[data-theme] body[class*="page-"] .na-btn.join,html[data-theme] body[class*="page-"] .fr-inv-join,html[data-theme] body[class*="page-"] .inv-join{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 0 var(--sk-gold-edge)}
html[data-theme] body[class*="page-"] .duo-btn{border-radius:14px}

/* ── Secondary: soft buttons ───────────────────────────── */
html[data-theme] body[class*="page-"] .fa-btn,
html[data-theme] body[class*="page-"] .notif-mark-btn,
html[data-theme] body[class*="page-"] .na-btn,
html[data-theme] body[class*="page-"] .inv-cancel,
html[data-theme] body[class*="page-"] .fr-inv-decline,
html[data-theme] body[class*="page-"] .inv-decline,
html[data-theme] body[class*="page-"] .cp-close,
html[data-theme] body[class*="page-"] .img-attach-btn,
html[data-theme] body[class*="page-"] .tab-badge-none{
  background:var(--sk-soft);border:0;box-shadow:none;color:var(--sk-ink);
}
html[data-theme] body[class*="page-"] .na-btn{color:var(--sk-dim)}
html[data-theme] body[class*="page-"] .fa-btn:hover:not(:disabled),html[data-theme] body[class*="page-"] .notif-mark-btn:hover,html[data-theme] body[class*="page-"] .na-btn:hover:not(:disabled),html[data-theme] body[class*="page-"] .inv-cancel:hover,
html[data-theme] body[class*="page-"] .fr-inv-decline:hover,html[data-theme] body[class*="page-"] .inv-decline:hover,html[data-theme] body[class*="page-"] .cp-close:hover,html[data-theme] body[class*="page-"] .img-attach-btn:hover{
  background:var(--sk-soft-hover);color:var(--sk-ink);transform:none;box-shadow:none;
}
html[data-theme] body[class*="page-"] .notif-mark-btn{border-radius:12px;padding:9px 16px;font-size:12px;letter-spacing:0}
html[data-theme] body[class*="page-"] .fa-btn.chat{background:rgba(41,121,255,.16);color:#8fb8ff;border:0;box-shadow:none}
html[data-theme="light"] body[class*="page-"] .fa-btn.chat{background:rgba(41,121,255,.12);color:#1d4ed8}
html[data-theme] body[class*="page-"] .fa-btn.chat:hover:not(:disabled){background:rgba(41,121,255,.26);box-shadow:none;transform:none}
html[data-theme] body[class*="page-"] .fa-btn.invite{background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 55%),var(--sk-gold);color:#0a0a0d;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 0 var(--sk-gold-edge)}
html[data-theme] body[class*="page-"] .fa-btn.invite:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 0 var(--sk-gold-edge)}
html[data-theme] body[class*="page-"] .na-btn.decline,
html[data-theme] body[class*="page-"] .fa-btn.danger,
html[data-theme] body[class*="page-"] .fa-btn.remove{background:rgba(231,76,60,.14);color:#ff8577;border:0;box-shadow:none}
html[data-theme="light"] body[class*="page-"] .na-btn.decline{background:rgba(231,76,60,.1);color:#c0392b}
html[data-theme] body[class*="page-"] .na-btn.decline:hover:not(:disabled){background:rgba(231,76,60,.24);color:#ff8577}
html[data-theme] body[class*="page-"] .na-btn.dismiss{background:transparent}

/* ── Pill tabs (like the games hub filter chips) ───────── */
html[data-theme] body[class*="page-"] .tabs{gap:8px;padding:0;border:0;background:none;border-radius:0;margin-bottom:20px}
html[data-theme] body[class*="page-"] .tab-btn,
html[data-theme] body[class*="page-"] .tab{
  padding:10px 18px;font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;
  background:var(--sk-soft);color:var(--sk-chip-fg);border:0;border-radius:99px;box-shadow:none;
}
html[data-theme] body[class*="page-"] .tab{flex:1;padding:10px}
html[data-theme] body[class*="page-"] .tab-btn:hover,html[data-theme] body[class*="page-"] .tab:hover:not(.active){background:var(--sk-soft-hover);color:var(--sk-ink)}
html[data-theme] body[class*="page-"] .tab-btn.active,
html[data-theme] body[class*="page-"] .tab.active{background:var(--sk-chip-on-bg);color:var(--sk-chip-on-fg);box-shadow:none}
html[data-theme] body[class*="page-"] .tab-btn.active:hover{color:var(--sk-chip-on-fg)}
html[data-theme] body[class*="page-"] .tab-badge{box-shadow:none;border-radius:99px;padding:2px 7px;font-size:10px}
html[data-theme] body[class*="page-"] .league-tab{border-radius:99px}

/* ── Inputs ────────────────────────────────────────────── */
html[data-theme] body[class*="page-"] .field input,
html[data-theme] body[class*="page-"] .field select,
html[data-theme] body[class*="page-"] .field textarea,
html[data-theme] body[class*="page-"] .search-row input,
html[data-theme] body[class*="page-"] .report-input,
html[data-theme] body[class*="page-"] .report-textarea,
html[data-theme] body[class*="page-"] .cp-input-row input{
  background:var(--sk-field);border:1px solid var(--sk-field-line);border-radius:16px;color:var(--sk-ink);box-shadow:none;
}
html[data-theme] body[class*="page-"] .field input:focus,html[data-theme] body[class*="page-"] .field select:focus,html[data-theme] body[class*="page-"] .search-row input:focus,html[data-theme] body[class*="page-"] .report-input:focus,html[data-theme] body[class*="page-"] .report-textarea:focus,html[data-theme] body[class*="page-"] .cp-input-row input:focus{
  border-color:var(--sk-gold);box-shadow:0 0 0 3px rgba(212,160,23,.18);outline:none;
}
html[data-theme] body[class*="page-"] .google-btn{background:var(--sk-field);border:1px solid var(--sk-field-line);border-radius:16px;box-shadow:none;color:var(--sk-ink)}
html[data-theme] body[class*="page-"] .google-btn:hover{background:var(--sk-soft)}
html[data-theme] body[class*="page-"] .bot-diff-btn{background:var(--sk-soft);border:2px solid transparent;border-radius:16px;color:var(--sk-chip-fg)}
html[data-theme] body[class*="page-"] .bot-diff-btn:hover{background:var(--sk-soft-hover);color:var(--sk-ink)}
html[data-theme] body[class*="page-"] .bot-diff-btn.active{background:var(--sk-chip-on-bg);border-color:var(--sk-chip-on-bg);color:var(--sk-chip-on-fg);box-shadow:none}

/* ── List rows ─────────────────────────────────────────── */
html[data-theme] body[class*="page-"] .fr-row,
html[data-theme] body[class*="page-"] .notif-row,
html[data-theme] body[class*="page-"] .standing-row,
html[data-theme] body[class*="page-"] .fb-card,
html[data-theme] body[class*="page-"] .challenge-row,
html[data-theme] body[class*="page-"] .rating-row,
html[data-theme] body[class*="page-"] .league-item,
html[data-theme] body[class*="page-"] .stats-row,
html[data-theme] body[class*="page-"] .stat-chip,
html[data-theme] body[class*="page-"] .account-row{
  border-radius:20px;
}
html[data-theme] body[class*="page-"] .fr-row,html[data-theme] body[class*="page-"] .notif-row,html[data-theme] body[class*="page-"] .fb-card{border:1px solid var(--sk-line);box-shadow:var(--sk-shadow)}
html[data-theme] body[class*="page-"] .fr-row:hover,html[data-theme] body[class*="page-"] .notif-row:hover,html[data-theme] body[class*="page-"] .fb-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px -8px rgba(var(--fc,var(--nc,0,0,0)),.35)}
html[data-theme] body[class*="page-"] .fr-row::after{display:none}
html[data-theme] body[class*="page-"] .fr-av,html[data-theme] body[class*="page-"] .notif-icon{box-shadow:none}
html[data-theme] body[class*="page-"] .page{padding-top:24px}
html[data-theme] body[class*="page-"] .empty{color:var(--sk-dim)}

/* ── Modals / popups ───────────────────────────────────── */
html[data-theme] body[class*="page-"] .inv-box,
html[data-theme] body[class*="page-"] #chat-panel,
html[data-theme] body[class*="page-"] #fr-invite-notif{
  background:var(--sk-card);border:1px solid var(--sk-line);border-radius:26px;
}
html[data-theme] body[class*="page-"] .inv-game-btn{background:var(--sk-soft);border:2px solid transparent;border-radius:16px}
html[data-theme] body[class*="page-"] .inv-game-btn.sel{background:var(--sk-chip-on-bg);color:var(--sk-chip-on-fg);border-color:var(--sk-chip-on-bg);box-shadow:none}

/* ── League ────────────────────────────────────────────── */
html[data-theme] body[class*="page-"] .league-tabs{border-bottom:0;padding:2px 2px 14px;-webkit-mask-image:none;mask-image:none;overflow-x:auto}
html[data-theme] body[class*="page-"] .league-tab{
  padding:10px 18px 10px 14px;font-size:12px;letter-spacing:.02em;text-transform:none;font-weight:700;
  background:var(--sk-soft);color:var(--sk-chip-fg);border:0;box-shadow:none;border-radius:99px;
}
html[data-theme] body[class*="page-"] .league-tab:hover{background:var(--sk-soft-hover);color:var(--sk-ink)}
html[data-theme] body[class*="page-"] .league-tab.active{background:var(--sk-chip-on-bg);color:var(--sk-chip-on-fg);border:0;box-shadow:none;transform:none}
html[data-theme] body[class*="page-"] .league-tab.active svg{color:var(--tab-color)}
html[data-theme] body[class*="page-"] .standing-row{border:0;background:var(--sk-card-2);border-radius:18px;padding:10px 14px}
html[data-theme] body[class*="page-"] .standing-row:hover{background:var(--sk-soft);transform:none}
html[data-theme] body[class*="page-"] .standing-row.top3{background:linear-gradient(90deg,rgba(212,160,23,.16),var(--sk-card-2) 70%)}
html[data-theme] body[class*="page-"] .standing-row.me{background:rgba(244,124,0,.16);border:0;box-shadow:inset 0 0 0 2px rgba(244,124,0,.55)}
html[data-theme="light"] body[class*="page-"] .standing-row{background:#f4f6fb}
html[data-theme] body[class*="page-"] .tier-node-lock{background:var(--sk-card);border-color:var(--sk-card)}
html[data-theme] body[class*="page-"] .pool-xp-track{border-radius:99px}

/* ── Notifications: drop the old coloured edge stripe, keep the unread dot ── */
html[data-theme] body[class*="page-"] .notif-row::before,html[data-theme] body[class*="page-"] .fr-row::before{display:none}
html[data-theme] body[class*="page-"] .notif-row.unread{border-color:rgba(var(--nc),.45)}
html[data-theme] body[class*="page-"] .notif-icon{border:0;background:rgba(var(--nc),.18)}
html[data-theme] body[class*="page-"] .fr-av{border-width:0;box-shadow:inset 0 0 0 2px rgba(var(--fc),.5)}

/* ── Destructive actions stay red (must come after the primary-button rule) ── */
html[data-theme] body[class*="page-"] .signout-btn,
html[data-theme] body[class*="page-"] .duo-btn.signout-btn{
  background:rgba(231,76,60,.15);color:#ff8577;border:0;box-shadow:none;
}
html[data-theme] body[class*="page-"] .signout-btn:hover:not(:disabled),
html[data-theme] body[class*="page-"] .duo-btn.signout-btn:hover:not(:disabled){background:rgba(231,76,60,.26);color:#ff9a8d;transform:none;box-shadow:none}
html[data-theme] body[class*="page-"] .signout-btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}
html[data-theme="light"] body[class*="page-"] .signout-btn,
html[data-theme="light"] body[class*="page-"] .duo-btn.signout-btn{background:rgba(231,76,60,.1);color:#c0392b}

/* ── Notifications: the sections are re-ordered visually (see m-notif.js), so a label that is first in the HTML but not
   first on screen must keep its top gap; the label that really is first (friend requests) sits right under the banner ── */
html[data-theme] body[class*="page-"] .notif-section-label.nl-label-ann:first-child,
html[data-theme] body[class*="page-"] .notif-section-label.nl-label-inv:first-child,
html[data-theme] body[class*="page-"] .notif-section-label.nl-label-upd:first-child{margin-top:22px}
html[data-theme] body[class*="page-"] .notif-section-label.nl-label-req{margin-top:0}

/* ── Support: type picker + submissions ────────────────── */
html[data-theme] body[class*="page-"] .type-btn{background:var(--sk-soft);border:0;border-radius:18px;color:var(--sk-chip-fg);padding:14px 6px 12px}
html[data-theme] body[class*="page-"] .type-btn:hover{background:rgba(var(--fc),.16);color:var(--sk-ink);border:0}
html[data-theme] body[class*="page-"] .type-btn.active{background:rgb(var(--fc));color:#0a0a10;border:0;transform:none;box-shadow:0 8px 18px -6px rgba(var(--fc),.55)}
html[data-theme] body[class*="page-"] .type-btn-label{font-size:11px;letter-spacing:.04em}
html[data-theme] body[class*="page-"] .fb-card::before{display:none}
html[data-theme] body[class*="page-"] .fb-avatar{box-shadow:none}
html[data-theme] body[class*="page-"] .report-badge,html[data-theme] body[class*="page-"] .reply-status,html[data-theme] body[class*="page-"] .stat-chip{border-radius:99px}
html[data-theme] body[class*="page-"] .admin-heading-row{border-bottom-color:var(--sk-line)}

/* ── Learn More ────────────────────────────────────────── */
html[data-theme] body[class*="page-"] .lm-hero.duo-card{
  border:0;border-radius:28px;padding:30px 32px;
  background:linear-gradient(150deg,#7a4dff,#1c1050);
  box-shadow:0 14px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.22);
}
html[data-theme="light"] body[class*="page-"] .lm-hero.duo-card{box-shadow:0 14px 30px rgba(30,40,80,.22),inset 0 1px 0 rgba(255,255,255,.3)}
html[data-theme] body[class*="page-"] .lm-hero-text h1{background:none;-webkit-text-fill-color:#fff;color:#fff;font-size:30px;letter-spacing:-.02em}
html[data-theme] body[class*="page-"] .lm-hero-text p{color:rgba(255,255,255,.88);font-size:14.5px}
html[data-theme] body[class*="page-"] .lm-hero .lm-stat-chip{background:rgba(255,255,255,.14);border:0;box-shadow:none}
html[data-theme] body[class*="page-"] .lm-hero .lm-stat-chip .num{color:#fff}
html[data-theme] body[class*="page-"] .lm-hero .lm-stat-chip .lbl{color:rgba(255,255,255,.78)}
html[data-theme] body[class*="page-"] .lm-hero .lm-stat-chip .ico{background:rgba(255,255,255,.18);box-shadow:none}
html[data-theme] body[class*="page-"] .lm-stat-chip.duo-card{border-radius:18px}
html[data-theme] body[class*="page-"] .lm-step.duo-card{padding:22px}
html[data-theme] body[class*="page-"] .lm-step .n{width:34px;height:34px;border-radius:50%;color:#2b1700;background:linear-gradient(145deg,#ffb627,#f47c00);box-shadow:none}
html[data-theme] body[class*="page-"] .lm-section-hd h2{font-size:24px;letter-spacing:-.01em}
html[data-theme] body[class*="page-"] .lm-tier-chip{border-radius:20px;border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 14px rgba(0,0,0,.18)}
html[data-theme] body[class*="page-"] .game-guide.duo-card{border-radius:22px}
html[data-theme] body[class*="page-"] .game-guide summary{padding:16px 18px}
html[data-theme] body[class*="page-"] .gg-banner{border-radius:14px;width:42px;height:42px}
html[data-theme] body[class*="page-"] .lm-faq details.duo-card{border-radius:20px}
html[data-theme] body[class*="page-"] .lm-streak-chip,html[data-theme] body[class*="page-"] .lm-title-chip{border:0}
html[data-theme="light"] body[class*="page-"] .lm-streak-chip .days{color:#c2410c}
html[data-theme="light"] body[class*="page-"] .lm-title-chip{color:#9a6200}