/* The dark palette remains the default in hub.css. Only the dashboard opts into light. */
html[data-theme="light"]{
 color-scheme:light;
 --bg:#fff9f6;--bg-2:#fff0e9;
 --panel:rgba(255,255,255,.8);--panel-2:#fff;
 --line:rgba(91,32,56,.16);--line-2:rgba(91,32,56,.28);
 --text:#321424;--muted:#654453;--faint:#785b69;
 --pink:#c51c50;--pink-600:#b81448;--berry-700:#930d39;
 --petal:#c92358;--tulip:#a21849;--blush:#ffe2e9;--plum:#45122b;--night:#2a0a18;
 --gold:#b06b07;--gold-soft:#85510a;--gold-100:#fff3d8;--purple:#6744bb;--green:#187450;
 --legendary:#b9770a;--epic:#7652bf;--rare:#bd3b6b;--common:#9c7184;
}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .backdrop{background:radial-gradient(110% 85% at 50% -12%,#ffe2e9 0%,#fff8f4 54%,#fff4ec 100%)}
html[data-theme="light"] .glow-a{background:#ffc7d6;opacity:.42}
html[data-theme="light"] .glow-b{background:#e2d1f2;opacity:.32}
html[data-theme="light"] .glow-c{background:#ffe7ad;opacity:.32}
html[data-theme="light"] .grid-floor{background-image:linear-gradient(rgba(124,55,78,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(124,55,78,.07) 1px,transparent 1px)}
html[data-theme="light"] .grain{opacity:.025}
html[data-theme="light"] .topnav{background:rgba(255,250,248,.94);box-shadow:0 8px 28px rgba(89,33,54,.06)}
html[data-theme="light"] .topnav .brand{background:transparent;box-shadow:none}
html[data-theme="light"] .brand-text small{color:#9b5b06}
html[data-theme="light"] .player-chip{background:#fff;border-color:#e9cad4}
html[data-theme="light"] .chip-xp{background:#edd6df}
html[data-theme="light"] .announce{background:linear-gradient(90deg,#fff0f2,#fff6e6,#fff0f2)}
html[data-theme="light"] .announce a,html[data-theme="light"] .resume-link{color:#8d0e3b}
html[data-theme="light"] .connection-note{background:#fff2d5;color:#583714;border-color:#cf8a1d}
html[data-theme="light"] .hero h1 em{background-image:linear-gradient(95deg,#b3154b,#9a5b05)}
html[data-theme="light"] .btn-gold{background:linear-gradient(135deg,#ffe49c,#f5bd4d 65%,#dc9c27);color:#321424;box-shadow:0 10px 24px rgba(154,99,15,.18)}
html[data-theme="light"] .hero-bipy{filter:drop-shadow(0 14px 22px rgba(114,42,68,.18))}
html[data-theme="light"] .cabinet{background:linear-gradient(160deg,#54182e,#290b1a 72%);color:#fff7f8;box-shadow:0 24px 62px rgba(106,39,61,.23),0 0 0 6px rgba(219,168,68,.12)}
html[data-theme="light"] .cabinet-info p{color:#f5dce4}
html[data-theme="light"] .cabinet-info small,html[data-theme="light"] .cabinet-marquee{color:#ffd897}
html[data-theme="light"] .cabinet-dots button::after{background:rgba(255,255,255,.38)}
html[data-theme="light"] .cabinet-dots button[aria-pressed="true"]::after{background:#ffd078}
html[data-theme="light"] .panel,html[data-theme="light"] .game-card,html[data-theme="light"] .steps li,html[data-theme="light"] .faq details,html[data-theme="light"] .album-progress{background:#fff;border-color:#ead4dc;box-shadow:0 15px 38px rgba(114,45,69,.07)}
html[data-theme="light"] .game-card:hover{box-shadow:0 20px 38px rgba(114,45,69,.16)}
html[data-theme="light"] .game-mech{filter:none;color:color-mix(in srgb,var(--accent) 72%,#301021)}
html[data-theme="light"] .game-actions .btn-primary{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 55%,#4b0b24),color-mix(in srgb,var(--accent) 35%,#4b0b24));color:#fff;box-shadow:0 8px 20px rgba(73,15,39,.16)}
html[data-theme="light"] .game-badge{color:#fff7f8}
html[data-theme="light"] .game-progress{color:#ffe3a9}
html[data-theme="light"] .mission,html[data-theme="light"] .board li,html[data-theme="light"] .badge,html[data-theme="light"] .podium-slot{background:#fff8f7}
html[data-theme="light"] .mission.done .mission-check{color:#fff}
html[data-theme="light"] .mission.done .xp-chip{color:#146446}
html[data-theme="light"] .bar,html[data-theme="light"] .streak-track i,html[data-theme="light"] .chip-xp{background:#eedce2}
html[data-theme="light"] .streak-panel h3 b,html[data-theme="light"] .album-count b,html[data-theme="light"] .board .score,html[data-theme="light"] .xp-table td:last-child{color:#925608}
html[data-theme="light"] .xp-chip{background:#fff0d2;color:#80500b}
html[data-theme="light"] .profile-panel .level-ring::before{background:#fff4f1}
html[data-theme="light"] .slot-card{background:repeating-linear-gradient(135deg,#fff 0 12px,#fff5f5 12px 24px);color:var(--muted)}
html[data-theme="light"] .mini-card.locked{background:linear-gradient(145deg,#b293a1,#694356)}
html[data-theme="light"] .mini-card.locked>div{background:#f2e6ea}
html[data-theme="light"] .mini-card.locked span{color:#654453}
html[data-theme="light"] .tabs{background:#f7e9ed}
html[data-theme="light"] .tab.active{background:#ad1747;color:#fff}
html[data-theme="light"] .board li.you,html[data-theme="light"] .you-row{background:#fff1d9;border-color:#dcad51}
html[data-theme="light"] .badge.on{background:#fff4e3;border-color:#deb460}
html[data-theme="light"] .badge-icon{background:#f4e5eb}
html[data-theme="light"] .badge.on .badge-icon{background:radial-gradient(circle at 35% 30%,#fff3d4,#f5c462 65%,#d18b1e);color:#321424}
html[data-theme="light"] .podium-slot.first .rank{color:#fff}
html[data-theme="light"] .steps li span{color:#fff}
html[data-theme="light"] .checks li::before{background-color:#e1f4e8}
html[data-theme="light"] .modal{background:rgba(45,17,31,.55)}
html[data-theme="light"] .modal-card{background:linear-gradient(180deg,#fffdfb,#fff3f1);border-color:#e7c5d2;box-shadow:0 32px 80px rgba(62,16,35,.25)}
html[data-theme="light"] .close{background:#f5e5eb;color:#562035}
html[data-theme="light"] .close:hover{background:#e8ccd7}
html[data-theme="light"] .field span{color:#8d1743}
html[data-theme="light"] .field input{background:#fff;border-color:#cdaab9;color:#321424}
html[data-theme="light"] .field input::placeholder{color:#876977}
html[data-theme="light"] .form-error{color:#a7133a}
html[data-theme="light"] .avatar-picker button{background:#fff2f5}
html[data-theme="light"] .avatar-stage{background:radial-gradient(ellipse at 50% 35%,rgba(214,56,102,.14),transparent 67%),#fff8f8;border-color:#e5cbd4}
html[data-theme="light"] .avatar-halo{background:radial-gradient(circle,#ffe5ec,transparent 72%);border-color:#dfb5c3}
html[data-theme="light"] .avatar-plinth{background:radial-gradient(ellipse,#ffdfaa,transparent 68%);border-color:#dca95f;box-shadow:0 8px 22px rgba(144,56,76,.1)}
html[data-theme="light"] .avatar-tag,html[data-theme="light"] .avatar-selection-heading span:last-child{color:#80500b}
html[data-theme="light"] .character-modal .avatar-roster button{background:#fff;border-color:#e1c8d1}
html[data-theme="light"] .character-modal .avatar-roster button:hover{background:#fff1f5;border-color:#b83e66}
html[data-theme="light"] .character-modal .avatar-roster button[aria-checked="true"]{background:linear-gradient(150deg,#fff2d8,#fff0f3);border-color:#a66209;box-shadow:0 0 0 3px rgba(196,122,19,.12)}
html[data-theme="light"] .character-footer{background:#fff2f1}
html[data-theme="light"] .gmy-album-card{background:#fff;border-color:#dec1cc}
html[data-theme="light"] .gmy-album-card-art{background:#fff2f5}
html[data-theme="light"] .gmy-album-slider-actions button{background:#fff;border-color:#cdaebc}
html[data-theme="light"] .onboard-tips li,html[data-theme="light"] .per-game div,html[data-theme="light"] .code-row code{background:#f8e8ed}
html[data-theme="light"] .game-detail .detail-cover{background:#421528}
html[data-theme="light"] .toast{background:linear-gradient(135deg,#fff,#fff1f4);box-shadow:0 16px 34px rgba(89,33,54,.16)}
html[data-theme="light"] .mobile-nav{background:rgba(255,250,248,.98);box-shadow:0 -8px 28px rgba(89,33,54,.07)}
html[data-theme="light"] .mobile-nav a[aria-current="location"]{background:#f9e3e9;color:#941139}
html[data-theme="light"] .footer-bpedia{opacity:1}
.gmy-brand-image{object-fit:contain;mix-blend-mode:normal!important}
.footer-brand{flex-direction:column;align-items:flex-start;gap:12px}
.footer-brand .footer-gamysuf{width:190px;height:64px;object-fit:contain}
.footer-brand p{margin:0;font-size:.8rem;line-height:1.7;color:var(--muted)}
.footer-bpedia{height:52px;object-fit:contain;opacity:1}

/* Header toggle: the SVG is supplied by theme.js and remains a 44 px target. */
#themeToggle{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--text);font-size:.74rem;font-weight:700}
#themeToggle:hover{border-color:var(--pink)}
#themeToggle svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){#themeToggle{width:44px;height:44px;padding:0}#themeToggle .theme-label{display:none}}