:root{--frame-max-w:480px;--frame-max-h:760px}@media (orientation:landscape) and (height<=520px){:root{--frame-max-w:880px;--frame-max-h:100dvh}}body>.appframe{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--bg);place-items:center;display:grid;position:fixed;inset:0}body>.appframe>.app{inline-size:min(100%, var(--frame-max-w));block-size:min(100%, var(--frame-max-h))}html,body{overscroll-behavior:none}.stage,.stage *{user-select:text}.titlebar,.titlebar *{user-select:none}@media (pointer:coarse){.app .iconbtn{position:relative}.app .iconbtn:after{content:"";block-size:max(100%,44px);inline-size:max(100%,44px);position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.app .titlebar-nav .iconbtn:after{inset-block-start:50%;translate:0 -50%}.app .titlebar-nav .iconbtn:first-child:after{inset-inline:auto calc(var(--u) * -.12)}.app .titlebar-nav .iconbtn:last-child:after{inset-inline:calc(var(--u) * -.12) auto}.app .segment__btn{min-height:max(calc(var(--u) * 1.72), 44px)}.app .btn,.app .next{min-height:max(calc(var(--u) * 2.35), 44px)}.app .option{min-height:max(calc(var(--u) * 2.28), 44px)}}:root[data-web-layout]{--col-read:calc(var(--u) * 26);--col-play:calc(var(--u) * 30);--col-page:calc(var(--u) * 40);--col-board:calc(var(--u) * 48);--page-max:calc(var(--u) * 60);--rail-run:calc(var(--u) * 10);--rail-log:calc(var(--u) * 12);--gutter:calc(var(--u) * .75);--navbar-h:calc(var(--u) * 2.42);--banner-h:calc(var(--u) * 1.6);--shell-max:var(--col-board)}:root[data-web-layout=medium]{--gutter:calc(var(--u) * 1.25);--navbar-h:calc(var(--u) * 2.9)}:root[data-web-layout=wide]{--gutter:calc(var(--u) * 2);--navbar-h:calc(var(--u) * 2.9)}:root[data-web-layout]:not([data-web-layout=compact]) body>.appframe>.app{block-size:100%;inline-size:100%}:root[data-web-layout]:not([data-web-layout=compact]) .app{border:0;border-radius:0}:root[data-web-layout]:not([data-web-layout=compact]) .stage{padding-inline:var(--gutter)}:root[data-web-layout=wide] .stage{scrollbar-gutter:stable both-edges}:root[data-web-layout]:not([data-web-layout=compact]) .stage>.panel{max-inline-size:var(--col,var(--col-page));margin-inline:var(--col-lead,max(calc(var(--u) * 0), calc((100% - var(--shell-max)) / 2))) auto}:root[data-web-layout]:not([data-web-layout=compact]) .notfound-page,:root[data-web-layout]:not([data-web-layout=compact]) .daily-cap,:root[data-web-layout]:not([data-web-layout=compact]) .premium-page,:root[data-web-layout]:not([data-web-layout=compact]) .premium-details,:root[data-web-layout]:not([data-web-layout=compact]) .settings-page,:root[data-web-layout]:not([data-web-layout=compact]) .onboard,:root[data-web-layout]:not([data-web-layout=compact]) .account-page,:root[data-web-layout]:not([data-web-layout=compact]) .cosmos-page,:root[data-web-layout]:not([data-web-layout=compact]) .social-panel[data-in-match=true]{--col-lead:auto}:root[data-web-layout]:not([data-web-layout=compact]) .stage:not(.is-panel)>*{inline-size:100%;max-inline-size:var(--col-play);margin-inline:auto}:root[data-web-layout]:not([data-web-layout=compact]) .stage:not(.is-panel){justify-content:flex-start;padding-block-start:var(--stage-top,calc(var(--u) * 2))}:root[data-web-layout]:not([data-web-layout=compact]) .panel{container:col/inline-size}:root[data-web-layout]:not([data-web-layout=compact]) .options{margin-top:0;grid-template-columns:1fr 1fr;margin-block-start:calc(var(--u) * 1.1)}:root[data-web-layout]:not([data-web-layout=compact]) .stats-columns{columns:2;column-gap:calc(var(--u) * .64);display:block}:root[data-web-layout=wide]:not([data-web-layout=compact]) .stats-columns{columns:3}:root[data-web-layout]:not([data-web-layout=compact]) .stats-columns>*{break-inside:avoid;margin-block-end:calc(var(--u) * .64)}:root[data-web-layout]:not([data-web-layout=compact]) .titlebar{block-size:var(--navbar-h);gap:calc(var(--u) * .78);padding-inline:max(var(--gutter), calc((100% - var(--shell-max)) / 2));justify-content:flex-start}:root[data-web-layout]:not([data-web-layout=compact]) .wordmark.navbrand{pointer-events:auto;cursor:pointer;border-radius:calc(var(--u) * .3);flex:none}:root[data-web-layout=medium]:not([data-web-layout=compact]) .titlebar{gap:calc(var(--u) * .36)}:root[data-web-layout=medium] .wordmark img{height:calc(var(--u) * .9)}:root[data-web-layout]:not([data-web-layout=compact]) .wordmark.navbrand:hover{opacity:.82}.navsections{align-items:center;gap:calc(var(--u) * .4);min-inline-size:0;display:flex}:root[data-web-layout=wide] .navsections{gap:calc(var(--u) * .4)}.navlink{min-height:calc(var(--u) * 1.75);padding-inline:calc(var(--u) * .55);font-size:calc(var(--u) * .83);white-space:nowrap;flex:none}:root[data-web-layout=medium] .navlink{padding-inline:calc(var(--u) * .18);font-size:calc(var(--u) * .66)}:root[data-web-layout=medium] .navsections{gap:calc(var(--u) * .2)}:root[data-web-layout=medium] .navlink--more{padding-inline:calc(var(--u) * .28);font-size:calc(var(--u) * .62)}:root[data-web-layout=medium] .navlink--more .navlink__caret{font-size:calc(var(--u) * .56)}.navlink.is-on{--control-tone:var(--neutral-control);--control-depth:var(--neutral-control-deep);--control-ink:var(--neutral-control-ink);box-shadow:0 var(--depth) 0 var(--control-depth), 0 0 0 calc(var(--u) * .07) var(--accent)}:where(:root[data-theme=dark][data-accent=default]) .navlink.is-on{box-shadow:0 var(--depth) 0 var(--control-depth), 0 0 0 calc(var(--u) * .07) var(--neutral-control-deep)}.navlink__caret{font-size:calc(var(--u) * .6);margin-inline-start:calc(var(--u) * .18)}:root[data-web-layout]:not([data-web-layout=compact]) .titlebar__actions{gap:calc(var(--u) * .42);margin-inline-start:auto}:root[data-web-layout=medium]:not([data-web-layout=compact]) .titlebar__actions{gap:calc(var(--u) * .3)}:root[data-web-layout=medium] .navaccount{gap:calc(var(--u) * .2)}:root[data-web-layout=medium] .navaccount__button,:root[data-web-layout=medium] .navaccount__signin{padding-inline:calc(var(--u) * .24)}:root[data-web-layout]:not([data-web-layout=compact]) .titlebar__actions .score{order:0}:root[data-web-layout]:not([data-web-layout=compact]) .titlebar__actions .navstreak{order:1}:root[data-web-layout]:not([data-web-layout=compact]) .titlebar__actions #titlebar-nav{order:2}:root[data-web-layout]:not([data-web-layout=compact]) .titlebar__actions .navaccount{order:3}:root[data-web-layout]:not([data-web-layout=compact]) #btn-modes{display:none}.navstreak{align-items:center;display:flex}:root[data-web-layout=medium] .navstreak{display:none}.navstreak .streak{font-size:calc(var(--u) * .66)}.navaccount{align-items:center;gap:calc(var(--u) * .3);display:flex}.navaccount__button,.navaccount__signin{align-items:center;gap:calc(var(--u) * .3);padding-inline:calc(var(--u) * .42);white-space:nowrap;flex:none;display:inline-flex}.navaccount__button[data-signed-in=false] .navaccount__face{background:0 0}.navaccount__button[data-signed-in=false] .navaccount__caret{display:none}.navaccount__face{inline-size:calc(var(--u) * 1.15);block-size:calc(var(--u) * 1.15);background:var(--surface2);border-radius:999px;place-items:center;display:grid;overflow:hidden}.navaccount__img{object-fit:cover;block-size:100%;inline-size:100%}.navaccount__glyph{font-size:calc(var(--u) * .7)}.navaccount__name{max-inline-size:calc(var(--u) * 6);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:root[data-web-layout=medium] .navaccount__name{display:none}.navaccount__pill{padding:0 calc(var(--u) * .32);background:var(--amber-text);color:var(--amber-ink);font-size:calc(var(--u) * .52);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;font-weight:900}:root[data-web-layout=medium] .navaccount__pill{display:none}.navaccount__caret{font-size:calc(var(--u) * .58)}.navmenu{align-self:stretch;gap:calc(var(--u) * .3);flex-direction:column;inline-size:100%;display:flex}.navmenu__item{justify-content:flex-start;align-self:stretch;align-items:center;inline-size:100%;display:flex}.navmenu__rule{block-size:1px;margin-block:calc(var(--u) * .2);background:var(--line)}:root[data-web-layout]:not([data-web-layout=compact]) .sheet-overlay--anchored{backdrop-filter:none;background:0 0;padding:0;animation:none;display:block}:root[data-web-layout]:not([data-web-layout=compact]) .sheet-overlay--anchored>.sheet{inline-size:max-content;min-inline-size:calc(var(--u) * 9);max-inline-size:min(calc(var(--u) * 13), calc(100% - var(--u)));max-block-size:none;padding:calc(var(--u) * .36);border-radius:calc(var(--u) * .6);place-self:start;place-items:stretch stretch;margin-inline:0;display:block;position:fixed;inset:auto}:root[data-web-layout]:not([data-web-layout=compact]) .sheet--anchored .sheet__head{padding-inline:calc(var(--u) * .3);justify-content:flex-start}:root[data-web-layout]:not([data-web-layout=compact]) .sheet--anchored .sheet__title{font-size:calc(var(--u) * .53);letter-spacing:.11em;text-align:start;text-transform:uppercase;color:var(--muted);font-weight:900}:root[data-web-layout]:not([data-web-layout=compact]) .sheet--anchored .sheet__close{display:none}:root[data-web-layout]:not([data-web-layout=compact]) .sheet--anchored .sheet__body{margin-top:calc(var(--u) * .32);gap:calc(var(--u) * .16)}:root[data-web-layout]:not([data-web-layout=compact]) .sheet--anchored .navmenu{gap:calc(var(--u) * .1)}:root[data-web-layout]:not([data-web-layout=compact]) .sheet--anchored .navmenu__item{min-height:calc(var(--u) * 1.6);padding-inline:calc(var(--u) * .42);font-size:calc(var(--u) * .72)}.app.is-setup .navsections,.app.is-setup .navaccount,.app.is-setup .navstreak,.app.is-setup .downloadslot{display:none}.app.is-setup .wordmark.navbrand{pointer-events:none;cursor:default}:root[data-web-layout]:not([data-web-layout=compact]) .app.is-setup .titlebar{block-size:auto;padding-block:calc(var(--u) * .9) 0;background:0 0;border-block-end:0;justify-content:center}:root[data-web-layout]:not([data-web-layout=compact]) .app.is-setup .titlebar__actions,.downloadslot:empty{display:none}.downloadslot{min-block-size:var(--banner-h);flex:none}:root[data-web-layout]:not([data-web-layout=compact]) .storage-notice{align-items:center;gap:calc(var(--u) * .5);min-block-size:var(--banner-h);padding-block:calc(var(--u) * .3);padding-inline:max(var(--gutter), calc((100% - var(--shell-max)) / 2));border-block-end:1px solid var(--line);background:var(--surface2);color:var(--muted-strong);font-size:calc(var(--u) * .62);flex:none;font-weight:700;display:flex}:root[data-web-layout]:not([data-web-layout=compact]) .storage-notice>span:first-child{flex:auto;min-inline-size:0}:root[data-web-layout]:not([data-web-layout=compact]) .storage-notice .btn,:root[data-web-layout]:not([data-web-layout=compact]) .storage-notice-dismiss{min-height:calc(var(--u) * 1.75);padding-inline:calc(var(--u) * .62);font-size:calc(var(--u) * .68);white-space:nowrap;flex:none}:root[data-web-layout]:not([data-web-layout=compact]) .storage-notice-dismiss{border-radius:var(--radius-sm);background:var(--surface3);color:var(--text);cursor:pointer;border:0;font-family:inherit;font-weight:900}:root[data-web-layout]:not([data-web-layout=compact]) .notfound-page,:root[data-web-layout]:not([data-web-layout=compact]) .daily-cap{--col:var(--col-read)}:root[data-web-layout]:not([data-web-layout=compact]) .prompt{font-size:calc(var(--u) * 1.4);min-height:calc(var(--u) * 1.4 * 1.18 * 2 + 1px)}:root[data-web-layout]:not([data-web-layout=compact]) .stage:has(.options.answered) .prompt{min-height:calc(var(--u) * 1.4 * 1.18 * 2 + 1px)}:root[data-web-layout]:not([data-web-layout=compact]) .option{font-size:calc(var(--u) * .95)}:root[data-web-layout=wide] .qhead .streak{display:none}:root[data-web-layout]:not([data-web-layout=compact]) .options{gap:calc(var(--u) * .42)}:root[data-web-layout]:not([data-web-layout=compact]) .stage:not(.is-panel)>.reportbtn{margin-block-start:calc(var(--u) * -.25)}:root[data-web-layout]:not([data-web-layout=compact]) .reveal__actions{background:0 0;padding-bottom:0;position:static}:root[data-web-layout]:not([data-web-layout=compact]) .reveal{flex:none}:root[data-web-layout=medium] .hud{padding-inline:max(calc(var(--u) * .86), calc((100% - var(--col-play)) / 2))}:root[data-web-layout=wide] .hud{display:none}:root[data-web-layout=wide] .app:has(>.stage>.qhead){--play-span:var(--page-max);--stage-top:calc(var(--u) * 3.5);--band-row:calc(var(--u) * 2.9);grid-template-columns:max(var(--gutter), calc((100% - var(--play-span)) / 2)) minmax(0, 1fr) calc(var(--col-play) + var(--gutter) * 2 + var(--u) * 1.4) minmax(0, 1fr) max(var(--gutter), calc((100% - var(--play-span)) / 2));grid-template-rows:auto auto auto minmax(0,1fr);display:grid}:root[data-web-layout=wide][data-web-xl=true] .app:has(>.stage>.qhead){--stage-top:calc(var(--u) * 7)}:root[data-web-layout=wide] .app:has(>.stage>.qhead)>.storage-notice{grid-area:1/1/2/-1}:root[data-web-layout=wide] .app:has(>.stage>.qhead)>.titlebar{grid-area:2/1/3/-1}:root[data-web-layout=wide] .app:has(>.stage>.qhead)>.downloadslot{grid-area:3/1/4/-1}:root[data-web-layout=wide]:not([data-web-xl=true]) .app:has(>.stage>.qhead){grid-template-columns:minmax(var(--gutter), 1fr)  calc(var(--rail-run) + var(--u) * 1.2) calc(var(--col-play) + var(--gutter) * 2 + var(--u) * 1.4) 0 minmax(var(--gutter), 1fr)}:root[data-web-layout=wide] .app:has(>.stage>.qhead)>.stage{scrollbar-gutter:stable both-edges;scrollbar-width:thin;grid-area:4/3/5/4;min-block-size:0;overflow-y:auto}:root[data-web-layout=wide] .app:has(>.stage>.qhead)>.stage:not(.is-panel)>*{inline-size:var(--col-play);max-inline-size:var(--col-play)}:root[data-web-layout=wide] .app:has(>.stage>.qhead)>.runrail{grid-area:4/2/5/3;display:flex}:root[data-web-layout=wide][data-web-xl=true] .app:has(>.stage>.qhead)>.runlog{grid-area:4/4/5/5;display:flex}.runrail,.runlog,.playbackdrop{display:none}:root[data-web-layout]:not([data-web-layout=compact]) .app:has(>.stage>.qhead){isolation:isolate}:root[data-web-layout]:not([data-web-layout=compact]) .app:has(>.stage>.qhead)>.stage{background:0 0}:root[data-web-layout]:not([data-web-layout=compact]) .app:has(>.stage>.qhead)>.playbackdrop{z-index:-1;pointer-events:none;background:radial-gradient(64% 72% at 8% 34%, color-mix(in srgb, var(--subject-tone) 30%, transparent) 0%, transparent 74%), radial-gradient(64% 72% at 92% 66%, color-mix(in srgb, var(--subject-tone) 26%, transparent) 0%, transparent 74%), radial-gradient(128% 62% at 50% -14%, color-mix(in srgb, var(--subject-tone) 34%, transparent) 0%, transparent 68%),  radial-gradient(88% 60% at 50% 100%, color-mix(in srgb, var(--subject-tone) 40%, transparent) 0%, transparent 76%), var(--bg);display:block;position:absolute;inset:0}:root[data-theme=light][data-web-layout]:not([data-web-layout=compact]) .app:has(>.stage>.qhead)>.playbackdrop{background:radial-gradient(64% 72% at 8% 34%, color-mix(in srgb, var(--subject-tone) 15%, transparent) 0%, transparent 74%), radial-gradient(64% 72% at 92% 66%, color-mix(in srgb, var(--subject-tone) 13%, transparent) 0%, transparent 74%), radial-gradient(128% 62% at 50% -14%, color-mix(in srgb, var(--subject-tone) 17%, transparent) 0%, transparent 68%), radial-gradient(88% 60% at 50% 100%, color-mix(in srgb, var(--subject-tone) 24%, transparent) 0%, transparent 76%), var(--bg)}.runrail{gap:calc(var(--u) * .8);inline-size:auto;padding-block:var(--stage-top,calc(var(--u) * 2)) calc(var(--u) * 1.6);padding-inline:0 max(calc(var(--u) * 1.2), calc(100% - var(--rail-run)));border-inline-end:1px solid var(--line);flex-direction:column;place-self:stretch stretch}.runrail__mode{font-size:calc(var(--u) * .72);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-strong);font-weight:900;line-height:1.1}.runrail__stat[hidden]{display:none}.runrail__stat:not([hidden]){min-block-size:var(--band-row);border-block-start:1px solid var(--line);padding-block-start:calc(var(--u) * .5)}.runrail__value{font-size:calc(var(--u) * 1.3);color:var(--text);font-variant-numeric:tabular-nums;font-weight:900;line-height:1.05}.runrail__label{font-size:calc(var(--u) * .53);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-block-start:calc(var(--u) * .16);font-weight:900;line-height:1.3}.runrail__timer{font-size:calc(var(--u) * 2.2);letter-spacing:-.03em}.runrail__timer.is-urgent{color:var(--wrong-text);animation:1s steps(2,end) infinite pulse}.runrail__bar{block-size:calc(var(--u) * .26);background:var(--surface2);border-radius:999px;margin-block-start:calc(var(--u) * .38);overflow:hidden}.runrail__barfill{background:var(--accent);border-radius:999px;block-size:100%;transition:inline-size .24s linear}.runrail__barfill.is-urgent{background:var(--wrong-text)}.runrail__stat--lives .runrail__value{gap:calc(var(--u) * .16);font-size:calc(var(--u) * 1.1);color:var(--wrong-text);display:flex}.runrail__dots{gap:calc(var(--u) * .22);padding-block:calc(var(--u) * .16);flex-wrap:wrap;display:flex}.runrail__dot{inline-size:calc(var(--u) * .32);block-size:calc(var(--u) * .32);background:var(--surface3);border-radius:999px}.runrail__dot.is-done{background:var(--accent)}.runlog{gap:calc(var(--u) * .45);inline-size:auto;padding-block:var(--stage-top,calc(var(--u) * 2)) calc(var(--u) * 1.6);padding-inline:max(calc(var(--u) * 1.2), calc(100% - var(--rail-log))) 0;border-inline-start:1px solid var(--line);flex-direction:column;place-self:stretch stretch}.runlog__head{font-size:calc(var(--u) * .53);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-weight:900}.runlog__body[hidden]{display:none}.runlog__list{gap:calc(var(--u) * .34);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.runlog__row{gap:calc(var(--u) * .34);font-size:calc(var(--u) * .66);grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;line-height:1.25;display:grid}.runlog__n{min-inline-size:calc(var(--u) * .85);color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.runlog__mark{font-size:calc(var(--u) * .62);align-items:center;display:inline-flex}.runlog__row.is-correct .runlog__mark{color:var(--correct-text)}.runlog__row.is-wrong .runlog__mark{color:var(--wrong-text)}.runlog__subject{color:var(--muted-strong);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.runlog__empty{color:var(--muted);font-size:calc(var(--u) * .62);margin:0;line-height:1.5}.runlog__foot{min-block-size:var(--band-row);border-block-start:1px solid var(--line);color:var(--muted-strong);font-size:calc(var(--u) * .66);font-variant-numeric:tabular-nums;padding-block-start:calc(var(--u) * .5);font-weight:900}.runlog__foot:empty{border-block-start-color:#0000}.runlog__guest[hidden]{display:none}.runlog[data-adopted=true]{padding-block:var(--stage-top,calc(var(--u) * 2)) calc(var(--u) * 1.6)}@media (prefers-reduced-motion:reduce){.runrail__barfill{transition:none}.runrail__timer.is-urgent{animation:none}}:root[data-web-layout]:not([data-web-layout=compact]) .home-panel,:root[data-web-layout]:not([data-web-layout=compact]) .modes-page{--col:var(--col-board)}:root[data-web-layout]:not([data-web-layout=compact]) .subjects-page{--col:var(--col-page)}:root[data-web-layout]:not([data-web-layout=compact]) .pick-page{--col:var(--col-board)}:root[data-web-layout]:not([data-web-layout=compact]) .home-panel{align-content:safe center;gap:calc(var(--u) * .85);padding-block:calc(var(--u) * 1.1);display:grid}:root[data-web-layout]:not([data-web-layout=compact]) .stage.is-panel>.home-panel{margin-block:0}:root[data-web-layout]:not([data-web-layout=compact]) .stage.is-panel:has(>.home-panel){justify-content:flex-start}:root[data-web-layout]:not([data-web-layout=compact]) .home-panel>[data-home-block=notice]{order:0}:root[data-web-layout]:not([data-web-layout=compact]) .home-panel>[data-home-block=main]{order:1}:root[data-web-layout]:not([data-web-layout=compact]) .home-panel>[data-home-block=status]{order:2}:root[data-web-layout]:not([data-web-layout=compact]) .home-panel>[data-home-block=modes]{order:3}:root[data-web-layout]:not([data-web-layout=compact]) .home-panel>[data-home-block=subjects]{order:4}:root[data-web-layout]:not([data-web-layout=compact]) .home-panel>[data-home-block=friends]{order:5}:root[data-web-layout]:not([data-web-layout=compact]) .home-panel>.home-version{order:6;grid-column:1/-1;justify-self:end;margin-block-start:calc(var(--u) * .15);position:static}:root[data-web-layout=medium] .home-panel{grid-template-columns:minmax(0,1fr)}:root[data-web-layout=wide] .home-panel{grid-template-columns:2fr 1fr}:root[data-web-layout=wide] .home-panel>[data-home-block=notice],:root[data-web-layout=wide] .home-panel>[data-home-block=modes]{grid-column:1/-1}:root[data-web-layout=wide] .home-panel>[data-home-block=main],:root[data-web-layout=wide] .home-panel>[data-home-block=subjects]{grid-column:1}:root[data-web-layout=wide] .home-panel>[data-home-block=status],:root[data-web-layout=wide] .home-panel>[data-home-block=friends]{grid-column:2}:root[data-web-layout]:not([data-web-layout=compact]) .home-brand{display:none}:root[data-web-layout]:not([data-web-layout=compact]) .home-main{gap:calc(var(--u) * .6);margin-block:0}:root[data-web-layout=wide] .home-main{block-size:100%}:root[data-web-layout=wide] .home-freeplay,:root[data-web-layout=wide] .home-main>.mode--big{flex:auto}:root[data-web-layout]:not([data-web-layout=compact]) .home-freeplay__launch{justify-content:space-between;align-items:stretch;gap:calc(var(--u) * .7);padding:calc(var(--u) * .75);flex-direction:column}.home-freeplay__head{align-items:center;gap:calc(var(--u) * .58);min-inline-size:0;display:flex}:root[data-web-layout]:not([data-web-layout=compact]) .home-freeplay__head{padding-inline-end:calc(var(--u) * 6)}.home-freeplay__cta{justify-content:center;align-items:center;gap:calc(var(--u) * .4);pointer-events:none;flex:none;align-self:stretch;display:inline-flex}.home-freeplay__cta-icon{font-size:calc(var(--u) * .9)}.home-freeplay__cta-label{letter-spacing:.02em}:root[data-web-layout]:not([data-web-layout=compact]) .freeplay-difficulty{top:calc(var(--u) * .75);right:calc(var(--u) * .75);margin-right:0;position:absolute}:root[data-web-layout]:not([data-web-layout=compact]) .home-main>.home-actions{display:none}:root[data-web-layout]:not([data-web-layout=compact]) .home-profile{align-content:start;justify-items:stretch;gap:calc(var(--u) * .6);inline-size:auto;padding:calc(var(--u) * .75);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 calc(var(--u) * .14) 0 var(--button-depth)}:root[data-web-layout=medium] .home-panel>.home-profile{align-items:center;gap:calc(var(--u) * .9);grid-template-columns:auto minmax(0,1fr) auto}:root[data-web-layout=medium] .home-stats{gap:calc(var(--u) * .9);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}:root[data-web-layout=medium] .home-stat{justify-items:start;gap:0;display:grid}:root[data-web-layout=medium] .home-profile>.home-shortcuts{inline-size:auto}.home-stats{gap:calc(var(--u) * .22);inline-size:100%;display:grid}.home-stat{justify-content:space-between;align-items:baseline;gap:calc(var(--u) * .5);display:flex}.home-stat__label{color:var(--muted);font-size:calc(var(--u) * .6);letter-spacing:.08em;text-transform:uppercase;font-weight:900}.home-stat__value{font-size:calc(var(--u) * .92);font-variant-numeric:tabular-nums;font-weight:900;line-height:1.1}:root[data-web-layout]:not([data-web-layout=compact]) .home-shortcuts{inline-size:100%;margin-top:0}:root[data-web-layout]:not([data-web-layout=compact]) .home-statistics{gap:calc(var(--u) * .4);inline-size:auto;min-inline-size:0;padding-inline:calc(var(--u) * .62)}.home-statistics__label{font-size:calc(var(--u) * .72);white-space:nowrap;font-weight:900}.home-block{gap:calc(var(--u) * .5);flex-direction:column;min-inline-size:0;display:flex}.home-block--subjects,.home-block--friends{padding:calc(var(--u) * .75);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 calc(var(--u) * .14) 0 var(--button-depth)}.home-blockhead{align-items:center;gap:calc(var(--u) * .45);min-inline-size:0;display:flex}.home-blockhead__title{margin:0}.home-blockhead__count{color:var(--muted);font-size:calc(var(--u) * .64);font-variant-numeric:tabular-nums;font-weight:800}.home-blocklink{white-space:nowrap;flex:none;align-items:center;margin-inline-start:auto;display:inline-flex}.home-blocklink__caret{font-size:calc(var(--u) * .62);margin-inline-start:calc(var(--u) * .22)}.home-chips{gap:calc(var(--u) * .26);flex-wrap:wrap;display:flex}.home-chip{cursor:default;pointer-events:none;inline-size:auto}.home-chips__more{color:var(--muted);font-size:calc(var(--u) * .64);align-self:center;font-weight:800}.home-block__note{margin:0}.home-block__action{align-self:flex-start;align-items:center;gap:calc(var(--u) * .4);display:inline-flex}:root[data-web-layout=medium] .home-panel .modes,:root[data-web-layout=medium] .modes-page .modes,:root[data-web-layout=medium] .pick-page .modes{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}:root[data-web-layout=wide] .home-panel .modes,:root[data-web-layout=wide] .modes-page .modes,:root[data-web-layout=wide] .pick-page .modes{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}:root[data-web-layout]:not([data-web-layout=compact]) .home-panel .modes .mode__name,:root[data-web-layout]:not([data-web-layout=compact]) .modes-page .modes .mode__name,:root[data-web-layout]:not([data-web-layout=compact]) .pick-page .modes .mode__name{min-inline-size:0}:root[data-web-layout=medium] .catlist{grid-template-columns:repeat(3,minmax(0,1fr))}:root[data-web-layout=wide] .catlist{grid-template-columns:repeat(4,minmax(0,1fr))}:root[data-web-layout=wide] .subjects-page .bulk{z-index:1;padding-block:calc(var(--u) * .55);background:var(--bg);position:sticky;bottom:0}.home-actions--carry{margin-top:calc(var(--u) * .35);grid-template-columns:repeat(3,auto) minmax(0,1fr)}.home-actions--carry .home-statistics,.home-actions--carry .home-action--shop,.home-actions--carry .home-action--friends{aspect-ratio:1;justify-content:center;align-items:center;block-size:100%;inline-size:auto;min-inline-size:0;padding:0;display:flex}.home-action:has(>.home-badge){position:relative}.home-badge{top:calc(var(--u) * .2);right:calc(var(--u) * .2);inline-size:calc(var(--u) * .38);block-size:calc(var(--u) * .38);border:1px solid var(--surface);background:var(--wrong);pointer-events:none;border-radius:999px;position:absolute}.home-blockhead__badge{padding:0 calc(var(--u) * .36);background:var(--wrong);color:var(--wrong-ink);font-size:calc(var(--u) * .58);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;font-weight:900}:root[data-web-layout=compact] .home-block,:root[data-web-layout=compact] .home-stats,:root[data-web-layout=compact] .home-statistics__label,:root[data-web-layout=compact] .home-freeplay__cta{display:none}:root[data-web-layout=compact] .home-freeplay__head{display:contents}:root[data-web-layout]:not([data-web-layout=compact]) .stats-panel{--col:var(--col-board)}:root[data-web-layout]:not([data-web-layout=compact]) .shop-shelf__header{justify-content:flex-start}@container col (width>=620px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container col (width>=900px){.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}:root[data-web-layout]:not([data-web-layout=compact]) .shop-page{--col:var(--col-board)}:root[data-web-layout]:not([data-web-layout=compact]) .cosmetics-page[data-cosmetics-page=categories]{--col:var(--col-page)}:root[data-web-layout]:not([data-web-layout=compact]) .cosmetics-page:not([data-cosmetics-page=categories]){--col:var(--col-board)}:root[data-web-layout]:not([data-web-layout=compact]) .laurel-page{--col:var(--col-page)}:root[data-web-layout]:not([data-web-layout=compact]) .premium-page,:root[data-web-layout]:not([data-web-layout=compact]) .premium-details,:root[data-web-layout]:not([data-web-layout=compact]) .cosmos-page{--col:var(--col-read)}@container col (width>=460px){.cosmetics-list{gap:calc(var(--u) * .5);background:0 0;grid-template-columns:repeat(2,minmax(0,1fr))}.cosmetics-row{border:calc(var(--u) * .06) solid var(--line);border-radius:var(--radius-lg)}}@container col (width>=820px){.cosmetics-list{grid-template-columns:repeat(3,minmax(0,1fr))}}:root[data-web-layout=wide] .laurel-page{column-gap:calc(var(--u) * 2.2);row-gap:calc(var(--u) * .9);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}:root[data-web-layout=wide] .laurel-page>.pagehead,:root[data-web-layout=wide] .laurel-page>.laurel-trail{grid-column:1/-1}:root[data-web-layout=wide] .laurel-page>.laurel-identity{grid-column:1}:root[data-web-layout=wide] .laurel-page>.laurel-next{grid-column:2}:root[data-web-layout]:not([data-web-layout=compact]) .social-panel{--col:var(--col-board)}:root[data-web-layout]:not([data-web-layout=compact]) .social-panel[data-in-match=true]{--col:var(--col-play)}:root[data-web-layout]:not([data-web-layout=compact]) .social-panel .pagehead{grid-template-columns:auto minmax(0,auto) auto minmax(0,1fr)}:root[data-web-layout]:not([data-web-layout=compact]) .social-panel>.social-gate{inline-size:100%;max-inline-size:var(--col-read);margin-block:calc(var(--u) * 2) auto;padding:calc(var(--u) * 2.2) calc(var(--u) * 1.6);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 calc(var(--u) * .14) 0 var(--button-depth);flex:none;align-self:center;margin-inline:auto}:root[data-web-layout=wide] .social-split{gap:calc(var(--u) * 1.6);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;display:grid}:root[data-web-layout=wide] .social-split__list,:root[data-web-layout=wide] .social-split__detail{min-inline-size:0}:root[data-web-layout=wide] .social-split__detail{border-inline-start:1px solid var(--line);padding-inline-start:calc(var(--u) * 1.6)}:root[data-web-layout=wide] .social-split__detail .social-gate{padding-block:calc(var(--u) * 2.4)}:root[data-web-layout=wide] .social-list[data-party-lobby]{column-gap:calc(var(--u) * 1.6);grid-template-columns:1.4fr 1fr;align-items:start;display:grid}:root[data-web-layout=wide] .social-list[data-party-lobby]>.social-note{grid-area:1/1/auto/-1}:root[data-web-layout=wide] .social-list[data-party-lobby] [data-lobby-pane=left]{grid-column:1}:root[data-web-layout=wide] .social-list[data-party-lobby] [data-lobby-pane=right]{grid-column:2}:root[data-web-layout=wide] .social-list[data-party-lobby] .party-code{grid-row:2}:root[data-web-layout=wide] .social-list[data-party-lobby] .party-carousel{grid-row:3}:root[data-web-layout=wide] .social-list[data-party-lobby] .party-settings-block{grid-row:4}:root[data-web-layout=wide] .social-list[data-party-lobby] .party-foot{grid-row:5}:root[data-web-layout=wide] .social-list[data-party-lobby] .social-subhead{grid-row:2}:root[data-web-layout=wide] .social-list[data-party-lobby] .party-roster{grid-row:3}:root[data-web-layout=wide] .social-list[data-party-lobby] .party-practice{grid-row:4}:root[data-web-layout]:not([data-web-layout=compact]) .settings-page,:root[data-web-layout]:not([data-web-layout=compact]) .onboard,:root[data-web-layout]:not([data-web-layout=compact]) .account-page{--col:var(--col-read)}:root[data-web-layout]:not([data-web-layout=compact]) .app:has(.stage>.onboard){background-image:radial-gradient(120% 64% at 50% -14%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 62%), radial-gradient(140% 90% at 50% 118%, color-mix(in srgb, var(--surface3) 55%, transparent), transparent 66%)}:root[data-web-layout]:not([data-web-layout=compact]) .stage:has(>.onboard){background-color:#0000}:root[data-web-layout]:not([data-web-layout=compact]) .onboard,:root[data-web-layout]:not([data-web-layout=compact]) .onboard--account-choice{min-height:0}:root[data-web-layout]:not([data-web-layout=compact]) .onboard{padding:calc(var(--u) * 1.5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 calc(var(--u) * .16) 0 var(--button-depth)}:root[data-web-layout]:not([data-web-layout=compact]) .onboard .panel__actions{background:0 0;padding-block-start:calc(var(--u) * .9);position:static}.downloadbanner{justify-content:space-between;align-items:center;gap:calc(var(--u) * 1);padding-block:calc(var(--u) * .3);padding-inline:max(var(--gutter), calc((100% - var(--shell-max)) / 2));background:var(--surface2);border-block-end:1px solid var(--line);display:flex}.downloadbanner__text{color:var(--muted-strong);font-size:calc(var(--u) * .62);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:700;overflow:hidden}.downloadbanner__actions{align-items:center;gap:calc(var(--u) * .4);flex:none;display:flex}.downloadbanner__get{white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.downloadbanner__close{--icon-tone:var(--surface3);--icon-depth:var(--button-depth);--icon-ink:var(--muted-strong)}:root[data-web-layout=compact] .downloadbanner{align-items:start;gap:calc(var(--u) * .5);padding-block:calc(var(--u) * .42)}:root[data-web-layout=compact] .downloadbanner__text{-webkit-line-clamp:2;line-clamp:2;white-space:normal;text-overflow:clip;-webkit-box-orient:vertical;display:-webkit-box}.download-page{--col:var(--col-page)}.download-page__intro{max-inline-size:var(--col-read)}.download-page__cta{align-items:baseline;gap:calc(var(--u) * .6);margin-block:calc(var(--u) * .8) calc(var(--u) * 1.4);flex-wrap:wrap;display:flex}.download-page__get{align-items:center;text-decoration:none;display:inline-flex}.download-page__meta{margin:0}.download-page__features{gap:calc(var(--u) * .64);grid-template-columns:minmax(0,1fr);margin-block-end:calc(var(--u) * 1.4);display:grid}:root[data-web-layout=medium] .download-page__features{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-web-layout=wide] .download-page__features{grid-template-columns:repeat(3,minmax(0,1fr))}.download-page__feature,.download-page__note-card{min-width:0;padding:calc(var(--u) * .64);border:calc(var(--u) * .075) solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.download-page__note-card{background:var(--surface2)}.download-page__feature-title,.download-page__note-title{margin:0 0 calc(var(--u) * .5);color:var(--text);font-size:calc(var(--u) * .82);letter-spacing:-.01em;font-weight:950}.download-page__note-card .panel__note+.panel__note{margin-block-start:calc(var(--u) * .4)}