/* ═══════════════════════════════════════════════════════════════════════
   Mognota theme — light-mode fills & borders for the main pages.

   The pages were designed on a dark background and use translucent WHITE
   (rgba(255,255,255,.05) …) for card fills, hover states and borders. On a
   light page those vanish, so this file swaps them for a translucent dark
   tint. Each rule only applies under <html data-theme="light"> on its own
   page (body.page-…), so dark mode is untouched.

   Generated from each page's own <style>. When you add new classes with a
   white-translucent background or border, add a matching rule here.
   ═══════════════════════════════════════════════════════════════════════ */


/* ── home.html ── */
html[data-theme="light"] body.page-home .duo-card{box-shadow:0 4px 0 rgba(30,40,80,0.14),0 1px 0 rgba(255,255,255,.04) inset}
html[data-theme="light"] body.page-home .duo-pressable:hover{box-shadow:0 6px 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-home .duo-pressable:active{box-shadow:0 2px 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-home .duo-btn-ghost{background:rgba(30,40,80,0.045);border:1px solid rgba(30,40,80,0.162);box-shadow:0 4px 0 rgba(30,40,80,0.14),inset 0 1px 0 rgba(255,255,255,.06)}
html[data-theme="light"] body.page-home .duo-btn-ghost:hover{box-shadow:0 6px 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-home .duo-btn-ghost:active{box-shadow:0 1px 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-home .hc-tile{box-shadow:0 16px 36px -6px rgba(var(--glow),.45),0 6px 18px rgba(30,40,80,0.2),inset 0 1px 0 rgba(255,255,255,.1);border:1px solid rgba(30,40,80,0.09)}
html[data-theme="light"] body.page-home .hc-tile:hover{box-shadow:0 26px 48px -8px rgba(var(--glow),.65),0 10px 22px rgba(30,40,80,0.22),inset 0 1px 0 rgba(255,255,255,.18)}
html[data-theme="light"] body.page-home .feat-card:hover{box-shadow:0 8px 0 rgba(30,40,80,0.14),0 22px 36px -12px rgba(var(--glow),.45)}
html[data-theme="light"] body.page-home .hg-card.duo-pressable:hover{box-shadow:0 6px 0 rgba(30,40,80,0.14),0 24px 42px -10px rgba(var(--glow),.5) !important}
html[data-theme="light"] body.page-home .tag{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 3px rgba(30,40,80,0.1)}
html[data-theme="light"] body.page-home .tag-strategy{background-color:rgba(30,40,80,0.072);border:1px solid rgba(30,40,80,0.18)}

/* ── league.html ── */
html[data-theme="light"] body.page-league .duo-card{box-shadow:0 4px 0 rgba(30,40,80,0.14),inset 0 1px 0 rgba(255,255,255,.04)}
html[data-theme="light"] body.page-league .page-hero{border:2px solid rgba(30,40,80,0.072);box-shadow:0 4px 0 rgba(30,40,80,0.16),inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme="light"] body.page-league .page-hero-icon{border:1px solid rgba(30,40,80,0.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 0 rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-league .league-tab{background:rgba(30,40,80,0.027)}
html[data-theme="light"] body.page-league .league-tab:hover{background:rgba(30,40,80,0.054)}
html[data-theme="light"] body.page-league .league-tab.active{box-shadow:0 3px 0 color-mix(in srgb,var(--tab-color) 55%,black),0 4px 10px rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-league .league-panel-inner{box-shadow:0 4px 0 rgba(30,40,80,0.14),inset 0 1px 0 rgba(255,255,255,.04)}
html[data-theme="light"] body.page-league .league-head-icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 6px rgba(30,40,80,0.1)}
html[data-theme="light"] body.page-league .league-head-rank{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 3px rgba(30,40,80,0.1)}
html[data-theme="light"] body.page-league .tier-node.done,
html[data-theme="light"] body.page-league .tier-node.current{box-shadow:0 2px 6px rgba(30,40,80,0.14),inset 0 1px 0 rgba(255,255,255,.4)}
html[data-theme="light"] body.page-league .tier-node.current{box-shadow:0 0 0 3px color-mix(in srgb,var(--tier-color) 35%,transparent),0 3px 8px rgba(30,40,80,0.16),inset 0 1px 0 rgba(255,255,255,.45)}
html[data-theme="light"] body.page-league .pool-xp-track{background:rgba(30,40,80,0.072);box-shadow:inset 0 1px 2px rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-league .standing-row{background:rgba(30,40,80,0.027);border:1px solid rgba(30,40,80,0.054);box-shadow:0 2px 0 rgba(30,40,80,0.1)}
html[data-theme="light"] body.page-league .standing-row:hover{background:rgba(30,40,80,0.054)}
html[data-theme="light"] body.page-league .standing-row:active{box-shadow:0 1px 0 rgba(30,40,80,0.1)}
html[data-theme="light"] body.page-league .sr-av{box-shadow:0 1px 0 rgba(30,40,80,0.12);background:rgba(30,40,80,0.045)}

/* ── profile.html ── */
html[data-theme="light"] body.page-profile .card{box-shadow:0 4px 0 rgba(30,40,80,0.14),inset 0 1px 0 rgba(255,255,255,.04)}
html[data-theme="light"] body.page-profile .av{background:rgba(30,40,80,0.036);box-shadow:0 4px 0 rgba(30,40,80,0.16),inset 0 1px 0 rgba(255,255,255,.15)}
html[data-theme="light"] body.page-profile .xp-bar-track{background:rgba(30,40,80,0.072);box-shadow:inset 0 2px 3px rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-profile .stat-chip{background:rgba(30,40,80,0.036);box-shadow:0 2px 0 rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-profile .stat-chip .sc-ico{box-shadow:0 2px 0 rgba(30,40,80,0.14),inset 0 1px 0 rgba(255,255,255,.2);border:1px solid rgba(30,40,80,0.108)}
html[data-theme="light"] body.page-profile .form-pip{box-shadow:0 2px 0 rgba(30,40,80,0.12),inset 0 1px 0 rgba(255,255,255,.15)}
html[data-theme="light"] body.page-profile .challenge-row{background:rgba(30,40,80,0.027);border:1px solid rgba(30,40,80,0.054)}
html[data-theme="light"] body.page-profile .ch-ico{box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 3px rgba(30,40,80,0.1)}
html[data-theme="light"] body.page-profile .ch-bar{background:rgba(30,40,80,0.072);box-shadow:inset 0 1px 2px rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-profile .rating-row{background:rgba(30,40,80,0.027);border:1px solid rgba(30,40,80,0.054);box-shadow:0 2px 0 rgba(30,40,80,0.1)}
html[data-theme="light"] body.page-profile .rg-medal{box-shadow:0 2px 0 rgba(30,40,80,0.14),inset 0 1px 0 rgba(255,255,255,.3)}
html[data-theme="light"] body.page-profile .rg-bar{background:rgba(30,40,80,0.072);box-shadow:inset 0 1px 2px rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-profile .league-item{background:rgba(30,40,80,0.027);box-shadow:0 2px 0 rgba(30,40,80,0.1);border:1px solid rgba(30,40,80,0.054)}
html[data-theme="light"] body.page-profile .skill-game-icon{box-shadow:0 2px 0 rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-profile .ab-bar{background:rgba(30,40,80,0.072);box-shadow:inset 0 1px 2px rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-profile .stats-row{background:rgba(30,40,80,0.027);border:1px solid rgba(30,40,80,0.054);box-shadow:0 2px 0 rgba(30,40,80,0.1)}
html[data-theme="light"] body.page-profile .wr-none{background:rgba(30,40,80,0.054);border:1px solid rgba(30,40,80,0.09)}
html[data-theme="light"] body.page-profile .badge-item{background:rgba(30,40,80,0.027);box-shadow:0 3px 0 rgba(30,40,80,0.12);border:2px solid rgba(30,40,80,0.072)}
html[data-theme="light"] body.page-profile .badge-icon{box-shadow:0 3px 0 rgba(30,40,80,0.14),inset 0 1px 0 rgba(255,255,255,.2);border:2px solid rgba(30,40,80,0.135)}

/* ── friends.html ── */
html[data-theme="light"] body.page-friends .duo-card{box-shadow:0 3px 0 rgba(30,40,80,0.14),0 1px 0 rgba(255,255,255,.04) inset}
html[data-theme="light"] body.page-friends .duo-pressable:hover{box-shadow:0 5px 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-friends .duo-pressable:active{box-shadow:0 1px 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-friends .page-hero{border:2px solid rgba(30,40,80,0.072);box-shadow:0 4px 0 rgba(30,40,80,0.16),inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme="light"] body.page-friends .page-hero-icon{border:1px solid rgba(30,40,80,0.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 0 rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-friends .tabs{background:rgba(30,40,80,0.027)}
html[data-theme="light"] body.page-friends .tab-badge{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-friends .fr-row:hover{box-shadow:0 4px 0 rgba(30,40,80,0.14),0 14px 28px -10px rgba(var(--fc),.4)}
html[data-theme="light"] body.page-friends .fr-av{box-shadow:0 2px 0 rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-friends .fa-btn{box-shadow:0 2px 0 rgba(30,40,80,0.14),inset 0 1px 0 rgba(255,255,255,.18)}
html[data-theme="light"] body.page-friends .fa-btn:hover:not(:disabled){box-shadow:0 4px 0 rgba(30,40,80,0.14),inset 0 1px 0 rgba(255,255,255,.24)}
html[data-theme="light"] body.page-friends .fa-btn:active:not(:disabled){box-shadow:0 0 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-friends .fa-btn.profile:hover{box-shadow:0 4px 0 rgba(30,40,80,0.14),inset 0 1px 0 rgba(255,255,255,.24),0 0 12px rgba(255,255,255,.12)}
html[data-theme="light"] body.page-friends .search-row input{background:rgba(30,40,80,0.036)}
html[data-theme="light"] body.page-friends #chat-panel{box-shadow:-4px 0 24px rgba(30,40,80,0.2)}
html[data-theme="light"] body.page-friends .cp-av{background:rgba(30,40,80,0.054);box-shadow:0 2px 0 rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-friends .cp-close{background:rgba(30,40,80,0.054)}
html[data-theme="light"] body.page-friends .cp-close:hover{background:rgba(30,40,80,0.108)}
html[data-theme="light"] body.page-friends .cp-bubble{box-shadow:0 2px 0 rgba(30,40,80,0.1)}
html[data-theme="light"] body.page-friends .cp-bubble.theirs{border:1px solid rgba(30,40,80,0.108)}
html[data-theme="light"] body.page-friends .cp-input-row input{background:rgba(30,40,80,0.036)}
html[data-theme="light"] body.page-friends .inv-box{box-shadow:0 6px 0 rgba(30,40,80,0.16)}
html[data-theme="light"] body.page-friends .inv-game-btn{background:rgba(30,40,80,0.045);box-shadow:0 2px 0 rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-friends .inv-room-row input{background:rgba(30,40,80,0.036)}
html[data-theme="light"] body.page-friends .inv-cancel{box-shadow:0 2px 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-friends .inv-cancel:hover{box-shadow:0 3px 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-friends .inv-cancel:active{box-shadow:0 0 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-friends #fr-invite-notif{box-shadow:0 4px 24px rgba(30,40,80,0.24),0 4px 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-friends .fr-inv-close:hover{background:rgba(30,40,80,0.072)}
html[data-theme="light"] body.page-friends .fr-inv-decline{box-shadow:0 2px 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-friends .fr-inv-decline:hover{box-shadow:0 3px 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-friends .fr-inv-decline:active{box-shadow:0 0 0 rgba(30,40,80,0.14)}

/* ── notifications.html ── */
html[data-theme="light"] body.page-notifications .duo-card{box-shadow:0 3px 0 rgba(30,40,80,0.14),0 1px 0 rgba(255,255,255,.04) inset}
html[data-theme="light"] body.page-notifications .page-hero{border:2px solid rgba(30,40,80,0.072);box-shadow:0 4px 0 rgba(30,40,80,0.16),inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme="light"] body.page-notifications .page-hero-icon{border:1px solid rgba(30,40,80,0.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 0 rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-notifications .notif-mark-btn{box-shadow:0 2px 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-notifications .notif-mark-btn:hover{box-shadow:0 3px 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-notifications .notif-mark-btn:active{box-shadow:0 0 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-notifications .notif-icon{box-shadow:0 2px 0 rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-notifications .na-btn{box-shadow:0 2px 0 rgba(30,40,80,0.14),inset 0 1px 0 rgba(255,255,255,.18)}
html[data-theme="light"] body.page-notifications .na-btn.dismiss:hover:not(:disabled){background:rgba(30,40,80,0.054)}

/* ── support.html ── */
html[data-theme="light"] body.page-support .duo-card{box-shadow:0 3px 0 rgba(30,40,80,0.14),0 1px 0 rgba(255,255,255,.04) inset}
html[data-theme="light"] body.page-support .page-hero{border:2px solid rgba(30,40,80,0.072);box-shadow:0 4px 0 rgba(30,40,80,0.16),inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme="light"] body.page-support .page-hero-icon{border:1px solid rgba(30,40,80,0.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 0 rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-support .stat-chip{background:rgba(30,40,80,0.036)}
html[data-theme="light"] body.page-support .fb-card:hover{box-shadow:0 4px 0 rgba(30,40,80,0.14),0 14px 28px -12px rgba(var(--fc,120,140,168),.45)}
html[data-theme="light"] body.page-support .fb-avatar{box-shadow:0 2px 0 rgba(30,40,80,0.12)}
html[data-theme="light"] body.page-support .type-btn{background:rgba(30,40,80,0.027)}
html[data-theme="light"] body.page-support .type-btn.active{box-shadow:0 3px 0 rgba(30,40,80,0.14),inset 0 1px 0 rgba(255,255,255,.5),0 8px 20px -6px rgba(var(--fc),.55)}
html[data-theme="light"] body.page-support .report-input{background:rgba(30,40,80,0.036)}
html[data-theme="light"] body.page-support .report-textarea{background:rgba(30,40,80,0.036)}
html[data-theme="light"] body.page-support .img-attach-btn{background:rgba(30,40,80,0.027)}
html[data-theme="light"] body.page-support .report-badge{background:rgba(30,40,80,0.036)}

/* ── learn-more.html ── */
html[data-theme="light"] body.page-learn-more .duo-card{box-shadow:0 4px 0 rgba(30,40,80,0.14),0 1px 0 rgba(255,255,255,.04) inset}
html[data-theme="light"] body.page-learn-more .duo-pressable:hover{box-shadow:0 6px 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-learn-more .duo-pressable:active{box-shadow:0 2px 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-learn-more .gg-banner{box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 2px 6px rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-learn-more .tag-strategy{background-color:rgba(30,40,80,0.072);border:1px solid rgba(30,40,80,0.18)}

/* ── auth.html ── */
html[data-theme="light"] body.page-auth .duo-card{box-shadow:0 5px 0 rgba(30,40,80,0.16),inset 0 1px 0 rgba(255,255,255,.04)}
html[data-theme="light"] body.page-auth .tabs{background:rgba(30,40,80,0.027)}
html[data-theme="light"] body.page-auth .tab:hover:not(.active){background:rgba(30,40,80,0.054)}
html[data-theme="light"] body.page-auth .google-btn{background:rgba(30,40,80,0.045);border:2px solid rgba(30,40,80,0.126);box-shadow:0 3px 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-auth .google-btn:hover{box-shadow:0 4px 0 rgba(30,40,80,0.14);background:rgba(30,40,80,0.072)}
html[data-theme="light"] body.page-auth .google-btn:active{box-shadow:0 0 0 rgba(30,40,80,0.14)}
html[data-theme="light"] body.page-auth input[type=text],
html[data-theme="light"] body.page-auth input[type=email],
html[data-theme="light"] body.page-auth input[type=password]{background:rgba(30,40,80,0.036)}