/* Eight complete visual themes, sharing stable layout and typography. */
body[data-theme],.theme-opt[data-t]{--hero-fg:#fff;--hero-muted:#ffffffd9;--hero-line:#ffffff30;--hero-chip:#ffffff1c;--motif:'✦';--motif-color:#ffffff24;--panel-radius:22px;--tile-radius:18px;--panel-shadow:0 10px 30px #18203408;--ambient:#ac9be924;--pattern:radial-gradient(1px 1px at 30% 30%,#ac9be970 70%,transparent);--pattern-size:180px 180px;--hero-art:radial-gradient(ellipse at 90% 0%,#ac94cc50,transparent 65%),linear-gradient(120deg,#272744,#423462);--hero-border:#81719a;--motif-animation:float 8s ease-in-out infinite}
:is(body[data-theme="classic"],.theme-opt[data-t="classic"]){--bg:#fff9f0;--ink:#573324;--muted:#866b5b;--card:#fffefd;--card-border:#eddcc8;--line:#eedfce;--orange:#cf641f;--orange-d:#a34815;--orange-light:#fff0da;--orange-line:#ebc195;--hero-art:radial-gradient(circle at 95% 20%,#ffe4a4 0,transparent 46%),linear-gradient(115deg,#a64526,#d57631);--hero-border:#cc763c;--primary-bg:linear-gradient(120deg,#b95227,#c66b28);--primary-fg:#fff;--score-btn-fg:#fff;--motif:'☀';--ambient:#ffb95335;--pattern:radial-gradient(circle,#cb86321b 1px,transparent 1.5px);--pattern-size:24px 24px;--panel-shadow:0 8px 24px #8f4d1310;--nav-bg:#fff9f0f5;--sheet-bg:#fffdf9;--input-bg:#fffaf2;--input-border:#dcc6ad}
:is(body[data-theme="macaron"],.theme-opt[data-t="macaron"]){--bg:#fcf3f7;--ink:#653446;--muted:#886577;--card:#fffafc;--card-border:#eed3df;--line:#eed9e2;--orange:#b64c77;--orange-d:#97355f;--orange-light:#f9e4ee;--orange-line:#dfadc3;--hero-art:radial-gradient(ellipse at 90% 0%,#ffcdddc9,transparent 55%),linear-gradient(115deg,#934167,#c37395);--hero-border:#c07b9b;--primary-bg:linear-gradient(120deg,#a44571,#ba6089);--primary-fg:#fff;--score-btn-fg:#fff;--motif:'✿';--ambient:#eaa3ca35;--pattern:radial-gradient(ellipse at 25% 25%,#d991b225 2px,transparent 3px);--pattern-size:44px 44px;--panel-radius:30px;--tile-radius:24px;--panel-shadow:0 10px 28px #9f447b0d;--nav-bg:#fcf3f7f5;--sheet-bg:#fffafd;--input-border:#dab7c8;--input-bg:#fffafd}
:is(body[data-theme="game"],.theme-opt[data-t="game"]){color-scheme:dark;--bg:#171b29;--ink:#fff2d2;--muted:#bbb7a5;--card:#222737;--card-border:#494635;--line:#3e403c;--orange:#f4c968;--orange-d:#f6d68c;--orange-light:#393222;--orange-line:#827046;--green:#aade93;--green-bg:#2b3d2c;--red:#ffab9f;--red-bg:#432c30;--red-line:#75434a;--hero-art:radial-gradient(circle at 90% 15%,#a3803450,transparent 55%),linear-gradient(115deg,#37311e,#665126);--hero-border:#a48643;--primary-bg:linear-gradient(120deg,#f1cf77,#ddb255);--primary-fg:#352607;--on-accent:#352607;--hero-fg:#fff0c7;--hero-muted:#ebd9ac;--motif:'★';--motif-color:#f9d67c42;--ambient:#d9aa3c1c;--pattern:linear-gradient(#e7bc5210 1px,transparent 1px),linear-gradient(90deg,#e7bc5210 1px,transparent 1px);--pattern-size:36px 36px;--panel-radius:14px;--tile-radius:12px;--panel-shadow:0 5px 0 #0f1220;--nav-bg:#171b29f5;--sheet-bg:#222737;--input-bg:#191e2c;--input-border:#635c45;--btn-ghost:#34382f;--tip-bg:#2d2e25;--tip-border:#655633;--tip-text:#e6cfa0;--btn-disabled-bg:#343736;--btn-disabled-fg:#b8b5a1;--mask-bg:#080a12c4;--dashed-bg:#262b39;--dashed-border:#685f44;--switch-off:#595644}
:is(body[data-theme="clean"],.theme-opt[data-t="clean"]){--bg:#f1f7fb;--ink:#244459;--muted:#647b8d;--card:#ffffff;--card-border:#d3e3ee;--line:#dce7ed;--orange:#267298;--orange-d:#185777;--orange-light:#e1f1f7;--orange-line:#a1cbdc;--hero-art:radial-gradient(ellipse at 90% 0%,#8ad8e988,transparent 50%),linear-gradient(115deg,#21577c,#3c8eaa);--hero-border:#659db5;--primary-bg:linear-gradient(120deg,#246885,#31839d);--primary-fg:#fff;--score-btn-fg:#fff;--motif:'≈';--ambient:#87c9ee2b;--pattern:linear-gradient(#6098ba0c 1px,transparent 1px),linear-gradient(90deg,#6098ba0c 1px,transparent 1px);--pattern-size:60px 60px;--panel-radius:18px;--tile-radius:14px;--panel-shadow:0 8px 25px #19567709;--nav-bg:#f1f7fbf5;--sheet-bg:#fbfdff;--input-bg:#f8fcff;--input-border:#bdd2df}
:is(body[data-theme="cosmic"],.theme-opt[data-t="cosmic"]){--hero-art:radial-gradient(ellipse at 90% 0%,#78609d88,transparent 60%),linear-gradient(110deg,#242444,#39305e);--hero-border:#70608e;--ambient:#9473df24;--pattern:radial-gradient(1px 1px at 15% 20%,#d8ceff90 50%,transparent),radial-gradient(2px 2px at 80% 70%,#a7c8ff80 50%,transparent);--pattern-size:370px 310px,470px 370px;--orange:#bdacff;--orange-d:#cebeff;--orange-light:#292444;--orange-line:#514571;--bg:#090c1b;--card:#14182d;--card-border:#2a2f4b;--ink:#f0f0fa;--muted:#aaaecb;--primary-bg:linear-gradient(120deg,#b9a1ff,#8473ed);--primary-fg:#101126}
:is(body[data-theme="dino"],.theme-opt[data-t="dino"]){--bg:#f1f6eb;--ink:#324a35;--muted:#687d61;--card:#fbfdf8;--card-border:#d4e1c8;--line:#dfe7d7;--orange:#517842;--orange-d:#365b2b;--orange-light:#e4efd9;--orange-line:#b3cba0;--green:#376c40;--green-bg:#e0efdb;--hero-art:radial-gradient(ellipse at 100% 0%,#b6d68477,transparent 55%),linear-gradient(115deg,#325b43,#648253);--hero-border:#74946a;--primary-bg:linear-gradient(120deg,#426b3f,#638845);--primary-fg:#fff;--score-btn-fg:#fff;--motif:'❧';--ambient:#99bb6329;--pattern:radial-gradient(ellipse,#64854316 2px,transparent 3px);--pattern-size:36px 28px;--panel-radius:28px 14px 28px 14px;--tile-radius:24px 12px 24px 12px;--panel-shadow:0 8px 25px #375d2f0c;--nav-bg:#f1f6ebf5;--sheet-bg:#fbfdf8;--input-border:#bfd0b3;--input-bg:#f8fcf3;--tip-text:#426137}
:is(body[data-theme="space"],.theme-opt[data-t="space"]){--bg:#081b25;--ink:#e7f7fc;--muted:#99bac8;--card:#102b37;--card-border:#284b59;--line:#24424e;--orange:#74d9e4;--orange-d:#9ee9f0;--orange-light:#163c48;--orange-line:#427b88;--hero-art:radial-gradient(ellipse at 85% 0%,#38c7da3d,transparent 55%),linear-gradient(115deg,#123441,#175868);--hero-border:#438996;--primary-bg:linear-gradient(120deg,#87e4e7,#47b7cb);--primary-fg:#082b36;--on-accent:#082b36;--hero-fg:#e9feff;--hero-muted:#c3e8eb;--motif:'⌁';--ambient:#36c7d32a;--pattern:linear-gradient(#71d6e40b 1px,transparent 1px),linear-gradient(90deg,#71d6e40b 1px,transparent 1px);--pattern-size:48px 48px;--panel-radius:18px 4px 18px 4px;--tile-radius:16px 4px 16px 4px;--panel-shadow:inset 0 1px 0 #8ce5f015,0 10px 28px #00101940;--nav-bg:#081b25f5;--sheet-bg:#102b37;--input-bg:#0b222e;--input-border:#396270;--btn-ghost:#1b3a47;--tip-bg:#12303d;--tip-border:#345e70;--tip-text:#a7dce5;--dashed-border:#396270;--dashed-bg:#102b37;--btn-disabled-bg:#22424f;--btn-disabled-fg:#9db8c0}
:is(body[data-theme="crayon"],.theme-opt[data-t="crayon"]){--bg:#f9f5eb;--ink:#464841;--muted:#767765;--card:#fffdf5;--card-border:#c7c8b6;--line:#dfddce;--orange:#b65447;--orange-d:#983e34;--orange-light:#f7e7db;--orange-line:#d6ac96;--hero-art:repeating-linear-gradient(0deg,transparent 0 31px,#7c997a16 31px 32px),linear-gradient(110deg,#fffdf4,#f5eacb);--hero-border:#a6a58c;--hero-fg:#4e5546;--hero-muted:#606654;--hero-line:#a6a58c60;--hero-chip:#e6debd70;--primary-bg:#a8493c;--primary-fg:#fff;--motif:'✎';--motif-color:#b46a3740;--ambient:#d4bc7929;--pattern:repeating-linear-gradient(0deg,transparent 0 31px,#869b7620 31px 32px);--pattern-size:100% 32px;--panel-radius:5px 18px 8px 15px;--tile-radius:7px 16px 9px 14px;--panel-shadow:3px 4px 0 #cec7ac55;--nav-bg:#f9f5ebf5;--sheet-bg:#fffdf5;--input-bg:#fffef9;--input-border:#bdbba7;--score-btn-fg:#983e34}

/* One unbroken wordmark: no mixed-size text nodes or theme-specific offsets. */
body[data-theme] header{min-height:88px;gap:20px;align-items:center}
body[data-theme] .brand{display:inline-flex;flex:none;gap:11px;justify-content:flex-start;align-items:center;font-family:inherit;font-size:24px;font-weight:750;line-height:1;letter-spacing:1px;color:var(--ink)}
body[data-theme] .brand-name{display:block;font:inherit;white-space:nowrap;line-height:1.2}
body[data-theme] .brand svg{display:block;flex:0 0 38px;width:38px;height:38px;margin:0;padding:8px;border-radius:12px;filter:none;background:var(--primary-bg);color:var(--primary-fg);box-shadow:0 4px 12px color-mix(in srgb,var(--orange) 18%,transparent)}
body[data-theme]{background:var(--bg);color:var(--ink);transition:none;--score-btn-bg:var(--hero-chip);--score-btn-fg:var(--hero-fg)}
body[data-theme] .starfield{background-image:var(--pattern);background-size:var(--pattern-size);opacity:.65}
body[data-theme] .nebula{background:radial-gradient(ellipse,var(--ambient),transparent 65%)}
body[data-theme] h1 span{color:var(--orange)}
body[data-theme] .score-card{background:var(--hero-art);color:var(--hero-fg);border:1px solid var(--hero-border);border-radius:var(--panel-radius);transform:none;overflow:hidden;box-shadow:var(--panel-shadow)}
body[data-theme] .score-card::before{content:''!important;border:1px solid var(--hero-line);background:none!important;box-shadow:0 0 0 35px var(--hero-chip),0 0 0 70px color-mix(in srgb,var(--hero-chip) 45%,transparent)}
body[data-theme] .score-card::after{content:var(--motif)!important;position:absolute;inset:22px 20px auto auto;width:130px;height:130px;display:grid;place-items:center;font-size:120px;line-height:1;color:var(--motif-color);background:none!important;border:0;opacity:1;animation:var(--motif-animation);pointer-events:none;z-index:0}
body[data-theme] .score-label,body[data-theme] .score-goal{color:var(--hero-muted)}
body[data-theme] .score-goal{border-color:var(--hero-line);position:relative;z-index:1}
body[data-theme] .score-num{color:var(--hero-fg);text-shadow:none}
body[data-theme] .score-avatar{position:relative;z-index:1;background:var(--hero-chip);border:1px solid var(--hero-line)}
body[data-theme] .score-avatar::after{display:none}
body[data-theme] .today-earn,body[data-theme] .score-btn{color:var(--hero-fg);background:var(--hero-chip);border:1px solid var(--hero-line)}
body[data-theme] .journey,body[data-theme] .m-card{border-radius:var(--panel-radius);box-shadow:var(--panel-shadow)}
body[data-theme] .quick-stats>div{box-shadow:var(--panel-shadow)}
body[data-theme] .item-card,body[data-theme] .shop-card{border-radius:var(--tile-radius)!important;box-shadow:var(--panel-shadow)}
body[data-theme] .item-card:hover,body[data-theme] .shop-card:hover{box-shadow:0 12px 28px color-mix(in srgb,var(--orange) 15%,transparent);transform:translateY(-4px)}
body[data-theme] .item-card .ico,body[data-theme] .shop-card .ico{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:var(--orange-light);font-size:32px}
body[data-theme] .punish .ico{background:var(--red-bg)}
body[data-theme] .tab{background:var(--card);color:var(--muted);transition:transform .2s}
body[data-theme] .tab.active{background:var(--orange-light);color:var(--orange-d);box-shadow:inset 0 0 0 1px var(--orange-line);border-bottom:0}
body[data-theme] .m-btn.primary,body[data-theme] .btn.ok{background:var(--primary-bg);color:var(--primary-fg)}
body[data-theme] .sheet{background:var(--sheet-bg);box-shadow:0 24px 100px #0003}
body[data-theme="classic"] .score-card::before{border-style:dashed;animation:orbit 45s linear infinite}
body[data-theme="macaron"] .score-card::before{border-radius:42% 58% 65% 35%;animation:orbit 40s linear infinite}
body[data-theme="game"] .score-card::before{border:4px double var(--hero-line);border-radius:50%;width:230px;height:230px}
body[data-theme="game"] .item-card{border-bottom-width:4px!important}
body[data-theme="game"] .score-num{font-family:Consolas,monospace;letter-spacing:0}
body[data-theme="clean"] .score-card::before{border-radius:45%;width:400px;height:280px;top:-150px!important;animation:orbit 60s linear infinite}
body[data-theme="dino"] .score-card::before{border-radius:100% 0 100% 0;transform:rotate(30deg);animation:leaf-sway 10s ease-in-out infinite}
body[data-theme="space"] .score-card::before{border-radius:50%;border-style:dashed;border-width:2px;animation:orbit 35s linear infinite}
body[data-theme="space"] .score-card::after{content:'✧'!important;font-size:150px;color:#84e6f039}
body[data-theme="space"] .item-card .ico{border:1px solid var(--orange-line);background:linear-gradient(135deg,#1d4a58,#13333f);border-radius:14px 3px}
body[data-theme="space"]{background:radial-gradient(ellipse at 78% 18%,#1c607d44,transparent 32%),radial-gradient(ellipse at 25% 80%,#254a8c55,transparent 38%),#050d16;color:#dffaff}
body[data-theme="space"] .starfield{opacity:.9;background-image:radial-gradient(1px 1px at 8% 20%,#b8f7ff 0 60%,transparent 70%),radial-gradient(2px 2px at 27% 35%,#fff 0 55%,transparent 70%),radial-gradient(1px 1px at 52% 12%,#75eaff 0 60%,transparent 70%),radial-gradient(1px 1px at 80% 62%,#fff 0 60%,transparent 70%);background-size:190px 150px,360px 300px,520px 410px,760px 590px;animation:space-stars 34s linear infinite}
body[data-theme="space"] .scene-rocket{display:block;right:4vw;top:13vh;bottom:auto;font-size:clamp(58px,8vw,120px);opacity:.3;filter:grayscale(1) sepia(1) hue-rotate(145deg) saturate(4) drop-shadow(0 0 22px #5ceaff);animation:space-ship 11s ease-in-out infinite}
body[data-theme="space"] .scene-astronaut{display:block;right:2vw;top:20vh;bottom:auto;width:clamp(96px,12vw,170px);height:clamp(150px,18vw,245px);font-size:0;opacity:.9;filter:drop-shadow(0 0 22px #6feaff88);animation:astronaut-float 9s ease-in-out infinite}
body[data-theme="space"] .scene-astronaut::before{content:'';position:absolute;left:25%;top:0;width:50%;height:34%;border:3px solid #8bf5ff;border-radius:48% 48% 42% 42%;background:radial-gradient(ellipse at 38% 34%,#b9fbff 0 5%,transparent 6%),linear-gradient(145deg,#112d45 0 38%,#57dce9 39% 44%,#061522 45%);box-shadow:inset 0 0 16px #54eaffaa,0 0 12px #5eeaff,0 0 0 8px #67e9ff1c}
body[data-theme="space"] .scene-astronaut::after{content:'+';position:absolute;left:16%;top:34%;width:68%;height:52%;border:2px solid #5ce6f0;border-radius:32% 32% 22% 22%;background:linear-gradient(90deg,#0b2637 0 17%,transparent 18% 82%,#0b2637 83%),linear-gradient(160deg,#245671,#0a1f31 70%);color:#9ff8ff;font:700 32px Consolas,monospace;text-align:center;padding-top:28%;box-shadow:inset 0 0 22px #54eaff55,0 0 10px #54eaff99}
body[data-theme="space"] .scene-astronaut{background:linear-gradient(90deg,transparent 0 6%,#2d7890 7% 12%,transparent 13% 87%,#2d7890 88% 93%,transparent 94%) 50% 84%/100% 16% no-repeat}
body[data-theme="space"] .theme-scene{z-index:2}
body[data-theme="space"] .scene-astronaut{right:-2vw;top:17vh;transform:scale(.78)}
body[data-theme="space"] .scene-astronaut + .scene-planet{z-index:-1}
body[data-theme="space"] .scene-astronaut{display:none!important}
body[data-theme="space"] .scene-planet{display:block;left:4vw;bottom:10vh;width:clamp(110px,15vw,230px);height:clamp(110px,15vw,230px);font-size:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,#6ce8ff,transparent 4%),radial-gradient(circle at 40% 35%,#1c6b8e 0 23%,transparent 24%),radial-gradient(circle at 70% 62%,#3a9bb0 0 16%,transparent 17%),linear-gradient(145deg,#2e97b7,#102d61 72%);box-shadow:inset -28px -20px 40px #020813aa,0 0 36px #49d7ff55;animation:planet-drift 18s ease-in-out infinite}
body[data-theme="space"] .scene-planet::after{content:'';position:absolute;width:150%;height:25%;left:-25%;top:39%;border:2px solid #76e7ff88;border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 18px #54dfff55}
body[data-theme="space"] .scene-station{display:block;right:31vw;top:17vh;color:#83efff;font-size:38px;text-shadow:0 0 16px #5cdfffa8;animation:station-orbit 14s linear infinite}
body[data-theme="space"] .theme-scene::before{content:'MISSION 04 / ORBITAL HABITAT';position:absolute;right:4vw;top:8vh;color:#68d9e6;font:10px Consolas,monospace;letter-spacing:3px;opacity:.7}
body[data-theme="space"] .theme-scene::after{content:'';position:absolute;inset:8vh 4vw 10vh;border:1px solid #58d7e522;border-radius:4px;background:linear-gradient(90deg,transparent 49.8%,#61ddec19 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#61ddec19 50%,transparent 50.2%);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);animation:radar-scan 8s linear infinite}
body[data-theme="space"] .score-card{background:linear-gradient(135deg,#0d2b38e8,#123d4be8);border:1px solid #69dfed88;box-shadow:0 18px 60px #00151faa,inset 0 1px #c6f9ff33;backdrop-filter:blur(18px);clip-path:polygon(0 0,97% 0,100% 10%,100% 90%,97% 100%,0 100%,0 6%)}
body[data-theme="space"] .score-card::before{border:1px dashed #6ce6f077;box-shadow:0 0 0 38px #52dbf20c,0 0 0 76px #52dbf206;animation:orbit 26s linear infinite}
body[data-theme="space"] .score-card::after{content:'◈'!important;color:#66e8ff38;font-size:150px;text-shadow:0 0 22px #69e7ff;animation:space-pulse 4s ease-in-out infinite}
body[data-theme="space"] .journey,body[data-theme="space"] .quick-stats>div,body[data-theme="space"] .item-card,body[data-theme="space"] .shop-card,body[data-theme="space"] .m-card{background:#09202ccc!important;border:1px solid #45bfd266!important;backdrop-filter:blur(14px);box-shadow:inset 0 1px #a5f5ff19,0 14px 36px #00131d77}
body[data-theme="space"] .item-card,body[data-theme="space"] .shop-card{clip-path:polygon(0 0,96% 0,100% 8%,100% 92%,96% 100%,0 100%)}
body[data-theme="space"] .tab{background:#0b2530dd;border:1px solid #44bdd355;color:#87bbc5;border-radius:5px;text-transform:uppercase;letter-spacing:1px}
body[data-theme="space"] .tab.active{background:linear-gradient(135deg,#8af2f6,#36aec5);color:#052531;box-shadow:0 0 24px #45d9e177}
body[data-theme="space"] .section-title,body[data-theme="space"] .eyebrow{font-family:Consolas,monospace;letter-spacing:2px;color:#83eaf0}
body[data-theme="space"] .score-num{font-family:Consolas,monospace;color:#a8f7ff;text-shadow:0 0 18px #53e7ff88}
body[data-theme="space"] .score-label::before{content:'CREW STATUS / ';color:#62cbd8;font:10px Consolas,monospace;letter-spacing:1px}
body[data-theme="space"] .orbit-progress{background:#06151f;border:1px solid #397e8a;box-shadow:inset 0 0 8px #000}
body[data-theme="space"] .orbit-progress i{background:linear-gradient(90deg,#31a9c3,#84eff5);box-shadow:0 0 12px #4ce7ef}
@keyframes space-stars{to{background-position:190px -150px,-360px 300px,520px -410px,-760px 590px}}
@keyframes space-ship{50%{transform:translate(-30px,-18px) rotate(-7deg)}}
@keyframes planet-drift{50%{transform:translateY(-12px) rotate(5deg)}}
@keyframes station-orbit{to{transform:rotate(360deg) translateX(28px) rotate(-360deg)}}
@keyframes radar-scan{to{background-position:90px 90px,0 90px}}
@keyframes space-pulse{50%{opacity:.5;transform:scale(1.06)}}
@media(max-width:600px){body[data-theme="space"] .scene-astronaut{right:0;bottom:12vh;font-size:72px}body[data-theme="space"] .scene-planet{left:-35px;bottom:10vh;width:120px;height:120px}body[data-theme="space"] .scene-station{right:24vw;top:18vh;font-size:26px}body[data-theme="space"] .theme-scene::before{right:4vw;top:10vh;font-size:8px}body[data-theme="space"] .score-card{clip-path:none;border-radius:18px}}
body[data-theme="crayon"] .score-card{border:2px solid var(--hero-border)}
body[data-theme="crayon"] .score-card::before{border:2px dashed var(--hero-line);border-radius:18px;box-shadow:none;animation:leaf-sway 12s ease-in-out infinite}
body[data-theme="crayon"] .item-card{border:1px solid var(--card-border)!important;border-bottom:3px solid var(--card-border)!important}
body[data-theme="crayon"] .item-card:nth-child(3n+1) .ico{background:#f7e3d7}
body[data-theme="crayon"] .item-card:nth-child(3n+2) .ico{background:#e1eddd}
body[data-theme="crayon"] .item-card:nth-child(3n) .ico{background:#e0eaf2}
@keyframes leaf-sway{0%,100%{transform:rotate(20deg)}50%{transform:rotate(35deg) translateY(8px)}}
body[data-theme] .score-side{position:relative;z-index:2}
body[data-theme] .score-card::after{right:155px;opacity:.7}
body[data-theme="classic"] .score-side,body[data-theme="macaron"] .score-side,body[data-theme="clean"] .score-side{--hero-chip:#00000029}
body[data-theme] .float.redeem{background:var(--primary-bg);color:var(--primary-fg)}

/* Theme previews use the same palette and card shape as the actual page. */
.theme-opt[data-t]{padding:0;text-align:left;background:var(--card);color:var(--ink);border:2px solid var(--card-border);overflow:hidden;transition:transform .2s,border-color .2s}
.theme-opt[data-t]:hover{transform:translateY(-3px);border-color:var(--orange)}
.theme-opt[data-t].sel{border-color:var(--orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 15%,transparent)}
.theme-opt[data-t] .t-preview{height:130px;background:var(--bg);position:relative;padding:14px;display:block;overflow:hidden}
.theme-opt[data-t] .t-preview::before{content:'';position:absolute;inset:0;background-image:var(--pattern);background-size:var(--pattern-size);opacity:.5}
.theme-opt[data-t] .t-mini-score{display:block;position:relative;inset:auto;width:100%;height:58px;background:var(--hero-art);border-radius:var(--tile-radius);border:1px solid var(--hero-border);margin:0 0 10px}
.theme-opt[data-t] .t-mini-score::after{content:var(--motif);position:absolute;right:14px;top:6px;color:var(--hero-muted);font-size:30px;line-height:40px}
.theme-opt[data-t] .t-mini-card{position:relative;inset:auto;display:inline-block;width:28%;height:24px;border:1px solid var(--card-border);border-radius:6px;background:var(--card);margin-right:5%}
.theme-opt[data-t] .t-mini-card:last-child{margin:0}
.theme-opt[data-t] .t-name{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;font-size:14px;font-weight:650;color:var(--ink)}
.theme-opt .t-selected{font-size:11px;color:var(--orange-d);font-weight:500}
@media(max-width:600px){body[data-theme] header{min-height:74px;gap:12px;padding:17px 0}body[data-theme] .brand{font-size:20px;gap:8px;letter-spacing:.5px}body[data-theme] .brand svg{width:32px;height:32px;flex-basis:32px;padding:7px;border-radius:10px}body[data-theme] .kid-switch{font-size:13px;padding:7px 11px}body[data-theme] .score-card::after{font-size:85px;width:90px;height:90px;right:12px;top:6px}body[data-theme] .item-card .ico,body[data-theme] .shop-card .ico{width:49px;height:49px;font-size:29px}body[data-theme] .sheet{border-radius:24px 24px 0 0}.theme-opt[data-t] .t-preview{height:112px;padding:11px}.theme-opt[data-t] .t-name{padding:10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){body[data-theme] *,body[data-theme] *::before,body[data-theme] *::after{animation:none!important;transition:none!important}}
body[data-theme].no-motion *,body[data-theme].no-motion *::before,body[data-theme].no-motion *::after{animation:none!important;transition:none!important}

/* Night sky 2.0 — nebula, constellation lines, glass HUD and shooting stars. */
body[data-theme="cosmic"]{background:
 radial-gradient(ellipse at 16% 4%,#4a3b9c55 0,transparent 30%),
 radial-gradient(ellipse at 90% 32%,#143c7d66 0,transparent 36%),
 radial-gradient(ellipse at 45% 100%,#241b5b77 0,transparent 44%),#070918;overflow-x:hidden}
body[data-theme="cosmic"] .starfield{opacity:.9;background-image:
 radial-gradient(2px 2px at 8% 18%,#fff 0 55%,transparent 65%),
 radial-gradient(1px 1px at 17% 62%,#c5c8ff 0 60%,transparent 70%),
 radial-gradient(2px 2px at 31% 32%,#fff2b8 0 55%,transparent 65%),
 radial-gradient(1px 1px at 46% 15%,#b9e6ff 0 60%,transparent 70%),
 radial-gradient(2px 2px at 59% 53%,#fff 0 55%,transparent 65%),
 radial-gradient(1px 1px at 72% 23%,#ffe6a6 0 60%,transparent 70%),
 radial-gradient(2px 2px at 87% 67%,#fff 0 55%,transparent 65%),
 radial-gradient(1px 1px at 94% 12%,#b9e6ff 0 60%,transparent 70%);
 background-size:170px 140px,230px 190px,310px 250px,410px 330px,530px 420px,670px 510px,790px 620px,970px 740px;animation:cosmic-drift 28s linear infinite}
body[data-theme="cosmic"] .theme-scene::before{content:'';position:absolute;inset:0;background:
 linear-gradient(25deg,transparent 0 44%,#c2b6ff28 44.1% 44.25%,transparent 44.35%),
 linear-gradient(143deg,transparent 0 61%,#8bd2ff22 61.1% 61.25%,transparent 61.35%),
 linear-gradient(68deg,transparent 0 28%,#fff4b21c 28.1% 28.25%,transparent 28.35%);opacity:.7}
body[data-theme="cosmic"] .theme-scene::after{content:'';position:absolute;width:3px;height:110px;right:22%;top:19%;border-radius:99px;background:linear-gradient(#ffffff,transparent);box-shadow:0 0 12px 2px #c5baff;transform:rotate(35deg);opacity:0;animation:shooting-star 9s 2s ease-out infinite}
body[data-theme="cosmic"] .scene-moon{right:8vw;top:13vh;font-size:0;width:108px;height:108px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff9db 0 7%,transparent 8%),radial-gradient(circle at 60% 63%,#d6c98d 0 5%,transparent 6%),#f5e7a7;box-shadow:0 0 22px #fff1acaa,0 0 65px #9f8fff44;clip-path:circle(50% at 50% 50%);animation:moon-breathe 6s ease-in-out infinite}
body[data-theme="cosmic"] .scene-moon::after{content:'';position:absolute;width:108px;height:108px;left:27px;top:-8px;border-radius:50%;background:#0a0d25}
body[data-theme="cosmic"] .scene-stars{left:7vw;top:18vh;font-size:30px;line-height:2.3;letter-spacing:15px;text-shadow:0 0 12px #fff4b8;opacity:.85}
body[data-theme="cosmic"] .score-card{background:
 radial-gradient(circle at 78% 28%,#9b8aff25 0 2px,transparent 3px),
 radial-gradient(circle at 91% 72%,#fff1b94d 0 2px,transparent 3px),
 linear-gradient(135deg,#171b42e8,#272052e8);border:1px solid #9d91f080;backdrop-filter:blur(18px);box-shadow:0 18px 70px #03051699, inset 0 1px #ffffff24}
body[data-theme="cosmic"] .score-card::before{width:330px;height:330px;right:-55px!important;top:-155px!important;border:1px solid #aaa1ff55;box-shadow:0 0 0 28px #a494ff10,0 0 0 68px #a494ff08,0 0 0 108px #a494ff05;animation:orbit 32s linear infinite}
body[data-theme="cosmic"] .score-card::after{content:'✦'!important;right:55px;top:42px;color:#f6dcff38;font-size:140px;text-shadow:0 0 20px #c8a9ff88;animation:cosmic-pulse 4s ease-in-out infinite}
body[data-theme="cosmic"] .journey,body[data-theme="cosmic"] .quick-stats>div,body[data-theme="cosmic"] .m-card{background:#11162dcc;border:1px solid #7781c84d;backdrop-filter:blur(16px);box-shadow:0 14px 40px #03051655,inset 0 1px #ffffff12}
body[data-theme="cosmic"] .item-card,body[data-theme="cosmic"] .shop-card{background:#12172ccc!important;border:1px solid #727dcc44!important;backdrop-filter:blur(12px);box-shadow:0 10px 25px #03051644,inset 0 1px #ffffff0b}
body[data-theme="cosmic"] .item-card:hover,body[data-theme="cosmic"] .shop-card:hover{border-color:#c1b6ff!important;box-shadow:0 16px 35px #725ef355,0 0 0 1px #c1b6ff33}
body[data-theme="cosmic"] .tab{background:#11162dcc;border:1px solid #6570b344}
body[data-theme="cosmic"] .tab.active{background:linear-gradient(135deg,#6c5ed4,#927eea);color:#fff;box-shadow:0 0 22px #8271eb66,inset 0 1px #ffffff44}
body[data-theme="cosmic"] .section-title::first-letter{color:#ffd66b}
body[data-theme="cosmic"] .orbit-progress{height:8px;background:#090c20;border:1px solid #5f5ba0}
body[data-theme="cosmic"] .orbit-progress i{background:linear-gradient(90deg,#6ee7ff,#a58aff,#ffd66b);box-shadow:0 0 12px #9a89ff}
body[data-theme="cosmic"] .metric-icon{background:#302b67;border:1px solid #7770c7}
body[data-theme="cosmic"] .score-num{font-family:'Segoe UI',sans-serif;font-size:72px;letter-spacing:-4px;text-shadow:0 0 22px #a89aff55}
body[data-theme="cosmic"] .eyebrow{color:#9e9bea;letter-spacing:4px}
body[data-theme="cosmic"] .brand svg{background:linear-gradient(135deg,#ffe27b,#a58bff);box-shadow:0 0 24px #8974ff99}
@keyframes cosmic-drift{to{background-position:170px 140px,-230px 190px,310px -250px,-410px 330px,530px -420px,-670px 510px,790px -620px,-970px 740px}}
@keyframes shooting-star{0%,70%{opacity:0;transform:translate(0,0) rotate(35deg)}75%{opacity:1}100%{opacity:0;transform:translate(-180px,180px) rotate(35deg)}}
@keyframes moon-breathe{50%{transform:translateY(-8px);box-shadow:0 0 32px #fff1bbaa,0 0 80px #9f8fff66}}
@keyframes cosmic-pulse{50%{opacity:.45;transform:scale(1.08) rotate(8deg)}}
@media(max-width:600px){body[data-theme="cosmic"] .scene-moon{width:65px;height:65px;right:6vw;top:14vh}body[data-theme="cosmic"] .scene-moon::after{width:65px;height:65px;left:17px;top:-5px}body[data-theme="cosmic"] .scene-stars{left:4vw;top:17vh;font-size:18px;letter-spacing:5px}body[data-theme="cosmic"] .score-num{font-size:60px}body[data-theme="cosmic"] .score-card::after{right:12px;top:8px;font-size:90px}}