/* Tongo game economy, chest and cosmetic shop layer. Loaded after styles.css. */
/* Keep the header intentionally compact: identity, sound and the three game counters only. */
.topbar-progress, .top-stats .xp-pill { display: none; }
.top-stats { min-width: 0; }
.coin-pill span { filter: drop-shadow(0 2px 4px rgba(184, 118, 0, .25)); }
.chest-pill { cursor: pointer; color: var(--ink); }
.chest-pill:hover { transform: translateY(-1px); }

.chest-hub { margin-top: 22px; border-radius: 28px; padding: 25px; display: grid; grid-template-columns: minmax(240px, .9fr) minmax(360px, 1.6fr) auto; gap: 22px; align-items: center; background: linear-gradient(135deg, #12271e, #17442e); color: #fff; box-shadow: 0 22px 55px rgba(11, 55, 33, .2); overflow: hidden; position: relative; }
.chest-hub::after { content: ""; position: absolute; width: 240px; height: 240px; border-radius: 50%; right: -100px; top: -120px; background: radial-gradient(circle, rgba(255, 214, 85, .26), transparent 68%); }
.chest-hub .eyebrow { color: #baf2cc; }
.chest-hub h2 { margin: 5px 0 8px; font-size: 27px; letter-spacing: -.035em; }
.chest-hub p { margin: 0; color: rgba(255,255,255,.7); line-height: 1.5; font-size: 14px; }
.chest-wallet { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 14px; }
.chest-wallet span { background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.1); border-radius: 999px; padding: 7px 10px; font-size: 12px; font-weight: 850; }
.chest-inventory { display: grid; grid-template-columns: repeat(4, minmax(82px, 1fr)); gap: 8px; position: relative; z-index: 2; }
.inventory-chest { min-height: 104px; border: 1px solid rgba(255,255,255,.1); border-radius: 17px; background: rgba(255,255,255,.07); color: #fff; padding: 10px 7px; cursor: pointer; display: grid; justify-items: center; gap: 2px; transition: .18s ease; position: relative; overflow: hidden; }
.inventory-chest:hover:not(:disabled) { transform: translateY(-4px) scale(1.02); background: rgba(255,255,255,.12); }
.inventory-chest:disabled { opacity: .34; cursor: default; filter: grayscale(.7); }
.inventory-chest strong { font-size: 11px; }
.inventory-chest small { font-size: 10px; color: rgba(255,255,255,.65); }
.mini-game-chest, .reward-mini-chest { width: 46px; height: 38px; position: relative; display: block; filter: drop-shadow(0 8px 8px rgba(0,0,0,.18)); }
.mini-game-chest::before, .mini-game-chest::after, .reward-mini-chest::before, .reward-mini-chest::after { content: ""; position: absolute; left: 5px; right: 5px; border-radius: 7px; }
.mini-game-chest::before, .reward-mini-chest::before { top: 5px; height: 14px; background: #9aa2a0; border: 3px solid #626967; }
.mini-game-chest::after, .reward-mini-chest::after { bottom: 2px; height: 20px; background: #858e8b; border: 3px solid #5e6663; }
.chest-rare .mini-game-chest::before, .chest-rare .reward-mini-chest::before { background: #56aaff; border-color: #2368bf; }
.chest-rare .mini-game-chest::after, .chest-rare .reward-mini-chest::after { background: #3188e9; border-color: #1f5daa; }
.chest-epic .mini-game-chest::before, .chest-epic .reward-mini-chest::before { background: #b875ff; border-color: #7436be; }
.chest-epic .mini-game-chest::after, .chest-epic .reward-mini-chest::after { background: #9146e7; border-color: #622da8; }
.chest-legendary .mini-game-chest::before, .chest-legendary .reward-mini-chest::before { background: #ffbd3e; border-color: #bd6b08; }
.chest-legendary .mini-game-chest::after, .chest-legendary .reward-mini-chest::after { background: #f28b16; border-color: #a95706; }
.inventory-chest.sparkling::after { content: "✦"; position: absolute; right: 8px; top: 6px; color: #fff7b1; animation: mini-spark 1.25s ease-in-out infinite; }
@keyframes mini-spark { 50% { transform: scale(1.6) rotate(35deg); opacity: .4; } }
.chest-open-main { background: #ffd54a; color: #4b3b00; box-shadow: none; white-space: nowrap; position: relative; z-index: 2; }
.chest-open-main:disabled { opacity: .48; cursor: default; transform: none; }

.level-button.skipped { background: #f7f3ff; border-style: dashed; border-color: #b5a8d8; }
.level-button.skipped .level-number { background: #efe9ff; color: #6f58aa; }
.level-chest { position: absolute; right: 10px; top: 10px; border-radius: 999px; padding: 4px 7px; font-size: 8px; font-weight: 950; letter-spacing: .05em; text-transform: uppercase; }
.level-chest.chest-common { background: #edf0ef; color: #64706c; }
.level-chest.chest-rare { background: #e5f2ff; color: #2169bb; }
.level-chest.chest-epic { background: #f1e8ff; color: #743bbb; box-shadow: 0 0 13px rgba(128, 61, 201, .15); }
.level-chest.chest-legendary { background: #fff0ce; color: #a95c00; box-shadow: 0 0 16px rgba(241, 151, 21, .2); }

.reward-chest { width: 100%; border: 1px solid #efd469; background: linear-gradient(135deg, #fff8d6, #fff1ad); color: #5d4800; border-radius: 18px; padding: 11px 14px; display: flex; align-items: center; justify-content: center; gap: 12px; cursor: pointer; transition: .18s ease; }
.reward-chest:hover { transform: translateY(-2px) scale(1.01); box-shadow: 0 11px 25px rgba(206, 150, 14, .17); }
.reward-chest > span:last-child { display: grid; text-align: left; }
.reward-chest small { color: #80650c; }
.reward-chest[data-rarity="rare"] { background: linear-gradient(135deg, #edf7ff, #d7ebff); border-color: #77b8f7; color: #155a9f; }
.reward-chest[data-rarity="epic"] { background: linear-gradient(135deg, #f6edff, #e7d3ff); border-color: #b985ef; color: #6630a6; }
.reward-chest[data-rarity="legendary"] { background: linear-gradient(135deg, #fff1c9, #ffd67a); border-color: #efa527; color: #814700; box-shadow: 0 0 24px rgba(244, 163, 24, .18); }
.result-wallet { margin: 13px 0 2px; display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
.result-wallet span { background: #f4f6f4; border: 1px solid #e2e8e4; border-radius: 999px; padding: 7px 10px; font-size: 12px; font-weight: 850; }

.skip-overlay { position: fixed; inset: 0; z-index: 155; background: radial-gradient(circle at 50% 20%, rgba(103,76,210,.45), transparent 35%), rgba(8,22,17,.94); display: none; place-items: center; padding: 20px; color: #fff; backdrop-filter: blur(18px); }
.skip-overlay.show { display: grid; animation: fade-in .22s ease; }
.skip-card { width: min(590px, 100%); text-align: center; border: 1px solid rgba(255,255,255,.12); background: linear-gradient(145deg, rgba(31,47,41,.95), rgba(22,28,40,.96)); border-radius: 32px; padding: 37px; box-shadow: 0 35px 90px rgba(0,0,0,.38); }
.skip-crown { width: 96px; height: 96px; margin: 0 auto 17px; border-radius: 31px; display: grid; place-items: center; font-size: 48px; color: #ffe889; background: linear-gradient(145deg, #7358db, #4f36b8); box-shadow: 0 0 0 8px rgba(125,98,231,.14), 0 18px 35px rgba(74,47,174,.35); animation: skip-crown 1.15s ease-in-out infinite alternate; }
@keyframes skip-crown { to { transform: translateY(-7px) rotate(4deg); box-shadow: 0 0 0 12px rgba(125,98,231,.08), 0 22px 45px rgba(74,47,174,.45); } }
.skip-card .eyebrow { color: #cfc4ff; }
.skip-card h2 { margin: 9px 0 10px; font-size: clamp(33px, 6vw, 47px); letter-spacing: -.045em; line-height: 1.02; }
.skip-card p { margin: 0 auto 24px; max-width: 470px; color: rgba(255,255,255,.7); line-height: 1.55; }
.skip-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.skip-actions .secondary-button { background: rgba(255,255,255,.09); color: #fff; }
.skip-primary { background: linear-gradient(135deg, #8066ec, #5a3fd0); color: #fff; box-shadow: 0 13px 30px rgba(77,50,186,.35); }
.skip-card > small { display: block; margin-top: 15px; color: rgba(255,255,255,.48); }

.chest-open-overlay { position: fixed; inset: 0; z-index: 170; display: none; place-items: center; padding: 20px; background: rgba(6,16,12,.92); backdrop-filter: blur(18px); color: #fff; }
.chest-open-overlay.active { display: grid; animation: fade-in .18s ease; }
.chest-open-card { width: min(560px, 100%); text-align: center; }
.chest-open-card .eyebrow { color: #c7ead2; }
.chest-open-card h2 { margin: 8px 0 2px; font-size: 38px; letter-spacing: -.04em; }
.chest-open-card > p { margin: 0; color: rgba(255,255,255,.55); font-weight: 750; }
.chest-stage { height: 300px; position: relative; display: grid; place-items: center; perspective: 900px; }
.chest-rays { position: absolute; width: 230px; height: 230px; border-radius: 50%; opacity: .16; background: repeating-conic-gradient(from 0deg, rgba(255,255,255,.7) 0 7deg, transparent 7deg 17deg); animation: chest-rays 8s linear infinite; }
@keyframes chest-rays { to { transform: rotate(360deg); } }
.game-chest { width: 185px; height: 142px; position: relative; transform-style: preserve-3d; filter: drop-shadow(0 28px 25px rgba(0,0,0,.42)); }
.game-chest-lid, .game-chest-base { position: absolute; left: 0; right: 0; border: 7px solid #5d6663; background: linear-gradient(#aab1af, #798380); }
.game-chest-lid { top: 9px; height: 62px; border-radius: 26px 26px 11px 11px; transform-origin: 50% 100%; z-index: 3; }
.game-chest-base { bottom: 0; height: 85px; border-radius: 11px 11px 25px 25px; z-index: 2; }
.game-chest-lid::after, .game-chest-base::after { content: ""; position: absolute; left: 23px; right: 23px; height: 7px; border-radius: 9px; background: rgba(255,255,255,.3); }
.game-chest-lid::after { top: 13px; }
.game-chest-base::after { top: 20px; }
.game-chest-lock { position: absolute; z-index: 5; left: 50%; top: 58px; transform: translateX(-50%); width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: #d8dde0; border: 5px solid #626c69; color: #4b5552; }
.chest-open-overlay[data-rarity="rare"] .game-chest-lid, .chest-open-overlay[data-rarity="rare"] .game-chest-base { background: linear-gradient(#6ebaff, #267edc); border-color: #164f91; }
.chest-open-overlay[data-rarity="rare"] .game-chest-lock { background: #bde0ff; border-color: #235f9e; color: #225c96; }
.chest-open-overlay[data-rarity="epic"] .game-chest-lid, .chest-open-overlay[data-rarity="epic"] .game-chest-base { background: linear-gradient(#c68aff, #8340da); border-color: #51258a; box-shadow: 0 0 34px rgba(177,105,245,.22); }
.chest-open-overlay[data-rarity="epic"] .game-chest-lock { background: #ead1ff; border-color: #713ca6; color: #6c359e; }
.chest-open-overlay[data-rarity="legendary"] .game-chest-lid, .chest-open-overlay[data-rarity="legendary"] .game-chest-base { background: linear-gradient(#ffcb56, #ee7b0d); border-color: #9a4a04; box-shadow: 0 0 42px rgba(255,173,34,.32); }
.chest-open-overlay[data-rarity="legendary"] .game-chest-lock { background: #fff0a7; border-color: #aa6509; color: #965304; }
.chest-sparks { position: absolute; inset: 0; display: none; place-items: center; color: #ffe9a2; font-size: 32px; letter-spacing: 28px; pointer-events: none; animation: chest-spark-orbit 1.8s linear infinite; }
.chest-open-overlay[data-rarity="epic"] .chest-sparks, .chest-open-overlay[data-rarity="legendary"] .chest-sparks { display: grid; }
@keyframes chest-spark-orbit { 50% { transform: rotate(18deg) scale(1.2); opacity: .45; } }
.chest-stage.opening .game-chest { animation: chest-shake .7s ease both; }
@keyframes chest-shake { 20% { transform: translateX(-9px) rotate(-3deg); } 40% { transform: translateX(10px) rotate(4deg) scale(1.03); } 60% { transform: translateX(-7px) rotate(-2deg) scale(1.06); } 80% { transform: translateX(5px) rotate(2deg) scale(1.08); } 100% { transform: scale(1.1); } }
.chest-stage.opened .game-chest-lid { animation: chest-lid-open .48s cubic-bezier(.2,.9,.2,1.2) forwards; }
@keyframes chest-lid-open { to { transform: translateY(-22px) rotateX(-115deg); } }
.chest-stage.opened .chest-rays { opacity: .48; transform: scale(1.32); transition: .35s ease; }
.chest-open-trigger { min-width: 220px; background: #fff; color: #183025; box-shadow: 0 14px 30px rgba(0,0,0,.24); }
.chest-open-result { margin-top: -8px; display: grid; justify-items: center; animation: reward-pop .45s cubic-bezier(.15,.9,.25,1.25) both; }
@keyframes reward-pop { from { opacity: 0; transform: scale(.55); } }
.chest-open-result > span { font-size: 40px; }
.chest-open-result > strong { font-size: 58px; color: #ffd963; letter-spacing: -.05em; }
.chest-open-result > small { color: rgba(255,255,255,.65); margin-bottom: 15px; }
.chest-open-result .primary-button { min-width: 190px; background: #ffd24e; color: #4e3900; }

.shop-hero { margin-top: 30px; border-radius: 32px; padding: clamp(27px, 5vw, 48px); display: grid; grid-template-columns: 1fr auto; gap: 25px; align-items: center; color: #fff; background: radial-gradient(circle at 85% 10%, rgba(255,214,81,.23), transparent 28%), linear-gradient(135deg, #17251f, #223f32); box-shadow: var(--shadow); }
.shop-hero .eyebrow { color: #a9edc0; }
.shop-hero h1 { margin: 8px 0 10px; max-width: 680px; font-size: clamp(38px, 6vw, 63px); line-height: .98; letter-spacing: -.055em; }
.shop-hero p { margin: 0; color: rgba(255,255,255,.68); max-width: 670px; line-height: 1.55; }
.shop-wallet-card { min-width: 190px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.08); border-radius: 22px; padding: 20px; text-align: center; }
.shop-wallet-card > span { display: block; font-size: 10px; letter-spacing: .12em; font-weight: 900; color: #b7cec0; }
.shop-wallet-card strong { display: block; margin: 8px 0 3px; font-size: 30px; }
.shop-wallet-card small { color: rgba(255,255,255,.55); }
.shop-grid { margin-top: 25px; display: grid; gap: 26px; }
.shop-category-title { margin: 0 2px 11px; font-size: 13px; font-weight: 950; text-transform: uppercase; letter-spacing: .11em; color: var(--muted); }
.shop-items { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.shop-item { position: relative; overflow: hidden; display: grid; grid-template-rows: 98px 1fr auto; border: 1px solid var(--line); background: #fff; border-radius: 21px; min-height: 292px; box-shadow: var(--shadow-small); transition: .18s ease; }
.shop-item:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.shop-item.equipped { border-color: #61ba80; box-shadow: 0 0 0 2px rgba(71,175,108,.12), var(--shadow-small); }
.shop-item.not-enough { animation: shop-shake .4s ease; border-color: #e86b6b; }
@keyframes shop-shake { 30% { transform: translateX(-7px); } 65% { transform: translateX(7px); } }
.shop-item-preview { display: grid; place-items: center; font-size: 34px; color: #fff; background: linear-gradient(135deg, #0a8b49, #075e35); }
.preview-answer-sunset { background: linear-gradient(135deg, #ff7b54, #ff3e8a); }
.preview-answer-ocean { background: linear-gradient(135deg, #0d9ddb, #1859cc); }
.preview-answer-royal { background: linear-gradient(135deg, #8c5ced, #4b279d); }
.preview-answer-aurora { background: linear-gradient(120deg, #00ba87, #20a4ef 45%, #b04de6); }
.preview-answer-magma { background: linear-gradient(135deg, #1d1a22, #e14d20); }
.preview-combo-neon, .preview-profile-neon { background: linear-gradient(135deg, #071c15, #00d67d); }
.preview-combo-sparks { background: radial-gradient(circle, #ffd95c, #6c3ad2 45%, #171329); }
.preview-result-prism { background: linear-gradient(120deg, #4cd4cc, #6e5eea, #dc5ec0); }
.preview-result-crown, .preview-profile-gold { background: linear-gradient(135deg, #ffdc66, #d9870c); color: #5a3800; }
.shop-item-copy { padding: 16px 17px 8px; }
.shop-item-copy small { color: var(--muted); font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .09em; }
.shop-item-copy strong { display: block; margin: 5px 0 6px; font-size: 18px; }
.shop-item-copy p { margin: 0; color: var(--muted); line-height: 1.42; font-size: 13px; }
.shop-buy-button { margin: 12px 15px 15px; min-height: 44px; border: 0; border-radius: 13px; background: #173e2d; color: #fff; font-weight: 900; cursor: pointer; }
.shop-item.owned .shop-buy-button { background: #e9f5ed; color: var(--green-dark); }
.shop-item.equipped .shop-buy-button { background: #dff1e5; color: #588065; cursor: default; }

.purchase-overlay { position: fixed; inset: 0; z-index: 210; pointer-events: none; display: none; place-items: center; background: radial-gradient(circle, rgba(255,218,85,.22), transparent 40%); }
.purchase-overlay.show { display: grid; animation: purchase-flash 1.55s ease both; }
@keyframes purchase-flash { 0% { opacity: 0; } 12%,75% { opacity: 1; } 100% { opacity: 0; } }
.purchase-burst { width: min(430px, calc(100% - 34px)); text-align: center; color: #fff; background: linear-gradient(145deg, #123223, #1c5a39); border: 2px solid rgba(255,229,111,.5); border-radius: 30px; padding: 34px; box-shadow: 0 0 0 14px rgba(255,223,92,.08), 0 35px 80px rgba(0,0,0,.35); animation: purchase-pop .7s cubic-bezier(.15,.9,.25,1.3) both; }
@keyframes purchase-pop { from { transform: scale(.45) rotate(-7deg); opacity: 0; } }
.purchase-burst span { color: #ffe174; font-size: 11px; letter-spacing: .18em; font-weight: 950; }
.purchase-burst strong { display: block; margin: 9px 0; font-size: 31px; }
.purchase-burst i { font-size: 42px; color: #ffd856; }

/* Complete answer-theme packs: neutral, success and danger states move together. */
html[data-answer-theme="sunset"] { --game-answer-bg: linear-gradient(135deg,#fff7ef,#ffe8f1); --game-answer-border:#f2a28c; --game-success-bg:linear-gradient(135deg,#fff0cb,#dff9d8); --game-success-border:#85c66e; --game-danger-bg:linear-gradient(135deg,#ffe0df,#ffc4d5); --game-danger-border:#ed6f82; --game-accent:#ef5b66; --game-success:#39974f; --game-danger:#d8415c; }
html[data-answer-theme="ocean"] { --game-answer-bg:linear-gradient(135deg,#f0fbff,#e8f0ff); --game-answer-border:#79b9de; --game-success-bg:linear-gradient(135deg,#dffcf1,#dcefff); --game-success-border:#4eb78a; --game-danger-bg:linear-gradient(135deg,#fff0f0,#ecdfff); --game-danger-border:#d277a7; --game-accent:#197dcc; --game-success:#14875c; --game-danger:#bd4779; }
html[data-answer-theme="royal"] {
  --game-screen:#100b1b; --game-ink:#f7f1ff; --game-muted:#b6a7ce;
  --game-answer-bg:linear-gradient(135deg,#211532,#32204b); --game-answer-border:#7655ad; --game-answer-text:#fbf7ff;
  --game-key-bg:rgba(169,122,255,.11); --game-accent:#aa7dff;
  --game-success-bg:linear-gradient(135deg,#123b27,#205f38); --game-success-border:#5ee28f; --game-success:#3ccd75; --game-success-text:#f0fff5; --game-success-muted:#b7e9c9;
  --game-danger-bg:linear-gradient(135deg,#4b172f,#732446); --game-danger-border:#ff709e; --game-danger:#ed4f83; --game-danger-text:#fff2f7; --game-danger-muted:#f4b8cd;
}
@media (max-width: 760px) {
  .topbar { gap: 8px; }
  .mobile-brand img { width: 38px; height: 38px; }
  .top-stats { gap: 5px; min-width: 0; }
  .auth-button { max-width: 92px; min-width: 0; padding-inline: 8px; }
  .sound-toggle { width: 36px; min-width: 36px; padding: 0; }
  .top-stats .stat-pill { height: 38px; padding-inline: 7px; }
  .mobile-nav { grid-template-columns: repeat(5,1fr); }
  .mobile-nav-button { min-width:0; padding:4px 1px; }
  .mobile-nav-button small { font-size:9px; }
  .top-stats .coin-pill { display:flex; }
  .chest-hub { padding:20px; }
  .chest-inventory { grid-template-columns: repeat(2,1fr); }
  .skip-card { padding:28px 20px; }
  .skip-actions { grid-template-columns:1fr; }
  .chest-stage { height:260px; }
  .game-chest { transform:scale(.9); }
  .shop-hero { grid-template-columns:1fr; }
  .shop-wallet-card { width:100%; }
  .shop-items { grid-template-columns:1fr; }
}
@media (max-width: 470px) {
  .topbar { padding-inline: 12px; gap: 5px; }
  .mobile-brand img { width: 36px; height: 36px; }
  .top-stats { gap: 4px; }
  .auth-button { max-width: 70px; height: 36px; padding-inline: 6px; font-size: 12px; }
  .sound-toggle { width: 34px; min-width: 34px; height: 36px; }
  .top-stats .stat-pill { height: 36px; padding: 0 4px; gap: 4px; }
  .top-stats .stat-pill span { font-size:14px; }
  .chest-pill { min-width:34px; }
  .coin-pill { min-width:42px; }
}
@media (prefers-reduced-motion: reduce) {
  .inventory-chest.sparkling::after, .skip-crown, .chest-rays, .chest-sparks, html[data-combo-fx="neon"] .combo-badge { animation:none !important; }
}

/* === COSMETIC POLISH V2 START === */
/* Full cosmetic packs: profile themes recolor the complete non-lesson shell, result themes own the full result card,
   and answer themes define neutral/success/danger/reveal/footer states as one coherent pack. */

/* -------------------- NON-GAME SHELL THEMES -------------------- */
html[data-profile-frame="neon"] {
  --cos-shell-bg:#07110d;
  --cos-shell-panel:rgba(10,31,22,.92);
  --cos-shell-panel-2:#0d241a;
  --cos-shell-card:#102b20;
  --cos-shell-card-2:#143527;
  --cos-shell-line:rgba(91,255,166,.2);
  --cos-shell-text:#eafff2;
  --cos-shell-muted:#9bc9ad;
  --cos-shell-accent:#43ef9a;
  --cos-shell-accent-2:#13ba6b;
  --cos-shell-accent-text:#04150d;
  --cos-shell-glow:rgba(34,225,126,.24);
}
html[data-profile-frame="gold"] {
  --cos-shell-bg:#0c0a06;
  --cos-shell-panel:rgba(20,16,8,.94);
  --cos-shell-panel-2:#181207;
  --cos-shell-card:#1b150a;
  --cos-shell-card-2:#241b0b;
  --cos-shell-line:rgba(244,199,84,.24);
  --cos-shell-text:#fff5d8;
  --cos-shell-muted:#c7b889;
  --cos-shell-accent:#f2c45c;
  --cos-shell-accent-2:#c98818;
  --cos-shell-accent-text:#211300;
  --cos-shell-glow:rgba(226,166,45,.28);
}

html[data-profile-frame="neon"] body,
html[data-profile-frame="gold"] body {
  color:var(--cos-shell-text);
  background:
    radial-gradient(circle at 82% -5%, var(--cos-shell-glow), transparent 28%),
    radial-gradient(circle at 8% 105%, color-mix(in srgb, var(--cos-shell-accent) 14%, transparent), transparent 34%),
    var(--cos-shell-bg);
}
html[data-profile-frame="neon"] .ambient-one,
html[data-profile-frame="gold"] .ambient-one { background:var(--cos-shell-accent); opacity:.13; }
html[data-profile-frame="neon"] .ambient-two,
html[data-profile-frame="gold"] .ambient-two { background:var(--cos-shell-accent-2); opacity:.1; }

html[data-profile-frame="neon"] .sidebar,
html[data-profile-frame="gold"] .sidebar,
html[data-profile-frame="neon"] .topbar,
html[data-profile-frame="gold"] .topbar {
  background:var(--cos-shell-panel);
  border-color:var(--cos-shell-line);
  color:var(--cos-shell-text);
  box-shadow:0 12px 34px rgba(0,0,0,.14);
}
html[data-profile-frame="neon"] .brand small,
html[data-profile-frame="gold"] .brand small,
html[data-profile-frame="neon"] .sidebar-note p,
html[data-profile-frame="gold"] .sidebar-note p { color:var(--cos-shell-muted); }
html[data-profile-frame="neon"] .sidebar-note,
html[data-profile-frame="gold"] .sidebar-note {
  background:linear-gradient(145deg,var(--cos-shell-card),var(--cos-shell-panel-2));
  border-color:var(--cos-shell-line);
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 40px rgba(0,0,0,.16);
}
html[data-profile-frame="neon"] .nav-button,
html[data-profile-frame="gold"] .nav-button { color:var(--cos-shell-muted); }
html[data-profile-frame="neon"] .nav-button:hover,
html[data-profile-frame="gold"] .nav-button:hover { color:var(--cos-shell-text); background:var(--cos-shell-card); }
html[data-profile-frame="neon"] .nav-button.active,
html[data-profile-frame="gold"] .nav-button.active {
  color:var(--cos-shell-accent-text);
  background:linear-gradient(135deg,var(--cos-shell-accent),var(--cos-shell-accent-2));
  box-shadow:0 12px 30px var(--cos-shell-glow);
}
html[data-profile-frame="neon"] .stat-pill,
html[data-profile-frame="gold"] .stat-pill,
html[data-profile-frame="neon"] .sound-toggle,
html[data-profile-frame="gold"] .sound-toggle,
html[data-profile-frame="neon"] .auth-button,
html[data-profile-frame="gold"] .auth-button {
  background:var(--cos-shell-card);
  border-color:var(--cos-shell-line);
  color:var(--cos-shell-text);
  box-shadow:0 8px 20px rgba(0,0,0,.13);
}
html[data-profile-frame="neon"] .sound-toggle,
html[data-profile-frame="gold"] .sound-toggle,
html[data-profile-frame="neon"] .coin-pill,
html[data-profile-frame="gold"] .coin-pill { color:var(--cos-shell-accent); }
html[data-profile-frame="neon"] .auth-button.signed-in,
html[data-profile-frame="gold"] .auth-button.signed-in {
  color:var(--cos-shell-accent-text);
  background:linear-gradient(135deg,var(--cos-shell-accent),var(--cos-shell-accent-2));
  border-color:transparent;
}

html[data-profile-frame="neon"] .screen .eyebrow,
html[data-profile-frame="gold"] .screen .eyebrow,
html[data-profile-frame="neon"] .screen .card-kicker,
html[data-profile-frame="gold"] .screen .card-kicker { color:var(--cos-shell-accent); }
html[data-profile-frame="neon"] .page-heading p,
html[data-profile-frame="gold"] .page-heading p,
html[data-profile-frame="neon"] .chapter-copy small,
html[data-profile-frame="gold"] .chapter-copy small,
html[data-profile-frame="neon"] .chapter-copy p,
html[data-profile-frame="gold"] .chapter-copy p,
html[data-profile-frame="neon"] .chapter-progress span,
html[data-profile-frame="gold"] .chapter-progress span,
html[data-profile-frame="neon"] .practice-card p,
html[data-profile-frame="gold"] .practice-card p,
html[data-profile-frame="neon"] .mastery-item span,
html[data-profile-frame="gold"] .mastery-item span,
html[data-profile-frame="neon"] .corpus-status,
html[data-profile-frame="gold"] .corpus-status,
html[data-profile-frame="neon"] .corpus-row header span,
html[data-profile-frame="gold"] .corpus-row header span,
html[data-profile-frame="neon"] .corpus-row dt,
html[data-profile-frame="gold"] .corpus-row dt,
html[data-profile-frame="neon"] .profile-hero p,
html[data-profile-frame="gold"] .profile-hero p,
html[data-profile-frame="neon"] .profile-stats small,
html[data-profile-frame="gold"] .profile-stats small,
html[data-profile-frame="neon"] .badge small,
html[data-profile-frame="gold"] .badge small,
html[data-profile-frame="neon"] .settings-card p,
html[data-profile-frame="gold"] .settings-card p,
html[data-profile-frame="neon"] .shop-item-copy p,
html[data-profile-frame="gold"] .shop-item-copy p,
html[data-profile-frame="neon"] .shop-item-copy small,
html[data-profile-frame="gold"] .shop-item-copy small,
html[data-profile-frame="neon"] .shop-category-title,
html[data-profile-frame="gold"] .shop-category-title { color:var(--cos-shell-muted); }

html[data-profile-frame="neon"] .missions-card,
html[data-profile-frame="gold"] .missions-card,
html[data-profile-frame="neon"] .chapter-card,
html[data-profile-frame="gold"] .chapter-card,
html[data-profile-frame="neon"] .practice-card:not(.focus-card),
html[data-profile-frame="gold"] .practice-card:not(.focus-card),
html[data-profile-frame="neon"] .mastery-section,
html[data-profile-frame="gold"] .mastery-section,
html[data-profile-frame="neon"] .badge-section,
html[data-profile-frame="gold"] .badge-section,
html[data-profile-frame="neon"] .corpus-toolbar,
html[data-profile-frame="gold"] .corpus-toolbar,
html[data-profile-frame="neon"] .profile-stats article,
html[data-profile-frame="gold"] .profile-stats article,
html[data-profile-frame="neon"] .shop-item,
html[data-profile-frame="gold"] .shop-item,
html[data-profile-frame="neon"] .settings-card,
html[data-profile-frame="gold"] .settings-card {
  color:var(--cos-shell-text);
  background:linear-gradient(145deg,var(--cos-shell-card),var(--cos-shell-panel-2));
  border-color:var(--cos-shell-line);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
html[data-profile-frame="neon"] .mission,
html[data-profile-frame="gold"] .mission,
html[data-profile-frame="neon"] .mastery-item,
html[data-profile-frame="gold"] .mastery-item,
html[data-profile-frame="neon"] .corpus-row,
html[data-profile-frame="gold"] .corpus-row,
html[data-profile-frame="neon"] .badge,
html[data-profile-frame="gold"] .badge,
html[data-profile-frame="neon"] .rank-badge,
html[data-profile-frame="gold"] .rank-badge,
html[data-profile-frame="neon"] .overall-progress,
html[data-profile-frame="gold"] .overall-progress,
html[data-profile-frame="neon"] .level-button,
html[data-profile-frame="gold"] .level-button,
html[data-profile-frame="neon"] .search-box,
html[data-profile-frame="gold"] .search-box,
html[data-profile-frame="neon"] .corpus-toolbar select,
html[data-profile-frame="gold"] .corpus-toolbar select,
html[data-profile-frame="neon"] .soft-pill,
html[data-profile-frame="gold"] .soft-pill {
  color:var(--cos-shell-text);
  background:var(--cos-shell-card-2);
  border-color:var(--cos-shell-line);
}
html[data-profile-frame="neon"] .mission.done,
html[data-profile-frame="gold"] .mission.done {
  background:color-mix(in srgb,var(--cos-shell-accent) 12%,var(--cos-shell-card));
  border-color:color-mix(in srgb,var(--cos-shell-accent) 58%,transparent);
}
html[data-profile-frame="neon"] .micro-track,
html[data-profile-frame="gold"] .micro-track { background:rgba(255,255,255,.08); }
html[data-profile-frame="neon"] .micro-track div,
html[data-profile-frame="gold"] .micro-track div { background:linear-gradient(90deg,var(--cos-shell-accent-2),var(--cos-shell-accent)); }
html[data-profile-frame="neon"] .overall-progress b,
html[data-profile-frame="gold"] .overall-progress b,
html[data-profile-frame="neon"] .level-number,
html[data-profile-frame="gold"] .level-number { color:var(--cos-shell-accent); }
html[data-profile-frame="neon"] .overall-progress span,
html[data-profile-frame="gold"] .overall-progress span,
html[data-profile-frame="neon"] .level-button small,
html[data-profile-frame="gold"] .level-button small { color:var(--cos-shell-muted); }
html[data-profile-frame="neon"] .level-button.current,
html[data-profile-frame="gold"] .level-button.current {
  background:linear-gradient(145deg,color-mix(in srgb,var(--chapter-color) 18%,var(--cos-shell-card)),var(--cos-shell-card-2));
  border-color:var(--chapter-color);
}
html[data-profile-frame="neon"] .level-button.completed .level-number,
html[data-profile-frame="gold"] .level-button.completed .level-number,
html[data-profile-frame="neon"] .level-button.current .level-number,
html[data-profile-frame="gold"] .level-button.current .level-number { color:#fff; }
html[data-profile-frame="neon"] .search-box input,
html[data-profile-frame="gold"] .search-box input,
html[data-profile-frame="neon"] .corpus-toolbar select,
html[data-profile-frame="gold"] .corpus-toolbar select { color:var(--cos-shell-text); }
html[data-profile-frame="neon"] .search-box input::placeholder,
html[data-profile-frame="gold"] .search-box input::placeholder { color:var(--cos-shell-muted); }
html[data-profile-frame="neon"] .corpus-row button,
html[data-profile-frame="gold"] .corpus-row button {
  color:var(--cos-shell-accent);
  background:color-mix(in srgb,var(--cos-shell-accent) 12%,var(--cos-shell-card-2));
}
html[data-profile-frame="neon"] .corpus-notice,
html[data-profile-frame="gold"] .corpus-notice {
  color:var(--cos-shell-text);
  background:color-mix(in srgb,var(--cos-shell-accent) 10%,var(--cos-shell-card));
  border-color:var(--cos-shell-line);
}

html[data-profile-frame="neon"] .hero,
html[data-profile-frame="gold"] .hero {
  background:
    radial-gradient(circle at 82% 14%, color-mix(in srgb,var(--cos-shell-accent) 24%, transparent), transparent 27%),
    linear-gradient(135deg,var(--cos-shell-panel-2),color-mix(in srgb,var(--cos-shell-accent-2) 22%,var(--cos-shell-bg)) 62%,var(--cos-shell-card));
  border:1px solid var(--cos-shell-line);
  box-shadow:0 30px 75px rgba(0,0,0,.34),0 0 45px var(--cos-shell-glow);
}
html[data-profile-frame="neon"] .hero .eyebrow,
html[data-profile-frame="gold"] .hero .eyebrow { color:var(--cos-shell-accent); }
html[data-profile-frame="neon"] .hero p,
html[data-profile-frame="gold"] .hero p { color:color-mix(in srgb,var(--cos-shell-text) 76%,transparent); }
html[data-profile-frame="neon"] .hero .primary-button,
html[data-profile-frame="gold"] .hero .primary-button,
html[data-profile-frame="neon"] .chest-open-main,
html[data-profile-frame="gold"] .chest-open-main {
  color:var(--cos-shell-accent-text);
  background:linear-gradient(135deg,var(--cos-shell-accent),var(--cos-shell-accent-2));
  box-shadow:0 15px 35px var(--cos-shell-glow);
}
html[data-profile-frame="neon"] .hero-meta span,
html[data-profile-frame="gold"] .hero-meta span { border-color:var(--cos-shell-line); background:rgba(255,255,255,.055); }
html[data-profile-frame="neon"] .mascot-bubble,
html[data-profile-frame="gold"] .mascot-bubble {
  color:var(--cos-shell-text);
  background:var(--cos-shell-card-2);
  border:1px solid var(--cos-shell-line);
}
html[data-profile-frame="neon"] .mascot-bubble span,
html[data-profile-frame="gold"] .mascot-bubble span { color:var(--cos-shell-accent); }
html[data-profile-frame="neon"] .mascot-bubble small,
html[data-profile-frame="gold"] .mascot-bubble small { color:var(--cos-shell-muted); }

html[data-profile-frame="neon"] .practice-card.focus-card,
html[data-profile-frame="gold"] .practice-card.focus-card,
html[data-profile-frame="neon"] .shop-hero,
html[data-profile-frame="gold"] .shop-hero,
html[data-profile-frame="neon"] .chest-hub,
html[data-profile-frame="gold"] .chest-hub {
  color:var(--cos-shell-text);
  background:
    radial-gradient(circle at 88% 10%, color-mix(in srgb,var(--cos-shell-accent) 21%,transparent), transparent 30%),
    linear-gradient(135deg,var(--cos-shell-panel-2),var(--cos-shell-card));
  border:1px solid var(--cos-shell-line);
  box-shadow:0 24px 58px rgba(0,0,0,.25),0 0 32px color-mix(in srgb,var(--cos-shell-glow) 60%,transparent);
}
html[data-profile-frame="neon"] .practice-card.focus-card .card-kicker,
html[data-profile-frame="gold"] .practice-card.focus-card .card-kicker,
html[data-profile-frame="neon"] .practice-card.focus-card p,
html[data-profile-frame="gold"] .practice-card.focus-card p,
html[data-profile-frame="neon"] .shop-hero .eyebrow,
html[data-profile-frame="gold"] .shop-hero .eyebrow,
html[data-profile-frame="neon"] .chest-hub .eyebrow,
html[data-profile-frame="gold"] .chest-hub .eyebrow { color:var(--cos-shell-accent); }
html[data-profile-frame="neon"] .shop-hero p,
html[data-profile-frame="gold"] .shop-hero p,
html[data-profile-frame="neon"] .chest-hub p,
html[data-profile-frame="gold"] .chest-hub p { color:var(--cos-shell-muted); }
html[data-profile-frame="neon"] .shop-wallet-card,
html[data-profile-frame="gold"] .shop-wallet-card,
html[data-profile-frame="neon"] .chest-wallet span,
html[data-profile-frame="gold"] .chest-wallet span,
html[data-profile-frame="neon"] .inventory-chest,
html[data-profile-frame="gold"] .inventory-chest {
  background:rgba(255,255,255,.055);
  border-color:var(--cos-shell-line);
}
html[data-profile-frame="neon"] .shop-wallet-card > span,
html[data-profile-frame="gold"] .shop-wallet-card > span,
html[data-profile-frame="neon"] .shop-wallet-card small,
html[data-profile-frame="gold"] .shop-wallet-card small,
html[data-profile-frame="neon"] .inventory-chest small,
html[data-profile-frame="gold"] .inventory-chest small { color:var(--cos-shell-muted); }

html[data-profile-frame="neon"] .shop-item.owned .shop-buy-button,
html[data-profile-frame="gold"] .shop-item.owned .shop-buy-button {
  color:var(--cos-shell-text);
  background:color-mix(in srgb,var(--cos-shell-accent) 13%,var(--cos-shell-card-2));
}
html[data-profile-frame="neon"] .shop-item.equipped,
html[data-profile-frame="gold"] .shop-item.equipped {
  border-color:var(--cos-shell-accent);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--cos-shell-accent) 18%,transparent),0 18px 45px rgba(0,0,0,.22);
}
html[data-profile-frame="neon"] .shop-item.equipped .shop-buy-button,
html[data-profile-frame="gold"] .shop-item.equipped .shop-buy-button {
  color:var(--cos-shell-accent-text);
  background:linear-gradient(135deg,var(--cos-shell-accent),var(--cos-shell-accent-2));
}

html[data-profile-frame="neon"] .profile-hero,
html[data-profile-frame="gold"] .profile-hero {
  color:var(--cos-shell-text);
  background:
    radial-gradient(circle at 92% 0,color-mix(in srgb,var(--cos-shell-accent) 22%,transparent),transparent 34%),
    linear-gradient(135deg,var(--cos-shell-card-2),var(--cos-shell-panel-2));
  border:2px solid var(--cos-shell-accent);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--cos-shell-accent) 10%,transparent),0 24px 65px rgba(0,0,0,.28),0 0 36px var(--cos-shell-glow);
}
html[data-profile-frame="neon"] .avatar,
html[data-profile-frame="gold"] .avatar {
  color:var(--cos-shell-accent-text);
  background:linear-gradient(145deg,var(--cos-shell-accent),var(--cos-shell-accent-2));
  box-shadow:0 14px 35px var(--cos-shell-glow);
}
html[data-profile-frame="gold"] .profile-hero::after {
  content:"✦";
  position:absolute;
  right:26px;
  top:18px;
  color:#ffe9a7;
  font-size:22px;
  filter:drop-shadow(0 0 12px #dba126);
  animation:mini-spark 1.6s ease-in-out infinite;
}
html[data-profile-frame="gold"] .profile-hero { position:relative; overflow:hidden; }
html[data-profile-frame="neon"] .rank-badge,
html[data-profile-frame="gold"] .rank-badge { box-shadow:0 10px 28px rgba(0,0,0,.18); }

html[data-profile-frame="neon"] .settings-card,
html[data-profile-frame="gold"] .settings-card { border-color:var(--cos-shell-line); }
html[data-profile-frame="neon"] .danger-button,
html[data-profile-frame="gold"] .danger-button { color:#ffd2d2; background:rgba(184,47,47,.2); border:1px solid rgba(255,108,108,.2); }

/* Mobile navigation belongs to the same purchased shell theme. */
@media (max-width:760px) {
  html[data-profile-frame="neon"] .mobile-nav,
  html[data-profile-frame="gold"] .mobile-nav {
    background:var(--cos-shell-panel);
    border-color:var(--cos-shell-line);
    box-shadow:0 18px 48px rgba(0,0,0,.34);
  }
  html[data-profile-frame="neon"] .mobile-nav-button,
  html[data-profile-frame="gold"] .mobile-nav-button { color:var(--cos-shell-muted); }
  html[data-profile-frame="neon"] .mobile-nav-button.active,
  html[data-profile-frame="gold"] .mobile-nav-button.active {
    color:var(--cos-shell-accent-text);
    background:linear-gradient(135deg,var(--cos-shell-accent),var(--cos-shell-accent-2));
  }
}

/* -------------------- RESULT SCREEN PACKS -------------------- */
html[data-result-fx="prism"] .result-overlay {
  background:
    radial-gradient(circle at 24% 20%,rgba(87,219,210,.22),transparent 32%),
    radial-gradient(circle at 80% 72%,rgba(212,91,190,.2),transparent 32%),
    rgba(15,12,35,.88);
}
html[data-result-fx="prism"] .result-card {
  color:#f7f5ff;
  border:1px solid rgba(188,181,255,.34);
  background:
    linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),
    radial-gradient(circle at 14% 0,rgba(82,225,209,.2),transparent 32%),
    radial-gradient(circle at 92% 100%,rgba(221,91,188,.24),transparent 36%),
    linear-gradient(145deg,#171a38,#25204d 55%,#28152f);
  box-shadow:0 0 0 7px rgba(122,102,236,.08),0 38px 100px rgba(11,8,35,.56),0 0 55px rgba(125,103,233,.22);
}
html[data-result-fx="prism"] .result-card > p { color:#c8c8e5; }
html[data-result-fx="prism"] .result-grid div,
html[data-result-fx="prism"] .result-wallet span {
  color:#f7f5ff;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(199,193,255,.15);
}
html[data-result-fx="prism"] .result-grid span { color:#aaa9cc; }
html[data-result-fx="prism"] .result-burst {
  border-color:#201c43;
  background:conic-gradient(from 25deg,#4cd4cc,#7464ee,#e267be,#ffc75a,#4cd4cc);
  box-shadow:0 0 0 6px rgba(125,105,238,.14),0 18px 42px rgba(105,80,218,.45);
}
html[data-result-fx="prism"] .result-card .primary-button {
  color:#fff;
  background:linear-gradient(135deg,#4dcbbf,#7662e7 48%,#d757ad);
  box-shadow:0 12px 30px rgba(105,84,218,.28);
}

html[data-result-fx="crown"] .result-overlay {
  background:
    radial-gradient(circle at 50% 20%,rgba(239,184,65,.28),transparent 28%),
    rgba(10,8,4,.9);
}
html[data-result-fx="crown"] .result-card {
  color:#fff3cf;
  border:2px solid #d9a837;
  background:
    radial-gradient(circle at 50% -12%,rgba(255,218,112,.18),transparent 34%),
    linear-gradient(145deg,#211806,#120e07 58%,#1c1305);
  box-shadow:0 0 0 8px rgba(235,182,63,.07),0 38px 100px rgba(0,0,0,.58),0 0 48px rgba(208,147,28,.22);
}
html[data-result-fx="crown"] .result-card > p { color:#c8b781; }
html[data-result-fx="crown"] .result-grid div,
html[data-result-fx="crown"] .result-wallet span {
  color:#fff1c5;
  background:linear-gradient(145deg,rgba(242,196,92,.11),rgba(255,255,255,.025));
  border:1px solid rgba(242,196,92,.18);
}
html[data-result-fx="crown"] .result-grid span { color:#bba86f; }
html[data-result-fx="crown"] .result-burst {
  color:#291a00;
  border-color:#191006;
  background:linear-gradient(145deg,#fff0a1,#e3a62e 48%,#a96608);
  box-shadow:0 0 0 7px rgba(237,184,65,.14),0 18px 42px rgba(218,151,28,.4);
}
html[data-result-fx="crown"] .result-card .primary-button {
  color:#241500;
  background:linear-gradient(135deg,#ffe693,#dca02b);
  box-shadow:0 12px 30px rgba(205,141,24,.25);
}
html[data-result-fx="crown"] .reward-chest,
html[data-result-fx="prism"] .reward-chest { box-shadow:none; }

/* -------------------- COMPLETE ANSWER STYLE PACKS -------------------- */
html[data-answer-theme="sunset"] {
  --game-screen:#fff8f3; --game-ink:#3b2730; --game-muted:#8c6571;
  --game-answer-bg:linear-gradient(135deg,#fff4ec,#ffe7ef); --game-answer-border:#efad97; --game-answer-text:#5b343c;
  --game-key-bg:#fff0ea; --game-accent:#e9556b;
  --game-success-bg:linear-gradient(135deg,#e5fbdc,#d7f4cc); --game-success-border:#4ebf63; --game-success:#299249; --game-success-text:#153e24; --game-success-muted:#386848;
  --game-danger-bg:linear-gradient(135deg,#ffe0df,#ffc7d3); --game-danger-border:#ef5f70; --game-danger:#d83e55; --game-danger-text:#5a1824; --game-danger-muted:#7e3945;
}
html[data-answer-theme="ocean"] {
  --game-screen:#f3faff; --game-ink:#173955; --game-muted:#638099;
  --game-answer-bg:linear-gradient(135deg,#edfaff,#e8f1ff); --game-answer-border:#78b8df; --game-answer-text:#1a486c;
  --game-key-bg:#e4f5ff; --game-accent:#197dcc;
  --game-success-bg:linear-gradient(135deg,#d8faee,#dff3ff); --game-success-border:#36ae7a; --game-success:#17865c; --game-success-text:#0b4731; --game-success-muted:#397060;
  --game-danger-bg:linear-gradient(135deg,#ffe8ee,#ecdfff); --game-danger-border:#d35a8d; --game-danger:#bd4779; --game-danger-text:#5b1837; --game-danger-muted:#7d4760;
}
html[data-answer-theme="royal"] {
  --game-screen:#f8f5ff; --game-ink:#362553; --game-muted:#776b91;
  --game-answer-bg:linear-gradient(135deg,#f8f3ff,#ede5ff); --game-answer-border:#aa8ddd; --game-answer-text:#49346e;
  --game-key-bg:#f0e8ff; --game-accent:#6841b4;
  --game-success-bg:linear-gradient(135deg,#dff8e7,#e9e0ff); --game-success-border:#4fa96a; --game-success:#33804d; --game-success-text:#183d28; --game-success-muted:#496854;
  --game-danger-bg:linear-gradient(135deg,#ffe4ed,#edd8ff); --game-danger-border:#c95b96; --game-danger:#b53f7b; --game-danger-text:#581a3b; --game-danger-muted:#7c4262;
}
html[data-answer-theme="aurora"] {
  --game-screen:#07161b; --game-ink:#efffff; --game-muted:#9abdc0;
  --game-answer-bg:linear-gradient(120deg,#0e2b29,#102941 52%,#2b1d3a); --game-answer-border:#397f89; --game-answer-text:#f1ffff;
  --game-key-bg:rgba(64,226,203,.09); --game-accent:#42e0ce;
  --game-success-bg:linear-gradient(120deg,#103b2d,#14544b,#183f55); --game-success-border:#4fe0a4; --game-success:#2fc988; --game-success-text:#effff8; --game-success-muted:#afe7d0;
  --game-danger-bg:linear-gradient(120deg,#481c2e,#5e2448,#432455); --game-danger-border:#ff709c; --game-danger:#e85482; --game-danger-text:#fff2f7; --game-danger-muted:#efb8cd;
}
html[data-answer-theme="magma"] {
  --game-screen:#120f14; --game-ink:#fff4eb; --game-muted:#c6aaa2;
  --game-answer-bg:linear-gradient(135deg,#28232d,#39262a); --game-answer-border:#765054; --game-answer-text:#fff7f2;
  --game-key-bg:rgba(255,255,255,.06); --game-accent:#ff7b42;
  --game-success-bg:linear-gradient(135deg,#123c27,#1f6138); --game-success-border:#54e089; --game-success:#39cf72; --game-success-text:#f0fff5; --game-success-muted:#b9e8ca;
  --game-danger-bg:linear-gradient(135deg,#571d22,#7a282a); --game-danger-border:#ff7568; --game-danger:#ff5f55; --game-danger-text:#fff3f1; --game-danger-muted:#ffc3bc;
}

html[data-answer-theme]:not([data-answer-theme="classic"]) .lesson-overlay { background:var(--game-screen); color:var(--game-ink); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .lesson-header { color:var(--game-ink); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .round-button,
html[data-answer-theme]:not([data-answer-theme="classic"]) .correction-link {
  color:var(--game-ink);
  background:color-mix(in srgb,var(--game-answer-bg) 88%,transparent);
  border-color:var(--game-answer-border);
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .lesson-progress { background:color-mix(in srgb,var(--game-answer-border) 22%,transparent); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .lesson-progress div { background:linear-gradient(90deg,var(--game-accent),var(--game-success)); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .question-topline { color:var(--game-muted); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .context-pill { color:var(--game-accent); background:color-mix(in srgb,var(--game-accent) 10%,transparent); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .question-type { color:var(--game-accent); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .answer-button {
  color:var(--game-answer-text);
  background:var(--game-answer-bg);
  border-color:var(--game-answer-border);
  box-shadow:0 8px 22px color-mix(in srgb,var(--game-accent) 6%,transparent);
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .answer-button span { color:inherit; }
html[data-answer-theme]:not([data-answer-theme="classic"]) .answer-button:hover:not(:disabled) {
  border-color:var(--game-accent);
  box-shadow:0 12px 28px color-mix(in srgb,var(--game-accent) 18%,transparent);
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .answer-key {
  color:var(--game-accent);
  background:var(--game-key-bg);
  border-color:color-mix(in srgb,var(--game-accent) 48%,transparent);
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .answer-button.correct,
html[data-answer-theme]:not([data-answer-theme="classic"]) .answer-button.reveal {
  color:var(--game-success-text);
  background:var(--game-success-bg);
  border-color:var(--game-success-border);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--game-success) 16%,transparent),0 12px 30px color-mix(in srgb,var(--game-success) 15%,transparent);
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .answer-button.correct .answer-key,
html[data-answer-theme]:not([data-answer-theme="classic"]) .answer-button.reveal .answer-key {
  color:var(--game-success-text);
  background:color-mix(in srgb,var(--game-success) 20%,transparent);
  border-color:var(--game-success-border);
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .answer-button.wrong {
  color:var(--game-danger-text);
  background:var(--game-danger-bg);
  border-color:var(--game-danger-border);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--game-danger) 14%,transparent),0 12px 30px color-mix(in srgb,var(--game-danger) 13%,transparent);
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .answer-button.wrong .answer-key {
  color:var(--game-danger-text);
  background:color-mix(in srgb,var(--game-danger) 20%,transparent);
  border-color:var(--game-danger-border);
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .check-button,
html[data-answer-theme]:not([data-answer-theme="classic"]) .feedback-button { color:#fff; background:var(--game-accent); }

/* Typed/arrange exercises use the purchased answer palette too. */
html[data-answer-theme]:not([data-answer-theme="classic"]) .type-input,
html[data-answer-theme]:not([data-answer-theme="classic"]) .sentence-builder,
html[data-answer-theme]:not([data-answer-theme="classic"]) .word-bank,
html[data-answer-theme]:not([data-answer-theme="classic"]) .word-token {
  color:var(--game-answer-text);
  background:var(--game-answer-bg);
  border-color:var(--game-answer-border);
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .type-input::placeholder,
html[data-answer-theme]:not([data-answer-theme="classic"]) .builder-placeholder { color:var(--game-muted); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .word-token { box-shadow:0 3px 0 color-mix(in srgb,var(--game-answer-border) 46%,transparent); }

/* Feedback footer: never inherit unreadable body text. Every state has explicit text, panel and button colors. */
html[data-answer-theme]:not([data-answer-theme="classic"]) .feedback-panel {
  color:var(--game-success-text);
  background:var(--game-success-bg);
  border-color:var(--game-success-border);
  box-shadow:0 -18px 50px color-mix(in srgb,var(--game-success) 9%,transparent);
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .feedback-copy > span { color:#fff; background:var(--game-success); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .feedback-copy strong { color:var(--game-success-text); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .feedback-copy p { color:var(--game-success-muted); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .feedback-panel .feedback-button { color:#fff; background:var(--game-success); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .feedback-panel.wrong {
  color:var(--game-danger-text);
  background:var(--game-danger-bg);
  border-color:var(--game-danger-border);
  box-shadow:0 -18px 50px color-mix(in srgb,var(--game-danger) 10%,transparent);
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .feedback-panel.wrong .feedback-copy > span { color:#fff; background:var(--game-danger); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .feedback-panel.wrong .feedback-copy strong { color:var(--game-danger-text); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .feedback-panel.wrong .feedback-copy p { color:var(--game-danger-muted); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .feedback-panel.wrong .feedback-button { color:#fff; background:var(--game-danger); }

/* Magma receives extra contrast instead of relying on generic dark-on-dark inheritance. */
html[data-answer-theme="magma"] .lesson-content h2,
html[data-answer-theme="magma"] .question-topline,
html[data-answer-theme="magma"] .hearts { text-shadow:0 2px 16px rgba(0,0,0,.35); }
html[data-answer-theme="magma"] .answer-button.correct,
html[data-answer-theme="magma"] .answer-button.reveal {
  background:linear-gradient(135deg,#0e4b2b,#237843);
  border-color:#6bff9e;
  box-shadow:0 0 0 2px rgba(72,229,127,.22),0 0 30px rgba(47,219,112,.2);
}
html[data-answer-theme="magma"] .answer-button.wrong {
  background:linear-gradient(135deg,#661b21,#972b2c);
  border-color:#ff8b7e;
  box-shadow:0 0 0 2px rgba(255,92,79,.2),0 0 28px rgba(255,82,66,.18);
}
html[data-answer-theme="magma"] .feedback-panel { border-top-width:2px; }
html[data-answer-theme="magma"] .feedback-panel .feedback-copy strong,
html[data-answer-theme="magma"] .feedback-panel.wrong .feedback-copy strong { color:#fff; }
html[data-answer-theme="magma"] .feedback-button { box-shadow:0 10px 26px rgba(0,0,0,.26); }

/* Classic keeps its original learning-game styling; profile themes never leak into lesson/result overlays. */
html[data-profile-frame="neon"] .lesson-overlay,
html[data-profile-frame="gold"] .lesson-overlay,
html[data-profile-frame="neon"] .result-overlay,
html[data-profile-frame="gold"] .result-overlay { isolation:isolate; }
/* === COSMETIC POLISH V2 END === */


/* === LESSON THEME SEPARATION V3 START === */
/* Profile themes own only the application shell. They must never leak inherited colors into lessons/results. */
html[data-profile-frame="neon"][data-answer-theme="classic"] .lesson-overlay,
html[data-profile-frame="gold"][data-answer-theme="classic"] .lesson-overlay {
  color:#19352a;
  background:#fbfaf6;
}
html[data-profile-frame="neon"][data-answer-theme="classic"] .lesson-header,
html[data-profile-frame="gold"][data-answer-theme="classic"] .lesson-header,
html[data-profile-frame="neon"][data-answer-theme="classic"] .lesson-content,
html[data-profile-frame="gold"][data-answer-theme="classic"] .lesson-content,
html[data-profile-frame="neon"][data-answer-theme="classic"] .lesson-content h2,
html[data-profile-frame="gold"][data-answer-theme="classic"] .lesson-content h2 { color:#19352a; }
html[data-profile-frame="neon"][data-answer-theme="classic"] .question-topline,
html[data-profile-frame="gold"][data-answer-theme="classic"] .question-topline { color:#6e8078; }
html[data-profile-frame="neon"][data-answer-theme="classic"] .answer-button,
html[data-profile-frame="gold"][data-answer-theme="classic"] .answer-button,
html[data-profile-frame="neon"][data-answer-theme="classic"] .type-input,
html[data-profile-frame="gold"][data-answer-theme="classic"] .type-input,
html[data-profile-frame="neon"][data-answer-theme="classic"] .sentence-builder,
html[data-profile-frame="gold"][data-answer-theme="classic"] .sentence-builder,
html[data-profile-frame="neon"][data-answer-theme="classic"] .word-token,
html[data-profile-frame="gold"][data-answer-theme="classic"] .word-token { color:#19352a; }
html[data-profile-frame="neon"][data-answer-theme="classic"] .feedback-panel,
html[data-profile-frame="gold"][data-answer-theme="classic"] .feedback-panel { color:#19352a; }
html[data-profile-frame="neon"][data-answer-theme="classic"] .feedback-panel.wrong,
html[data-profile-frame="gold"][data-answer-theme="classic"] .feedback-panel.wrong { color:#5b2727; }

/* Result cosmetics are independent from profile cosmetics too. */
html[data-profile-frame="neon"][data-result-fx="classic"] .result-overlay,
html[data-profile-frame="gold"][data-result-fx="classic"] .result-overlay {
  color:#19352a;
  background:rgba(8,42,26,.58);
}
html[data-profile-frame="neon"][data-result-fx="classic"] .result-card,
html[data-profile-frame="gold"][data-result-fx="classic"] .result-card {
  color:#19352a;
  background:#fff;
  border-color:transparent;
}
html[data-profile-frame="neon"][data-result-fx="classic"] .result-card > p,
html[data-profile-frame="gold"][data-result-fx="classic"] .result-card > p,
html[data-profile-frame="neon"][data-result-fx="classic"] .result-grid span,
html[data-profile-frame="gold"][data-result-fx="classic"] .result-grid span { color:#6e8078; }
html[data-profile-frame="neon"][data-result-fx="classic"] .result-grid div,
html[data-profile-frame="gold"][data-result-fx="classic"] .result-grid div,
html[data-profile-frame="neon"][data-result-fx="classic"] .result-wallet span,
html[data-profile-frame="gold"][data-result-fx="classic"] .result-wallet span {
  color:#19352a;
  background:#f2f6f3;
  border-color:#e2e8e4;
}

/* Correction UI is part of the lesson theme, not the profile shell. */
html[data-profile-frame="neon"][data-answer-theme="classic"] .correction-card,
html[data-profile-frame="gold"][data-answer-theme="classic"] .correction-card {
  color:#19352a;
  background:#fff;
}
html[data-profile-frame="neon"][data-answer-theme="classic"] .correction-card p,
html[data-profile-frame="gold"][data-answer-theme="classic"] .correction-card p,
html[data-profile-frame="neon"][data-answer-theme="classic"] .correction-card label span,
html[data-profile-frame="gold"][data-answer-theme="classic"] .correction-card label span { color:#6e8078; }

/* Lesstijlen own the COMPLETE lesson UI: canvas, header, question, controls, correction and feedback. */
html[data-answer-theme]:not([data-answer-theme="classic"]) .lesson-content,
html[data-answer-theme]:not([data-answer-theme="classic"]) .lesson-content h2 { color:var(--game-ink); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .hearts { color:var(--game-danger); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .round-button,
html[data-answer-theme]:not([data-answer-theme="classic"]) .correction-link {
  color:var(--game-ink);
  background:var(--game-answer-bg);
  border-color:var(--game-answer-border);
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .correction-overlay {
  background:color-mix(in srgb,var(--game-screen) 72%,rgba(0,0,0,.55));
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .correction-card {
  color:var(--game-ink);
  background:var(--game-screen);
  border-color:var(--game-answer-border);
  box-shadow:0 28px 80px rgba(0,0,0,.3);
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .correction-card p,
html[data-answer-theme]:not([data-answer-theme="classic"]) .correction-card label span { color:var(--game-muted); }
html[data-answer-theme]:not([data-answer-theme="classic"]) .correction-card textarea {
  color:var(--game-answer-text);
  background:var(--game-answer-bg);
  border-color:var(--game-answer-border);
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .correction-card textarea:focus {
  border-color:var(--game-accent);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--game-accent) 16%,transparent);
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .correction-card .primary-button {
  color:#fff;
  background:var(--game-accent);
}
html[data-answer-theme]:not([data-answer-theme="classic"]) .builder-placeholder { color:var(--game-muted); }

/* Extra Magma polish: every interactive piece stays readable on the dark lesson canvas. */
html[data-answer-theme="magma"] .lesson-overlay,
html[data-answer-theme="magma"] .lesson-header,
html[data-answer-theme="magma"] .lesson-content,
html[data-answer-theme="magma"] .lesson-content h2,
html[data-answer-theme="magma"] .round-button,
html[data-answer-theme="magma"] .correction-link { color:#fff4eb; }
html[data-answer-theme="magma"] .question-topline { color:#c6aaa2; }
html[data-answer-theme="magma"] .context-pill {
  color:#ffad83;
  background:rgba(255,123,66,.12);
  border:1px solid rgba(255,123,66,.16);
}
html[data-answer-theme="magma"] .answer-button:not(.correct):not(.wrong):not(.reveal) .answer-key {
  color:#ffad83;
  border-color:rgba(255,153,108,.48);
}
html[data-answer-theme="magma"] .type-input,
html[data-answer-theme="magma"] .sentence-builder,
html[data-answer-theme="magma"] .word-bank,
html[data-answer-theme="magma"] .word-token { color:#fff7f2; }
html[data-answer-theme="magma"] .check-button { color:#211008; background:linear-gradient(135deg,#ff9b68,#ff6436); }
/* === LESSON THEME SEPARATION V3 END === */


/* === SHOP ECONOMY + PREMIUM LESSONS V4 START === */
/* Royal Violet and Aurora are true dark premium lesson worlds, not light recolors. */
html[data-answer-theme="royal"] .lesson-overlay {
  background:
    radial-gradient(circle at 78% -8%,rgba(151,96,246,.20),transparent 34%),
    radial-gradient(circle at 7% 108%,rgba(95,55,164,.15),transparent 35%),
    #100b1b;
}
html[data-answer-theme="aurora"] .lesson-overlay {
  background:
    radial-gradient(circle at 82% -10%,rgba(52,221,199,.16),transparent 34%),
    radial-gradient(circle at 8% 108%,rgba(157,78,220,.15),transparent 34%),
    #07161b;
}
html[data-answer-theme="royal"] .lesson-header,
html[data-answer-theme="aurora"] .lesson-header { border-color:rgba(255,255,255,.04); }
html[data-answer-theme="royal"] .question-type { color:#bc98ff; }
html[data-answer-theme="aurora"] .question-type { color:#69eadb; }
html[data-answer-theme="royal"] .context-pill { color:#c6a7ff; background:rgba(170,125,255,.12); border:1px solid rgba(170,125,255,.15); }
html[data-answer-theme="aurora"] .context-pill { color:#7cefe3; background:rgba(66,224,206,.11); border:1px solid rgba(66,224,206,.15); }

/* Shop hierarchy: visually separate starter lesson styles from the premium dark collection. */
.shop-category-title { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; }
.shop-category-title > small { max-width:560px; text-align:right; text-transform:none; letter-spacing:0; font-size:12px; font-weight:750; color:var(--muted); line-height:1.4; }
.shop-tier-group { border:1px solid var(--line); border-radius:25px; padding:18px; background:rgba(255,255,255,.48); box-shadow:var(--shadow-small); }
.shop-tier-group + .shop-tier-group { margin-top:16px; }
.shop-tier-head { display:flex; justify-content:space-between; gap:22px; align-items:flex-end; margin:0 2px 16px; }
.shop-tier-head > div > span { display:block; margin-bottom:4px; font-size:10px; letter-spacing:.16em; font-weight:950; color:var(--muted); }
.shop-tier-head > div > strong { display:block; font-size:20px; letter-spacing:-.025em; }
.shop-tier-head p { max-width:560px; margin:0; text-align:right; color:var(--muted); font-size:12px; line-height:1.45; }
.shop-tier-premium {
  color:#f8f3ff;
  border-color:rgba(164,116,239,.28);
  background:
    radial-gradient(circle at 86% 0,rgba(71,216,194,.12),transparent 28%),
    radial-gradient(circle at 10% 100%,rgba(164,88,225,.16),transparent 30%),
    linear-gradient(145deg,#15111e,#0e151b 58%,#17101e);
  box-shadow:0 24px 55px rgba(17,11,27,.18),0 0 0 1px rgba(255,255,255,.015) inset;
}
.shop-tier-premium .shop-tier-head > div > span { color:#c6a2ff; }
.shop-tier-premium .shop-tier-head p { color:#b9b1c5; }
.shop-tier-premium .shop-item { border-color:rgba(190,155,237,.16); background:rgba(255,255,255,.96); }
.shop-item-preview { position:relative; }
.shop-tier-badge { position:absolute; top:10px; left:10px; z-index:2; border-radius:999px; padding:5px 8px; font-size:8px; line-height:1; letter-spacing:.12em; font-weight:950; background:rgba(255,255,255,.9); color:#355246; box-shadow:0 6px 14px rgba(0,0,0,.1); }
.shop-tier-badge.premium { color:#fff3cf; background:rgba(21,15,30,.78); border:1px solid rgba(226,189,255,.23); backdrop-filter:blur(8px); }
.shop-item.tier-premium { box-shadow:0 16px 34px rgba(31,18,49,.12); }
.shop-item.tier-premium .shop-buy-button { background:linear-gradient(135deg,#402a6a,#7446ab); }
.shop-item.tier-premium[data-shop-card="answer-magma"] { border-color:rgba(255,112,62,.36); box-shadow:0 0 0 2px rgba(255,92,45,.06),0 18px 40px rgba(67,24,13,.16); }
.shop-item.tier-premium[data-shop-card="answer-magma"] .shop-buy-button { background:linear-gradient(135deg,#b83a17,#f06426); }
.preview-answer-aurora { background:radial-gradient(circle at 20% 20%,rgba(67,235,210,.35),transparent 30%),linear-gradient(135deg,#07191c,#123149 52%,#3a2051); }
.preview-answer-royal { background:radial-gradient(circle at 70% 15%,rgba(190,145,255,.28),transparent 30%),linear-gradient(135deg,#120b20,#2d184b 55%,#4f267e); }
.preview-answer-magma { background:radial-gradient(circle at 70% 15%,rgba(255,112,58,.25),transparent 28%),linear-gradient(135deg,#151116,#462019 62%,#9f3519); }

html[data-profile-frame="neon"] .shop-tier-group,
html[data-profile-frame="gold"] .shop-tier-group { border-color:var(--cos-shell-line); background:linear-gradient(145deg,var(--cos-shell-card),var(--cos-shell-panel-2)); }
html[data-profile-frame="neon"] .shop-tier-head p,
html[data-profile-frame="gold"] .shop-tier-head p,
html[data-profile-frame="neon"] .shop-category-title > small,
html[data-profile-frame="gold"] .shop-category-title > small { color:var(--cos-shell-muted); }
html[data-profile-frame="neon"] .shop-tier-premium,
html[data-profile-frame="gold"] .shop-tier-premium { background:linear-gradient(145deg,#17121f,#0e1718); border-color:rgba(181,136,235,.24); }

@media (max-width:760px) {
  .shop-category-title { align-items:flex-start; flex-direction:column; gap:5px; }
  .shop-category-title > small { text-align:left; }
  .shop-tier-head { align-items:flex-start; flex-direction:column; gap:7px; }
  .shop-tier-head p { text-align:left; }
  .shop-tier-group { padding:14px; border-radius:21px; }
}
/* === SHOP ECONOMY + PREMIUM LESSONS V4 END === */


/* === ROYAL DARK PREMIUM FIX V4 START === */
/* Late override guarantees Royal Violet is a true dark premium lesson theme. */
html[data-answer-theme="royal"] {
  --game-screen:#100b1b;
  --game-ink:#f7f1ff;
  --game-muted:#b6a7ce;
  --game-answer-bg:linear-gradient(135deg,#211532,#32204b);
  --game-answer-border:#7655ad;
  --game-answer-text:#fbf7ff;
  --game-key-bg:rgba(169,122,255,.11);
  --game-accent:#aa7dff;
  --game-success-bg:linear-gradient(135deg,#123b27,#205f38);
  --game-success-border:#5ee28f;
  --game-success:#3ccd75;
  --game-success-text:#f0fff5;
  --game-success-muted:#b7e9c9;
  --game-danger-bg:linear-gradient(135deg,#4b172f,#732446);
  --game-danger-border:#ff709e;
  --game-danger:#ed4f83;
  --game-danger-text:#fff2f7;
  --game-danger-muted:#f4b8cd;
}
html[data-answer-theme="royal"] .lesson-overlay {
  color:#f7f1ff;
  background:
    radial-gradient(circle at 78% -8%,rgba(151,96,246,.20),transparent 34%),
    radial-gradient(circle at 7% 108%,rgba(95,55,164,.15),transparent 35%),
    #100b1b;
}
html[data-answer-theme="royal"] .lesson-content,
html[data-answer-theme="royal"] .lesson-content h2,
html[data-answer-theme="royal"] .lesson-header { color:#f7f1ff; }
html[data-answer-theme="royal"] .question-topline { color:#b6a7ce; }
/* === ROYAL DARK PREMIUM FIX V4 END === */

/* Premium shop heading readability */
.shop-tier-premium .shop-tier-head > div > strong { color: #fff !important; }