@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0b0b0f;--bg-2:#141414;--bg-3:#1d1d1d;--bg-4:#2a2a2a;--line:#f2f0e91f;--line-2:#f2f0e94d;--text:#f2f0e9;--text-2:#b5b2a8;--text-3:#75736c;--sig:#2b5bff;--sig-fg:#7c95ff;--on-sig:#fff;--red:#ff2d55;--glitch-a:#ff2d55;--glitch-b:#00e0ff;--ink:#0a0a0a;--display:"Bricolage Grotesque Variable", system-ui, sans-serif;--ds:1.25;--dw:800;--dstretch:75%;--dvar:"opsz" 96;--sans:"Archivo Variable", "Archivo", system-ui, sans-serif;--mono:var(--sans);--cut:14px;--pad:18px;--tabbar:74px;--snap:cubic-bezier(.7, 0, .2, 1);--out:cubic-bezier(.2, .9, .1, 1);--c:var(--sig-fg);--pat:none}[data-theme=cyan]{--sig:#00e0ff;--sig-fg:#00e0ff;--on-sig:#0a0a0a}[data-theme=rose]{--sig:#ff2d55;--sig-fg:#ff6f8c;--on-sig:#0a0a0a}[data-theme=mono]{--sig:#f2f0e9;--sig-fg:#f2f0e9;--on-sig:#0a0a0a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;background:#000}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-size:15px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}input{font:inherit;color:inherit}::selection{background:var(--sig);color:var(--on-sig)}.app{background:var(--bg);max-width:480px;min-height:100dvh;padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 18px);margin:0 auto;position:relative;overflow-x:clip}.app--bare{padding-bottom:0}@media (width>=560px){.app{border-left:1px solid var(--line);border-right:1px solid var(--line)}}.screen{padding:calc(env(safe-area-inset-top) + 14px) var(--pad) 28px;animation:enter .35s var(--out) both}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes stamp{0%{opacity:0;transform:scale(1.6)rotate(-4deg)}60%{opacity:1;transform:scale(.96)rotate(-4deg)}to{transform:scale(1)rotate(-4deg)}}@keyframes glitch{0%{text-shadow:3px 0 var(--red), -3px 0 #00e5ff;transform:translate(0)}20%{transform:translate(-4px,1px)}40%{text-shadow:-2px 0 var(--red), 2px 0 #00e5ff;transform:translate(3px,-1px)}60%{transform:translate(-2px)}80%{text-shadow:1px 0 var(--red), -1px 0 #00e5ff;transform:translate(1px,1px)}to{text-shadow:none;transform:translate(0)}}@keyframes blink{50%{opacity:0}}.stagger>*{animation:rise .4s var(--out) both}.stagger>:first-child{animation-delay:20ms}.stagger>:nth-child(2){animation-delay:40ms}.stagger>:nth-child(3){animation-delay:60ms}.stagger>:nth-child(4){animation-delay:80ms}.stagger>:nth-child(5){animation-delay:.1s}.stagger>:nth-child(6){animation-delay:.12s}.stagger>:nth-child(7){animation-delay:.14s}.stagger>:nth-child(8){animation-delay:.16s}.stagger>:nth-child(9){animation-delay:.18s}.stagger>:nth-child(10){animation-delay:.2s}.stagger>:nth-child(11){animation-delay:.22s}.stagger>:nth-child(12){animation-delay:.24s}.stagger>:nth-child(n+13){animation-delay:.26s}.cut{clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%)}.cut-br{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%)}.tape{background:repeating-linear-gradient(-45deg, var(--sig) 0 9px, var(--ink) 9px 18px);height:10px}.tape--red{background:repeating-linear-gradient(-45deg, var(--red) 0 9px, var(--ink) 9px 18px)}.marks{position:relative}.marks:before,.marks:after{content:"";pointer-events:none;width:14px;height:14px;position:absolute}.marks:before{border-top:2px solid var(--sig-fg);border-left:2px solid var(--sig-fg);top:0;left:0}.marks:after{border-right:2px solid var(--sig-fg);border-bottom:2px solid var(--sig-fg);bottom:0;right:0}.label{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:700;font-stretch:112%}.label--sig{color:var(--sig-fg)}.kicker{font-family:var(--mono);text-transform:uppercase;color:var(--text-3);letter-spacing:.06em;font-size:11px;font-weight:700;font-stretch:112%}.display{font-family:var(--display);font-weight:var(--dw);font-size:calc(28px * var(--ds));letter-spacing:-.01em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);margin:10px 0 0}.display mark,.hl{color:var(--sig-fg);background:0 0}.display mark.red,.hl.red{color:var(--red);background:0 0}.h2{font-family:var(--display);font-weight:var(--dw);font-size:calc(18px * var(--ds));letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);margin:0}.title{font-family:var(--sans);letter-spacing:-.01em;font-size:17px;font-weight:800;font-stretch:112%;line-height:1.15}.lede{color:var(--text-2);max-width:36ch;margin:14px 0 0;font-size:15px}.muted{color:var(--text-3)}.num{font-family:var(--display);font-weight:var(--dw);font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar)}.section{margin-top:32px}.section-head{align-items:flex-end;gap:10px;margin-bottom:14px;display:flex}.section-head:after{content:"";background:var(--line-2);flex:1;order:2;height:1px;margin-bottom:4px}.section-head>:last-child:not(:first-child){order:3}.section-head .h2{order:1}.ticker{background:var(--sig);color:var(--on-sig);margin:0 calc(-1 * var(--pad));overflow:hidden}.ticker--dark{background:var(--bg-2);color:var(--text);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ticker__track{width:max-content;animation:40s linear infinite ticker;display:flex}.ticker__track span{font-family:var(--display);font-weight:var(--dw);font-size:calc(12px * var(--ds));white-space:nowrap;letter-spacing:-.03em;line-height:1;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);align-items:center;gap:14px;padding:7px 14px 5px 0;display:inline-flex}.ticker__track span:after{content:"";background:currentColor;width:8px;height:8px}@keyframes ticker{to{transform:translate(-50%)}}.stamp{border:3px solid var(--sig-fg);color:var(--sig-fg);font-family:var(--display);font-weight:var(--dw);font-size:calc(12px * var(--ds));animation:stamp .45s var(--snap) .3s both;letter-spacing:-.03em;line-height:1;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);padding:6px 12px 4px;display:inline-block;transform:rotate(-4deg)}.stamp--fill{background:var(--sig);color:var(--on-sig)}.topbar{justify-content:space-between;align-items:center;gap:10px;min-height:44px;margin-bottom:12px;display:flex}.icon-btn{background:var(--bg-3);flex:none;place-items:center;width:44px;height:44px;transition:background .1s,color .1s;display:grid}.icon-btn:active{background:var(--sig);color:var(--on-sig)}.icon-btn svg{width:20px;height:20px}.hud{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.hud__stats{gap:14px;display:flex}.hud__stat{align-items:baseline;gap:5px;display:flex}.hud__stat .num{font-size:22px}.hud__stat svg{align-self:center;width:14px;height:14px}.btn{min-height:58px;font-family:var(--sans);letter-spacing:.02em;text-transform:uppercase;transition:transform 80ms var(--snap), background .1s, color .1s;-webkit-user-select:none;user-select:none;clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%);justify-content:space-between;align-items:center;gap:12px;padding:0 18px 0 20px;font-size:13px;font-weight:800;font-stretch:125%;display:inline-flex;position:relative}.btn--center{justify-content:center}.btn--block{width:100%}.btn--brand,.btn--color{background:var(--sig);color:var(--on-sig)}.btn--brand:active,.btn--color:active{filter:brightness(1.2);transform:translateY(2px)}.btn--ghost{background:var(--bg-3);color:var(--text)}.btn--ghost:active{background:var(--bg-4)}.btn--red{background:var(--red);color:var(--ink)}.btn--quiet{min-height:44px;color:var(--text-3);clip-path:none;justify-content:center}.btn:disabled{opacity:.25;pointer-events:none}.btn svg{flex:none;width:20px;height:20px}.chip{background:var(--bg-3);height:24px;font-family:var(--mono);text-transform:uppercase;white-space:nowrap;color:var(--text-2);letter-spacing:.06em;align-items:center;gap:6px;padding:1px 8px 0;font-size:10.5px;font-weight:700;font-stretch:112%;display:inline-flex}.chip--color,.chip--sig{background:var(--sig);color:var(--on-sig)}.chip--hot{background:var(--red);color:var(--on-sig)}.chip--new{box-shadow:inset 0 0 0 1px var(--sig);color:var(--sig-fg);background:0 0}.chip svg{width:12px;height:12px}.chip-toggle{background:var(--bg-3);min-height:46px;color:var(--text-2);align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:700;transition:background .1s,color .1s;display:inline-flex}.chip-toggle b{font-family:var(--display);font-weight:var(--dw);font-size:calc(12px * var(--ds));letter-spacing:-.03em;line-height:1;font-stretch:var(--dstretch);font-variation-settings:var(--dvar)}.chip-toggle[aria-pressed=true]{background:var(--sig);color:var(--on-sig)}.table{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.tile{aspect-ratio:1/1.18;background:var(--bg-2);color:var(--text);text-align:left;isolation:isolate;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);flex-direction:column;padding:9px 10px 10px;transition:background .1s,color .1s;display:flex;position:relative;overflow:hidden}.tile:before{content:"";z-index:-1;--p:#f2f0e929;background:var(--pat);position:absolute;inset:45% 0 0;-webkit-mask-image:linear-gradient(#0000,#000 70%);mask-image:linear-gradient(#0000,#000 70%)}.tile:active,.tile--on{background:var(--sig);color:var(--on-sig)}.tile:active:before,.tile--on:before{--p:color-mix(in srgb, var(--on-sig) 25%, transparent)}.tile__top{font-family:var(--mono);letter-spacing:.06em;justify-content:space-between;font-size:10px;font-stretch:112%;display:flex}.tile__sym{font-family:var(--display);font-weight:var(--dw);font-size:calc(37px * var(--ds));letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);margin-top:auto}.tile__name{text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:9.5px;font-weight:800;font-stretch:125%;overflow:hidden}.tile__cells{grid-template-columns:repeat(5,1fr);gap:2px;margin-top:7px;display:grid}.tile__cells i{background:#f2f0e924;height:4px}.tile__cells i.on{background:var(--sig-fg)}.tile--on .tile__cells i,.tile:active .tile__cells i{background:color-mix(in srgb, var(--on-sig) 25%, transparent)}.tile--on .tile__cells i.on,.tile:active .tile__cells i.on{background:var(--on-sig)}.tile--mini{aspect-ratio:auto;--cut:9px;flex:none;width:58px;height:66px;padding:6px 7px}.tile--mini .tile__sym{font-size:34px}.tile--mini .tile__top{font-size:8px}.tile--mini .tile__name,.tile--mini .tile__cells{display:none}.scroller{margin:0 calc(-1 * var(--pad));padding:0 var(--pad) 6px;scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.scroller::-webkit-scrollbar{display:none}.cells{grid-template-columns:repeat(var(--n,10), 1fr);gap:3px;display:grid}.cells i{height:var(--h,8px);background:var(--bg-4);transition:background .2s}.cells i.on{background:var(--c)}.cells--anim i.on{animation:cell-in .25s var(--snap) both}@keyframes cell-in{0%{background:var(--bg-4)}}.card{background:var(--bg-2);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);padding:16px}.mix-card{text-align:left;background:var(--sig);width:100%;color:var(--on-sig);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);transition:transform 80ms var(--snap);display:block;position:relative;overflow:hidden}.mix-card:active{transform:translateY(2px)}.mix-card__inner{padding:14px 16px 16px}.mix-card__word{font-family:var(--display);font-weight:var(--dw);font-size:calc(62px * var(--ds));letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);margin:10px 0 0 -4px}.mix-card__row{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:14px;display:flex}.mix-card__sub{max-width:22ch;font-size:14px;font-weight:700;line-height:1.3}.mix-card__go{background:var(--on-sig);width:64px;height:64px;color:var(--sig);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);flex:none;place-items:center;display:grid}.mix-card__go svg{width:26px;height:26px}.mix-card__meta{border-top:2px solid var(--on-sig);gap:16px;margin-top:14px;padding-top:10px;display:flex}.mix-card__meta div{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;align-items:baseline;gap:5px;font-size:10px;font-stretch:112%;display:flex}.mix-card__meta .num{font-size:26px}.feature{text-align:left;background:var(--bg-2);isolation:isolate;width:100%;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);padding:14px 16px 16px;display:block;position:relative;overflow:hidden}.feature:before{content:"";z-index:-1;--p:#f2f0e91f;background:var(--pat);position:absolute;inset:0 0 0 50%;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.feature:active{background:var(--bg-3)}.feature__sym{z-index:-1;font-family:var(--display);font-weight:var(--dw);font-size:calc(66px * var(--ds));color:var(--sig-fg);letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);position:absolute;top:6px;right:12px}.feature__title{font-family:var(--display);font-weight:var(--dw);font-size:calc(20px * var(--ds));letter-spacing:-.03em;max-width:11ch;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);margin:36px 0 8px}.mem-counters{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.mem-counter{background:var(--bg-2);padding:10px 10px 12px}.mem-counter .num{margin-top:8px;font-size:40px;display:block}.mem-counter .kicker,.mem-counter .label{align-items:center;gap:6px;display:flex}.dot{background:var(--dot,var(--sig));flex:none;width:7px;height:7px}.boxes{flex:none;align-items:flex-end;gap:2px;display:inline-flex}.boxes i{background:var(--bg-4);width:5px;height:12px}.boxes i.on{background:var(--sig-fg)}.forecast{grid-template-columns:repeat(7,1fr);align-items:end;gap:4px;height:130px;display:grid}.forecast__col{text-align:center;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:6px;height:100%;display:flex}.forecast__bar{background:var(--bg-4);min-height:3px;transition:height .6s var(--snap)}.forecast__col--today .forecast__bar{background:var(--sig)}.forecast__n{font-family:var(--display);font-weight:var(--dw);font-size:calc(12px * var(--ds));letter-spacing:-.03em;line-height:1;font-stretch:var(--dstretch);font-variation-settings:var(--dvar)}.forecast__d{font-family:var(--mono);color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-stretch:112%}.bar{background:var(--bg-4);height:6px;overflow:hidden}.bar i{background:var(--c);height:100%;transition:width .6s var(--snap);display:block}.ring circle{transition:stroke-dashoffset .8s var(--snap)}.stats{grid-template-columns:1fr 1fr;gap:4px;display:grid}.stat{background:var(--bg-2);padding:12px 12px 14px}.stat__v{margin-top:10px;font-size:52px}.stat__v small{color:var(--text-3);margin-left:2px;font-size:.45em}.stat__sub{color:var(--text-3);margin-top:6px;font-size:12px}.cat-hero{margin:calc(-1 * (env(safe-area-inset-top) + 14px)) calc(-1 * var(--pad)) 0;padding:calc(env(safe-area-inset-top) + 14px) var(--pad) 18px;isolation:isolate;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.cat-hero:before{content:"";z-index:-1;--p:#f2f0e91a;background:var(--pat);position:absolute;inset:0 0 0 40%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 60%);mask-image:linear-gradient(90deg,#0000,#000 60%)}.cat-hero__sym{font-family:var(--display);font-weight:var(--dw);font-size:calc(132px * var(--ds));color:var(--sig-fg);letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);margin:18px 0 0 -10px}.cat-hero__name{font-family:var(--display);font-weight:var(--dw);font-size:calc(26px * var(--ds));letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);margin:14px 0 6px}.cat-hero__stats{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:18px;display:grid}.cat-hero__stats>div{background:var(--bg-2);padding:10px}.cat-hero__stats .num{margin-bottom:6px;font-size:36px;display:block}.deck-row{text-align:left;background:var(--bg-2);width:100%;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);grid-template-columns:28px 1fr auto;align-items:start;gap:12px;margin-bottom:4px;padding:14px 14px 14px 12px;transition:background .1s;display:grid}.deck-row:active{background:var(--bg-3)}.deck-row__n{font-family:var(--display);font-weight:var(--dw);font-size:calc(16px * var(--ds));color:var(--text-3);letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar)}.deck-row__title{font-size:15.5px;font-weight:800;font-stretch:112%;line-height:1.18}.deck-row__tag{color:var(--text-2);margin-top:4px;font-size:13px}.deck-row__meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.deck-row__score{text-align:right}.deck-row__score .num{font-size:38px;display:block}.level{align-items:center;gap:2px;display:inline-flex}.level i{background:var(--bg-4);width:10px;height:4px}.level i.on{background:var(--sig-fg)}.status{font-family:var(--mono);text-transform:uppercase;color:var(--text-3);letter-spacing:.06em;font-size:10.5px;font-stretch:112%}.status--sig{color:var(--sig-fg)}.upcoming{border-bottom:1px solid var(--line);color:var(--text-3);align-items:center;gap:12px;padding:11px 2px;font-size:14px;display:flex}.upcoming svg{flex:none;width:13px;height:13px}.toggle{grid-template-columns:1fr 1fr;gap:4px;display:grid}.toggle button{background:var(--bg-2);text-transform:uppercase;height:46px;color:var(--text-3);font-size:12px;font-weight:800;font-stretch:112%;transition:background .1s,color .1s}.toggle button[aria-pressed=true]{background:var(--text);color:var(--ink)}.fact{border-bottom:1px solid var(--line);text-align:left;grid-template-columns:34px 1fr;gap:10px;width:100%;padding:18px 0;display:grid}.fact__n{font-family:var(--display);font-weight:var(--dw);font-size:calc(17px * var(--ds));color:var(--text-3);letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar)}.fact__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.fact__q{color:var(--text-2);font-size:14px;font-weight:600}.fact__a{font-family:var(--display);font-weight:var(--dw);font-size:calc(19px * var(--ds));color:var(--sig-fg);letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);margin-top:8px;position:relative}.fact__a--hidden{color:#0000;-webkit-user-select:none;user-select:none}.fact__a--hidden:after{content:"";background:repeating-linear-gradient(-45deg, var(--bg-4) 0 6px, var(--bg-2) 6px 12px);position:absolute;inset:0 30% 0 0}.fact__note{color:var(--text-2);margin-top:10px;font-size:14px;line-height:1.45}.mnemo{background:var(--bg-3);border-left:3px solid var(--sig-fg);color:var(--text);align-items:flex-start;gap:10px;margin-top:10px;padding:10px 12px;font-size:13.5px;font-weight:600;line-height:1.4;display:flex}.mnemo svg{width:18px;height:18px;color:var(--sig-fg);flex:none}.dock{bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 10px);z-index:5;background:linear-gradient(to bottom, transparent, var(--bg) 35%);margin-top:22px;padding-top:20px;position:sticky}.app--bare .dock{bottom:calc(env(safe-area-inset-bottom) + 12px)}.quiz{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 12px) var(--pad) calc(env(safe-area-inset-bottom) + 16px);flex-direction:column;display:flex}.quiz__head{align-items:center;gap:12px;display:flex}.segments{flex:1;gap:2px;display:flex}.segments i{background:var(--bg-3);flex:1;height:10px;transition:background .15s}.segments i.ok{background:var(--sig)}.segments i.ko{background:var(--red)}.segments i.cur{background:var(--text)}.segments i.retry{background:repeating-linear-gradient(-45deg, var(--red) 0 3px, transparent 3px 6px)}.quiz__count{text-align:right;min-width:52px;font-size:26px}.quiz__count small{color:var(--text-3);font-size:.55em}.quiz__body{flex-direction:column;flex:1;padding-top:22px;display:flex}.quiz__tags{flex-wrap:wrap;gap:4px;min-height:24px;display:flex}.quiz__q{font-family:var(--sans);letter-spacing:-.02em;animation:enter .3s var(--out) both;margin:14px 0 22px;font-size:25px;font-weight:800;font-stretch:100%;line-height:1.15}.options{gap:4px;display:grid}.option{text-align:left;background:var(--bg-2);width:100%;min-height:62px;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);animation:rise .3s var(--out) both;align-items:center;gap:14px;padding:12px 16px 12px 0;font-size:16px;font-weight:700;line-height:1.2;transition:background .1s,color .1s,opacity .2s;display:flex;position:relative}.option:nth-child(2){animation-delay:30ms}.option:nth-child(3){animation-delay:60ms}.option:nth-child(4){animation-delay:90ms}.option:active{background:var(--bg-3)}.option__key{border-right:1px solid var(--line);width:46px;font-family:var(--display);font-size:calc(14px * var(--ds));font-weight:var(--dw);color:var(--text-3);letter-spacing:-.03em;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);flex:none;align-self:stretch;place-items:center;display:grid}.option--ok{background:var(--sig);color:var(--on-sig)}.option--ko{background:var(--red);color:var(--ink);animation:.35s steps(2,end) both glitch}.option--ok .option__key{color:var(--on-sig);border-color:color-mix(in srgb, var(--on-sig) 30%, transparent)}.option--ko .option__key,.option--picked .option__key{color:var(--ink);border-color:#0a0a0a40}.option--picked{background:var(--text);color:var(--ink)}.option--dim{opacity:.3}.options--locked .option{pointer-events:none}.explain{background:var(--bg-2);border-left:4px solid var(--sig);animation:rise .3s var(--out) both;margin-top:14px}.explain--ko{border-left-color:var(--red)}.explain__head{font-family:var(--display);font-weight:var(--dw);font-size:calc(18px * var(--ds));letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);align-items:center;gap:8px;padding:14px 16px 8px;display:flex}.explain__head svg{flex:none;width:24px;height:24px}.explain--ok .explain__head{color:var(--sig-fg)}.explain--ko .explain__head{color:var(--red);animation:.4s steps(2,end) both glitch}.explain__body{gap:12px;padding:0 16px 16px;display:grid}.explain__answer{font-family:var(--display);font-weight:var(--dw);font-size:calc(20px * var(--ds));color:var(--sig-fg);letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar)}.explain__text{color:var(--text);font-size:15px;line-height:1.5}.explain__note{color:var(--text-2);font-size:13.5px;line-height:1.45}.explain__picked{color:var(--text-2);background:var(--bg-3);border-left:3px solid var(--red);padding:10px 12px;font-size:13.5px;line-height:1.4}.explain__picked b{color:var(--text)}.explain__more{width:100%;font-family:var(--mono);text-transform:uppercase;color:var(--sig-fg);text-align:left;letter-spacing:.06em;padding:0 16px 14px;font-size:10px;font-stretch:112%;display:block}.quiz__foot{padding-top:16px}.flash{background:var(--bg-2);isolation:isolate;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);min-height:330px;animation:rise .3s var(--out) both;flex-direction:column;padding:18px 18px 20px;display:flex;position:relative;overflow:hidden}.flash:before{content:"";z-index:-1;--p:#f2f0e914;background:var(--pat);position:absolute;inset:55% 0 0}.flash__q{letter-spacing:-.02em;margin:14px 0 0;font-size:24px;font-weight:800;line-height:1.17}.flash__a{animation:rise .25s var(--out) both;margin-top:auto;padding-top:22px}.flash__a .fact__a{font-size:44px}.grades{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.grade{min-height:72px;font-family:var(--display);font-weight:var(--dw);font-size:calc(14px * var(--ds));color:var(--gt,var(--ink));background:var(--g);text-align:left;transition:transform 80ms var(--snap);letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);flex-direction:column;justify-content:space-between;align-items:flex-start;padding:10px 12px;display:flex}.grade small{font-family:var(--mono);opacity:.75;letter-spacing:.06em;font-size:9.5px;font-weight:700;font-stretch:112%}.grade:active{transform:translateY(2px)}.result{padding-top:4px}.result__big{font-family:var(--display);font-weight:var(--dw);font-size:calc(126px * var(--ds));color:var(--c);letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);align-items:flex-start;margin:10px 0 0 -8px;display:flex}.result__big small{letter-spacing:0;margin:.08em 0 0 .12em;font-size:.32em}.result__label{font-family:var(--display);font-weight:var(--dw);font-size:calc(29px * var(--ds));letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);margin:18px 0 6px}.gains{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:22px;display:grid}.mistake{background:var(--bg-2);border-left:3px solid var(--red);margin-bottom:4px;padding:14px}.mistake__q{color:var(--text-2);font-size:13.5px;font-weight:600}.mistake__a{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:6px;display:flex}.mistake__a s{color:var(--red);font-size:14px;font-weight:600}.mistake__a span{font-family:var(--display);font-weight:var(--dw);font-size:calc(14px * var(--ds));color:var(--sig-fg);letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar)}.mistake__x{color:var(--text-2);margin-top:8px;font-size:13.5px;line-height:1.45}.radar{width:100%;height:auto;display:block;overflow:visible}.radar__label{font-family:var(--display);font-weight:var(--dw);font-size:calc(12px * var(--ds));letter-spacing:-.03em;font-stretch:var(--dstretch);font-variation-settings:var(--dvar)}.radar__shape{transform-origin:0 0;animation:radar-in .6s var(--snap) both}@keyframes radar-in{0%{transform:scale(0)}}.legend{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;justify-content:center;gap:18px;margin-top:10px;font-size:10px;font-stretch:112%;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{background:var(--c);width:18px;height:4px}.legend i.dash{background:repeating-linear-gradient(90deg, var(--c) 0 5px, transparent 5px 8px)}.avatar{background:var(--c,var(--sig));width:72px;height:72px;color:var(--on-sig);font-family:var(--display);font-weight:var(--dw);font-size:calc(30px * var(--ds));clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);letter-spacing:-.03em;line-height:1;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);flex:none;place-items:center;padding-top:.08em;display:grid}.avatar--sm{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);width:40px;height:40px;font-size:28px}.id-card{align-items:flex-end;gap:14px;display:flex}.id-card__name{font-family:var(--display);font-weight:var(--dw);font-size:calc(29px * var(--ds));letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar)}.element-pill{background:var(--bg-2);align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.cat-line{text-align:left;border-bottom:1px solid var(--line);grid-template-columns:38px 1fr 44px;align-items:center;gap:10px;width:100%;padding:8px 0;display:grid}.cat-line__sym{font-family:var(--display);font-weight:var(--dw);font-size:calc(18px * var(--ds));letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar)}.cat-line__name{color:var(--text-2);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.cat-line__v{text-align:right;font-size:30px}.badges{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.badge{aspect-ratio:1/1.25;background:var(--sig);color:var(--on-sig);isolation:isolate;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));animation:rise .4s var(--out) both;flex-direction:column;padding:8px 9px 10px;display:flex;position:relative;overflow:hidden}.badge:before{content:"";z-index:-1;--p:color-mix(in srgb, var(--on-sig) 22%, transparent);background:var(--pat);position:absolute;inset:40% 0 0}.badge--engraved{background:var(--text);color:var(--ink)}.badge__sym{font-family:var(--display);font-weight:var(--dw);font-size:calc(26px * var(--ds));letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);margin-top:6px}.badge__title{margin-top:auto;font-size:11px;font-weight:800;font-stretch:100%;line-height:1.15}.badge--locked{background:var(--bg-2);color:var(--text-3)}.badge--locked:before{--p:#f2f0e912}.seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.seg button{background:var(--bg-2);text-transform:uppercase;height:40px;color:var(--text-3);padding:0 12px;font-size:11px;font-weight:800;font-stretch:112%}.seg button[aria-pressed=true]{background:var(--text);color:var(--ink)}.podium-row{text-align:left;background:var(--bg-2);grid-template-columns:34px 40px 1fr auto;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:10px 12px 10px 10px;display:grid}.podium-row--me{background:var(--sig);color:var(--on-sig)}.podium-row--me .podium-row__sub,.podium-row--me .podium-row__rank{color:var(--on-sig)}.podium-row--me .avatar{background:var(--ink);color:var(--sig-fg)}.podium-row__rank{font-family:var(--display);font-weight:var(--dw);font-size:calc(19px * var(--ds));color:var(--text-3);letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar)}.podium-row__name{font-weight:800;font-stretch:112%}.podium-row__sub{color:var(--text-3);font-size:12px}.podium-row__v{text-align:right;font-size:34px}.podium-row__v small{font-size:.45em}.move{font-family:var(--mono);text-align:right;letter-spacing:.06em;font-size:10px;font-stretch:112%;display:block}.move--up{color:var(--sig-fg)}.move--down{color:var(--red)}.podium-row--me .move{color:var(--on-sig)}.demo-note{background:repeating-linear-gradient(-45deg, var(--bg-2) 0 8px, var(--bg) 8px 16px);border-left:3px solid var(--sig-fg);color:var(--text-2);align-items:flex-start;gap:10px;padding:10px 12px;font-size:12.5px;display:flex}.code{font-family:var(--display);font-size:calc(23px * var(--ds));font-weight:var(--dw);letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar)}.game-code{grid-template-columns:repeat(4,1fr);gap:4px;margin:16px 0 6px;display:grid}.game-code span{background:var(--sig);height:110px;color:var(--on-sig);font-family:var(--display);font-weight:var(--dw);font-size:calc(58px * var(--ds));animation:rise .3s var(--out) both;letter-spacing:-.03em;line-height:1;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);place-items:center;padding-top:.08em;display:grid}.game-code span:nth-child(2){animation-delay:50ms}.game-code span:nth-child(3){animation-delay:.1s}.game-code span:nth-child(4){animation-delay:.15s}.code-input{text-align:center;background:var(--bg-2);width:100%;height:96px;font-family:var(--display);font-weight:var(--dw);font-size:calc(48px * var(--ds));letter-spacing:.25em;text-indent:.25em;color:var(--sig-fg);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);border:0;outline:none}.code-input:focus{box-shadow:inset 0 -4px 0 var(--sig)}.player{background:var(--bg-2);animation:rise .3s var(--out) both;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.player__name{flex:1;font-weight:800;font-stretch:112%}.waiting{color:var(--text-3)}.waiting:after{content:"_";animation:.8s step-end infinite blink}.mode-card{text-align:left;background:var(--bg-2);width:100%;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);align-items:center;gap:14px;padding:14px;transition:background .1s;display:flex}.mode-card:active{background:var(--bg-3)}.mode-card>div{flex:1}.mode-card__title{font-family:var(--display);font-weight:var(--dw);font-size:calc(18px * var(--ds));letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar)}.mode-card__sub{color:var(--text-2);margin-top:5px;font-size:13px}.elo{background:var(--bg-2);isolation:isolate;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);padding:14px 16px 16px;position:relative;overflow:hidden}.elo__rating{font-family:var(--display);font-weight:var(--dw);font-size:calc(72px * var(--ds));color:var(--c);letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);margin-top:10px}.elo__league{font-family:var(--display);font-weight:var(--dw);font-size:calc(17px * var(--ds));letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar)}.spark{width:100%;height:56px;margin-top:12px;display:block}.timer{background:var(--bg-3);height:6px;margin-top:12px;overflow:hidden}.timer i{background:var(--sig);transform-origin:0;height:100%;animation:timer var(--t) linear forwards;display:block}@keyframes timer{to{transform:scaleX(0)}}.round-banner{padding:30px 0 10px}.round-banner .num{color:var(--sig-fg);animation:stamp .4s var(--snap) both;margin-left:-10px;font-size:260px;line-height:.74;display:block}.duel{grid-template-columns:1fr 40px 1fr;align-items:center;gap:6px;padding:4px 0;display:grid}.duel__bar{background:var(--bg-2);height:12px;display:flex;overflow:hidden}.duel__bar--left{justify-content:flex-end}.duel__bar i{height:100%;transition:width .6s var(--snap);display:block}.duel__sym{text-align:center;font-family:var(--display);font-weight:var(--dw);font-size:calc(12px * var(--ds));letter-spacing:-.03em;line-height:1;font-stretch:var(--dstretch);font-variation-settings:var(--dvar)}.streak{align-items:center;gap:6px;display:flex}.streak svg{width:16px;height:16px;color:var(--red)}.row-card{text-align:left;background:var(--bg-2);width:100%;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);align-items:center;gap:14px;padding:12px 14px 12px 12px;transition:background .1s;display:flex}.row-card:active{background:var(--bg-3)}.row-card>div{flex:1;min-width:0}.row-card__title{font-family:var(--display);font-weight:var(--dw);font-size:calc(16px * var(--ds));letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar)}.row-card__sub{color:var(--text-2);margin-top:4px;font-size:13px}.badge-icon{background:var(--sig);width:54px;height:54px;color:var(--on-sig);flex:none;place-items:center;display:grid}.badge-icon--red{background:var(--red);color:var(--ink)}.badge-icon--dark{background:var(--bg-4);color:var(--sig-fg)}.badge-icon svg{width:26px;height:26px}.badge-icon .num{padding-top:.08em;font-size:40px}.tabbar{z-index:20;width:100%;max-width:480px;padding:0 4px env(safe-area-inset-bottom);background:var(--bg);border-top:1px solid var(--line-2);grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{color:var(--text-3);text-transform:uppercase;letter-spacing:.02em;flex-direction:column;align-items:center;gap:5px;padding:12px 0 10px;font-size:9.5px;font-weight:800;font-stretch:112%;display:flex;position:relative}.tab svg{width:22px;height:22px}.tab[aria-current=page]{color:var(--text)}.tab[aria-current=page]:before{content:"";background:var(--sig);height:3px;position:absolute;top:-1px;left:22%;right:22%}.tab[aria-current=page] svg{color:var(--sig-fg)}.tab--mix{color:var(--text);padding-top:8px}.tab--mix .fab{background:var(--sig);width:56px;height:34px;color:var(--on-sig);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);transition:transform 80ms var(--snap), background .1s;place-items:center;margin-top:0;display:grid}.tab--mix:active .fab{background:var(--text);transform:translateY(2px)}.tab--mix .fab svg,.tab--mix[aria-current=page] .fab svg{width:24px;height:24px;color:var(--on-sig)}.tab--mix[aria-current=page]:before{display:none}.welcome{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 16px) var(--pad) calc(env(safe-area-inset-bottom) + 20px);flex-direction:column;display:flex}.brand-row{justify-content:space-between;align-items:center;display:flex}.hero-title{font-family:var(--display);font-weight:var(--dw);font-size:calc(clamp(46px, 14vw, 64px) * var(--ds));letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);margin:0 0 0 -4px}.hero-title mark{color:var(--sig-fg);background:0 0}.field{background:var(--bg-2);width:100%;height:76px;font-family:var(--display);font-size:calc(26px * var(--ds));font-weight:var(--dw);color:var(--sig-fg);caret-color:var(--sig-fg);letter-spacing:-.03em;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);border:0;outline:none;padding:0 16px}.field:focus{box-shadow:inset 0 -4px 0 var(--sig)}.field::placeholder{color:var(--text-3);opacity:.5}.pillar{border-bottom:1px solid var(--line);grid-template-columns:54px 1fr;align-items:center;gap:12px;padding:10px 12px 10px 0;display:grid}.pillar .num{color:var(--sig-fg);font-size:56px}.pillar b{font-family:var(--display);font-weight:var(--dw);font-size:calc(14px * var(--ds));letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);display:block}.pillar span{color:var(--text-2);font-size:13px}.confetti{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.confetti i{width:10px;height:10px;animation:fall var(--t) steps(14) var(--delay) forwards;position:absolute;top:-20px}@keyframes fall{to{transform:translate(var(--x), 105vh)}}.spacer{flex:1}.row{align-items:center;gap:10px;display:flex}.row--between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{gap:6px;display:grid}.stack--s{gap:4px;display:grid}.center{text-align:center}.mt-s{margin-top:8px}.mt{margin-top:16px}.mt-l{margin-top:26px}.sig{color:var(--sig-fg)}.red{color:var(--red)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.mix-card__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mix-card__side{text-align:right;gap:8px;padding-top:12px;display:grid}.mix-card__side .num{font-size:34px;display:block}.mix-card__side .label{color:inherit;opacity:.75}.mix-card__cta{grid-template-columns:1fr auto;gap:4px;margin-top:14px;display:grid}.mix-btn{background:var(--on-sig);min-height:54px;color:var(--sig);text-transform:uppercase;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:transform 80ms var(--snap);justify-content:space-between;align-items:center;gap:10px;padding:0 16px 0 18px;font-size:13px;font-weight:800;font-stretch:125%;display:flex}.mix-btn:active{transform:translateY(2px)}.mix-btn svg{width:20px;height:20px}.mix-btn--alt{color:var(--on-sig);box-shadow:inset 0 0 0 2px var(--on-sig);clip-path:none;background:0 0;padding:0 14px}.quick{grid-template-columns:1fr 1fr;gap:6px;display:grid}.quick__item{text-align:left;background:var(--bg-2);isolation:isolate;min-height:150px;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);flex-direction:column;padding:12px;transition:background .1s;display:flex;position:relative;overflow:hidden}.quick__item:active{background:var(--bg-3)}.quick__item:before{content:"";z-index:-1;--p:#f2f0e917;background:var(--pat);position:absolute;inset:50% 0 0}.quick__big{font-family:var(--display);font-weight:var(--dw);font-size:calc(43px * var(--ds));letter-spacing:-.03em;line-height:.95;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);margin-top:auto}.quick__title{margin-top:8px;font-size:14px;font-weight:800;font-stretch:112%;line-height:1.15}.quick__item--hot .quick__big{color:var(--red)}.swatches{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.swatch{text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);opacity:.55;align-items:flex-end;height:72px;padding:8px;font-size:11px;font-weight:800;font-stretch:112%;transition:opacity .1s;display:flex}.swatch[aria-pressed=true]{opacity:1;box-shadow:inset 0 -5px #00000059}.seal{flex:none;place-items:center;display:inline-grid;position:relative}.seal svg{display:block;overflow:visible}.seal__disc{fill:var(--sig)}.seal__g{fill:var(--on-sig)}.seal__rim--a{fill:var(--glitch-a)}.seal__rim--b{fill:var(--glitch-b)}.seal__track{fill:none;stroke:color-mix(in srgb, var(--on-sig) 22%, transparent);stroke-width:5px}.seal__value{fill:none;stroke:var(--on-sig);stroke-width:5px;transition:stroke-dashoffset .9s var(--out)}.seal__ring{transform-origin:50px 50px;animation:18s linear infinite seal-spin}.seal__ring text{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;fill:var(--on-sig);font-size:9.6px;font-weight:800;font-stretch:112%}@keyframes seal-spin{to{transform:rotate(360deg)}}.seal__inner{color:var(--on-sig);font-family:var(--display);font-weight:var(--dw);letter-spacing:-.03em;line-height:1;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);place-items:center;display:grid;position:absolute;inset:0}.wordmark{font-family:var(--display);font-weight:var(--dw);letter-spacing:-.05em;line-height:1;font-stretch:var(--dstretch);font-variation-settings:var(--dvar);align-items:flex-start;gap:.06em;display:inline-flex}.wordmark .seal{margin-top:-.12em}.session-bar{align-items:center;gap:8px;display:flex}.steps{flex:1;gap:3px;display:flex}.steps span{background:var(--bg-2);text-transform:uppercase;height:34px;color:var(--text-3);flex:1;place-items:center;font-size:10.5px;font-weight:800;font-stretch:112%;transition:background .2s,color .2s;display:grid}.steps span.on{background:var(--sig);color:var(--on-sig)}.steps span.done{color:var(--sig-fg)}.countdown{text-align:right;min-width:62px;font-size:calc(26px * var(--ds))}.countdown.red{animation:1s steps(2,end) infinite pulse-red}@keyframes pulse-red{50%{opacity:.4}}.go-count{z-index:60;background:var(--sig);color:var(--on-sig);font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);font-size:calc(220px * var(--ds));place-items:center;line-height:1;display:grid;position:fixed;inset:0}.go-count span{animation:go-pop .9s var(--snap) both}@keyframes go-pop{0%{opacity:0;transform:scale(2.4)rotate(-12deg)}30%{opacity:1;transform:scale(1)rotate(0)}85%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(.6)}}.draw__title{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);font-size:calc(40px * var(--ds));letter-spacing:-.03em;margin:18px 0;line-height:.95}.reel{background:var(--bg-2);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);position:relative;overflow:hidden}.reel:before,.reel:after{content:"";z-index:2;pointer-events:none;height:18px;position:absolute;left:0;right:0}.reel:before{background:linear-gradient(var(--bg-2), transparent);top:0}.reel:after{background:linear-gradient(transparent, var(--bg-2));bottom:0}.reel__track{transition-property:transform;transition-timing-function:cubic-bezier(.15,.6,.15,1.04)}.reel__row{isolation:isolate;align-items:center;gap:14px;padding:0 16px;display:flex;position:relative}.reel__row:before{content:"";z-index:-1;--p:#f2f0e91a;background:var(--pat);position:absolute;inset:0 0 0 60%}.reel__sym{width:64px;font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);font-size:calc(46px * var(--ds));color:var(--sig-fg);line-height:1}.reel__name{font-size:15px;font-weight:800;font-stretch:112%;line-height:1.15}.reel--landed{background:var(--sig);color:var(--on-sig);animation:land .45s var(--snap)}.reel--landed .reel__sym{color:var(--on-sig)}.reel--landed:before{background:linear-gradient(var(--sig), transparent)}.reel--landed:after{background:linear-gradient(transparent, var(--sig))}@keyframes land{30%{transform:scale(1.04)rotate(-1deg)}60%{transform:scale(.99)rotate(.5deg)}}.draw__card{background:var(--bg-2);animation:rise .35s var(--out) both;align-items:center;gap:14px;margin-top:10px;padding:12px;display:flex}.draw__steps{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:10px;display:grid}.draw__steps>div{background:var(--bg-2);padding:10px}.draw__steps .num{font-size:calc(30px * var(--ds));margin-bottom:4px;display:block}.combo{right:var(--pad);top:calc(env(safe-area-inset-top) + 64px);z-index:5;background:var(--sig);color:var(--on-sig);font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);font-size:calc(20px * var(--ds));animation:combo-in .5s var(--snap) both;padding:6px 12px 5px;line-height:1;position:absolute;transform:rotate(-6deg)}.combo--hot{background:var(--red);color:var(--ink)}@keyframes combo-in{0%{transform:scale(.2)rotate(-30deg)}60%{transform:scale(1.25)rotate(-2deg)}to{transform:scale(1)rotate(-6deg)}}.burst{pointer-events:none;position:absolute;inset:0;overflow:visible}.burst i{background:var(--sig);width:8px;height:8px;animation:burst .6s var(--out) forwards;position:absolute;top:50%;left:50%}@keyframes burst{to{transform:translate(var(--bx), var(--by)) rotate(200deg) scale(.3);opacity:0}}.quiz{position:relative}.quiz--shake{animation:.35s steps(4,end) screen-shake}@keyframes screen-shake{25%{transform:translate(-4px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,1px)}}.title-card{background:var(--bg-2);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);align-items:center;gap:14px;padding:14px;display:flex}.title-card__name{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);font-size:calc(26px * var(--ds));letter-spacing:-.03em;line-height:1}.whatis{background:color-mix(in srgb, var(--sig) 16%, var(--bg-2));border-left:3px solid var(--sig-fg);padding:12px 14px 14px}.whatis__k{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.whatis__k b,.whatis-toggle b{background:var(--sig);width:20px;height:20px;color:var(--on-sig);font-family:var(--display);font-weight:var(--dw);border-radius:50%;flex:none;align-self:center;place-items:center;font-size:13px;line-height:1;display:inline-grid}.whatis__k span{text-transform:uppercase;letter-spacing:.06em;color:var(--sig-fg);font-size:10.5px;font-weight:800;font-stretch:112%}.whatis__k strong{width:100%;font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);font-size:calc(19px * var(--ds));letter-spacing:-.02em;line-height:1.05}.whatis__c{color:var(--text);margin-top:6px;font-size:14.5px;line-height:1.5}.whatis-toggle{background:var(--bg-3);color:var(--text-2);cursor:pointer;align-items:center;gap:8px;margin-top:10px;padding:6px 10px 6px 6px;font-size:12.5px;font-weight:700;display:inline-flex}.whatis-toggle:active{background:var(--bg-4)}.fact .whatis{margin-top:10px}.brand-logo{width:auto;display:block}.dash-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.dash-id{text-align:left;align-items:center;gap:12px;min-width:0;display:flex}.dash-id>span:last-child{gap:3px;min-width:0;display:grid}.dash-id__title{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);font-size:calc(19px * var(--ds));letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;line-height:1;overflow:hidden}.dash-streak{background:var(--bg-2);align-items:center;gap:4px;padding:6px 12px 6px 8px;display:flex}.dash-streak svg{width:24px;height:24px;color:var(--text-3)}.dash-streak svg.lit{color:var(--red);transform-origin:50% 90%;animation:1.6s ease-in-out infinite flicker}@keyframes flicker{0%,to{transform:scale(1)rotate(-2deg)}30%{transform:scale(1.08,.94)rotate(2deg)}60%{transform:scale(.95,1.06)rotate(-1deg)}}.dash-streak .num{font-size:calc(28px * var(--ds))}.dash-week{grid-template-columns:repeat(7,1fr);gap:4px;margin-top:14px;display:grid}.dash-week span{background:var(--bg-2);height:26px;color:var(--text-3);animation:rise .35s var(--out) both;place-items:center;font-size:10.5px;font-weight:800;display:grid}.dash-week span.on{background:var(--sig);color:var(--on-sig)}.dash-week span.today{box-shadow:inset 0 0 0 2px var(--text)}.dash-hello{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);font-size:calc(46px * var(--ds));letter-spacing:-.035em;animation:rise .45s var(--out) both;margin:24px 0 8px;line-height:.92}.dash-mood{color:var(--text-2);max-width:34ch;margin:0 0 6px;font-size:15px}.dash-sec{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hero{text-align:left;background:var(--sig);width:100%;color:var(--on-sig);isolation:isolate;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);transition:transform .1s var(--snap);margin-top:18px;padding:14px 16px 16px;display:block;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--on-sig) 7%, transparent) 0 14px, transparent 14px 28px);animation:3s linear infinite stripes;position:absolute;inset:-40px}@keyframes stripes{to{transform:translate(39.6px)}}.hero:active{transform:scale(.985)}.hero--go{animation:hero-go .75s var(--snap)}@keyframes hero-go{20%{transform:scale(.97)rotate(-.6deg)}45%{transform:scale(1.015)rotate(.5deg)}70%{transform:scale(.995)}}.hero__top{justify-content:space-between;gap:10px;display:flex}.hero__top .label{color:inherit;opacity:.8}.hero__top .num{font-size:15px}.hero__main{align-items:center;gap:22px;margin:18px 0 18px 6px;display:flex}.hero__title{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);font-size:calc(66px * var(--ds));letter-spacing:-.04em;line-height:.82}.hero__steps{border-top:2px solid var(--on-sig);align-items:center;gap:8px;padding-top:12px;display:flex}.hero__steps span{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:10.5px;font-weight:800}.hero__steps b{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);font-size:calc(24px * var(--ds));letter-spacing:-.02em;text-transform:none;line-height:1;display:block}.hero__steps i{opacity:.35;background:currentColor;flex:1;height:2px}.dice{perspective:520px;flex:none;display:inline-block}.dice__cube{width:100%;height:100%;transform-style:preserve-3d;animation:12s linear infinite dice-idle;display:block;position:relative}.dice__face{background:var(--on-sig);color:var(--sig);box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--sig) 35%, transparent);backface-visibility:hidden;border-radius:14%;place-items:center;display:grid;position:absolute;inset:0}.dice__face.f1{transform:translateZ(calc(var(--s) / 2))}.dice__face.f2{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.dice__face.f3{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.dice__face.f4{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.dice__face.f5{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.dice__face.f6{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.dice__sym{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);font-size:calc(var(--s) * .4);letter-spacing:-.04em;line-height:1}.dice__pip{background:var(--sig);border-radius:50%;width:9%;height:9%;position:absolute}.dice__pip--tl{top:11%;left:11%}.dice__pip--br{bottom:11%;right:11%}@keyframes dice-idle{0%{transform:rotateX(-22deg)rotateY(0)rotate(6deg)}to{transform:rotateX(-22deg)rotateY(360deg)rotate(6deg)}}.dice--roll{animation:dice-jump .75s var(--out)}.dice--roll .dice__cube{animation:.75s cubic-bezier(.2,.7,.3,1) forwards dice-roll}@keyframes dice-roll{0%{transform:rotateX(-22deg)rotateY(0)rotate(6deg)}to{transform:rotateX(698deg)rotateY(900deg)rotate(186deg)}}@keyframes dice-jump{40%{transform:translateY(-26px)scale(1.06)}80%{transform:translateY(2px)scale(.98)}}.missions{gap:4px;display:grid}.mission{text-align:left;background:var(--bg-2);grid-template-columns:48px 1fr 20px;align-items:center;gap:12px;width:100%;padding:10px 14px 10px 10px;transition:background .1s;display:grid}.mission:active{background:var(--bg-3)}.mission>svg{width:18px;height:18px;color:var(--text-3)}.mission__check{background:var(--bg-4);width:48px;height:48px;color:var(--text);place-items:center;display:grid}.mission__check .num{font-size:calc(22px * var(--ds))}.mission__check svg{width:24px;height:24px}.mission--done .mission__check{background:var(--sig);color:var(--on-sig);animation:check-pop .45s var(--snap) both}@keyframes check-pop{0%{transform:scale(.4)rotate(-20deg)}60%{transform:scale(1.15)rotate(4deg)}to{transform:scale(1)rotate(0)}}.mission__body{gap:2px;min-width:0;display:grid}.mission__title{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);font-size:calc(19px * var(--ds));letter-spacing:-.02em;line-height:1.05}.mission--done .mission__title{text-decoration:line-through;-webkit-text-decoration-color:var(--sig-fg);text-decoration-color:var(--sig-fg);color:var(--text-2);text-decoration-thickness:3px}.mission__sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.dash-stats{gap:4px;display:grid}.dash-bars{background:var(--bg-2);grid-template-columns:repeat(7,1fr);gap:6px;height:120px;padding:12px 12px 8px;display:grid}.dash-bars span{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.dash-bars i{width:100%;height:var(--h);background:var(--bg-4);transform-origin:bottom;animation:bar-grow .6s var(--out) both}.dash-bars .today i{background:var(--sig)}.dash-bars em{color:var(--text-3);min-height:12px;font-size:10px;font-style:normal;font-weight:700}@keyframes bar-grow{0%{transform:scaleY(0)}}.dash-kpis{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.dash-kpis>div{background:var(--bg-2);gap:6px;padding:10px 10px 12px;display:grid}.dash-kpis .num{font-size:calc(26px * var(--ds));line-height:1}.dash-kpis small{color:var(--text-3);font-size:.5em}.dash-kpis .label{font-size:9.5px;line-height:1.2}.pixmap{background:var(--bg-2);cursor:pointer;grid-template-columns:repeat(auto-fill,minmax(7px,1fr));gap:2px;width:100%;padding:12px;display:grid}.pixmap i{aspect-ratio:1;background:var(--bg-4);animation:pix-in .35s var(--out) both}.pixmap i.a{background:var(--sig)}.pixmap i.l{background:color-mix(in srgb, var(--text) 60%, transparent)}.pixmap i.d{background:var(--red);animation:pix-in .35s var(--out) both, pix-blink 1.4s steps(2) 1s infinite}@keyframes pix-in{0%{transform:scale(0)}}@keyframes pix-blink{50%{opacity:.35}}.pixlegend{color:var(--text-2);flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;display:flex}.pixlegend i{background:var(--bg-4);width:8px;height:8px;margin-right:4px;display:inline-block}.pixlegend i.a{background:var(--sig)}.pixlegend i.l{background:color-mix(in srgb, var(--text) 60%, transparent)}.pixlegend i.d{background:var(--red)}.seal__photo{border-radius:50%;position:absolute;inset:13%;overflow:hidden}.seal__photo img,.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar--photo{padding:0;overflow:hidden}.photo-edit{cursor:pointer;flex:none;position:relative}.photo-edit input{opacity:0;cursor:pointer;position:absolute;inset:0}.photo-edit__badge{background:var(--text);width:26px;height:26px;color:var(--ink);pointer-events:none;place-items:center;display:grid;position:absolute;bottom:-6px;right:-6px}.photo-edit__badge svg{width:14px;height:14px}.rank-head{background:var(--bg-2);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.rank-head__rating{font-size:calc(96px * var(--ds));color:var(--sig-fg);margin-top:8px;line-height:.85}.rank-head__delta{color:var(--text-2);align-items:baseline;gap:8px;margin-top:8px;font-weight:800;display:flex}.rank-head__delta.up{color:var(--sig-fg)}.rank-head__delta.down{color:var(--red)}.rank-head .seal__inner svg{color:var(--on-sig)}.rchart-box{background:var(--bg-2);margin-top:4px;padding:10px 6px 4px 10px}.rchart{touch-action:pan-y;cursor:crosshair;width:100%;height:auto;display:block}.rchart__grid{stroke:var(--text);stroke-opacity:.09;stroke-dasharray:2 4}.rchart__ylab,.rchart__xlab{fill:var(--text-3);font-family:var(--sans);font-size:10px;font-weight:700}.rchart__line{fill:none;stroke:var(--sig-fg);stroke-width:2.5px;stroke-linejoin:round;stroke-dasharray:2000;stroke-dashoffset:2000px;animation:chart-draw 1s var(--out) forwards}.rchart__area{animation:chart-fade .8s var(--out) .3s both}@keyframes chart-draw{to{stroke-dashoffset:0}}@keyframes chart-fade{0%{opacity:0}}.rchart__dot{fill:var(--bg-2);stroke:var(--text-2);stroke-width:1.5px}.rchart__dot.up{stroke:var(--sig-fg)}.rchart__dot.down{stroke:var(--red)}.rchart__cross{stroke:var(--text);stroke-opacity:.4}.rchart__hot{fill:var(--sig-fg)}.rchart__tip{fill:var(--text)}.rchart__tipv{fill:var(--ink);font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-size:13px}.rchart__tipd{fill:var(--ink);font-family:var(--sans);opacity:.7;font-size:9px;font-weight:700}.rchart-empty{text-align:center;place-items:center;gap:6px;min-height:150px;padding:16px;display:grid}.rchart-empty .num{font-size:calc(48px * var(--ds));color:var(--text-3)}.rank-stats{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px;display:grid}.rank-stats>div{background:var(--bg-2);gap:6px;padding:10px;display:grid}.rank-stats .num{font-size:calc(26px * var(--ds));line-height:1}.rank-stats small{color:var(--text-3);font-size:.5em}.wdl{background:var(--bg-2);margin-top:4px;padding:12px}.wdl__bar{gap:2px;height:12px;display:flex}.wdl__bar i{background:var(--bg-4);transform-origin:0;animation:bar-in .6s var(--out) both}.wdl__bar i.w,.wdl__legend i.w{background:var(--sig)}.wdl__bar i.d,.wdl__legend i.d{background:var(--text-2)}.wdl__bar i.l,.wdl__legend i.l{background:var(--red)}@keyframes bar-in{0%{transform:scaleX(0)}}.wdl__legend{color:var(--text-2);gap:16px;margin-top:8px;font-size:12px;display:flex}.wdl__legend i{width:8px;height:8px;margin-right:5px;display:inline-block}.game-row{background:var(--bg-2);grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:grid}.game-row__res{width:36px;height:36px;font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);background:var(--bg-4);place-items:center;font-size:18px;display:grid}.game-row__res.w{background:var(--sig);color:var(--on-sig)}.game-row__res.l{background:var(--red);color:var(--ink)}.game-row__who{gap:2px;display:grid}.game-row__delta{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-size:calc(22px * var(--ds));color:var(--text-2)}.game-row__delta.up{color:var(--sig-fg)}.game-row__delta.down{color:var(--red)}.soon{background:var(--sig);color:var(--on-sig);isolation:isolate;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);padding:16px;position:relative;overflow:hidden}.soon:before{content:"";z-index:-1;background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--on-sig) 7%, transparent) 0 14px, transparent 14px 28px);animation:3s linear infinite stripes;position:absolute;inset:-40px}.soon__tag{background:var(--on-sig);color:var(--sig);letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;font-size:10.5px;font-weight:800;display:inline-block}.soon__title{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);font-size:calc(30px * var(--ds));letter-spacing:-.03em;margin-top:10px;line-height:.95}.soon__text{margin:8px 0 0;font-size:14.5px;line-height:1.45}.soon__cta{grid-template-columns:1fr auto;gap:4px;margin-top:14px;display:grid}.soon__note{opacity:.8;margin-top:8px;font-size:12px}.mark-0{--pat:repeating-linear-gradient(45deg, var(--p) 0 3px, transparent 3px 11px)}.mark-1{--pat:radial-gradient(var(--p) 2.2px, transparent 2.6px) 0 0 / 11px 11px}.mark-2{--pat:linear-gradient(var(--p) 1.5px, transparent 1.5px) 0 0 / 12px 12px, linear-gradient(90deg, var(--p) 1.5px, transparent 1.5px) 0 0 / 12px 12px}.mark-3{--pat:conic-gradient(var(--p) 25%, transparent 0 50%, var(--p) 0 75%, transparent 0) 0 0 / 14px 14px}.ph{background:var(--bg);flex-direction:column;min-height:100dvh;padding:clamp(16px,3vw,40px);display:flex}.ph__bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.ph__code{color:var(--text-2);font-size:clamp(14px,1.6vw,20px);font-weight:700}.ph__code b{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);color:var(--sig-fg);letter-spacing:.06em;margin-left:6px;font-size:1.6em}.ph__lobby{flex:1;grid-template-columns:minmax(280px,1fr) 1.3fr;align-items:center;gap:clamp(16px,4vw,64px);padding-top:24px;display:grid}@media (width<=760px){.ph__lobby{grid-template-columns:1fr}}.ph__join{justify-items:start;gap:10px;display:grid}.ph__bigcode{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);letter-spacing:.04em;color:var(--sig-fg);font-size:clamp(72px,13vw,200px);line-height:.85}.ph__qr{width:clamp(140px,18vw,240px);height:auto;image-rendering:pixelated}.ph__url{word-break:break-all;font-size:12px}.ph__players{background:var(--bg-2);flex-direction:column;justify-content:center;align-self:stretch;padding:clamp(16px,3vw,40px);display:flex}.ph__count{font-size:clamp(16px,2vw,24px);font-weight:700}.ph__count .num{color:var(--sig-fg);margin-right:8px;font-size:clamp(56px,8vw,120px)}.ph__names{flex-wrap:wrap;gap:8px;min-height:60px;margin-top:16px;display:flex}.ph__name{background:var(--sig);color:var(--on-sig);font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);animation:name-pop .45s var(--snap) both;padding:10px 16px;font-size:clamp(18px,2.2vw,30px)}@keyframes name-pop{0%{opacity:0;transform:scale(.3)rotate(-10deg)}70%{opacity:1;transform:scale(1.12)rotate(2deg)}to{transform:scale(1)rotate(0)}}.ph__game{flex-direction:column;flex:1;gap:clamp(12px,2vw,28px);padding-top:clamp(12px,2vw,24px);display:flex}.ph__meta{align-items:center;gap:16px;display:flex}.ph__timer{background:var(--sig);width:clamp(64px,8vw,110px);height:clamp(64px,8vw,110px);color:var(--on-sig);border-radius:50%;place-items:center;margin-left:auto;font-size:clamp(32px,4.5vw,60px);display:grid}.ph__timer.red{background:var(--red);color:var(--ink);animation:1s steps(2,end) infinite pulse-red}.ph__meta .label:last-child:not(:first-child){margin-left:auto}.ph__q{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);letter-spacing:-.03em;max-width:24ch;animation:rise .4s var(--out) both;margin:0;font-size:clamp(28px,4.4vw,68px);line-height:1}.ph__answers{flex:1;grid-template-columns:1fr 1fr;align-content:end;gap:clamp(6px,1vw,14px);display:grid}.ph__ans{background:var(--bg-2);isolation:isolate;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);min-height:clamp(70px,11vh,140px);animation:rise .4s var(--out) both;align-items:center;gap:clamp(10px,1.5vw,20px);padding:0 clamp(14px,2vw,28px) 0 0;transition:opacity .3s,background .3s;display:flex;position:relative;overflow:hidden}.ph__ans:nth-child(2){animation-delay:50ms}.ph__ans:nth-child(3){animation-delay:.1s}.ph__ans:nth-child(4){animation-delay:.15s}.ph__ans:before{content:"";z-index:-1;--p:#f2f0e91f;background:var(--pat);width:45%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.ph__mark{background:var(--bg-4);width:clamp(54px,7vw,100px);font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);isolation:isolate;flex:none;align-self:stretch;place-items:center;font-size:clamp(26px,3.4vw,50px);display:grid;position:relative;overflow:hidden}.ph__mark:after{content:"";z-index:-1;--p:#f2f0e938;background:var(--pat);position:absolute;inset:0}.ph__txt{font-size:clamp(17px,2.3vw,34px);font-weight:800;line-height:1.15}.ph__ans--ok{background:var(--sig);color:var(--on-sig)}.ph__ans--ok .ph__mark{background:color-mix(in srgb, var(--on-sig) 20%, transparent)}.ph__ans--ko{opacity:.35}.ph__stat{align-items:center;gap:10px;width:30%;margin-left:auto;display:flex}.ph__stat i{opacity:.6;transform-origin:0;height:12px;animation:bar-in .6s var(--out) both;background:currentColor;display:block}.ph__stat b{font-family:var(--display);font-size:clamp(18px,2.4vw,32px)}.ph__foot{align-items:center;gap:16px;display:flex}.ph__progress{background:var(--bg-2);flex:1;height:10px}.ph__progress i{background:var(--sig);height:100%;transition:width .3s var(--out);display:block}.ph__foot--reveal{justify-content:space-between;align-items:flex-end}.ph__learn{max-width:60ch;font-size:clamp(14px,1.5vw,18px)}.ph__board,.ph__podium{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.ph__title{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(40px,7vw,110px);line-height:.9}.ph__rows{gap:6px;width:min(900px,100%);display:grid}.ph__row{background:var(--bg-2);text-align:left;animation:rise .4s var(--out) both;grid-template-columns:60px 1fr auto auto;align-items:center;gap:16px;padding:12px 20px;display:grid}.ph__row:first-child{background:var(--sig);color:var(--on-sig)}.ph__row .num{font-size:clamp(24px,3vw,44px)}.ph__rname{font-size:clamp(18px,2.4vw,32px);font-weight:800}.podium{grid-template-columns:repeat(3,minmax(90px,220px));align-items:end;gap:10px;display:grid}.podium__step{animation:rise .6s var(--snap) both;flex-direction:column;align-items:center;gap:6px;display:flex}.podium__step--1{animation-delay:.6s}.podium__step--2{animation-delay:.3s}.podium__step--3{animation-delay:0s}.podium__name{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-size:clamp(20px,2.6vw,38px)}.podium__score{color:var(--text-2);font-size:clamp(16px,1.8vw,24px)}.podium__block{background:var(--bg-3);place-items:center;width:100%;font-size:clamp(40px,6vw,90px);display:grid}.podium__step--1 .podium__block{background:var(--sig);height:clamp(140px,26vh,300px);color:var(--on-sig)}.podium__step--2 .podium__block{height:clamp(100px,18vh,210px)}.podium__step--3 .podium__block{height:clamp(70px,12vh,150px)}.pp{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 12px) var(--pad) calc(env(safe-area-inset-bottom) + 16px);flex-direction:column;display:flex}.pp__bar{justify-content:space-between;align-items:center;display:flex}.pp__center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.pp__big{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);font-size:calc(56px * var(--ds));letter-spacing:-.03em;animation:name-pop .5s var(--snap) both;line-height:.95}.pp__rank{font-size:calc(160px * var(--ds));color:var(--sig-fg);animation:name-pop .5s var(--snap) both;line-height:.85}.pp__q{flex-direction:column;flex:1;gap:12px;padding-top:12px;display:flex}.pp__qtext{font-size:18px;font-weight:800;line-height:1.25}.pp__grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:6px;min-height:52vh;display:grid}.pp__btn{text-align:left;background:var(--bg-2);isolation:isolate;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);transition:transform 80ms var(--snap), opacity .2s, background .15s;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;padding:0 12px 14px 0;font-size:15px;font-weight:800;line-height:1.2;display:flex;position:relative;overflow:hidden}.pp__btn>span:last-child{padding-left:12px}.pp__btn:before{content:"";z-index:-1;--p:#f2f0e91f;background:var(--pat);position:absolute;inset:40% 0 0}.pp__btn .ph__mark{width:54px;height:54px;font-size:28px}.pp__btn:active{transform:scale(.96)}.pp__btn--picked{background:var(--sig);color:var(--on-sig)}.pp__btn--dim{opacity:.3}.pp__res .pp__icon{width:120px;height:120px;animation:name-pop .45s var(--snap) both;border-radius:50%;place-items:center;margin-bottom:16px;display:grid}.pp__res .pp__icon svg{width:64px;height:64px}.pp__res--ok .pp__icon{background:var(--sig);color:var(--on-sig)}.pp__res--ko .pp__icon{background:var(--red);color:var(--ink)}.daily-cats{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.daily-cat{aspect-ratio:1;background:var(--bg-2);font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);font-size:calc(30px * var(--ds));isolation:isolate;animation:rise .4s var(--out) both;place-items:center;display:grid;position:relative;overflow:hidden}.daily-cat:before{content:"";z-index:-1;--p:#f2f0e924;background:var(--pat);position:absolute;inset:50% 0 0}.daily-cat:nth-child(2){animation-delay:40ms}.daily-cat:nth-child(3){animation-delay:80ms}.daily-cat:nth-child(4){animation-delay:.12s}.daily-cat:nth-child(5){animation-delay:.16s}.daily-cat:nth-child(6){animation-delay:.2s}.daily-cat:nth-child(7){animation-delay:.24s}.daily-cat:nth-child(8){animation-delay:.28s}.daily-cat:nth-child(9){animation-delay:.32s}.daily-cat:nth-child(10){animation-delay:.36s}.daily-grid{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.daily-grid i{aspect-ratio:1;background:var(--bg-4);animation:name-pop .4s var(--snap) both}.daily-grid i.ok{background:var(--sig)}.daily-grid i.late{background:#ff8b1f}.versus{background:var(--bg-2);text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:14px;display:grid}.versus>div:not(.versus__mid){gap:4px;display:grid}.versus .num{font-size:calc(36px * var(--ds))}.versus__mid{background:var(--red);color:var(--ink);font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-size:calc(20px * var(--ds));padding:8px 12px;transform:rotate(-4deg)}.versus--win .versus__mid{background:var(--sig);color:var(--on-sig)}.share-row{grid-template-columns:1fr auto;gap:6px;display:grid}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);z-index:70;background:var(--text);color:var(--ink);animation:rise .3s var(--out) both;padding:12px 18px;font-size:14px;font-weight:800;position:fixed;transform:translate(-50%)}.daily-banner{text-align:left;background:var(--bg-2);width:100%;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:6px;padding:12px 14px 12px 12px;display:grid}.daily-banner__n{background:var(--text);width:56px;height:56px;color:var(--ink);font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-size:calc(22px * var(--ds));place-items:center;line-height:1;display:grid}.daily-banner--done .daily-banner__n{background:var(--sig);color:var(--on-sig)}.daily-banner__title{font-family:var(--display);font-weight:var(--dw);font-stretch:var(--dstretch);font-variation-settings:var(--dvar);font-size:calc(20px * var(--ds));line-height:1.05}.daily-banner .daily-grid{gap:2px;width:120px}.about ul{color:var(--text-2);gap:10px;padding-left:18px;display:grid}.about p{color:var(--text-2)}.about b{color:var(--text)}.about__legal{grid-template-columns:auto 1fr;gap:8px 16px;font-size:14px;display:grid}.about__legal dt{color:var(--text-3)}.about__legal dd{margin:0}.report{color:var(--text-3);text-underline-offset:3px;margin-top:10px;font-size:12px;font-weight:700;text-decoration:underline;display:inline-block}
