.banner-cell{grid-row:span 2;grid-template-rows:subgrid;min-width:0;display:grid}.banner-all-events{justify-self:end}.banner-rotation{display:grid;position:relative}.banner-slide{grid-area:1/1;min-width:0;display:grid}.banner-slide:not([data-active]){visibility:hidden}.banner-slide:not([data-active]) .announcement-card{animation:none}.banner-rotation[data-controls] .announcement-body>.announcement-cta:last-child{margin-right:var(--controls-w)}.banner-controls{align-items:center;display:flex;position:absolute;bottom:6px;right:6px}.banner-dot,.banner-toggle{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid}.banner-dot:before{content:"";background:var(--dim);border-radius:50%;width:8px;height:8px}.banner-dot[aria-current=true]:before{background:var(--text);width:10px;height:10px}.banner-toggle{color:var(--dim)}.banner-dot:hover:before{background:var(--text)}.banner-toggle:hover{color:var(--text)}
.hero{margin-bottom:20px;container-type:inline-size}.flex-col>.hero{margin-bottom:0}.hero-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@container (min-width:640px){.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.hero-card{border:1px solid var(--line-soft);background:var(--surface-1);border-radius:16px;min-width:0;padding:16px}.hero-headline{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;display:grid}@container (min-width:760px){.hero-headline{grid-template-columns:136px minmax(0,1fr);gap:20px;padding:20px}}.hero-headline-cover{aspect-ratio:1;border-radius:12px;display:block;position:relative;overflow:hidden}@container (max-width:400px){.hero-headline{grid-template-columns:88px minmax(0,1fr);gap:12px}}.hero-body{flex-direction:column;gap:4px;min-width:0;display:flex}.hero-eyebrow{color:var(--dim);margin:0;font-size:12px;font-weight:600;line-height:1.3}.hero-title{color:var(--text);margin:0;font-size:20px;font-weight:600;line-height:1.2}.hero-title-sm{color:var(--text);margin:0;font-size:15px;font-weight:600;line-height:1.3}.hero-text{color:var(--dim);margin:0;font-size:13px;line-height:1.4}.hero-meta{color:var(--dim);margin:0;font-size:12.5px;line-height:1.4}.hero-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:8px;display:flex}.hero-button{min-height:44px;color:var(--accent-ink);white-space:nowrap;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.hero-button:hover{filter:brightness(1.1)}.hero-link{min-height:32px;color:var(--dim);text-underline-offset:2px;align-items:center;font-size:13px;font-weight:600;text-decoration:underline;display:inline-flex}.hero-link:hover{color:var(--text)}.hero-result{font-size:14px;font-weight:600}.hero-duel-pick{flex-direction:column;align-items:flex-start;gap:8px;width:100%;display:flex}.hero-duel-panel{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.hero-duel-list{flex-wrap:wrap;gap:8px 16px;display:flex}.hero-yourday{flex-direction:column;gap:14px;display:flex}.hero-progress{align-items:flex-start;gap:12px;display:flex}.hero-ring{flex:none;width:56px;height:56px}.hero-ring-count{fill:var(--text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.hero-count{font-variant-numeric:tabular-nums}.hero-date{color:var(--dim);font-size:13px;font-weight:500;line-height:1.3;display:block}.hero-date:first-letter{text-transform:uppercase}.hero-dots{flex:none;gap:4px;padding-top:6px;display:flex}.hero-dots>span{border-radius:50%;width:10px;height:10px}.hero-next{border-top:1px solid var(--line-soft);flex-direction:column;gap:6px;padding-top:12px;display:flex}.hero-next-row{align-items:center;gap:12px;display:flex}.hero-thumb{border-radius:10px;flex:none;width:48px;height:48px;position:relative;overflow:hidden}.hero-also{font-size:12.5px}@container (max-width:380px){.hero-next-row{flex-wrap:wrap}.hero-next-row>.hero-button{width:100%}}
@keyframes hero-rise{0%{opacity:0;transform:translateY(10px)}}.hero-heading,.hero-card,.hero-recaps{animation:.5s cubic-bezier(.2,.7,.2,1) both hero-rise}.hero-card{transition:border-color .2s,box-shadow .25s;animation-delay:60ms}.hero-yourday{animation-delay:.12s}.hero-recaps{animation-delay:.18s}.hero-headline{isolation:isolate;background:linear-gradient(var(--surface-1), var(--surface-1)) padding-box, linear-gradient(135deg, var(--accent), var(--accent-2) 45%, color-mix(in srgb, var(--brand) 25%, var(--line-soft))) border-box;box-shadow:0 6px 24px color-mix(in srgb, var(--brand) 14%, transparent);border-color:#0000;position:relative;overflow:hidden}.hero-headline:before{z-index:-1;aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--brand) 16%, transparent), transparent);content:"";pointer-events:none;border-radius:50%;width:70%;animation:16s ease-in-out infinite alternate hero-drift;position:absolute;top:-60%;left:-20%}@keyframes hero-drift{to{transform:translate(60%,35%)scale(1.15)}}.hero-headline-cover{box-shadow:0 4px 14px color-mix(in srgb, var(--brand) 18%, transparent);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}.hero-button{transition:transform .15s,box-shadow .2s,filter .2s;position:relative;overflow:hidden}.hero-button:after{background:linear-gradient(105deg, transparent 35%, color-mix(in srgb, var(--accent-ink) 28%, transparent) 50%, transparent 65%);content:"";pointer-events:none;position:absolute;inset:0;transform:translate(-110%)}.hero-thumb{transition:transform .25s cubic-bezier(.2,.7,.2,1)}@media (hover:hover){.hero-headline:hover{box-shadow:0 10px 32px color-mix(in srgb, var(--brand) 22%, transparent)}.hero-headline:hover .hero-headline-cover{box-shadow:0 10px 22px color-mix(in srgb, var(--brand) 28%, transparent);transform:translateY(-2px)rotate(-2deg)scale(1.03)}.hero-yourday:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--line-soft))}.hero-next-row:hover .hero-thumb{transform:scale(1.06)}.hero-button:hover{box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 35%, transparent);transform:translateY(-1px)}.hero-button:hover:after{transition:transform .6s;transform:translate(110%)}}.hero-button:active{box-shadow:none;transform:translateY(1px)}.hero-ring-arc{animation:.9s cubic-bezier(.2,.7,.2,1) .25s backwards hero-ring-draw}@keyframes hero-ring-draw{0%{stroke-dashoffset:100px}}.hero-recaps{flex-direction:column;gap:12px;margin-bottom:20px;display:flex;container-type:inline-size}.flex-col>.hero-recaps{margin-bottom:0}.hero-recaps:empty{display:none}
.week-now{grid-template-columns:minmax(0,1fr);justify-items:start;gap:18px;display:grid}.week-main{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.week-side{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}@container (min-width:400px){.week-now{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:24px}.week-side{grid-column:1/-1}}@container (min-width:620px){.week-now{grid-template-columns:auto minmax(0,1fr) minmax(260px,1.1fr);align-items:center;gap:28px}.week-side{border-left:1px solid var(--line-soft);grid-column:auto;padding-left:28px}}.week-dial{width:132px;height:132px}.week-seg{stroke:color-mix(in srgb, var(--text) 9%, transparent)}.week-seg.is-on{animation:.45s cubic-bezier(.3,1.4,.5,1) backwards week-pop;animation-delay:calc(.25s + var(--i) * .12s)}@keyframes week-pop{0%{opacity:0;stroke-width:0}}.week-seg.is-goal{stroke:color-mix(in srgb, var(--accent) 38%, transparent);animation:1.8s ease-in-out infinite week-breathe;animation-delay:calc(var(--i) * .2s)}@keyframes week-breathe{50%{opacity:.35}}.week-dial-from{stop-color:color-mix(in srgb, var(--tone) 70%, #fff)}.week-dial-to{stop-color:var(--tone)}.week-dial-n{fill:var(--text);font-family:var(--font-serif);font-size:40px}.week-dial-s{fill:var(--dim);font-size:10.5px}.week-ring{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.week-points{font-family:var(--font-serif);color:var(--text);align-items:baseline;gap:8px;margin:6px 0 12px;font-size:46px;line-height:1;display:flex}.week-points small{font-family:var(--font-sans);color:var(--dim);font-size:13px;font-weight:500}@property --n{syntax:"<integer>";inherits:false;initial-value:0}.week-count{counter-reset:week-n var(--n);font-variant-numeric:tabular-nums;animation:1.4s cubic-bezier(.2,.7,.2,1) .2s backwards week-count}.week-count:after{content:counter(week-n)}@keyframes week-count{0%{--n:0}}.week-pill{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--accent) 10%, var(--surface-1));color:var(--text);border-radius:999px;align-items:center;padding:6px 12px;font-size:12.5px;font-weight:600;line-height:1.3;display:inline-flex}.week-line{color:var(--dim);font-variant-numeric:tabular-nums;font-size:12.5px;line-height:1.45}.week-race{flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.week-lane{color:var(--dim);grid-template-columns:minmax(64px,auto) minmax(0,1fr) minmax(34px,auto);align-items:center;gap:10px;font-size:12px;display:grid}.week-lane b{text-align:right;font-variant-numeric:tabular-nums}.week-lane b.is-now{color:var(--text);font-size:14px}.week-track{background:color-mix(in srgb, var(--text) 7%, transparent);border-radius:6px;height:12px;position:relative}.week-bar{width:calc(var(--share) * 100%);transform-origin:0;border-radius:6px;animation:.9s cubic-bezier(.2,.7,.2,1) .4s backwards week-grow;position:absolute;inset:0 auto 0 0}@keyframes week-grow{0%{transform:scaleX(0)}}.week-bar.is-last{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--text) 22%, transparent) 0 5px, transparent 5px 10px)}.week-bar.is-now{background:linear-gradient(90deg, var(--accent), var(--accent-2));box-shadow:0 2px 10px color-mix(in srgb, var(--accent) 45%, transparent)}.week-head{top:-4px;left:clamp(0px, calc(var(--share) * 100% - 15px), calc(100% - 20px));border:4px solid var(--accent-2);background:var(--surface-1);border-radius:50%;width:20px;height:20px;animation:.4s ease-out 1.1s backwards week-land,1.8s ease-out 1.5s infinite week-pulse;position:absolute}@keyframes week-land{0%{opacity:0;transform:scale(.4)}}@keyframes week-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent-2) 45%, transparent)}to{box-shadow:0 0 0 8px #0000}}
.hero,.hero-recaps,.announcement-row{--lobby-gap:12px}.hero{margin-bottom:var(--lobby-gap)}.hero-grid{gap:var(--lobby-gap)}.hero-recaps{gap:var(--lobby-gap);margin-bottom:var(--lobby-gap)}.announcement-row{margin-bottom:var(--lobby-gap);container-type:inline-size}.flex-col>.hero-recaps,.flex-col>.announcement-row{margin-bottom:0}.hero-card,.lobby-tile,.announcement-card,.lobby-game-card{border:1px solid var(--line-soft);background:var(--surface-1);box-shadow:0 2px 12px color-mix(in srgb, var(--text) 5%, transparent);border-radius:18px;transition:box-shadow .24s,border-color .24s,transform .24s}.hero-card{padding:18px}.lobby-tile{padding:16px 18px}.announcement-card{gap:14px;padding:16px 18px}@media (hover:hover){.hero-card:hover,.lobby-tile:hover,.announcement-card:hover,.lobby-game-card:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--line-soft));box-shadow:0 12px 30px color-mix(in srgb, var(--accent) 10%, transparent)}.lobby-game-card:hover{transform:translateY(-3px)}}.hero-headline{background:radial-gradient(circle at 5% 10%, color-mix(in srgb,var(--accent) 13%,transparent),transparent 53%), linear-gradient(145deg,var(--surface-1),color-mix(in srgb,var(--accent-2) 4%,var(--surface-1)));border-color:color-mix(in srgb,var(--accent) 40%,var(--line-soft));box-shadow:0 5px 25px color-mix(in srgb,var(--accent) 11%,transparent)}.hero-headline:before{animation:none}.hero-headline[data-state=solved]{border-color:color-mix(in srgb,var(--ok) 40%,var(--line-soft));background:radial-gradient(circle at 5% 10%,color-mix(in srgb,var(--ok) 10%,transparent),transparent 55%),var(--surface-1)}.hero-yourday{background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--accent-2) 7%,transparent),transparent 60%),var(--surface-1);justify-content:space-between;gap:12px}.hero-headline-cover{border-radius:16px}.hero-title{letter-spacing:-.025em}.hero-progress{align-items:center}.hero-next{padding-top:12px}.hero-actions{gap:8px 12px}.hero-link{min-height:36px;text-decoration-thickness:1px}.hero-result{font-variant-numeric:tabular-nums}.hero-button{border-radius:12px}@container (min-width:740px){.hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}}@container (min-width:970px){.hero-card{padding:20px 22px}.hero-headline{grid-template-columns:142px minmax(0,1fr)}}@container (max-width:420px){.hero-card{padding:14px}.hero-headline{grid-template-columns:86px minmax(0,1fr);gap:12px}.hero-title{font-size:18px}.hero-text{font-size:12px}}.lobby-week-tile{background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--accent-2) 5%,transparent),transparent 45%),var(--surface-1);overflow:hidden}.lobby-week-tile>.card-reveal{gap:9px;margin-top:8px}.lobby-week-tile>button>span:first-child{font-size:13px}.lobby-week-tile .week-now{gap:12px 18px}.lobby-week-tile .week-dial{width:94px;height:94px}.lobby-week-tile .week-dial-n{font-size:43px;font-weight:600}.lobby-week-tile .week-ring{font-size:13px}.lobby-week-tile .week-points{letter-spacing:-.035em;margin:4px 0 7px;font-size:38px}.lobby-week-tile .week-pill{padding:5px 9px;font-size:11px}.lobby-week-tile .week-side{gap:4px}.lobby-week-tile .week-line{line-height:1.35}.lobby-week-tile .week-race{gap:5px;margin:0 0 2px}.lobby-week-tile .week-track{height:9px}.lobby-week-tile .week-head{border-width:3px;width:17px;height:17px;animation:.4s ease-out 1s backwards week-land;top:-4px}.lobby-week-tile .week-seg.is-goal{animation:none}.lobby-week-tile .hero-link{margin-top:0}@container (max-width:399px){.lobby-week-tile .week-now{grid-template-columns:76px minmax(0,1fr);align-items:center}.lobby-week-tile .week-dial{width:76px;height:76px}.lobby-week-tile .week-side{grid-column:1/-1}}@container (min-width:400px){.lobby-week-tile .week-now{grid-template-columns:94px minmax(0,1fr)}.lobby-week-tile .week-side{grid-column:1/-1}}@container (min-width:660px){.lobby-week-tile .week-now{grid-template-columns:94px minmax(120px,.8fr) minmax(0,1.35fr);gap:20px}.lobby-week-tile .week-side{grid-column:auto;padding-left:20px}}.lobby-quest-tile,.lobby-recap-tile{background:var(--surface-1)}.announcement-banner{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));align-items:stretch;gap:12px}.announcement-banner>.banner-rotation,.announcement-banner>.streak-rescue-card{min-width:0}.announcement-banner .banner-slide,.announcement-banner .banner-slide>.announcement-card{height:100%}.lobby-events-footer{justify-content:flex-end;margin-top:5px;display:flex}.lobby-events-footer .announcement-cta{color:var(--dim);padding:4px 0;text-decoration:none}.lobby-events-footer .announcement-cta:hover{color:var(--text)}.event-card{border-color:color-mix(in srgb,var(--accent) 26%,var(--line-soft));box-shadow:0 3px 15px color-mix(in srgb,var(--accent) 7%,transparent)}.event-card-art{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--surface-1)),color-mix(in srgb,var(--accent-2) 9%,var(--surface-1)));width:56px;height:56px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent);border-radius:15px}.lobby-event-tile{align-items:flex-start;min-width:0;container-type:inline-size}.lobby-event-tile .announcement-body{gap:10px;width:100%;padding:0}.lobby-event-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:5px 12px;width:100%;display:flex}.lobby-event-title-row>div{flex:150px;min-width:0}.lobby-event-title-row .announcement-title{letter-spacing:-.02em;margin:2px 0 0;font-size:17px;line-height:1.25}.lobby-event-title-row .eyebrow{letter-spacing:.075em;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.lobby-live-dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 14%,transparent);border-radius:50%;display:inline-block}.lobby-event-deadline{border:1px solid color-mix(in srgb,var(--accent) 17%,var(--line-soft));background:color-mix(in srgb,var(--accent) 6%,var(--surface-1));min-height:26px;color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;display:inline-flex}.lobby-event-details{grid-template-columns:minmax(0,1.3fr) minmax(150px,1fr);align-items:center;gap:12px;width:100%;display:grid}.lobby-event-course{flex-direction:column;gap:7px;min-width:0;display:flex}.lobby-event-meta{color:var(--dim);flex-wrap:wrap;align-items:center;gap:5px 10px;font-size:11.5px;line-height:1.35;display:flex}.lobby-event-entrants{color:var(--text);font-weight:600}.lobby-route{gap:6px}.lobby-route-node{border:1px solid var(--line-soft);background:color-mix(in srgb,var(--accent-2) 4%,var(--surface-1));white-space:nowrap;border-radius:10px;align-items:center;gap:5px;padding:5px 8px;font-size:12px;display:inline-flex}.lobby-route-number{color:var(--dim);font-variant-numeric:tabular-nums;font-size:10px}.lobby-route-stars{color:var(--dim);font-size:10px}.lobby-prize-block{flex-direction:column;gap:6px;display:flex}.lobby-prize-title{letter-spacing:.07em;color:var(--dim);text-transform:uppercase;font-size:10px;font-weight:700}.lobby-podium{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none;display:grid}.lobby-podium li{border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line-soft));background:color-mix(in srgb,var(--accent-2) 6%,var(--surface-1));border-radius:9px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 4px;padding:7px 5px;display:flex}.lobby-podium-rank{color:var(--dim);font-size:10px}.lobby-podium strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:750}.lobby-podium-coin{font-size:10px}.lobby-event-actions{flex-wrap:wrap;align-items:center;gap:8px 15px;width:100%;display:flex}.lobby-event-primary{background:linear-gradient(115deg,var(--accent),var(--accent-2));min-height:40px;color:var(--accent-ink);cursor:pointer;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 18%,transparent);border:0;border-radius:11px;justify-content:center;align-items:center;padding:0 15px;font-size:12.5px;font-weight:700;line-height:1.3;text-decoration:none;display:inline-flex}.lobby-event-primary:disabled{opacity:.65;cursor:wait}.lobby-event-primary:hover:not(:disabled){filter:brightness(1.05);text-decoration:none}.lobby-event-secondary{min-height:36px;color:var(--dim);align-items:center;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.lobby-event-secondary:hover{color:var(--text)}.lobby-event-progress{flex-direction:column;gap:7px;display:flex}.lobby-event-progress progress{background:var(--line-soft);width:100%;height:8px;accent-color:var(--accent);border:0;border-radius:99px;display:block;overflow:hidden}.lobby-event-progress progress::-webkit-progress-bar{background:var(--line-soft);border-radius:99px}.lobby-event-progress progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:99px}.lobby-event-progress progress::-moz-progress-bar{background:var(--accent);border-radius:99px}.lobby-event-progress-label{color:var(--dim);font-size:12px}.lobby-event-tile .announcement-cta:not(.lobby-event-primary){text-decoration:none}.lobby-game-card{border-radius:16px;overflow:hidden}@container (max-width:530px){.lobby-event-details{grid-template-columns:minmax(0,1fr);gap:9px}.lobby-prize-block{max-width:370px}}@container (max-width:340px){.lobby-event-deadline{order:2}.lobby-event-title-row .announcement-title{font-size:15px}.lobby-route-node{padding:4px 6px}}@media (pointer:coarse){.lobby-event-primary,.lobby-event-secondary,.lobby-event-actions button,.lobby-events-footer a{min-height:44px}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .hero-card,:root:not([data-motion=full]) .lobby-tile,:root:not([data-motion=full]) .announcement-card,:root:not([data-motion=full]) .lobby-game-card{transition:none;animation:none;transform:none}}:root[data-motion=reduced] .hero-card,:root[data-motion=reduced] .lobby-tile,:root[data-motion=reduced] .announcement-card,:root[data-motion=reduced] .lobby-game-card{transition:none;animation:none;transform:none}.lobby-g3{container-type:inline-size}.lobby-g3-grid{grid-template-columns:minmax(0,1fr)}@container (min-width:450px){.lobby-g3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:760px){.lobby-g3-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.streak-rescue-card{box-shadow:inset 4px 0 0 var(--coral-1), 0 0 0 1px color-mix(in srgb,var(--coral-1) 45%,transparent)}.lobby-notice{border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line-soft));background:color-mix(in srgb,var(--accent) 5%,var(--surface-1));border-radius:13px;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;margin-bottom:12px;padding:10px 14px;font-size:12.5px;line-height:1.45;display:flex}.lobby-notice-icon{color:var(--accent-text);font-size:16px}.lobby-notice-title{color:var(--text);font-weight:700}.lobby-notice-body{color:var(--dim);overflow-wrap:anywhere;flex:220px;min-width:0}.lobby-notice-link{color:var(--accent-text);font-weight:700;text-decoration:none}.lobby-notice-dismiss{width:32px;height:32px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;margin-left:auto;display:grid}.lobby-notice-dismiss:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text)}@media (pointer:coarse){.lobby-notice-dismiss,.lobby-notice-link{min-height:44px}}@container (max-width:420px){.lobby-notice{gap:5px 8px}.lobby-notice-body{flex-basis:100%;order:2}.lobby-notice-link{order:3}}.lobby-event-invite,.lobby-event-active{isolation:isolate;color:#fff;background:radial-gradient(at 93% -25%,#dfbcff3d,#0000 48%),radial-gradient(at 16% 115%,#2b146bb8,#0000 55%),linear-gradient(112deg,#251450,#402183 58%,#6335bd);border-color:#5731a3;position:relative;overflow:hidden;box-shadow:0 9px 25px #46258a33}.lobby-event-invite:before,.lobby-event-active:before{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(128deg,#0000 0 82px,#ffffff06 83px 160px);position:absolute;inset:0}.lobby-event-invite .announcement-title,.lobby-event-active .announcement-title,.lobby-event-invite .lobby-event-title-row .eyebrow,.lobby-event-active .lobby-event-title-row .eyebrow{color:#fff}.lobby-event-invite .event-card-art,.lobby-event-active .event-card-art{background:linear-gradient(145deg,#fff3,#ffffff0f);box-shadow:inset 0 0 0 1px #ffffff30}.lobby-event-invite .event-card-game,.lobby-event-active .event-card-game{color:#251450;background:#fff}.lobby-event-invite .lobby-event-deadline,.lobby-event-active .lobby-event-deadline{color:#fff;background:#ffffff21;border-color:#ffffff3b}.lobby-event-invite .lobby-event-meta,.lobby-event-active .lobby-event-progress-label,.lobby-event-invite .lobby-prize-title{color:#ffffffd6}.lobby-event-invite .lobby-event-entrants{color:#fff}.lobby-event-invite .lobby-route-node{color:#fff;background:#ffffff1a;border-color:#ffffff3b}.lobby-event-invite .lobby-route-number,.lobby-event-invite .lobby-route-stars{color:#ffffffd6}.lobby-event-invite .lobby-podium li{background:linear-gradient(#fff3,#ffffff14);border-color:#fff3}.lobby-event-invite .lobby-podium li:nth-child(2){background:linear-gradient(#e0e7f538,#ffffff0f)}.lobby-event-invite .lobby-podium li:nth-child(3){background:linear-gradient(#ffc2953b,#ffffff0f)}.lobby-event-invite .lobby-podium strong,.lobby-event-invite .lobby-podium-rank{color:#fff}.lobby-event-invite .lobby-podium strong{font-size:19px}.lobby-event-invite .lobby-event-primary,.lobby-event-active .lobby-event-primary{color:#2d166c;background:linear-gradient(125deg,#fff,#efeaff);box-shadow:0 4px 16px #0d032b40}.lobby-event-invite .lobby-event-secondary,.lobby-event-active .lobby-event-secondary{color:#f2edff;text-underline-offset:3px;text-decoration:underline}.lobby-event-invite .lobby-event-secondary:hover,.lobby-event-active .lobby-event-secondary:hover{color:#fff}.lobby-event-active .lobby-event-progress progress{background:#ffffff3b}.lobby-event-active .lobby-event-progress progress::-webkit-progress-bar{background:#ffffff3b}.lobby-event-active .lobby-event-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#c5aeff,#fff)}.lobby-event-active .lobby-event-progress progress::-moz-progress-bar{background:#c5aeff}@media (hover:hover){.lobby-event-invite:hover,.lobby-event-active:hover{border-color:#7a56c6;box-shadow:0 14px 32px #47258a47}}.announcement-row:has(>.lobby-notice):has(>.announcement-banner:empty){display:block}.lobby-notice{flex-wrap:nowrap;gap:12px;padding:9px 12px}.lobby-notice-icon{background:color-mix(in srgb,var(--accent) 12%,var(--surface-1));border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.lobby-notice-copy{flex-direction:column;flex:auto;min-width:0;display:flex}.lobby-notice-title{font-size:12.5px;display:block}.lobby-notice-body{-webkit-line-clamp:1;-webkit-box-orient:vertical;flex:none;min-width:0;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.lobby-notice-body.is-expanded{display:block;overflow:visible}.lobby-notice-link{white-space:nowrap;flex:none;align-items:center;min-height:36px;display:inline-flex}.lobby-notice-more{min-height:28px;color:var(--accent-text);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;padding:0;font-size:11.5px;text-decoration:underline;display:inline-flex}.lobby-notice-navigation{color:var(--dim);flex:none;align-items:center;gap:2px;font-size:11px;display:flex}.lobby-notice-navigation button{border:1px solid var(--line-soft);width:28px;height:32px;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;place-items:center;padding:0;font-size:20px;display:grid}.lobby-notice-navigation button:hover{border-color:var(--accent)}.lobby-notice-dismiss{flex:0 0 32px;margin-left:0}@container (max-width:680px){.lobby-notice{flex-wrap:wrap;gap:6px 10px}.lobby-notice-copy{flex:calc(100% - 98px)}.lobby-notice-link{margin-left:46px}.lobby-notice-navigation{margin-left:auto}.lobby-notice-dismiss{order:0}}@container (max-width:390px){.lobby-notice-icon{flex-basis:30px;width:30px;height:30px}.lobby-notice-copy{flex-basis:calc(100% - 90px)}.lobby-notice-body{flex-basis:auto;order:initial}.lobby-notice-link{order:initial;margin-left:40px}}@media (pointer:coarse){.lobby-notice-navigation button{width:44px;height:44px}}.lobby-notice-body{order:initial}.lobby-announcement-dock{border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line-soft));background:linear-gradient(100deg,color-mix(in srgb,var(--accent-2) 6%,var(--surface-1)),var(--surface-1) 70%);border-radius:14px;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;margin-bottom:12px;padding:10px 12px;display:grid}.flex-col>.lobby-announcement-dock{margin-bottom:0}.lobby-announcement-mark{background:color-mix(in srgb,var(--accent) 12%,var(--surface-1));width:34px;height:34px;color:var(--accent-text);border-radius:11px;place-items:center;font-size:19px;display:grid}.lobby-announcement-content{flex-direction:column;gap:2px;min-width:0;display:flex}.lobby-announcement-heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lobby-announcement-label{color:var(--dim);text-transform:uppercase;letter-spacing:.075em;font-size:10px;font-weight:750}.lobby-announcement-counter{color:var(--faint);font-variant-numeric:tabular-nums;font-size:10px}.lobby-announcement-summary{flex-wrap:wrap;align-items:baseline;gap:6px 15px;min-width:0;display:flex}.lobby-announcement-title{min-width:0;max-width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-size:13px;font-weight:700;line-height:1.35}.lobby-announcement-static{cursor:default}.lobby-announcement-title:not(.lobby-announcement-static):hover{color:var(--accent-text)}.lobby-announcement-chevron{color:var(--dim);padding-left:7px;font-weight:400}.lobby-announcement-link{color:var(--accent-text);white-space:normal;font-size:12px;font-weight:700;text-decoration:none}.lobby-announcement-link:hover{text-decoration:underline}.lobby-announcement-controls{align-self:start;gap:2px;display:flex}.lobby-announcement-control{width:30px;height:34px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;font-size:23px;line-height:1;display:grid}.lobby-announcement-control:hover{background:color-mix(in srgb,var(--accent) 9%,var(--surface-1));color:var(--text)}.lobby-announcement-close{font-size:19px}.lobby-announcement-details{color:var(--dim);flex-wrap:wrap;align-items:start;gap:10px;padding-top:10px;font-size:12.5px;line-height:1.55;animation:.22s ease-out announcement-fade-in;display:flex}.lobby-announcement-details p{white-space:pre-wrap;overflow-wrap:anywhere;flex:180px;margin:0}.lobby-announcement-image{object-fit:cover;border-radius:10px;max-width:160px;max-height:90px}@media (pointer:coarse){.lobby-announcement-control{width:44px;height:44px}.lobby-announcement-title{min-height:28px}.lobby-announcement-link{align-items:center;min-height:44px;display:inline-flex}}@media (max-width:440px){.lobby-announcement-dock{grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:9px 10px}.lobby-announcement-mark{border-radius:9px;width:28px;height:28px;font-size:16px}.lobby-announcement-controls{gap:0}.lobby-announcement-control{font-size:21px}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .lobby-announcement-details{animation:none}}:root[data-motion=reduced] .lobby-announcement-details{animation:none}
.dj-hero{color:var(--text);border:1px solid var(--line-soft);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent-text) 10%, transparent), transparent 46%), var(--surface-1);border-radius:22px;margin-bottom:20px;padding:clamp(18px,3vw,28px)}.dj-hero-top,.dj-collection-head,.dj-footer,.dj-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dj-overline{color:var(--accent-text);letter-spacing:.13em;margin:0;font-size:11px;font-weight:800}.dj-day{color:var(--dim);margin:0;font-size:12px}.dj-day strong{color:var(--text)}.dj-heading{max-width:660px;margin:10px 0 18px;font-size:clamp(21px,3vw,30px);font-weight:750;line-height:1.16}.dj-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.dj-daily,.dj-collection{border:1px solid var(--line-soft);background:var(--surface-1);border-radius:16px;min-width:0;padding:18px}.dj-daily{flex-direction:column;justify-content:center;align-items:flex-start;gap:11px;min-height:242px;display:flex}.dj-label{color:var(--dim);margin:0;font-size:12px;font-weight:700}.dj-daily h3{margin:0;font-size:clamp(20px,2.5vw,29px);line-height:1.15}.dj-muted,.dj-solved,.dj-small,.dj-note{color:var(--dim);margin:0;font-size:12px;line-height:1.5}.dj-solved,.dj-success{color:var(--ok)}.dj-actions{justify-content:flex-start;gap:8px 14px;margin-top:7px}.dj-main-action{background:var(--accent-text);min-height:44px;color:var(--surface-1);border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:10px 17px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.dj-main-action:hover{filter:brightness(1.08)}.dj-main-action:focus-visible,.dj-secondary-action:focus-visible,.dj-footer select:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}.dj-secondary-action{text-underline-offset:3px;min-height:44px;color:var(--dim);align-items:center;font-size:12px;font-weight:650;text-decoration:underline;display:inline-flex}.dj-collection{flex-direction:column;gap:10px;display:flex}.dj-collection-head{align-items:baseline}.dj-collection-head h3{margin:0;font-size:15px;font-weight:750}.dj-collection-head span{color:var(--dim);font-variant-numeric:tabular-nums;font-size:12px}.dj-progress-track{background:var(--line-soft);border-radius:99px;width:100%;height:8px;overflow:hidden}.dj-progress-track span{background:var(--accent-text);height:100%;transition:width .2s;display:block}.dj-steps{gap:5px;margin:0;padding:0;list-style:none;display:grid}.dj-step{grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:30px;font-size:12px;display:grid}.dj-step-number{font-variant-numeric:tabular-nums;background:var(--surface-2);width:23px;height:23px;color:var(--dim);border-radius:50%;place-items:center;font-size:11px;display:grid}.dj-step--explored .dj-step-number,.dj-step--introduced .dj-step-number,.dj-step--solved .dj-step-number{background:color-mix(in srgb,var(--accent-text) 15%,transparent);color:var(--accent-text)}.dj-step-status{color:var(--dim);font-size:11px}.dj-success{margin:0;font-size:12px;font-weight:650}.dj-footer{color:var(--dim);justify-content:flex-start;margin-top:15px;font-size:12px}.dj-footer label{font-weight:700}.dj-footer select{color:var(--text);background:var(--surface-1);border:1px solid var(--line-soft);border-radius:8px;min-height:36px;padding:7px}.dj-note{max-width:290px;margin-left:auto;font-size:11px}@container (max-width:620px){.dj-content{grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.dj-content{grid-template-columns:minmax(0,1fr)}.dj-note{margin-left:0}}@media (prefers-reduced-motion:reduce){.dj-progress-track span{transition:none}}.dj-milestone{border:1px solid color-mix(in srgb,var(--ok) 24%,var(--line-soft));background:color-mix(in srgb,var(--ok) 6%,var(--surface-1));color:var(--text);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;padding:10px 11px;font-size:12px;line-height:1.45;display:flex}.dj-milestone>span:first-child{color:var(--ok);font-weight:800}.dj-milestone button{border:1px solid var(--line-soft);background:var(--surface-1);min-height:36px;color:var(--text);cursor:pointer;border-radius:8px;margin-left:auto;padding:6px 11px;font-weight:700}.dj-milestone button:focus-visible{outline:3px solid var(--accent-text);outline-offset:2px}.dj-milestone button:disabled{opacity:.55;cursor:wait}