/* GMXS Arena — graphite, neon lime, ice blue. */
:root{color-scheme:dark;--ink:#f4f4f5;--muted:#aeb0b1;--line:#373838;--panel:#232425;--cyan:#c5cace;--green:#a2ddb5;--purple:#c5cace;--amber:#dbeb9f;--surface-shadow:0 12px 30px -15px #0009,0 1px 0 #ffffff08 inset;color:var(--ink);background:#121213}
body{color:var(--ink);background:#121213}h1,h2,h3,.panel h2,.panel h3{color:#f5f6f7}p{color:#b9babb}.workspace{background:radial-gradient(ellipse at 88% 0%,#8b929811,transparent 42%),#161718}.demo-ribbon{background:#0e0e0e;color:#929395}.demo-ribbon b{color:#b9babb}.app-layout{grid-template-columns:224px minmax(0,1fr)}
.sidebar{background:#121212;border-right:1px solid #ffffff06;box-shadow:10px 0 50px #0002;scrollbar-color:#333435 transparent}.brand{color:#fbfcfc}.brand span{color:#c3f470;filter:drop-shadow(0 0 9px #b7f05e25)}.creator-mini{background:linear-gradient(120deg,#292a2a,#1e1f20);box-shadow:inset 0 1px 0 #ffffff0b}.creator-mini strong{color:#f1f2f3}.creator-mini span{color:#a6a7a8}.creator-mini .creator-avatar{border-color:#72767a}.sidebar .nav-label{color:#828384}.sidebar nav a{color:#b8b9ba}.sidebar nav a:hover{background:#282829;color:#fff}.sidebar nav a.active{background:linear-gradient(105deg,#83888e,#696d71);color:#fff;box-shadow:0 5px 24px #8b929829,inset 0 1px 0 #d6dadd44}.sidebar nav a.active::after{background:#c7f27c;box-shadow:0 0 10px #c7f27c55}.sidebar-status .fine{color:#898a8a}.sidebar-status .text-button{color:#c2c6c9}.nav-count{background:#c4ef76;color:#263719;border:0;font-weight:750}
.topbar{background:#161718bb;border-bottom:1px solid #ffffff05}.topbar h1{color:#f1f2f3}.top-crumb{color:#838485}.studio-switch{background:#272829;color:#c7c9cb;box-shadow:inset 0 1px 0 #ffffff07}.member-picker,.topbar .member-picker>span{color:#a2a3a5}.member-picker select,.topbar .member-picker select{color:#e0e1e2;background:transparent}.profile-button .face{box-shadow:0 0 0 3px #696c7044,0 4px 15px #0007}.workspace-footer{background:transparent;border-color:#2c2c2d;color:#8f9092}.workspace-footer .text-button{color:#b8bbbd}
.welcome-line h2{color:#fafafa;font-weight:720}.welcome-dot{color:#c4ef76}.welcome-line p,.page-intro p{color:#adaeb0}.eyebrow,.welcome-line .eyebrow,.section-heading .eyebrow{color:#acb0b4}.section-heading h2{color:#edeeee}.text-link,.text-button,.section-heading .text-link{color:#c6cace}.text-link:hover,.text-button:hover{color:#e3e5e7}.section-heading{gap:12px;flex-wrap:wrap;align-items:center}.section-heading>*{min-width:0}.section-heading .text-link{margin-left:auto;flex-shrink:0}
.daily-check{background:linear-gradient(115deg,#2a3320,#242a20);border:1px solid #c4ef7618;box-shadow:0 7px 20px #0002,inset 0 1px 0 #dff9aa0b}.daily-check .check-symbol{background:#c4ef76;color:#32471b;box-shadow:0 0 20px #b5f15e15}.daily-check strong{color:#d5eea6}.daily-check .text-button{color:#b9d68a}.daily-check .text-button:disabled{color:#95ad78}
.spotlight{background:linear-gradient(110deg,#303235,#232527 55%,#292a2a);box-shadow:0 17px 38px -14px #000a,inset 0 1px 0 #ffffff15}.spotlight::before{background:radial-gradient(ellipse at 17% 0%,#aeb4ba2e,transparent 55%)}.spotlight::after{border-color:#afb3b825}.spotlight h2{color:#fff;max-width:15ch;font-weight:760}.spotlight p{color:#c9cbcd}.spotlight-kicker>span:first-child{color:#c6cacd}.spotlight-kicker .badge{background:#c4ef76;color:#34421e;border:0;font-weight:700}.spotlight-prize{color:#d7f1ad}.prize-icon{background:#c4ef7617;border-color:#c4ef7622;color:#c4ef76}.spotlight-bottom .button,.spotlight-bottom .button:hover:enabled{background:#c4ef76;color:#233114;box-shadow:0 5px 18px #0005,inset 0 1px 0 #e5ffb2;font-weight:750}.spotlight-bottom .button:hover:enabled{background:#d5ffa0;box-shadow:0 8px 28px #b4e95624}.spotlight-bottom>span,.spotlight-meta{color:#b0b2b4}.spotlight-meta>span+span{border-color:#b0b2b42e}.spotlight-art{background-image:linear-gradient(90deg,#2f3234ce,transparent 65%),linear-gradient(0deg,#1e2021bb,transparent 60%),url('assets/fictional-game-art.webp');filter:saturate(.9) hue-rotate(9deg)}.art-caption{background:#1b1c1d88;border-color:#c8cbce26;color:#f4f4f5;box-shadow:0 8px 24px #0005;backdrop-filter:blur(12px)}.art-caption span{color:#bdbec0}
.panel,.core-activity,.campaign-card,.raffle-card,.post,.widget-example,.core-promotion{background:#232424;border-radius:18px;box-shadow:var(--surface-shadow)}.core-activity{background:linear-gradient(140deg,#282829,#232424)}.core-activity::before{background:radial-gradient(circle,#989ea314,transparent 68%)}.core-activity h3{color:#eff0f0}.core-activity p,.raffle-body p,.campaign-card p,.post p{color:#b6b7b8}.core-activity .panel-header .badge:first-child{color:#b0b2b4}.core-activity .core-card-meta,.raffle-meta,.season-label{color:#a5a6a8}.activity-symbol{background:linear-gradient(140deg,#989ea4,#71767b);color:#eff0f1;box-shadow:0 5px 20px #74797e22,inset 0 1px 0 #dde0e344}.core-activity[data-kind=poll] .activity-symbol{background:linear-gradient(140deg,#d88a62,#a45143);color:#ffebd0;box-shadow:0 5px 15px #ad64451c}.core-activity[data-kind=ranking] .activity-symbol{background:linear-gradient(140deg,#badb7b,#7ea64d);color:#253e16;box-shadow:0 5px 15px #8bc74412}.core-activity[data-kind=draw] .activity-symbol{background:linear-gradient(140deg,#a3a8ac,#757a7e);color:#eaeced}.core-activity .button,.core-activity[data-kind=poll] .button,.core-activity[data-kind=ranking] .button{background:#3a3c3e;color:#dee0e3;box-shadow:inset 0 1px 0 #c8ccd014}.core-activity .button:hover:enabled{background:#494c4e;color:#f0f1f2}.core-activity:hover,.raffle-card:hover,.campaign-card:hover,.post:hover{box-shadow:0 20px 40px -15px #000c,0 1px 0 #a1a4a824 inset}
.progress-card{background:linear-gradient(135deg,#505356,#36393b 75%);box-shadow:0 15px 35px -15px #000a,inset 0 1px 0 #c4c8cc22;color:#f1f2f2}.progress-card::before{border-color:#bdc1c518}.progress-card .panel-header h2{color:#d7dadc}.points-emblem{background:#c2ef761b;color:#c7ef88;box-shadow:none}.points-total strong,.calm-rail .progress-card .points-total strong{color:#d7f5aa;text-shadow:0 0 32px #d0ef8320}.points-total>span,.progress-facts span{color:#bbbec0}.progress-facts{border-color:#bdc0c322}.progress-facts strong{color:#eeeff0}.progress-card .button.secondary{background:#b1b4b71c;border-color:#bfc2c522;color:#e0e2e5;box-shadow:inset 0 1px 0 #fff1}.progress-card .button.secondary:hover{background:#b5b9bd2f;color:#fff}.progress-card .fine,.calm-rail .progress-card .fine{color:#b6b8ba}.tonight-card{background:linear-gradient(130deg,#27322b,#212b27);box-shadow:var(--surface-shadow)}.tonight-card>.eyebrow{color:#93c3a2}.tonight-host h2{color:#d4efdc}.tonight-host span{color:#9caf9f}.tonight-card .text-link{color:#b8dfc2}.calm-rail .core-winner{background:#232424}.calm-rail .core-winner-person strong{color:#dbdee0}.calm-rail .core-winner-person .face{box-shadow:0 0 0 4px #3e4042,0 5px 13px #0004}.board-row{border-color:#383a3c}.board-row .rank{color:#aeb1b4}.board-row strong{color:#dddedf}.board-row>div>span{color:#9ea0a2}.board-row>b{color:#c6e7a0}
.button{background:linear-gradient(115deg,#989ea4,#82888d);color:#fff;box-shadow:0 6px 20px -6px #959ba059,inset 0 1px 0 #c0c4c955}.button:hover:enabled,a.button:hover{background:linear-gradient(115deg,#acb2b7,#93989d);color:#fff;box-shadow:0 8px 24px -6px #979ca266}.button.secondary,.small-button{background:#323334;color:#cacccf;box-shadow:inset 0 1px 0 #babec21a}.button.secondary:hover:enabled,a.button.secondary:hover{background:#3f4143;color:#e9ebec}.badge{background:#323334;color:#babcbe}.badge.cyan,.badge.purple{background:#45484a;color:#cfd2d5}.badge.green,.core-activity .panel-header .badge.green{background:#2d4334;color:#a9d6af}.badge.amber{background:#464531;color:#d7dd9d}
/* Artwork-first creator cards size to their containing column. */
.core-promotions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;align-items:stretch}
.core-promotion{display:flex;flex-direction:column;gap:0;padding:0;min-width:0;overflow:hidden;border:1px solid #c3c6ca0c;border-radius:18px;background:#232424}
.core-promotion>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center;flex:none;border-radius:0;filter:saturate(1.02)}
.core-promotion>div{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:21px 22px 23px;background:linear-gradient(145deg,#272829,#232424);min-width:0}
.core-promotion .eyebrow{color:#b0b3b7;font-size:.75rem}.core-promotion h3{color:#eff0f2;font-size:1.125rem;line-height:1.35;margin:9px 0 6px}.core-promotion p{color:#a8aaab;font-size:.875rem;line-height:1.5}.core-promotion .text-button,.core-promotion .text-link{color:#cbee9b;margin-top:17px;min-height:38px;padding:7px 0;font-size:.875rem}.core-promotion:hover{box-shadow:0 18px 32px -14px #000a,0 1px 0 #bec2c622 inset}.core-promotion:hover img{transform:scale(1.035)}
@media(max-width:1250px){.app-layout{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:1100px){.calm-overview{grid-template-columns:minmax(0,1fr)}.calm-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.core-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.core-activity{display:flex;gap:0}.core-activity .activity-symbol{margin-bottom:16px}.core-activity .button{width:100%;margin-top:auto}.core-activity .core-card-meta{margin:12px 0 17px}.spotlight-copy{width:65%;min-height:345px}.spotlight-art{width:58%;opacity:1}.welcome-line{flex-wrap:wrap}.daily-check{margin:0}}
@media(max-width:800px){.app-layout{display:block}.sidebar{background:#171819ec;border-bottom:1px solid #40424355;box-shadow:0 5px 25px #0004}.menu-toggle{background:#323334;border-color:#a0a4a82e;color:#dadcde}.sidebar .nav-label{color:#95989a}.topbar{background:#18191ae0}.topbar h1{color:#f0f1f2}.topbar .member-picker>span{color:#a1a3a5}.topbar .member-picker select{color:#d1d2d4}.welcome-line .eyebrow{color:#acb0b4}.welcome-line p{color:#b6b8b9}.section-heading .text-link{font-size:.875rem}}
@media(max-width:600px){.demo-ribbon{background:#111111}.calm-overview{display:flex;gap:24px}.calm-main,.calm-rail{display:contents}.welcome-line{display:block}.daily-check{margin-top:18px}.spotlight-copy{width:100%;padding:25px 23px;min-height:0}.spotlight h2{font-size:1.75rem;max-width:14ch}.spotlight p{color:#c9cbcd;max-width:28ch}.spotlight-art{width:72%;opacity:.4}.spotlight-kicker{gap:9px}.spotlight-meta{flex-wrap:wrap}.core-activity-grid{grid-template-columns:1fr}.core-activity{display:grid;grid-template-columns:43px minmax(0,1fr);column-gap:13px}.core-activity .activity-symbol{margin:0}.core-activity .button{grid-column:1/-1}.core-activity .core-card-meta{margin:2px 0 16px}.core-promotions{gap:18px}.core-promotion>img{aspect-ratio:16/9}.core-promotion>div{padding:20px}.section-heading .text-link{margin-left:0}.workspace-footer{color:#939597}.daily-check .text-button{font-size:.875rem}.sidebar nav a{font-size:.875rem}}

/* Selected palette: neutral graphite keeps the saturated accents focused. */
:root{--ink:#eff3f5;--muted:#a5afb5;--line:#343b40;--panel:#202529;--cyan:#8ddbed;--green:#b3df9b;--purple:#8ddbed;--amber:#e1ce96;--surface-shadow:0 16px 35px -17px #000b,inset 0 1px 0 #ffffff0b;background:#121416}
body{background:#121416}.workspace{background:radial-gradient(ellipse at 93% 0%,#70bac707,transparent 45%),#171a1d}.sidebar{background:#101315;border-color:#ffffff06}.demo-ribbon{background:#0b0e0f;color:#939fa5}.demo-ribbon b{color:#bec8ce}.brand span{color:#c1f66e;filter:drop-shadow(0 0 10px #b7f05e22)}.creator-mini{background:linear-gradient(125deg,#252c30,#1b2125)}.creator-mini .creator-avatar{border-color:#7c9a60}.sidebar nav a.active{background:linear-gradient(110deg,#c9fa7e,#ace454);color:#23310f;box-shadow:0 5px 24px #b7f05e13,inset 0 1px 0 #e9ffbf99}.sidebar nav a.active::after{display:none}.sidebar nav a:hover{background:#283136;color:#eef8fc}.sidebar nav a.active:hover{background:#d0fa91;color:#23310f}.sidebar .nav-label{color:#78858b}.sidebar-status .text-button{color:#afccda}.profile-button .face{box-shadow:0 0 0 3px #71895c44,0 4px 15px #0007}.welcome-dot{color:#c1f66e}.welcome-line .eyebrow{color:#a2b886}.topbar{background:#171b1ed9}.text-link,.text-button,.section-heading .text-link{color:#9bdbea}.text-link:hover,.text-button:hover{color:#c8f4fc}.section-heading .eyebrow{color:#a6b7c0}
.daily-check{background:linear-gradient(110deg,#293320,#22291e);border-color:#c4ef7614}.spotlight{background:linear-gradient(110deg,#253928,#1b2c27 54%,#1b2b33)}.spotlight::before{background:radial-gradient(ellipse at 18% 0%,#b8f16e1a,transparent 65%)}.spotlight::after{border-color:#beddb923}.spotlight h2{color:#f6fcf3}.spotlight p{color:#bdcec2}.spotlight-kicker>span:first-child{color:#c5e8a7}.spotlight-prize{color:#d8f5b3}.spotlight-bottom>span,.spotlight-meta{color:#b0c3b7}.spotlight-meta>span+span{border-color:#b0c3b72e}.spotlight-art{background-image:linear-gradient(90deg,#203726cc,transparent 68%),linear-gradient(0deg,#102621b8,transparent 58%),url('assets/fictional-game-art.webp');filter:saturate(.95)}.art-caption{background:#102426a3;border-color:#b3e4df29;color:#e5f8f6}.art-caption span{color:#a4c7c4}
.button{background:#bef264;color:#253512;box-shadow:0 5px 20px -8px #b7f45c4d,inset 0 1px 0 #e6ffb4;font-weight:700}.button:hover:enabled,a.button:hover{background:#d1ff86;color:#20300e;box-shadow:0 8px 25px -8px #b7f45c66}.button.secondary,.small-button{background:#303b42;color:#c7dae5;box-shadow:inset 0 1px 0 #d1edff0d;font-weight:600}.button.secondary:hover:enabled,a.button.secondary:hover{background:#3c4b54;color:#ecf7fc}.button:disabled{background:#30383d;color:#a3b0b7;box-shadow:none;opacity:.78}.spotlight-bottom .button,.spotlight-bottom .button:hover:enabled{background:#c2f56d;color:#21320d}.badge.cyan,.badge.purple{background:#293f48;color:#a9dfed}.badge.amber{background:#413c29;color:#e4d49d}.badge.green{background:#30422c;color:#b6d9a3}.badge{background:#30383e;color:#b7c6cf}
.progress-card{background:linear-gradient(140deg,#24444f,#203a43 65%,#1d3138);box-shadow:0 15px 35px -15px #000a,inset 0 1px 0 #c0e6f52a}.progress-card::before{border-color:#85cde218}.progress-card .panel-header h2{color:#c5e3eb}.points-emblem{background:#d0f09415;color:#d4efa7}.points-total strong,.calm-rail .progress-card .points-total strong{color:#d0f494}.points-total>span,.progress-facts span{color:#a0c1cc}.progress-facts{border-color:#aacdda22}.progress-card .button.secondary{background:#a6d7e418;color:#d0eaf3;border-color:#b4d7e421}.progress-card .fine,.calm-rail .progress-card .fine{color:#acc4cd}.tonight-card{background:linear-gradient(130deg,#29302a,#222827)}.tonight-card>.eyebrow{color:#a9c798}.tonight-host h2{color:#e0edda}.tonight-card .text-link{color:#c9e1b8}.board-row>b{color:#c6e7a0}.core-promotion>div{background:linear-gradient(145deg,#272e32,#202529)}.core-promotion .eyebrow{color:#9ebfcf}.core-promotion h3{color:#f0f5f7}.core-promotion p{color:#a5b3ba}.core-promotion .text-button,.core-promotion .text-link{color:#c6ef98}
.core-studio-head p,.core-demo-note,.info-note,.modal-copy,.core-field,.promo-field,.core-form .fine{color:#aebcc4}.core-studio-summary b{color:#c9ed96}.core-campaign-row strong{color:#dbe7ed}.core-campaign-row small{color:#a8bac4}.core-campaign-row.selected{background:#2e4147;box-shadow:inset 3px 0 #a3dbe6,0 4px 15px #0002}.tabs{background:#222a2f}.tabs button{color:#9eb4c1}.tabs button.active{background:#3a4b53;color:#dff3fd;box-shadow:0 4px 14px #0003}.tabs button:hover:enabled{background:#36434b;color:#dbf0f9}.core-management-meta>div,.core-rules{background:#1d2428}.core-prize,.core-campaign-detail .core-prize{color:#c8e99e}.core-field input,.core-field select,.core-field textarea,input,select,textarea{background:#171e22;border-color:#3a464d;color:#e0edf5;box-shadow:inset 0 1px 3px #0002}.core-field input:focus,.core-field select:focus,input:focus,textarea:focus,select:focus{border-color:#8acbdc;box-shadow:0 0 0 3px #8acbdc1a}input::placeholder,textarea::placeholder{color:#8d9aa4;opacity:1}.table-panel th{background:#26333b;color:#bdd0dc}.table-panel td{color:#c9d6df;border-color:#323e46}.my-table-row{background:#2c3d43}.board-banner{background:linear-gradient(120deg,#293e44,#273238)}.board-banner strong{color:#b3e4ef}.board-banner span{color:#acbec8}.notice-card{background:#363529}.notice-card p{color:#c8c4ac}.notice-heading strong{color:#e7e0ae}.notice-bottom a{color:#e5dd9e}.benefit-rules,.raffle-rule{color:#b0c4ce}.raffle-rule{background:#253139}.benefit-prize,.wager-status strong{color:#d2ecb2}#toast{background:#293d34;border-color:#91bd7733;color:#e9f9df;box-shadow:0 12px 32px #0007}button:focus-visible,a:focus-visible{outline:2px solid #a5e1f1;outline-offset:3px}

/* Each format has its own visual identity; ended activities recede. */
.core-activity{--activity-accent:#c5ef8a;--activity-deep:#30451e;--activity-tint:#2b3427;display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;background:linear-gradient(145deg,#262d30,#1f2528);position:relative;border:1px solid #ffffff06}
.core-activity[data-kind=quiz]{--activity-accent:#99e1f3;--activity-deep:#193d4b;--activity-tint:#273b45}
.core-activity[data-kind=poll]{--activity-accent:#f0ce8d;--activity-deep:#534125;--activity-tint:#3a352a}
.core-activity[data-kind=ranking]{--activity-accent:#9cdfbc;--activity-deep:#244b3c;--activity-tint:#293c34}
.core-activity::before{display:none}.core-activity .activity-head{display:flex;align-items:center;gap:12px;padding:21px 22px 18px;background:linear-gradient(115deg,var(--activity-tint),transparent);min-height:82px}.activity-kind-label{font-size:.8125rem;font-weight:650;letter-spacing:.02em;color:var(--activity-accent)}.activity-head>.badge{margin-left:auto;font-size:.75rem;background:#ffffff08;color:#c1ccc3}.core-activity .activity-symbol,.core-public-grid .core-activity .activity-symbol,.core-activity[data-kind] .activity-symbol{flex:none;width:42px;height:42px;margin:0;border-radius:13px;background:var(--activity-accent);color:var(--activity-deep);box-shadow:0 6px 18px #0003,inset 0 1px 0 #ffffff55;display:grid;place-items:center}.core-activity .activity-copy{padding:3px 22px 0;flex:1}.core-activity .activity-copy h3{color:#f0f4f6;font-size:1.125rem;line-height:1.4;margin:0 0 10px}.core-activity .activity-copy p{color:#adbbc4;font-size:1rem;line-height:1.6;margin:0 0 17px;min-height:0}.activity-detail{font-size:.8125rem;line-height:1.6;color:var(--activity-accent);margin:0 22px 18px;padding:9px 12px;border-radius:9px;background:var(--activity-tint)}.activity-footer{padding:0 22px 22px}.core-activity .core-card-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;margin:0 0 16px;color:#91a4b0;font-size:.75rem;line-height:1.5}.core-activity .button,.core-activity[data-kind] .button,.core-public-grid .core-activity .button{width:100%;min-height:44px;margin:0;background:var(--activity-accent);color:var(--activity-deep);box-shadow:0 4px 15px #0002;font-weight:700;font-size:.875rem}.core-activity[data-kind] .button:hover:enabled{background:var(--activity-accent);color:var(--activity-deep);filter:brightness(1.1);box-shadow:0 7px 20px #0004}.core-activity[data-state=closed],.core-activity[data-state=drawn]{--activity-accent:#b2c0c8;--activity-deep:#28353b;--activity-tint:#2b343a}.core-activity[data-state=closed] .button,.core-activity[data-state=drawn] .button,.core-activity .button.secondary{background:#344047;color:#c4d3dc}.core-public-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px}.core-public-grid .core-activity{display:flex}.core-public-grid .core-activity[data-core-card=drop]{background:linear-gradient(115deg,#263629f5,#213328e8),url('assets/fictional-game-art.webp') center/cover}.core-public-grid .core-activity[data-core-card=drop] .activity-copy h3{font-size:1.35rem}

/* Dialogs have a contextual header and a quieter task area. */
dialog{--modal-accent:#bce986;--modal-deep:#293d1e;--modal-tint:#28382c;--modal-pad:28px;background:#20272c;padding:var(--modal-pad);border:1px solid #9bc1d31c;border-radius:23px;box-shadow:0 35px 120px #000b,0 0 0 1px #ffffff05;max-height:calc(100dvh - 32px);color:#dfe8ed}
dialog[data-kind=quiz]{--modal-accent:#9edfeb;--modal-deep:#173c48;--modal-tint:#223d49}dialog[data-kind=poll]{--modal-accent:#f1d092;--modal-deep:#49391f;--modal-tint:#3c362a}dialog[data-kind=ranking]{--modal-accent:#a0dbbc;--modal-deep:#214032;--modal-tint:#283f35}
dialog::backdrop{background:#070b10b8;backdrop-filter:blur(9px)}dialog .close{position:absolute;top:15px;right:15px;z-index:2;background:#0e171e55;color:#d6e6ed;border:1px solid #ffffff15;width:36px;height:36px;box-shadow:none}dialog .close:hover{background:#0e171e99;color:#fff}.modal-hero{position:relative;margin:calc(-1 * var(--modal-pad)) calc(-1 * var(--modal-pad)) 24px;padding:28px var(--modal-pad) 26px;background:linear-gradient(120deg,var(--modal-tint),#252e3480);border-bottom:1px solid #ffffff07}.modal-symbol{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;background:var(--modal-accent);color:var(--modal-deep);border-radius:15px;box-shadow:0 5px 18px #0003,inset 0 1px 0 #ffffff66}.modal-symbol .icon{width:25px;height:25px}.modal-hero .modal-eyebrow{color:var(--modal-accent);font-size:.75rem;line-height:1.5;display:block;padding-right:25px}.modal-hero .modal-title{color:#f2f8fa;font-size:1.65rem;font-weight:730;line-height:1.23;margin:10px 0 12px;max-width:26ch}.modal-hero .modal-copy{color:#b7cbd5;font-size:1rem;line-height:1.65;margin:0;max-width:48ch}.core-modal-meta{gap:10px;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:20px;color:#adc0cb;font-size:.8125rem}.core-modal-meta>span:not(.badge){background:#29343b;border-radius:8px;padding:6px 9px}dialog .core-prize{background:var(--modal-tint);color:var(--modal-accent);padding:18px 20px;border-radius:12px;margin:18px 0;font-size:1.0625rem;line-height:1.55}.activity-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:20px 0}.activity-options:empty{display:none}.activity-options .option{display:flex;align-items:center;gap:10px;margin:0;min-height:68px;padding:14px 13px;background:#29343c;color:#cfdee7;border:1px solid #ffffff0a;box-shadow:0 4px 12px #0002;font-size:1rem;text-align:left;line-height:1.5}.activity-options .option:hover{background:#34434b;border-color:#ffffff20}.activity-options .option.selected{background:var(--modal-tint);color:var(--modal-accent);border-color:var(--modal-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--modal-accent) 10%,transparent)}.option-key{flex-shrink:0;font-size:.75rem;width:25px;height:25px;display:grid;place-items:center;background:#ffffff09;border-radius:7px;color:#91a8b6}.option.selected .option-key{background:var(--modal-accent);color:var(--modal-deep)}.option-label{flex:1;min-width:0;overflow-wrap:anywhere}.option-mark{color:var(--modal-accent)}dialog .form-check{background:#182126;border-radius:12px;padding:15px;margin:20px 0;color:#acbdc8;font-size:.875rem;line-height:1.7;align-items:flex-start}dialog .form-check input{margin-top:5px;accent-color:var(--modal-accent)}dialog form>.button{min-height:48px}dialog .button:not(.secondary):not(:disabled){background:var(--modal-accent);color:var(--modal-deep);box-shadow:0 5px 20px #0003}dialog .core-rules{margin-top:23px;background:transparent;border-top:1px solid #ffffff0a;padding:19px 0 0;border-radius:0}dialog .core-rules summary{color:#94adbc;font-size:.875rem}dialog .core-rules p{color:#9baeb9;line-height:1.7}dialog .success-note{background:#2a3f32;color:#c6e8b2;border-color:#92d07622}dialog .core-ranking-fields .core-field{background:#2a343a;padding:13px 15px;border-radius:12px}.modal-copy{font-size:1rem;line-height:1.65}.core-form{gap:19px}.core-field{font-size:.875rem;line-height:1.6}
@media(max-width:1100px){.core-activity-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.core-activity{display:flex}.core-activity .activity-head{padding:20px 19px 17px}.core-activity .activity-copy{padding-inline:19px}.activity-detail{margin-inline:19px}.activity-footer{padding-inline:19px}}
@media(max-width:800px){.sidebar{background:#141a1eea;border-color:#48575f44}.menu-toggle{background:#2d3c43;color:#d2e7f1;border-color:#8bb0c429}.topbar{background:#1b2429bb}.sidebar .nav-label{color:#8fa6b3}.core-public-grid{gap:18px}}
@media(max-width:600px){.core-activity-grid,.core-public-grid{grid-template-columns:1fr}.core-activity,.core-public-grid .core-activity{display:flex}.core-activity .activity-head{padding:20px 21px 17px}.core-activity .activity-copy{padding-inline:21px}.core-activity .activity-symbol,.core-public-grid .core-activity .activity-symbol{width:42px;height:42px}.activity-detail{margin-inline:21px}.activity-footer{padding-inline:21px}.core-activity .core-card-meta{font-size:.8125rem}.demo-ribbon{background:#101416}.topbar h1{color:#edf6fa}.topbar .member-picker select{color:#cfdee6}.topbar .member-picker>span{color:#8fa9b7}.welcome-line .eyebrow{color:#a9bc92}.welcome-line p{color:#a8bac5}.spotlight p{color:#bdcec2}.activity-kind-label{font-size:.875rem}dialog{--modal-pad:22px;border-radius:20px;max-height:calc(100dvh - 20px)}.modal-hero{padding-top:24px;padding-bottom:24px}.modal-hero .modal-title{font-size:1.5rem}.activity-options{gap:9px}.activity-options .option{padding:12px 10px;font-size:.9375rem;gap:8px}.option-mark{display:none}.option-key{width:23px;height:23px}dialog .core-ranking-fields{grid-template-columns:1fr}}
@media(max-width:360px){.activity-options{grid-template-columns:1fr}.core-activity .activity-head{gap:9px}.activity-kind-label{font-size:.8125rem}}
/* Reset inherited row alignment now that cards have their own sections. */
.core-activity,.core-public-grid .core-activity{align-items:stretch}
.modal-hero .modal-eyebrow{margin-top:0}
/* The embedded widget selector still demonstrates an independent light theme. */
.widget-mode-light .example-content,.widget-mode-light .widget-box,.widget-mode-light .widget-promotion,.preview-stage.widget-mode-light .widget-box{background:#f5f8fa;color:#263c50;border-color:#d5e0e7}
.widget-mode-light .widget-brand strong,.widget-mode-light .board-row strong,.widget-mode-light .board-row>b{color:#2a4557}
.widget-mode-light .widget-brand>div>span,.widget-mode-light .widget-box>p,.widget-mode-light .board-row>div>span{color:#607889}
.widget-mode-light .widget-box .widget-rule{background:#e6eff2;color:#426779}
.widget-mode-light .widget-box .text-button,.widget-mode-light .widget-box .eyebrow{color:#276e83}
.widget-mode-light .widget-box .button{background:#315f75;color:#fff}
.widget-mode-light .widget-box .badge{background:#dfead9;color:#405b34}
/* Card actions fill the available width at every breakpoint. */
.core-activity .activity-footer>.button{max-width:none;width:100%;min-width:0}
/* Preview controls are separate from the community navigation. */
.demo-ribbon{flex-wrap:wrap;padding:7px 22px;gap:7px 12px}.palette-picker{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:.75rem;color:#a6b2b9}.palette-picker select{min-height:29px;padding:3px 28px 3px 10px;border-radius:7px;background:#222c32;color:#dbe8ee;border:1px solid #ffffff12;font-size:.75rem}.palette-picker select:focus-visible{outline:2px solid #9bdbea;outline-offset:2px}
@media(max-width:800px){.demo-ribbon{padding:7px 16px;justify-content:space-between}.demo-ribbon>span{display:none}.palette-picker{margin-left:0}.palette-picker>span{display:none}}
.activity-head>.badge{white-space:nowrap;flex-shrink:0;padding-inline:7px}.activity-kind-label{min-width:0;line-height:1.4}.core-activity .activity-symbol{flex-shrink:0}