/* Shared palette roles: every route consumes the same surface and emphasis system. */
:root,html[data-palette=graphite]{
 --surface-canvas:#131920;--surface-low:#1b242e;--surface-card:#232f3b;--surface-raised:#30404f;--text-primary:#f1f5f7;--text-secondary:#b4c2cd;--line:#3b4c5a;
 --theme-accent:#bdf46c;--primary-container:#d2efa3;--on-primary:#2a3d17;--primary-muted:#4c6431;--primary-deep:#344b22;--primary-soft:#2c4437;
 --ice-container:#c7e7ef;--on-ice:#173b47;--ice-muted:#365a68;--ice-deep:#244d60;
 --sand-container:#eedbb4;--on-sand:#483820;--sand-muted:#715b37;
 --coral-container:#5b3932;--coral-accent:#efb995;--on-coral:#f4d4c4;--coral-deep:#482c22;
 --blue-container:#294e66;--blue-accent:#a9dce7;--on-blue:#d6edf5;--blue-deep:#213f50;
 --theme-glow:#bdf46c15;--theme-table-highlight:#293e35;--theme-topbar:#19232de8;
}
html[data-palette=coral]{
 --surface-canvas:#1d1919;--surface-low:#261e20;--surface-card:#302729;--surface-raised:#463437;--text-primary:#fff1ec;--text-secondary:#d2bab4;--line:#60464a;
 --theme-accent:#ffac8e;--primary-container:#ffc3a9;--on-primary:#51291d;--primary-muted:#704334;--primary-deep:#693b2a;--primary-soft:#52382f;
 --ice-container:#ffe0ac;--on-ice:#4f381c;--ice-muted:#725333;--ice-deep:#6d4b2c;
 --sand-container:#cce9da;--on-sand:#234737;--sand-muted:#406a57;
 --coral-container:#663947;--coral-accent:#ffb8cc;--on-coral:#f7d7e1;--coral-deep:#512637;
 --blue-container:#285455;--blue-accent:#b0e5d6;--on-blue:#dcf3ed;--blue-deep:#20463e;
 --theme-glow:#ffac8e14;--theme-table-highlight:#4a332f;--theme-topbar:#2a2023e8;
}
html[data-palette=blue]{
 --surface-canvas:#111923;--surface-low:#192534;--surface-card:#223247;--surface-raised:#334b68;--text-primary:#eff5ff;--text-secondary:#b9cae1;--line:#405a78;
 --theme-accent:#8fb9ff;--primary-container:#b4ceff;--on-primary:#193562;--primary-muted:#375582;--primary-deep:#294976;--primary-soft:#253f65;
 --ice-container:#d8e2f2;--on-ice:#263a59;--ice-muted:#4b5e7a;--ice-deep:#3d5475;
 --sand-container:#b6e8f0;--on-sand:#184650;--sand-muted:#366573;
 --coral-container:#4d3d6c;--coral-accent:#d7b8ff;--on-coral:#eadcf7;--coral-deep:#3b265b;
 --blue-container:#194968;--blue-accent:#9dddff;--on-blue:#d1edff;--blue-deep:#163d57;
 --theme-glow:#8fb9ff18;--theme-table-highlight:#294564;--theme-topbar:#1d2c40e8;
}
/* Spectrum: role-based surfaces, editorial emphasis, and semantic color.
   Research and mappings: ../DESIGN-RESEARCH.md. */
