/* Existing Tangled Trivia palette, refined for multi-activity navigation. */
:root{color-scheme:dark;--bg:#090a12;--ink:#f8fbff;--muted:#a8b3c7;--line:rgba(168,179,199,.22);--lime:#ffe45c;--purple:#8d55ff;--peach:#2fe6d1;--surface:#151724;--surface-2:#1e2233}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.preview{background:#181126;color:#d6c7fa;border-bottom:1px solid #35274b}
header{background:var(--bg)}
.brand{letter-spacing:-.9px}.brand-light{color:#bda0ff;font-weight:500}
.brand-icon{background:#531bae;color:#ffe45c;box-shadow:0 0 24px #8d55ff20;letter-spacing:-1.5px}
header nav a:hover,header nav a[aria-current]{color:#2fe6d1}
.account{background:var(--surface);border-color:var(--line)}
.account:hover{border-color:#8d55ff}
h1{font-weight:750;letter-spacing:-.055em}
h1 em{font-family:inherit;font-style:normal;font-weight:750;color:#ffe45c}
.dot{background:#2fe6d1;box-shadow:0 0 10px #2fe6d150}
.eyebrow{color:#b4bed3}.hero-copy>.eyebrow{color:#2fe6d1}
.button{border-color:#8d55ff;background:#531bae;color:#fff;border-radius:12px;box-shadow:0 5px 20px #531bae25}
.button:hover{background:#6827ca;border-color:#b498ff}
.button.secondary{background:#151724;color:#f8fbff;border-color:#515b74;box-shadow:none}
.button.secondary:hover{background:#1e2233;border-color:#8d55ff}
.small-star,.floating-star{color:#2fe6d1}
.orbit{border-color:#584675}
.tile{border-color:#ffffff35;box-shadow:8px 14px 30px #0006}
.tile-trivia{background:#ffe45c;color:#201833}
.tile-loteria{background:#531bae;color:#f8fbff}
.tile-loteria b{color:#ffe45c}
.tile-music{background:#2fe6d1;color:#082722}
.vinyl{background:repeating-radial-gradient(circle,#121822 0px,#121822 5px,#303b48 6px,#121822 7px)}
.vinyl:after{background:#ffe45c;border-color:#531bae}
.live-strip{background:linear-gradient(110deg,#19132b,#151724);border-color:#4a3468}
.live-strip>a{color:#2fe6d1}.live-strip .eyebrow{color:#bda0ff}
.game-card{background:#151724;border-color:#30374a;box-shadow:0 12px 25px #0002}
.game-card:hover{border-color:#8d55ff;box-shadow:0 16px 35px #0005}
.lime .art{background:radial-gradient(ellipse at 50% 90%,#49402a,#232130)}
.purple .art{background:radial-gradient(ellipse at 50% 90%,#563291,#251638)}
.peach .art{background:radial-gradient(ellipse at 50% 90%,#17554f,#112c35)}
.question>span{color:#ffe45c;text-shadow:8px 6px 0 #9b7b2b}
.mini-tabla{background:#f8f3e5;border-color:#b59aee;box-shadow:5px 5px 0 #090a1266}
.mini-tabla span{background:#ebe3fc;color:#531bae;border-color:#c5b2ec}
.record>span{background:repeating-radial-gradient(circle,#101720 0px,#101720 7px,#2b3b43 8px,#101720 9px);border-color:#496367}
.record>span:after{border-color:#2fe6d1;background:#531bae}
.card-copy h3{color:#f8fbff}.card-link{color:#2fe6d1}
.welcome-panel{background:linear-gradient(120deg,#1d1532,#151724);border:1px solid #45335f}
.welcome-panel>.eyebrow,.welcome-panel .eyebrow{color:#bda0ff}
.welcome-links a{border-color:var(--line)}.welcome-links a:hover{color:#2fe6d1}
.detail-hero.lime,.detail-hero.purple,.detail-hero.peach{background:#151724;border:1px solid #3d3256}
.detail-hero.lime{border-top:3px solid #ffe45c}.detail-hero.purple{border-top:3px solid #8d55ff}.detail-hero.peach{border-top:3px solid #2fe6d1}
.detail-hero .art{border-radius:16px}
.step,.dashboard-panel{background:#151724;border-color:var(--line)}
a.step:hover{border-color:#8d55ff}.step-number{color:#ffe45c}
.step>span:last-child{color:#2fe6d1}
.rule{background:#1c1730;border:1px solid #493466}
code{background:#31244e;color:#ffe45c}
.sample{border-color:#2fe6d1}
.dashboard-layout nav a:hover{color:#2fe6d1}
.schedule-panel{background:#151724}
select{background:#1e2233;color:#f8fbff;border-color:#626d84}
.skip:focus{background:#531bae;color:white}
dialog{background:#151724;color:#f8fbff;border-color:#8d55ff;box-shadow:0 25px 80px #0009}
dialog::backdrop{background:#050611cc}
a:focus-visible,button:focus-visible,select:focus-visible{outline-color:#ffe45c}
footer{border-color:var(--line)}
.tangled-link-ribbon{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 20px;padding:12px 16px;background:#ffe45c;color:#171324;text-align:center;font-size:15px;line-height:1.5}
.tangled-link-ribbon a{color:#321065;font-weight:800;text-decoration:underline;padding:4px 8px}
.tangled-link-ribbon[hidden],.tangled-link-ribbon-close[hidden]{display:none!important}
.tangled-link-ribbon-close{width:44px;min-height:44px;border:1px solid currentColor;border-radius:50%;background:transparent;color:#321065;font-size:24px;cursor:pointer}
.tangled-link-ribbon a:focus-visible,.tangled-link-ribbon-close:focus-visible{outline:3px solid #321065;outline-offset:3px}
#land-schedule .step a{display:block;margin-top:16px;color:#2fe6d1}
.brand{gap:8px;white-space:nowrap;font-weight:800;letter-spacing:-1px}
.brand-light{color:#a879ff;font-weight:800}
.brand-emblem{display:block;width:64px;height:64px;object-fit:contain;flex-shrink:0}
@media(max-width:700px){.brand-emblem{width:52px;height:52px}.brand{gap:3px}}