html[data-palette] .workspace{background:radial-gradient(ellipse at 100% 0%,#50779410,transparent 45%),var(--surface-canvas)}
html[data-palette] .topbar{background:#19232dd9;border-color:#c0def207}
html[data-palette] .panel,html[data-palette] .campaign-card,html[data-palette] .raffle-card,html[data-palette] .post{background:var(--surface-card);box-shadow:0 14px 30px -17px #000b,inset 0 1px 0 #b1d6ee0d}
html[data-palette] .page-intro{margin-bottom:25px}html[data-palette] .page-intro p{color:#b3c3ce;max-width:65ch}
html[data-palette] .section-heading h2{font-size:1.3rem;color:#edf3f6;font-weight:690}html[data-palette] .section-heading .eyebrow{font-size:.75rem;color:#98b0c1;margin-bottom:7px}
/* Primary action and brand colors may change; content roles stay identifiable. */
html[data-palette] .tabs{background:transparent;border:0;box-shadow:none;padding:0;gap:8px;flex-wrap:wrap;align-items:stretch}
html[data-palette] .tabs button{background:var(--surface-card);color:#aabfcc;border:1px solid #ffffff05;border-radius:10px;padding:12px 18px;font-size:.875rem;box-shadow:none}
html[data-palette] .tabs button.active{background:#d6e4eb;color:#233e4e;box-shadow:0 4px 13px #0002}
html[data-palette] .tabs button:hover:enabled{background:#3d5262;color:#eef7fb}html[data-palette] .tabs button.active:hover{background:#e6f1f5;color:#233e4e}
/* Activities have two featured formats, then smaller supporting formats. */
.activities-live{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;margin-bottom:38px}
html[data-palette] .activities-live .core-activity{grid-column:span 6;min-height:0;display:flex;align-items:stretch;border:0;isolation:isolate;box-shadow:0 14px 34px -17px #000b,inset 0 1px 0 #fff1;border-radius:20px;background:#273d4d;overflow:hidden}
html[data-palette] .activities-live .core-activity[data-kind=draw]{grid-column:span 7;background:var(--primary-soft);min-height:310px;--activity-accent:var(--primary-container);--activity-deep:var(--on-primary);--activity-tint:#294c43}
html[data-palette] .activities-live .core-activity[data-kind=quiz]{grid-column:span 5;background:var(--ice-container);--activity-accent:var(--ice-deep);--activity-deep:#e7f7fc;--activity-tint:#9ccbd7}
html[data-palette] .activities-live .core-activity[data-kind=poll]{background:var(--coral-container);--activity-accent:var(--coral-accent);--activity-deep:var(--coral-deep);--activity-tint:#754c3b}
html[data-palette] .activities-live .core-activity[data-kind=ranking]{background:var(--blue-container);--activity-accent:var(--blue-accent);--activity-deep:var(--blue-deep);--activity-tint:#365f75}
.activity-visual{display:none}
html[data-palette] .activities-live .core-activity[data-core-card=drop] .activity-visual{display:block;position:absolute;inset:0 0 0 40%;z-index:-1;background-image:linear-gradient(90deg,var(--primary-soft),transparent 70%),linear-gradient(0deg,#112c3277,transparent 50%),url('assets/fictional-game-art.webp');background-size:100% 100%,100% 100%,300% 100%;background-position:center,center,left center;opacity:.95}
html[data-palette] .activities-live .activity-head{padding:25px 25px 19px;background:none;min-height:0;gap:12px}
html[data-palette] .activities-live .activity-symbol{width:36px;height:36px;border-radius:11px;background:#fff2;color:var(--activity-accent);box-shadow:inset 0 1px 0 #fff1}
html[data-palette] .activities-live .activity-kind-label{font-size:.875rem;font-weight:680}
html[data-palette] .activities-live .activity-head>.badge{background:#102f353e;color:#d8e8e6;font-size:.75rem;white-space:nowrap}
html[data-palette] .activities-live .activity-copy{padding:0 25px;flex:1}
html[data-palette] .activities-live .activity-copy h3{font-size:1.4rem;line-height:1.24;letter-spacing:-.035em;font-weight:730;color:#f6faf9;margin:0 0 13px}
html[data-palette] .activities-live .activity-copy p{color:#c1d1d3;font-size:1rem;line-height:1.55;margin:0 0 17px;max-width:46ch}
html[data-palette] .activities-live [data-kind=draw] .activity-copy{max-width:72%}
html[data-palette] .activities-live [data-kind=draw] .activity-copy h3{font-size:1.8rem;max-width:19ch}
html[data-palette] .activities-live [data-kind=draw] .activity-detail{max-width:68%;background:#172e35ac;color:var(--primary-container);backdrop-filter:blur(12px)}
html[data-palette] .activities-live [data-kind=draw] .activity-footer{position:relative;background:linear-gradient(0deg,#172f37a1,transparent)}
html[data-palette] .activities-live [data-kind=quiz] .activity-copy h3{color:var(--on-ice);font-size:1.6rem}
html[data-palette] .activities-live [data-kind=quiz] .activity-copy p{color:var(--ice-muted)}
html[data-palette] .activities-live [data-kind=quiz] .activity-head>.badge{background:#4f95a829;color:var(--ice-muted)}
html[data-palette] .activities-live [data-kind=quiz] .activity-symbol{background:var(--ice-deep);color:#daf5fc}
html[data-palette] .activities-live [data-kind=quiz] .activity-kind-label{color:var(--ice-muted)}
html[data-palette] .activities-live [data-kind=quiz] .core-card-meta{color:var(--ice-muted)}
html[data-palette] .activities-live [data-kind=poll] .activity-copy p{color:var(--on-coral)}
html[data-palette] .activities-live [data-kind=poll] .activity-head>.badge{background:#edc7ad1a;color:#f2d4c0}
html[data-palette] .activities-live .activity-detail{margin:0 25px 20px;padding:0;background:none;font-size:.875rem;line-height:1.5;font-weight:620;color:var(--activity-accent);border-radius:8px}
html[data-palette] .activities-live [data-kind=draw] .activity-detail{padding:9px 12px}
html[data-palette] .activities-live .activity-footer{padding:0 25px 25px;display:flex;align-items:center;justify-content:space-between;gap:14px}
html[data-palette] .activities-live .core-card-meta{display:flex;flex-direction:column;gap:4px;margin:0;font-size:.75rem;color:#aac4ce;flex-shrink:0}
html[data-palette] .activities-live .activity-footer>.button{width:auto;max-width:none;min-width:128px;padding:11px 17px;background:var(--activity-accent);color:var(--activity-deep);font-size:.875rem;min-height:44px;box-shadow:0 5px 12px #0002;white-space:normal}
html[data-palette] .activities-live .activity-footer>.button:hover:enabled{background:var(--activity-accent);color:var(--activity-deep);filter:brightness(1.08)}
.activity-archive{margin-top:14px}.activity-archive .section-heading{margin-bottom:18px}.activity-archive-list{display:grid;gap:12px}.archive-activity{display:flex;align-items:center;gap:18px;padding:21px 24px;background:var(--surface-low);border:1px solid #b8d8ef08;border-radius:15px}.archive-symbol{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;background:var(--surface-raised);color:#b9cedb;border-radius:13px}.archive-activity>div{flex:1;min-width:0}.archive-activity .eyebrow{font-size:.75rem;color:#8da9ba;letter-spacing:.08em}.archive-activity h3{font-size:1rem;line-height:1.4;margin:4px 0;color:#d9e5ed}.archive-activity p{font-size:.875rem;color:#96adbd;margin:0;line-height:1.5}.archive-activity>.badge{margin-right:10px;white-space:nowrap}.archive-activity>.button{font-size:.875rem;background:#344857!important;color:#d6e9f4!important;min-height:40px;white-space:nowrap}
/* The overview uses the same format colors on more compact cards. */
html[data-palette] .core-activity-grid [data-kind=quiz]{background:var(--ice-container);--activity-accent:var(--ice-deep);--activity-deep:#e7f7fb;--activity-tint:#a2cbd8}
html[data-palette] .core-activity-grid [data-kind=quiz] .activity-copy h3{color:var(--on-ice)}
html[data-palette] .core-activity-grid [data-kind=quiz] .activity-copy p,html[data-palette] .core-activity-grid [data-kind=quiz] .core-card-meta{color:var(--ice-muted)}
html[data-palette] .core-activity-grid [data-kind=quiz] .activity-head{background:transparent}
html[data-palette] .core-activity-grid [data-kind=quiz] .activity-head>.badge{background:#5287a026;color:#36566a}
html[data-palette] .core-activity-grid [data-kind=poll]{background:var(--coral-container);--activity-accent:var(--coral-accent);--activity-deep:var(--coral-deep);--activity-tint:#6a493a}
html[data-palette] .core-activity-grid [data-kind=poll] .activity-copy p{color:var(--on-coral)}
html[data-palette] .core-activity-grid [data-kind=ranking]{background:var(--blue-container);--activity-accent:var(--blue-accent);--activity-deep:var(--blue-deep);--activity-tint:#365c70}
html[data-palette] .core-activity-grid .activity-footer>.button{background:var(--activity-accent);color:var(--activity-deep)}
/* Stream events: a media header, meaningful progress, differentiated totals. */
.hunt-experience{margin-top:23px}.hunt-cover{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:30px;padding:29px 31px;border-radius:21px;background:linear-gradient(115deg,#24484e,#233240);box-shadow:0 15px 34px -18px #000a;overflow:hidden;margin-bottom:20px;align-items:center}.hunt-cover-copy{min-width:0}.hunt-cover .eyebrow{color:#a5d4dc;font-size:.75rem;letter-spacing:.11em}.hunt-cover h2{font-size:1.6rem;line-height:1.25;color:#f1f9fa;max-width:23ch;margin:10px 0;font-weight:730}.hunt-cover p{font-size:.875rem;color:#a5c3d0;margin:0 0 23px}.hunt-progress-label{display:flex;gap:13px;justify-content:space-between;align-items:center;font-size:.8125rem;color:#cfebf0;margin-bottom:11px}.hunt-progress-label .badge{background:#d0eda422;color:var(--primary-container)}.hunt-progress{height:6px;background:#0e283655;border-radius:8px;overflow:hidden}.hunt-progress>span{display:block;height:100%;background:linear-gradient(90deg,#88d2dd,var(--primary-container));border-radius:8px;transition:width .6s ease}.hunt-game-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;transform:rotate(-3deg);padding:10px 0}.hunt-game-tile{aspect-ratio:3/4;min-width:0;display:flex;align-items:flex-end;overflow:hidden;border-radius:13px;box-shadow:0 10px 22px #0004,inset 0 0 0 1px #ffffff20;background-size:100% 100%,300% 100%}.hunt-game-tile:nth-child(2){transform:translateY(-9px)}.hunt-game-tile span{display:block;width:100%;padding:25px 9px 12px;background:linear-gradient(transparent,#0d1d31db);color:#f7fbff;font-size:.75rem;line-height:1.4;font-weight:650}
.hunt-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 25px}.hunt-metric{padding:22px 24px;border-radius:15px;background:#2b3a48;box-shadow:0 8px 20px -12px #0008;min-width:0;position:relative}.hunt-metric>span{font-size:.8125rem;color:#c0d1db;line-height:1.5;display:block}.hunt-metric>strong{font-size:2.05rem;line-height:1.2;letter-spacing:-.045em;display:block;margin:12px 0 9px;font-weight:730;color:#eef7fc;font-variant-numeric:tabular-nums}.hunt-metric strong small{font-size:1.1rem;font-weight:500;letter-spacing:0;opacity:.7}.hunt-metric p{font-size:.75rem;color:#a1b8c7;line-height:1.5;margin:0}.metric-cost{background:var(--sand-container)}.metric-cost>span,.metric-cost p{color:var(--sand-muted)}.metric-cost>strong{color:var(--on-sand)}.metric-return{background:var(--ice-container)}.metric-return>span,.metric-return p{color:var(--ice-muted)}.metric-return>strong{color:var(--on-ice)}.metric-net{background:var(--primary-container)}.metric-net>span,.metric-net p{color:var(--primary-muted)}.metric-net>strong{color:var(--on-primary)}.metric-net.is-negative{background:#edc8bd}.metric-net.is-negative>span,.metric-net.is-negative p{color:#76493e}.metric-net.is-negative>strong{color:#743c31}
html[data-palette] .hunt-results{background:var(--surface-card);border-radius:18px;box-shadow:0 11px 25px -14px #0007;overflow:hidden}.hunt-results>.panel-header{padding:24px 25px 20px;margin:0;align-items:center}.hunt-results .panel-header .eyebrow{display:block;font-size:.75rem;color:#90aec0;margin-bottom:6px}.hunt-results .panel-header h2{font-size:1.2rem}.hunt-results .panel-header .fine{color:#a0b8c8}.hunt-results .table-wrap{margin:0}.hunt-results th{background:#d6e1e7!important;color:#354f60!important;font-size:.75rem;letter-spacing:.055em;padding-block:16px;border:0!important}.hunt-results td{padding-block:20px;border-color:#344754!important;color:#c3d5e0!important}.hunt-results tr:hover td{background:#293e50}.hunt-results td:nth-child(4){font-weight:700;color:#b5e1e5!important}.hunt-results td:nth-child(5){color:#d8ebb3!important;font-weight:650}.hunt-results .game-thumb{width:42px;height:54px;border-radius:8px;background-size:100% 100%,300% 100%}.hunt-results .table-member strong{color:#e0edf4}.hunt-results .table-note{padding:17px 25px 22px;color:#90aabc;font-size:.8125rem;line-height:1.7;margin:0;background:var(--surface-low)}
@media(max-width:1200px){.hunt-cover{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:22px}.hunt-metric{padding:21px 18px}.hunt-metric>strong{font-size:1.85rem}.activities-live{gap:18px}.activities-live .activity-footer{flex-wrap:wrap}}
@media(max-width:1000px){html[data-palette] .activities-live .core-activity,html[data-palette] .activities-live .core-activity[data-kind]{grid-column:span 6}html[data-palette] .activities-live [data-kind=draw] .activity-copy{max-width:90%}html[data-palette] .activities-live [data-kind=draw] .activity-copy h3{font-size:1.5rem}html[data-palette] .activities-live [data-kind=draw] .activity-detail{max-width:85%}html[data-palette] .activities-live .activity-copy h3{font-size:1.3rem}html[data-palette] .activities-live .activity-footer{flex-wrap:wrap}html[data-palette] .activities-live .activity-footer>.button{width:100%}html[data-palette] .activities-live .core-card-meta{flex-direction:row;justify-content:space-between;flex-wrap:wrap;width:100%;gap:7px}.hunt-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hunt-cover{padding:25px;grid-template-columns:minmax(0,1fr) 230px}.hunt-cover h2{font-size:1.35rem}.archive-activity>.badge{display:none}}
@media(max-width:700px){.activities-live{grid-template-columns:minmax(0,1fr);gap:19px}html[data-palette] .activities-live .core-activity,html[data-palette] .activities-live .core-activity[data-kind]{grid-column:1}html[data-palette] .activities-live .core-activity[data-kind=draw]{min-height:290px}html[data-palette] .activities-live [data-kind=draw] .activity-copy{max-width:77%}html[data-palette] .activities-live [data-kind=draw] .activity-copy h3{font-size:1.65rem}html[data-palette] .activities-live .activity-footer{flex-wrap:nowrap}html[data-palette] .activities-live .activity-footer>.button{width:auto;flex-shrink:0}html[data-palette] .activities-live .core-card-meta{flex-direction:column;width:auto;gap:4px}.hunt-cover{grid-template-columns:1fr 160px;gap:18px;padding:23px}.hunt-game-strip{gap:7px}.hunt-game-tile{border-radius:9px}.hunt-game-tile span{font-size:.625rem;padding:19px 5px 7px}.hunt-cover h2{font-size:1.4rem}.hunt-cover p{margin-bottom:17px}.hunt-progress-label{font-size:.75rem}.archive-activity{padding:18px;gap:13px}.archive-activity>.button{min-width:105px}.archive-activity p{font-size:.8125rem}}
@media(max-width:480px){html[data-palette] .activities-live .activity-head{padding:23px 22px 16px}html[data-palette] .activities-live .activity-copy{padding-inline:22px}html[data-palette] .activities-live .activity-detail{margin-inline:22px}html[data-palette] .activities-live .activity-footer{padding-inline:22px;flex-wrap:wrap}html[data-palette] .activities-live .activity-footer>.button{width:100%}html[data-palette] .activities-live .core-card-meta{flex-direction:row;width:100%;flex-wrap:wrap;gap:7px}html[data-palette] .activities-live [data-kind=draw] .activity-copy{max-width:100%}html[data-palette] .activities-live .core-activity[data-core-card=drop] .activity-visual{opacity:.38;left:25%}.archive-activity{flex-wrap:wrap}.archive-symbol{width:35px;height:35px;border-radius:10px}.archive-activity>div{flex-basis:calc(100% - 53px)}.archive-activity>.button{margin-left:48px;padding:8px 13px;min-height:37px}.hunt-cover{grid-template-columns:1fr;gap:23px}.hunt-game-strip{transform:none;padding:0;gap:9px}.hunt-game-tile{aspect-ratio:1.45}.hunt-game-tile:nth-child(2){transform:none}.hunt-game-tile span{font-size:.75rem;padding:18px 7px 9px}.hunt-cover h2{font-size:1.5rem}.hunt-metrics{gap:12px}.hunt-metric{padding:18px 16px}.hunt-metric>span{font-size:.75rem}.hunt-metric>strong{font-size:1.7rem}.hunt-metric p{font-size:.75rem}.hunt-results>.panel-header{padding:21px}.hunt-results .panel-header h2{font-size:1.125rem}.hunt-results .table-note{padding:17px 21px}.hunt-results .table-wrap{overflow-x:auto}.hunt-results table{min-width:620px}}
@media(prefers-reduced-motion:reduce){.hunt-progress>span{transition:none}}
/* Repeat the same color roles in summaries and task dialogs. */
html[data-palette] .calm-rail .progress-card{background:var(--primary-container);color:var(--on-primary)}
html[data-palette] .progress-card::before{border-color:#7897451c}
html[data-palette] .progress-card .panel-header h2,html[data-palette] .progress-card .points-total strong,html[data-palette] .progress-card .progress-facts strong{color:var(--on-primary);text-shadow:none}
html[data-palette] .progress-card .points-total>span,html[data-palette] .progress-card .progress-facts span,html[data-palette] .progress-card .fine{color:var(--primary-muted)}
html[data-palette] .progress-card .progress-facts{border-color:#48672d22}
html[data-palette] .progress-card .points-emblem{background:#516f2820;color:var(--primary-muted)}
html[data-palette] .progress-card .button.secondary{background:var(--primary-deep);color:#edfad8;border:0;box-shadow:0 4px 12px #31481c20}
html[data-palette] .progress-card .button.secondary:hover{background:var(--primary-deep);color:#fff}
html[data-palette] .tonight-card{background:var(--coral-container)}
html[data-palette] .tonight-card>.eyebrow,html[data-palette] .tonight-card .text-link{color:var(--coral-accent)}
html[data-palette] .tonight-host h2{color:var(--on-coral)}html[data-palette] .tonight-host span{color:var(--on-coral)}
html[data-palette] .event-banner{background:transparent;border:0;box-shadow:none;gap:16px;padding:0;margin-block:23px}
html[data-palette] .event-banner>div{border:0;padding:24px;border-radius:16px;background:var(--blue-container)}
html[data-palette] .event-banner>div:first-child{background:var(--sand-container)}
html[data-palette] .event-banner>div:first-child>span{color:var(--sand-muted)}html[data-palette] .event-banner>div:first-child>strong{color:var(--on-sand)}
html[data-palette] .event-banner>div:nth-child(2){background:var(--ice-container)}
html[data-palette] .event-banner>div:nth-child(2)>span{color:var(--ice-muted)}html[data-palette] .event-banner>div:nth-child(2)>strong{color:var(--on-ice)}
html[data-palette] .event-banner>div:nth-child(3)>span{color:#adc8da}html[data-palette] .event-banner>div:nth-child(3)>strong{color:var(--on-blue)}
html[data-palette] .vault-pot,html[data-palette] .ticket-summary{background:var(--sand-container);border-radius:15px;padding:24px;color:var(--on-sand);margin-block:20px}
html[data-palette] .vault-pot strong,html[data-palette] .ticket-summary strong{color:var(--on-sand)}
html[data-palette] .vault-pot span,html[data-palette] .vault-pot p,html[data-palette] .ticket-summary p{color:var(--sand-muted)}
html[data-palette] .vault-stats{gap:10px;border:0;padding:0;margin-block:24px}
html[data-palette] .vault-stats>div{padding:16px 12px;border-radius:12px;background:#344959;border:0}
html[data-palette] .vault-stats span{color:#bed0da}html[data-palette] .vault-stats b{color:#dcecf6}
html[data-palette] .member-ticket{background:var(--blue-container);border-color:transparent;color:var(--on-blue)}html[data-palette] .member-ticket b{color:var(--blue-accent)}html[data-palette] .member-ticket span{color:var(--on-blue)}
html[data-palette] .schedule-list a{background:#2a3e4b;border:0;border-left:3px solid #9cd2e1;border-radius:11px}
html[data-palette] .schedule-list a:nth-child(2){background:#403c34;border-left-color:#d6bc87}
html[data-palette] dialog{background:var(--surface-card);--modal-accent:var(--primary-container);--modal-deep:var(--on-primary);--modal-tint:var(--primary-soft)}
html[data-palette] dialog[data-kind=quiz]{--modal-accent:var(--ice-container);--modal-deep:var(--on-ice);--modal-tint:#2d5160}
html[data-palette] dialog[data-kind=poll]{--modal-accent:var(--coral-accent);--modal-deep:var(--coral-deep);--modal-tint:var(--coral-container)}
html[data-palette] dialog[data-kind=ranking]{--modal-accent:var(--blue-accent);--modal-deep:var(--blue-deep);--modal-tint:var(--blue-container)}
html[data-palette] dialog .modal-hero{background:#304855}
html[data-palette] dialog[data-kind=quiz] .modal-hero{background:var(--ice-container)}
html[data-palette] dialog[data-kind=quiz] .modal-hero .modal-title{color:var(--on-ice)}
html[data-palette] dialog[data-kind=quiz] .modal-hero .modal-copy,html[data-palette] dialog[data-kind=quiz] .modal-hero .modal-eyebrow{color:var(--ice-muted)}
html[data-palette] dialog[data-kind=quiz] .modal-symbol{background:var(--ice-deep);color:#daf5fc}
html[data-palette] dialog[data-kind=quiz] .close{background:#a4cbd5;color:#244f5f;border:0}
html[data-palette] dialog[data-kind=quiz] .close:hover{background:#89b6c2}
html[data-palette] dialog[data-kind=draw] .modal-hero{background:var(--primary-soft)}
html[data-palette] dialog[data-kind=draw] .modal-hero .modal-copy{color:#c6d9bf}
html[data-palette] dialog[data-kind=poll] .modal-hero{background:var(--coral-container)}
html[data-palette] dialog[data-kind=poll] .modal-hero .modal-copy{color:var(--on-coral)}
html[data-palette] dialog[data-kind=ranking] .modal-hero{background:var(--blue-container)}
html[data-palette] dialog .activity-options .option{background:var(--surface-raised);color:#dae7ef;border-color:#98bdd11a}
html[data-palette] dialog .activity-options .option:hover{background:#3d5667}
html[data-palette] dialog .activity-options .option.selected{background:var(--modal-accent);color:var(--modal-deep);border-color:transparent;box-shadow:0 6px 16px #0003}
html[data-palette] dialog .option.selected .option-key{background:#0b21331a;color:var(--modal-deep)}html[data-palette] dialog .option.selected .option-mark{color:var(--modal-deep)}
html[data-palette] dialog .form-check{background:var(--surface-low);color:#bacbd7}
html[data-palette] dialog .core-ranking-fields .core-field{background:#2e4555}
html[data-palette] dialog .core-modal-meta>span:not(.badge){background:var(--surface-raised);color:#bacdda}
@media(max-width:600px){html[data-palette] .event-banner>div{padding:20px}html[data-palette] .vault-stats>div{padding:14px 10px}}

/* Inner-page coverage: summaries, data, membership, games, and creator tools. */
html[data-palette] body{background:var(--surface-canvas);color:var(--text-primary)}
html[data-palette] .workspace{background:radial-gradient(ellipse at 100% 0%,var(--theme-glow),transparent 48%),var(--surface-canvas)}
html[data-palette] .topbar{background:var(--theme-topbar)}
html[data-palette] .page-intro p,html[data-palette] .season-label{color:var(--text-secondary)}
html[data-palette] .tabs button{background:var(--surface-card);color:var(--text-secondary)}
html[data-palette] .tabs button.active,html[data-palette] .tabs button.active:hover{background:var(--primary-container);color:var(--on-primary);box-shadow:0 5px 18px #0003}
html[data-palette] .tabs button:hover:enabled{background:var(--surface-raised);color:var(--text-primary)}
html[data-palette] .board-banner{background:transparent;border:0;padding:0;box-shadow:none;gap:18px;border-radius:0;margin:0 0 26px}
html[data-palette] .board-banner>div{position:relative;overflow:hidden;padding:27px 29px;border-radius:18px;background:var(--primary-container);box-shadow:0 10px 26px -15px #000a;border:0}
html[data-palette] .board-banner>div::after{content:'';position:absolute;right:-16px;top:-20px;width:95px;height:95px;border-radius:50%;border:20px solid currentColor;opacity:.035;pointer-events:none}
html[data-palette] .board-banner>div>span{color:var(--primary-muted);font-size:.875rem}
html[data-palette] .board-banner>div>strong{color:var(--on-primary);font-size:2.25rem;font-weight:750;margin-top:12px;line-height:1.14;letter-spacing:-.04em}
html[data-palette] .board-banner>div:nth-child(2){background:var(--ice-container)}
html[data-palette] .board-banner>div:nth-child(2)>span{color:var(--ice-muted)}html[data-palette] .board-banner>div:nth-child(2)>strong{color:var(--on-ice)}
html[data-palette] .board-banner>div:nth-child(3){background:var(--blue-container)}
html[data-palette] .board-banner>div:nth-child(3)>span{color:var(--on-blue)}html[data-palette] .board-banner>div:nth-child(3)>strong{color:var(--blue-accent)}
html[data-palette] .table-panel>.panel-header{background:var(--surface-card);padding:23px 25px}
html[data-palette] .table-panel .panel-header h2{color:var(--text-primary)}html[data-palette] .table-panel .fine{color:var(--text-secondary)}
html[data-palette] .table-panel th{background:var(--ice-container);color:var(--on-ice);border:0;padding-block:16px}
html[data-palette] .table-panel td{color:var(--text-secondary);border-color:color-mix(in srgb,var(--line) 55%,transparent);padding-block:18px}
html[data-palette] .table-panel tbody tr:nth-child(even){background:color-mix(in srgb,var(--surface-low) 38%,transparent)}
html[data-palette] .table-panel .my-table-row,html[data-palette] .table-panel tbody tr.my-table-row:nth-child(even){background:var(--theme-table-highlight)}
html[data-palette] .table-panel .my-table-row td:first-child{box-shadow:inset 4px 0 var(--theme-accent)}
html[data-palette] .table-member strong{color:var(--text-primary)}html[data-palette] .table-member strong small{color:var(--theme-accent)}
html[data-palette] .table-member span{color:var(--text-secondary)}
html[data-palette] .leaderboard-table td:nth-child(3) b{color:var(--primary-container);font-size:1rem;font-variant-numeric:tabular-nums}
.rank-marker{display:inline-grid;place-items:center;min-width:38px;height:34px;padding:0 8px;border-radius:10px;background:var(--surface-raised);color:var(--text-secondary);font-weight:650}
[data-rank="1"] .rank-marker{background:var(--primary-container);color:var(--on-primary);box-shadow:0 4px 14px var(--theme-glow)}
[data-rank="2"] .rank-marker{background:var(--ice-container);color:var(--on-ice)}
[data-rank="3"] .rank-marker{background:var(--coral-accent);color:var(--coral-deep)}
html[data-palette] .badge.purple{background:var(--primary-soft);color:var(--primary-container)}
html[data-palette] .badge.cyan{background:var(--blue-container);color:var(--on-blue)}
html[data-palette] .pagination{background:var(--surface-low);border-color:var(--line);color:var(--text-secondary)}
html[data-palette] .small-button{background:var(--surface-raised);color:var(--text-primary)}
html[data-palette] .small-button:disabled{opacity:.5}
html[data-palette] .info-note,html[data-palette] .core-demo-note{background:var(--surface-low);border:0;border-left:3px solid var(--blue-accent);border-radius:10px;color:var(--text-secondary)}
/* Membership uses two benefit treatments and a clear eligibility total. */
html[data-palette] .wager-status{background:var(--primary-soft);border:0;border-radius:13px;padding:21px;margin-top:7px}
html[data-palette] .wager-status>span{color:var(--text-primary)}html[data-palette] .wager-status strong{color:var(--primary-container)}
html[data-palette] .benefit-card{background:var(--blue-container)}
html[data-palette] .benefit-card h2,html[data-palette] .benefit-card p{color:var(--on-blue)}
html[data-palette] .benefit-card .benefit-prize{color:var(--blue-accent)}
html[data-palette] .benefit-card .benefit-rules{color:var(--on-blue);border-color:#ffffff20}
html[data-palette] .benefit-card:first-child{background:var(--sand-container)}
html[data-palette] .benefit-card:first-child h2,html[data-palette] .benefit-card:first-child .benefit-prize{color:var(--on-sand)}
html[data-palette] .benefit-card:first-child p,html[data-palette] .benefit-card:first-child .benefit-rules,html[data-palette] .benefit-card:first-child .text-button{color:var(--sand-muted)}
html[data-palette] .benefit-card:first-child .benefit-rules{border-color:color-mix(in srgb,var(--on-sand) 18%,transparent)}
html[data-palette] .benefit-card:first-child .badge{background:color-mix(in srgb,var(--on-sand) 12%,transparent);color:var(--on-sand)}
html[data-palette] .benefit-card .button:disabled{background:#15263328;color:var(--on-sand);opacity:.8}
html[data-palette] .benefit-card:nth-child(2) .button:disabled{background:#132635;color:#c5d5e0}
html[data-palette] .claim-history{background:var(--surface-card)}
html[data-palette] .history-record{border-color:var(--line)}
html[data-palette] .member-status-line{background:var(--primary-soft);border:0;border-radius:13px;color:var(--text-primary)}
html[data-palette] .raffle-rule{background:var(--blue-container);color:var(--on-blue)}
html[data-palette] .raffle-bottom{border-color:var(--line)}
html[data-palette] .claim-track{padding:13px 11px;border-radius:11px;background:var(--primary-soft);color:var(--text-secondary)}
html[data-palette] .claim-track .complete{color:var(--primary-container)}html[data-palette] .claim-track i{background:var(--line)}
html[data-palette] .win-content{background:var(--surface-card)}
html[data-palette] .campaign-prize,html[data-palette] .campaign-card .core-prize{padding:13px 15px;background:var(--primary-soft);color:var(--primary-container);border-radius:11px}
html[data-palette] .campaign-card>.panel-header,html[data-palette] .campaign-card>.campaign-meta{border-color:var(--line)}
/* Game area keeps semantic feedback, with palette-aware blank cells and side cards. */
html[data-palette] .word-panel{background:var(--surface-card)}
html[data-palette] .word-cell:not(.correct):not(.present):not(.absent){background:var(--surface-low);border-color:var(--surface-raised);color:var(--text-primary);box-shadow:inset 0 1px 3px #0004}
html[data-palette] .word-panel .panel-header{padding-bottom:19px;border-bottom:2px solid var(--theme-accent)}
html[data-palette] .play-side .play-card:first-child{background:var(--primary-container)}
html[data-palette] .play-side .play-card:first-child h2{color:var(--on-primary)}html[data-palette] .play-side .play-card:first-child p{color:var(--primary-muted)}
html[data-palette] .play-side .play-card:first-child .button{background:var(--primary-deep);color:#f4f9ef}
html[data-palette] .play-side .play-card:nth-child(2){background:var(--blue-container)}
html[data-palette] .play-side .play-card:nth-child(2) h2,html[data-palette] .play-side .play-card:nth-child(2) p{color:var(--on-blue)}
html[data-palette] .play-side .play-card:nth-child(2) a{color:var(--blue-accent)}
html[data-palette] .post{border:0;border-left:4px solid var(--blue-accent)}
html[data-palette] .post:first-child{border-left-color:var(--theme-accent);background:linear-gradient(105deg,var(--primary-soft),var(--surface-card) 70%)}
html[data-palette] .post-meta .badge{background:var(--blue-container);color:var(--on-blue)}
html[data-palette] .reaction{background:var(--surface-raised);color:var(--text-primary);border:0}
html[data-palette] .reaction.selected{background:var(--primary-container);color:var(--on-primary)}
/* Creator summaries and selection carry the same hierarchy as the viewer pages. */
html[data-palette] .core-studio-summary{background:transparent;border:0;padding:0;box-shadow:none;gap:16px;align-items:stretch;margin-block:24px}
html[data-palette] .core-studio-summary>div{flex:1;min-width:0;padding:23px 25px;border-radius:15px;background:var(--primary-container)}
html[data-palette] .core-studio-summary>div b{color:var(--on-primary);font-size:2rem}
html[data-palette] .core-studio-summary>div span{color:var(--primary-muted)}
html[data-palette] .core-studio-summary>div:nth-child(2){background:var(--ice-container)}
html[data-palette] .core-studio-summary>div:nth-child(2) b{color:var(--on-ice)}html[data-palette] .core-studio-summary>div:nth-child(2) span{color:var(--ice-muted)}
html[data-palette] .core-studio-summary>div:nth-child(3){background:var(--coral-container)}
html[data-palette] .core-studio-summary>div:nth-child(3) b{color:var(--coral-accent)}html[data-palette] .core-studio-summary>div:nth-child(3) span{color:var(--on-coral)}
html[data-palette] .core-studio-summary>.button{align-self:center;margin-left:0}
html[data-palette] .core-campaign-row{background:var(--surface-low);border-color:transparent}
html[data-palette] .core-campaign-row.selected{background:var(--primary-soft);box-shadow:inset 4px 0 var(--theme-accent)}
html[data-palette] .core-campaign-row.selected strong{color:var(--primary-container)}
html[data-palette] .core-management-meta>div{background:var(--blue-container)}
html[data-palette] .core-management-meta b,html[data-palette] .core-management-meta strong{color:var(--blue-accent)}
html[data-palette] .core-management-meta span{color:var(--on-blue)}
html[data-palette] .core-history>section{border:0;border-top:3px solid var(--theme-accent);background:linear-gradient(115deg,var(--primary-soft),var(--surface-card) 70%)}
html[data-palette] .widget-example{background:var(--surface-card)}
html[data-palette] .widget-example>.panel-header{border-bottom:2px solid var(--theme-accent);padding-bottom:17px}
/* Shared controls and artwork headers respond to every palette. */
html[data-palette] input,html[data-palette] select,html[data-palette] textarea{background-color:var(--surface-low);border-color:var(--line);color:var(--text-primary)}
html[data-palette] .member-picker select{background:transparent}
html[data-palette] input:focus-visible,html[data-palette] select:focus-visible,html[data-palette] textarea:focus-visible,html[data-palette] button:focus-visible,html[data-palette] a:focus-visible{outline-color:var(--theme-accent)}
html[data-palette] .hunt-cover{background:linear-gradient(115deg,var(--primary-soft),var(--surface-card))}
html[data-palette] .hunt-cover .eyebrow{color:var(--primary-container)}
html[data-palette] .hunt-cover h2{color:var(--text-primary)}html[data-palette] .hunt-cover p{color:var(--text-secondary)}
html[data-palette] .hunt-progress>span{background:linear-gradient(90deg,var(--blue-accent),var(--theme-accent))}
html[data-palette] .hunt-results th{background:var(--ice-container)!important;color:var(--on-ice)!important}
html[data-palette] .hunt-results td{color:var(--text-secondary)!important}
html[data-palette] .hunt-results td:nth-child(4){color:var(--blue-accent)!important}
html[data-palette] .hunt-results td:nth-child(5){color:var(--primary-container)!important}
html[data-palette] .hunt-results tr:hover td{background:var(--surface-raised)}
html[data-palette] .hunt-results .table-note{background:var(--surface-low);color:var(--text-secondary)}
html[data-palette] .schedule-list a{background:var(--blue-container);border-left-color:var(--blue-accent)}
html[data-palette] .schedule-list a:nth-child(2){background:var(--coral-container);border-left-color:var(--coral-accent)}
html[data-palette] .schedule-list a strong,html[data-palette] .schedule-list a time,html[data-palette] .schedule-list a span{color:var(--text-primary)}
@media(max-width:800px){html[data-palette] .board-banner{gap:13px}html[data-palette] .board-banner>div{padding:22px 24px}html[data-palette] .board-banner>div>strong{font-size:2rem}}
@media(max-width:480px){html[data-palette] .board-banner>div{padding:20px}html[data-palette] .board-banner>div>span{font-size:.875rem}html[data-palette] .core-studio-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-palette] .core-studio-summary>div{padding:19px}html[data-palette] .core-studio-summary>div:nth-child(3),html[data-palette] .core-studio-summary>.button{grid-column:1/-1}html[data-palette] .core-studio-summary>.button{width:100%}.rank-marker{min-width:32px;height:30px;padding:0 6px}}
html[data-palette] .activities-live .core-activity[data-core-card=drop] .activity-visual{background-image:linear-gradient(90deg,var(--primary-soft),transparent 70%),linear-gradient(0deg,#112c3277,transparent 50%),url('assets/fictional-game-art.webp')}
/* Keep the active tab visible during hover and touch hover emulation. */
html[data-palette] .tabs button.active:hover:enabled{background:var(--primary-container);color:var(--on-primary)}