:root,[data-ds-theme=light]{--ds-paper: #F6F5F1;--ds-surface: #FFFFFF;--ds-surface-2: #EFEDE7;--ds-ink: #17171C;--ds-ink-2: #45444D;--ds-ink-3-base: #66656E;--ds-rule-base: rgba(23, 23, 28, .12);--ds-rule-strong: rgba(23, 23, 28, .22);--ds-brand: #6A4CFF;--ds-brand-hover: #5E3FFA;--ds-brand-text: #5536E8;--ds-brand-edge: #4228C9;--ds-brand-soft: #ECE8FF;--ds-on-brand: #FFFFFF;--ds-real: #0A8F66;--ds-real-text: #08734F;--ds-real-soft: #E4F3EC;--ds-miss: #E0482C;--ds-miss-text: #C23A20;--ds-miss-soft: #FCEEEA;--ds-on-miss: #FFFFFF;--ds-gold: #F2B533;--ds-gold-deep: #C98A0B;--ds-gold-text: #8A5A00;--ds-gold-soft: #FFF3D6;--ds-gold-rule: rgba(242, 181, 51, .35);--ds-canvas: #FFFFFF;--ds-canvas-grid: rgba(23, 23, 28, .06);--ds-canvas-grid-major: rgba(23, 23, 28, .11);--ds-canvas-line: #17171C;--ds-shadow-1: 0 1px 2px rgba(23, 23, 28, .06), 0 1px 1px rgba(23, 23, 28, .04);--ds-shadow-2: 0 8px 24px -10px rgba(23, 23, 28, .18), 0 2px 4px rgba(23, 23, 28, .05);--ds-glass: rgba(246, 245, 241, .78);--ds-glass-thick: rgba(246, 245, 241, .94);--ds-glass-rule: rgba(23, 23, 28, .1);--ds-scrim: rgba(23, 23, 28, .32)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ds-paper: #0F0F13;--ds-surface: #1A1A21;--ds-surface-2: #24242C;--ds-ink: #F3F2EE;--ds-ink-2: #C4C3CC;--ds-ink-3-base: #9998A3;--ds-rule-base: rgba(243, 242, 238, .1);--ds-rule-strong: rgba(243, 242, 238, .2);--ds-brand: #6A4CFF;--ds-brand-hover: #5E3FFA;--ds-brand-text: #A897FF;--ds-brand-edge: #4027C2;--ds-brand-soft: #25213F;--ds-on-brand: #FFFFFF;--ds-real: #2FCF98;--ds-real-text: #4ED9A8;--ds-real-soft: #13261F;--ds-miss: #FF7657;--ds-miss-text: #FF8B70;--ds-miss-soft: #2C1915;--ds-on-miss: #1A0C08;--ds-gold: #F2B533;--ds-gold-deep: #B57A06;--ds-gold-text: #F6C75A;--ds-gold-soft: #2E2616;--ds-gold-rule: rgba(242, 181, 51, .35);--ds-canvas: #15151B;--ds-canvas-grid: rgba(243, 242, 238, .045);--ds-canvas-grid-major: rgba(243, 242, 238, .085);--ds-canvas-line: #F3F2EE;--ds-shadow-1: 0 1px 0 rgba(255, 255, 255, .03) inset;--ds-shadow-2: 0 10px 30px -12px rgba(0, 0, 0, .6);--ds-glass: rgba(15, 15, 19, .74);--ds-glass-thick: rgba(26, 26, 33, .94);--ds-glass-rule: rgba(243, 242, 238, .1);--ds-scrim: rgba(0, 0, 0, .55)}}:root[data-theme=dark],[data-ds-theme=dark]{--ds-paper: #0F0F13;--ds-surface: #1A1A21;--ds-surface-2: #24242C;--ds-ink: #F3F2EE;--ds-ink-2: #C4C3CC;--ds-ink-3-base: #9998A3;--ds-rule-base: rgba(243, 242, 238, .1);--ds-rule-strong: rgba(243, 242, 238, .2);--ds-brand: #6A4CFF;--ds-brand-hover: #5E3FFA;--ds-brand-text: #A897FF;--ds-brand-edge: #4027C2;--ds-brand-soft: #25213F;--ds-on-brand: #FFFFFF;--ds-real: #2FCF98;--ds-real-text: #4ED9A8;--ds-real-soft: #13261F;--ds-miss: #FF7657;--ds-miss-text: #FF8B70;--ds-miss-soft: #2C1915;--ds-on-miss: #1A0C08;--ds-gold: #F2B533;--ds-gold-deep: #B57A06;--ds-gold-text: #F6C75A;--ds-gold-soft: #2E2616;--ds-gold-rule: rgba(242, 181, 51, .35);--ds-canvas: #15151B;--ds-canvas-grid: rgba(243, 242, 238, .045);--ds-canvas-grid-major: rgba(243, 242, 238, .085);--ds-canvas-line: #F3F2EE;--ds-shadow-1: 0 1px 0 rgba(255, 255, 255, .03) inset;--ds-shadow-2: 0 10px 30px -12px rgba(0, 0, 0, .6);--ds-glass: rgba(15, 15, 19, .74);--ds-glass-thick: rgba(26, 26, 33, .94);--ds-glass-rule: rgba(243, 242, 238, .1);--ds-scrim: rgba(0, 0, 0, .55)}[data-ds-theme=light]{color-scheme:light}[data-ds-theme=dark]{color-scheme:dark}:root,[data-ds-theme]{--ds-rule: var(--ds-rule-base);--ds-ink-3: var(--ds-ink-3-base);--ds-you: var(--ds-brand);--ds-gold-sheen: linear-gradient(145deg, #FFE08A, var(--ds-gold) 48%, var(--ds-gold-deep))}@media(prefers-contrast:more){:root,[data-ds-theme]{--ds-rule: var(--ds-rule-strong);--ds-ink-3: var(--ds-ink-2)}}:root{--ds-font-ui: system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ds-font-display: ui-rounded, "SF Pro Rounded", "Nunito", "Nunito Fallback", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--ds-t-score: 4.5rem;--ds-t-hero: 2.5rem;--ds-t-h1: 1.75rem;--ds-t-h2: 1.25rem;--ds-t-body: 1rem;--ds-t-small: .875rem;--ds-t-micro: .75rem;--ds-w-text: 400;--ds-w-label: 600;--ds-w-title: 700;--ds-w-hero: 800;--ds-s-1: 4px;--ds-s-2: 8px;--ds-s-3: 12px;--ds-s-4: 16px;--ds-s-5: 20px;--ds-s-6: 24px;--ds-s-8: 32px;--ds-s-10: 40px;--ds-s-12: 48px;--ds-s-16: 64px;--ds-gutter: 16px;--ds-max: 1180px;--ds-tap: 44px;--ds-btn-h: 52px;--ds-r-s: 8px;--ds-r-m: 14px;--ds-r-l: 20px;--ds-r-xl: 28px;--ds-r-pill: 999px;--ds-d-fast: .12s;--ds-d-base: .22s;--ds-d-slow: .36s;--ds-d-long: .52s;--ds-d-epic: .8s;--ds-ease-out: cubic-bezier(.23, 1, .32, 1);--ds-ease-in-out: cubic-bezier(.77, 0, .175, 1);--ds-blur: blur(20px) saturate(1.4)}@media(min-width:960px){:root{--ds-t-score: 5.5rem;--ds-t-hero: 3.5rem;--ds-t-h1: 2rem;--ds-t-h2: 1.375rem;--ds-gutter: 32px}}.ds-page{background:var(--ds-paper);color:var(--ds-ink);font:var(--ds-w-text) var(--ds-t-body)/1.5 var(--ds-font-ui);letter-spacing:0}[data-ds-theme]{background:var(--ds-paper);color:var(--ds-ink)}.ds-score{font:var(--ds-w-hero) var(--ds-t-score)/1 var(--ds-font-display);letter-spacing:-.045em}.ds-hero{font:var(--ds-w-hero) var(--ds-t-hero)/1.08 var(--ds-font-display);letter-spacing:-.025em;text-wrap:balance}.ds-h1{font:var(--ds-w-hero) var(--ds-t-h1)/1.15 var(--ds-font-display);letter-spacing:-.015em;text-wrap:balance}.ds-h2{font:var(--ds-w-title) var(--ds-t-h2)/1.3 var(--ds-font-display);letter-spacing:-.01em}.ds-body{font:var(--ds-w-text) var(--ds-t-body)/1.5 var(--ds-font-ui)}.ds-small{font:var(--ds-w-text) var(--ds-t-small)/1.4 var(--ds-font-ui)}.ds-micro{font:var(--ds-w-label) var(--ds-t-micro)/1.33 var(--ds-font-ui);letter-spacing:.02em}.ds-eyebrow{font:var(--ds-w-label) var(--ds-t-micro)/1.33 var(--ds-font-ui);letter-spacing:.02em;color:var(--ds-ink-3)}.ds-muted{color:var(--ds-ink-2)}.ds-faint{color:var(--ds-ink-3)}.ds-num{font-family:var(--ds-font-display);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.ds-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ds-page :focus-visible,[data-ds-theme] :focus-visible,.ds-btn:focus-visible,.ds-icon-btn:focus-visible,.ds-link:focus-visible,.ds-card--interactive:focus-visible,.ds-tab:focus-visible,.ds-topnav a:focus-visible{outline:3px solid var(--ds-brand);outline-offset:3px}.ds-link{display:inline-flex;align-items:center;min-height:var(--ds-tap);color:var(--ds-brand-text);font-weight:var(--ds-w-label);font-size:var(--ds-t-small);text-decoration:none;border-radius:6px}.ds-link:hover{text-decoration:underline;text-underline-offset:3px}.ds-btn{--ds-edge: 0px;--ds-edge-color: transparent;appearance:none;border:0;margin:0 0 var(--ds-edge);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--ds-btn-h);padding:0 var(--ds-s-6);border-radius:var(--ds-r-m);font:var(--ds-w-title) 1.0625rem/1 var(--ds-font-display);letter-spacing:.005em;text-decoration:none;white-space:nowrap;user-select:none;box-shadow:0 var(--ds-edge) 0 0 var(--ds-edge-color);transform:translateY(0);transition:transform var(--ds-d-fast) var(--ds-ease-out),box-shadow var(--ds-d-fast) var(--ds-ease-out),background-color var(--ds-d-base) var(--ds-ease-out),border-color var(--ds-d-base) var(--ds-ease-out);-webkit-tap-highlight-color:transparent}.ds-btn svg{width:20px;height:20px;flex:none}.ds-btn:active:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]){transform:translateY(var(--ds-edge));box-shadow:0 0 0 0 var(--ds-edge-color)}.ds-btn--primary{--ds-edge: 4px;--ds-edge-color: var(--ds-brand-edge);background:var(--ds-brand);color:var(--ds-on-brand)}.ds-btn--primary:hover{background:var(--ds-brand-hover)}.ds-btn--secondary{--ds-edge: 3px;--ds-edge-color: var(--ds-rule-strong);background:var(--ds-surface);color:var(--ds-ink);border:1.5px solid var(--ds-rule-strong)}.ds-btn--secondary:hover{border-color:var(--ds-ink-3)}.ds-btn--quiet{background:transparent;color:var(--ds-ink-2);min-height:var(--ds-tap);padding:0 var(--ds-s-3);font-size:var(--ds-t-small)}.ds-btn--quiet:hover{color:var(--ds-ink);background:var(--ds-surface-2)}.ds-btn--block{display:flex;width:100%}.ds-btn:disabled,.ds-btn[aria-disabled=true]{cursor:not-allowed;background:var(--ds-surface-2);color:var(--ds-ink-3);border-color:transparent;--ds-edge-color: var(--ds-rule)}.ds-btn--quiet:disabled,.ds-btn--quiet[aria-disabled=true]{background:transparent}.ds-btn[aria-busy=true]{cursor:progress}.ds-btn--primary[aria-busy=true]{background:var(--ds-brand-edge)}.ds-icon-btn{appearance:none;margin:0;padding:0;cursor:pointer;width:var(--ds-tap);height:var(--ds-tap);flex:none;display:inline-grid;place-items:center;border-radius:50%;background:var(--ds-surface);border:1px solid var(--ds-rule);color:var(--ds-ink);transition:transform var(--ds-d-fast) var(--ds-ease-out),border-color var(--ds-d-base) var(--ds-ease-out);-webkit-tap-highlight-color:transparent}.ds-icon-btn svg{width:20px;height:20px}.ds-icon-btn:hover{border-color:var(--ds-rule-strong)}.ds-icon-btn:active{transform:scale(.94)}.ds-icon-btn--bare{background:transparent;border-color:transparent;color:var(--ds-ink-3)}.ds-icon-btn--bare:hover{color:var(--ds-ink);border-color:transparent}.ds-card{display:block;background:var(--ds-surface);color:var(--ds-ink);border:1px solid var(--ds-rule);border-radius:var(--ds-r-l);box-shadow:var(--ds-shadow-1);padding:var(--ds-s-5)}.ds-card--flat{box-shadow:none}.ds-card--hero{border-radius:var(--ds-r-xl);padding:var(--ds-s-6) var(--ds-s-5)}.ds-card--sunken{background:var(--ds-paper);box-shadow:none}.ds-card--elevated{box-shadow:var(--ds-shadow-2)}.ds-card--interactive{cursor:pointer;text-decoration:none;text-align:left;font:inherit;width:100%;transition:border-color var(--ds-d-base) var(--ds-ease-out),transform var(--ds-d-fast) var(--ds-ease-out);-webkit-tap-highlight-color:transparent}.ds-card--interactive:hover{border-color:var(--ds-rule-strong)}.ds-card--interactive:active{transform:scale(.97)}.ds-card--interactive[aria-current=true],.ds-card--interactive[aria-pressed=true]{border-color:var(--ds-brand);box-shadow:inset 0 0 0 1px var(--ds-brand)}.ds-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ds-s-3);margin:var(--ds-s-8) 0 var(--ds-s-3)}.ds-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 8px;border-radius:var(--ds-r-pill);background:var(--ds-surface);border:1px solid var(--ds-rule);color:var(--ds-ink);font:var(--ds-w-label) var(--ds-t-small)/1 var(--ds-font-ui);white-space:nowrap}.ds-chip svg{width:18px;height:18px;flex:none}.ds-chip--streak svg{color:var(--ds-miss)}.ds-tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--ds-r-pill);background:var(--ds-surface-2);color:var(--ds-ink-2);font:var(--ds-w-title) var(--ds-t-micro)/1 var(--ds-font-ui);letter-spacing:.02em;white-space:nowrap}.ds-tag:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.ds-tag--nodot:before{content:none}.ds-tag--brand{background:var(--ds-brand-soft);color:var(--ds-brand-text)}.ds-tag--real{background:var(--ds-real-soft);color:var(--ds-real-text)}.ds-tag--miss{background:var(--ds-miss-soft);color:var(--ds-miss-text)}.ds-tag--gold{background:var(--ds-gold-soft);color:var(--ds-gold-text)}.ds-ruler{--ds-value: 0;display:block;position:relative;height:14px}.ds-ruler__track{position:absolute;inset:0 0 auto;height:6px;border-radius:3px;background:var(--ds-surface-2);overflow:hidden}.ds-ruler__fill{display:block;height:100%;width:calc(var(--ds-value) * 100%);background:var(--ds-ink);border-radius:3px;transition:width var(--ds-d-slow) var(--ds-ease-out)}.ds-ruler__ticks{position:absolute;inset:8px 0 auto;height:6px;display:flex;justify-content:space-between}.ds-ruler__ticks i{width:1px;height:4px;background:var(--ds-rule-strong)}.ds-ruler__ticks i:nth-child(5n+1){height:6px;background:var(--ds-ink-3)}.ds-ruler--reward .ds-ruler__fill{background:var(--ds-gold)}.ds-tabbar{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:30;transform:translate(-50%);width:min(calc(100% - 24px),420px);display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin:0;padding:6px;list-style:none;border-radius:22px;background:var(--ds-glass);border:1px solid var(--ds-glass-rule);-webkit-backdrop-filter:var(--ds-blur);backdrop-filter:var(--ds-blur);box-shadow:var(--ds-shadow-2)}.ds-tabbar--inline{position:relative;left:auto;bottom:auto;transform:none;margin:0 auto}.ds-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--ds-btn-h);border-radius:16px;color:var(--ds-ink-3);text-decoration:none;font:var(--ds-w-label) var(--ds-t-micro)/1.1 var(--ds-font-ui);transition:color var(--ds-d-base) var(--ds-ease-out),background-color var(--ds-d-base) var(--ds-ease-out)}.ds-tab svg{width:22px;height:22px}.ds-tab:hover{color:var(--ds-ink)}.ds-tab[aria-current=page]{color:var(--ds-brand-text);background:var(--ds-brand-soft)}.ds-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--ds-s-6);height:64px;padding:0 var(--ds-gutter);background:var(--ds-glass);border-bottom:1px solid var(--ds-glass-rule);-webkit-backdrop-filter:var(--ds-blur);backdrop-filter:var(--ds-blur)}.ds-topbar--inline{position:relative;border:1px solid var(--ds-glass-rule);border-radius:var(--ds-r-l)}.ds-brandmark{display:inline-flex;align-items:center;gap:10px;color:var(--ds-ink);text-decoration:none;font:var(--ds-w-hero) 1.25rem/1 var(--ds-font-display);letter-spacing:-.02em}.ds-brandmark svg{width:30px;height:30px}.ds-topnav{display:flex;gap:2px}.ds-topnav a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:12px;color:var(--ds-ink-2);text-decoration:none;font:var(--ds-w-label) var(--ds-t-small)/1 var(--ds-font-ui);transition:background-color var(--ds-d-base) var(--ds-ease-out)}.ds-topnav a svg{width:18px;height:18px}.ds-topnav a:hover{background:var(--ds-surface-2)}.ds-topnav a[aria-current=page]{background:var(--ds-brand-soft);color:var(--ds-brand-text)}.ds-topbar__end{margin-left:auto;display:flex;align-items:center;gap:var(--ds-s-2)}.ds-sheet{box-sizing:border-box;width:min(100%,560px);max-height:min(88dvh,720px);overflow:auto;margin:auto auto 0;padding:var(--ds-s-2) var(--ds-s-5) calc(var(--ds-s-6) + env(safe-area-inset-bottom,0px));border:1px solid var(--ds-glass-rule);border-bottom:0;border-radius:var(--ds-r-xl) var(--ds-r-xl) 0 0;background:var(--ds-glass-thick);color:var(--ds-ink);-webkit-backdrop-filter:var(--ds-blur);backdrop-filter:var(--ds-blur);box-shadow:var(--ds-shadow-2)}.ds-sheet::backdrop{background:var(--ds-scrim)}.ds-sheet--inline{display:block;position:relative;margin:0 auto;border-bottom:1px solid var(--ds-glass-rule);border-radius:var(--ds-r-xl)}.ds-sheet__grabber{display:block;width:36px;height:5px;margin:0 auto var(--ds-s-4);border-radius:3px;background:var(--ds-rule-strong)}.ds-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-s-3);margin-bottom:var(--ds-s-2)}.ds-sheet__actions{display:grid;gap:var(--ds-s-2);margin-top:var(--ds-s-6)}@media(min-width:960px){.ds-sheet{margin:auto;border-bottom:1px solid var(--ds-glass-rule);border-radius:var(--ds-r-xl)}}@media(prefers-reduced-motion:no-preference){.ds-sheet[open]{animation:ds-sheet-in var(--ds-d-slow) var(--ds-ease-out)}}@keyframes ds-sheet-in{0%{transform:translateY(24px);opacity:0}}.ds-toast{display:flex;align-items:center;gap:var(--ds-s-3);max-width:440px;padding:var(--ds-s-3) var(--ds-s-2) var(--ds-s-3) var(--ds-s-4);border-radius:var(--ds-r-l);background:var(--ds-surface);color:var(--ds-ink);border:1px solid var(--ds-rule);box-shadow:var(--ds-shadow-2);font-size:var(--ds-t-small);line-height:1.35}.ds-toast>svg{width:20px;height:20px;flex:none}.ds-toast__body{flex:1;min-width:0}.ds-toast__body small{display:block;font:var(--ds-w-title) var(--ds-t-micro)/1.33 var(--ds-font-ui);letter-spacing:.02em;color:var(--ds-ink-3)}.ds-toast__body b{display:block;font-weight:var(--ds-w-title);font-size:var(--ds-t-body);line-height:1.25}.ds-toast--real{box-shadow:inset 4px 0 0 var(--ds-real),var(--ds-shadow-2)}.ds-toast--real>svg{color:var(--ds-real-text)}.ds-toast--miss{box-shadow:inset 4px 0 0 var(--ds-miss),var(--ds-shadow-2)}.ds-toast--miss>svg{color:var(--ds-miss-text)}.ds-toast--reward{padding-left:var(--ds-s-3)}.ds-toast--reward .ds-toast__body small{color:var(--ds-gold-text)}@media(prefers-reduced-motion:no-preference){.ds-toast--enter{animation:ds-toast-in var(--ds-d-base) var(--ds-ease-out)}}@keyframes ds-toast-in{0%{transform:translateY(-8px);opacity:0}}.ds-notice{display:flex;align-items:center;gap:var(--ds-s-3);padding:var(--ds-s-3) var(--ds-s-4);border-radius:var(--ds-r-m);border:1px dashed var(--ds-rule-strong);color:var(--ds-ink-2);font-size:var(--ds-t-small);line-height:1.4}.ds-notice>svg{width:20px;height:20px;flex:none;color:var(--ds-ink-3)}.ds-notice>span{flex:1;min-width:0}.ds-notice--real{border:0;background:var(--ds-real-soft);color:var(--ds-ink)}.ds-notice--real>svg{color:var(--ds-real-text)}.ds-notice--miss{border:0;background:var(--ds-miss-soft);color:var(--ds-ink)}.ds-notice--miss>svg{color:var(--ds-miss-text)}.ds-coin{display:inline-block;flex:none;width:18px;height:18px;vertical-align:-3px;border-radius:50%;background:var(--ds-gold);box-shadow:inset 0 0 0 2px var(--ds-gold-deep)}.ds-medal{position:relative;flex:none;width:44px;height:44px;border-radius:50%;background:var(--ds-gold-sheen);box-shadow:inset 0 0 0 3px var(--ds-gold-deep);display:grid;place-items:center;color:var(--ds-gold-deep)}.ds-medal svg{width:22px;height:22px}.ds-gain{padding:var(--ds-s-4);border-radius:var(--ds-r-l);background:var(--ds-gold-soft);border:1px solid var(--ds-gold-rule)}.ds-gain small{display:block;font:var(--ds-w-title) var(--ds-t-micro)/1.33 var(--ds-font-ui);letter-spacing:.02em;color:var(--ds-gold-text)}.ds-gain .ds-num{display:block;font-size:1.75rem;font-weight:var(--ds-w-hero);line-height:1.15;color:var(--ds-ink)}@media(prefers-reduced-transparency:reduce){.ds-tabbar,.ds-topbar,.ds-sheet{background:var(--ds-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.ds-btn,.ds-icon-btn,.ds-card--interactive,.ds-tab,.ds-topnav a,.ds-ruler__fill{transition:none}.ds-btn:active:not(:disabled),.ds-card--interactive:active,.ds-icon-btn:active{transform:none}}@font-face{font-family:Nunito;font-style:normal;font-weight:600 800;font-display:swap;src:url(/assets/fonts/nunito-latin.woff2) format("woff2")}@font-face{font-family:Nunito Fallback;font-weight:600 800;src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Bold");size-adjust:102%;ascent-override:99.1%;descent-override:34.6%;line-gap-override:0%}:root{color-scheme:light;--bg: #F6F5F1;--surface: #FFFFFF;--ink: #17171C;--ink-2: #45444D;--accent: #6A4CFF;--accent-soft: #ECE8FF;--good: #0A8F66;--bad: #E0482C;--separator: rgba(23, 23, 28, .12);--gold: #F2B533;--bg-elevated: var(--ds-surface);--surface-2: var(--ds-surface-2);--ink-3: var(--ds-ink-3);--accent-text: var(--ds-brand-text);--accent-fill: var(--ds-brand);--good-text: var(--ds-real-text);--bad-text: var(--ds-miss-text);--gold-text: var(--ds-gold-text);--warn: var(--ds-gold);--brand-1: var(--ds-brand);--brand-2: var(--ds-brand);--brand-3: var(--ds-miss);--brand-4: var(--ds-gold);--material: var(--ds-glass);--scrim: var(--ds-scrim);--knob: #FFFFFF;--track-off: var(--ds-rule-strong);--seg-on: var(--ds-surface);--glass: var(--ds-surface);--glass-strong: var(--ds-surface);--glass-border: var(--ds-rule);--glass-hi: transparent;--glass-hover: var(--ds-surface);--blur: 0px;--shadow-1: var(--ds-shadow-1);--shadow-2: var(--ds-shadow-2);--radius: 14px;--radius-lg: 20px;--radius-card: 20px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 999px;--spring: var(--ds-ease-out);--ease-out: var(--ds-ease-out);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out-expo: var(--ds-ease-out);--ease-spring: var(--ds-ease-out);--dur-fast: .12s;--dur: .22s;--dur-slow: .36s;--font: var(--ds-font-ui);--font-display: var(--ds-font-display);--topbar-h: 56px;--tabbar-h: 64px;--tabbar-gap: 12px;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--hairline: 1px;--page-max: 560px}@media(min-resolution:2dppx){:root{--hairline: .5px}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0F0F13;--surface: #1A1A21;--ink: #F3F2EE;--ink-2: #C4C3CC;--accent-soft: #25213F;--good: #2FCF98;--bad: #FF7657;--separator: rgba(243, 242, 238, .1)}}:root[data-theme=dark]{color-scheme:dark;--bg: #0F0F13;--surface: #1A1A21;--ink: #F3F2EE;--ink-2: #C4C3CC;--accent-soft: #25213F;--good: #2FCF98;--bad: #FF7657;--separator: rgba(243, 242, 238, .1)}*,*:before,*:after{box-sizing:border-box}html{overflow-x:clip;overscroll-behavior-y:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}body{margin:0;min-height:100vh;min-height:100dvh;background:transparent;color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.4;letter-spacing:-.005em;overflow-x:clip;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}[hidden]{display:none!important}h1,h2,h3,h4,p,ol,ul,figure{margin:0}h1,h2,h3{font-family:var(--font-display)}button{font:inherit;color:inherit;margin:0}a{color:var(--accent-text);text-decoration:none}img,svg,canvas{display:block;max-width:100%}:focus-visible{outline:3px solid var(--ds-brand);outline-offset:3px;border-radius:6px}::selection{background:var(--ds-brand-soft);color:inherit}.icon{width:24px;height:24px;flex:none}main{width:100%;max-width:var(--page-max);margin:0 auto;padding-top:calc(var(--topbar-h) + var(--sat) + 12px);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:calc(32px + var(--sab))}html:has(#scroller),html:has(#scroller) body{height:100%;overflow:hidden}.app-scroller{position:fixed;inset:0;overflow-x:clip;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;scroll-padding-bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + var(--sab) + 12px);scroll-padding-top:calc(var(--topbar-h) + var(--sat) + 12px);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink-3) 55%,transparent) transparent}main#app{padding-bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + var(--sab) + 32px);min-height:100%;display:flex;flex-direction:column}main#app>*{width:100%}main#app>:first-child{margin-top:auto}main#app>:last-child{margin-bottom:auto}body:not([data-screen=play]):has(#consent:not([hidden])) main#app{padding-bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + var(--sab) + 190px)}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:calc(var(--topbar-h) + var(--sat));padding:var(--sat) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:var(--ds-glass);border-bottom:1px solid var(--ds-glass-rule);-webkit-backdrop-filter:var(--ds-blur);backdrop-filter:var(--ds-blur);view-transition-name:topbar}.topbar-back{grid-column:1;justify-self:start;color:var(--ink)}.topbar-title{grid-column:2;justify-self:center;min-width:0;max-width:min(60vw,420px);color:var(--ink);font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:-.02em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title-group{grid-column:2;justify-self:center;display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:min(60vw,420px);color:var(--ink);text-decoration:none}.hdr-logo{flex:none;display:block;border-radius:8px}.topbar-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:6px;min-width:0}.topbar-globals{grid-column:3;justify-self:end;display:flex;align-items:center;gap:6px;flex:none}.hdr-lang,.hdr-account{font-size:13px;font-weight:800;text-decoration:none}.hdr-avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--ds-brand);color:var(--ds-on-brand);font-size:13px;font-weight:800}.topbar-actions .progress{width:96px}body[data-screen]{--topbar-h: 0px}body[data-screen] .topbar{top:calc(var(--sat) + 10px);left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));height:44px;padding:0;background:none;border-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}body[data-screen] .topbar-title{display:none}body[data-screen] .topbar-back,body[data-screen] .topbar-actions>*{pointer-events:auto}body[data-screen] .topbar-back,body[data-screen] .topbar-actions>.icon-btn{background:var(--ds-surface);box-shadow:var(--ds-shadow-1),inset 0 0 0 1px var(--ds-rule)}body[data-screen]:has(#topbar-back:not([hidden])) main#app{padding-top:calc(var(--sat) + 64px)}.tabbar{position:fixed;left:50%;bottom:calc(var(--tabbar-gap) + var(--sab));z-index:50;display:flex;align-items:stretch;gap:2px;width:min(calc(100% - 24px),440px);height:var(--tabbar-h);padding:6px;border-radius:22px;background:var(--ds-glass);-webkit-backdrop-filter:var(--ds-blur);backdrop-filter:var(--ds-blur);box-shadow:var(--ds-shadow-2),inset 0 0 0 1px var(--ds-glass-rule);transform:translate(-50%);isolation:isolate;view-transition-name:tabbar}.tabbar:before{content:"";position:absolute;z-index:-1;top:6px;bottom:6px;left:0;width:var(--ind-w, 0px);border-radius:16px;background:var(--ds-brand-soft);transform:translate(var(--ind-x, 0px));opacity:0;transition:transform var(--ds-d-base) var(--ds-ease-out),width var(--ds-d-base) var(--ds-ease-out),opacity var(--ds-d-fast)}.tabbar[data-ind]:before{opacity:1}.tabbar[data-ind=none]:before{opacity:0}.tabbar.no-ind-anim:before{transition:none}.tab{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:16px;color:var(--ds-ink-3);font:var(--ds-w-label) 11px/1.1 var(--ds-font-ui);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color var(--ds-d-base) var(--ds-ease-out),background-color var(--ds-d-base) var(--ds-ease-out)}.tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.tab .icon{width:22px;height:22px;transition:transform var(--ds-d-fast) var(--ds-ease-out)}.tab:active .icon{transform:scale(.92)}.tab[aria-current]{color:var(--ds-brand-text)}.tabbar:not([data-ind]) .tab[aria-current]{background:var(--ds-brand-soft)}@media(hover:hover){.tab:not([aria-current]):hover{color:var(--ds-ink)}}body[data-screen=play] .tabbar{display:none}body[data-screen=play] main#app{padding-bottom:calc(16px + var(--sab))}.title-1{font-family:var(--font-display);font-size:28px;font-weight:800;line-height:1.12;letter-spacing:-.03em;text-wrap:balance}.headline{font-size:17px;font-weight:700;line-height:1.3;letter-spacing:-.01em}.body{font-size:17px;font-weight:400;line-height:1.45}.footnote{font-size:13px;line-height:1.4}.text-secondary{color:var(--ink-2)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.section{margin:0 0 32px}.section:last-child{margin-bottom:0}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;padding:0 4px}.section-title>:first-child{min-width:0;font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.025em}.section-title:not(:has(>*)){font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.025em}.section-title>:last-child:not(:first-child){flex:none;color:var(--accent-text);font-family:var(--font);font-size:15px;font-weight:700;letter-spacing:0}.glass,.card{position:relative;background:var(--ds-surface);color:var(--ds-ink);border-radius:var(--ds-r-l);box-shadow:var(--ds-shadow-1),inset 0 0 0 1px var(--ds-rule)}.card{padding:var(--ds-s-5)}.card+.card{margin-top:12px}:where(a.card,button.card,a.glass,button.glass){display:block;width:100%;border:0;color:inherit;text-align:inherit;cursor:pointer;transition:transform var(--ds-d-fast) var(--ds-ease-out),box-shadow var(--ds-d-base) var(--ds-ease-out)}a.card:active,button.card:active,a.glass:active,button.glass:active{transform:scale(.97)}.card-hero{position:relative;isolation:isolate;overflow:hidden;padding:var(--ds-s-6) var(--ds-s-5);border-radius:var(--ds-r-xl);background:var(--ds-surface);color:var(--ds-ink);box-shadow:var(--ds-shadow-1),inset 0 0 0 1px var(--ds-rule)}.inset{padding-left:16px;padding-right:16px}.scroller{display:flex;gap:12px;margin:0 -16px;padding:4px 16px 14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 16px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroller::-webkit-scrollbar{display:none}.scroller>*{flex:none;scroll-snap-align:start}.list{margin:0;padding:0;list-style:none;background:var(--ds-surface);border-radius:var(--ds-r-l);box-shadow:var(--ds-shadow-1),inset 0 0 0 1px var(--ds-rule);overflow:hidden}.chevron{flex:none;width:9px;height:9px;margin:0 3px 0 2px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(-45deg);transition:transform var(--ds-d-base) var(--ds-ease-out)}.btn{--btn-edge: 3px;--btn-edge-color: var(--ds-rule-strong);position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:0;border-radius:var(--ds-r-m);background:var(--ds-surface);color:var(--ds-ink);box-shadow:0 var(--btn-edge) 0 var(--btn-edge-color),inset 0 0 0 1.5px var(--ds-rule-strong);font-family:var(--ds-font-display);font-size:16px;font-weight:var(--ds-w-title);letter-spacing:.005em;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform var(--ds-d-fast) var(--ds-ease-out),box-shadow var(--ds-d-fast) var(--ds-ease-out),background-color var(--ds-d-base) var(--ds-ease-out)}.btn .icon{width:20px;height:20px}.btn:active:not(:disabled):not([aria-disabled=true]){transform:translateY(var(--btn-edge));box-shadow:0 0 0 var(--btn-edge-color),inset 0 0 0 1.5px var(--ds-rule-strong)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;background:var(--ds-surface-2);color:var(--ds-ink-3);box-shadow:none}.ripple{display:none}.btn>*{position:relative;z-index:1}.btn-primary,.btn-gold{--btn-edge: 4px;--btn-edge-color: var(--ds-brand-edge);background:var(--ds-brand);color:var(--ds-on-brand);box-shadow:0 var(--btn-edge) 0 var(--btn-edge-color)}.btn-primary:active:not(:disabled):not([aria-disabled=true]),.btn-gold:active:not(:disabled):not([aria-disabled=true]){box-shadow:0 0 0 var(--btn-edge-color)}.btn-secondary,.btn-glass{background:var(--ds-surface);color:var(--ds-ink)}.btn-tinted{--btn-edge: 0px;background:var(--ds-brand-soft);color:var(--ds-brand-text);box-shadow:none}.btn-plain{--btn-edge: 0px;background:transparent;color:var(--ds-brand-text);box-shadow:none;padding:0 12px}.btn-tinted:active:not(:disabled),.btn-plain:active:not(:disabled){box-shadow:none}.btn-large{width:100%;min-height:var(--ds-btn-h);padding:0 24px;font-size:17px}.btn-large .icon{width:22px;height:22px}.btn-small{min-height:36px;padding:0 14px;font-size:14px}.btn-small .icon{width:16px;height:16px}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform var(--ds-d-fast) var(--ds-ease-out),background-color var(--ds-d-base) var(--ds-ease-out)}.icon-btn:active{transform:scale(.94);background:var(--ds-surface-2)}.icon-btn .icon{width:24px;height:24px}.icon-btn[aria-pressed=true]{background:var(--ds-brand-soft);color:var(--ds-brand-text)}.topbar .icon-btn{background:var(--ds-surface);box-shadow:inset 0 0 0 1px var(--ds-rule);width:44px;height:44px}.topbar .icon-btn .icon{width:22px;height:22px}.segmented{position:relative;isolation:isolate;display:flex;padding:4px;border-radius:var(--ds-r-m);background:var(--ds-surface-2);box-shadow:inset 0 0 0 1px var(--ds-rule);--seg-n: 2;--seg-i: 0}.segmented-item{position:relative;z-index:1;flex:1 1 0;min-width:0;min-height:36px;padding:0 8px;border:0;border-radius:10px;background:transparent;color:var(--ds-ink-2);font-size:14px;font-weight:var(--ds-w-label);line-height:1.2;white-space:normal;overflow-wrap:anywhere;padding-block:4px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:color var(--ds-d-base) var(--ds-ease-out),transform var(--ds-d-fast) var(--ds-ease-out),background-color var(--ds-d-base)}.segmented-item:active{transform:scale(.97)}.segmented-item:is([aria-pressed=true],[aria-selected=true]){color:var(--ds-brand-text);background:var(--ds-brand-soft)}@supports selector(:has(a)){.segmented:before{content:"";position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--seg-n));border-radius:10px;background:var(--ds-brand-soft);transform:translate(calc(100% * var(--seg-i)));transition:transform var(--ds-d-base) var(--ds-ease-out);opacity:0}.segmented:has(>.segmented-item:is([aria-pressed=true],[aria-selected=true])):before{opacity:1}.segmented:has(>.segmented-item:is([aria-pressed=true],[aria-selected=true]))>.segmented-item:is([aria-pressed=true],[aria-selected=true]){background:transparent;box-shadow:none}.segmented:has(>.segmented-item:nth-child(3)){--seg-n: 3}.segmented:has(>.segmented-item:nth-child(4)){--seg-n: 4}.segmented:has(>.segmented-item:nth-child(5)){--seg-n: 5}.segmented:has(>.segmented-item:nth-child(6)){--seg-n: 6}.segmented:has(>.segmented-item:nth-child(2):is([aria-pressed=true],[aria-selected=true])){--seg-i: 1}.segmented:has(>.segmented-item:nth-child(3):is([aria-pressed=true],[aria-selected=true])){--seg-i: 2}.segmented:has(>.segmented-item:nth-child(4):is([aria-pressed=true],[aria-selected=true])){--seg-i: 3}.segmented:has(>.segmented-item:nth-child(5):is([aria-pressed=true],[aria-selected=true])){--seg-i: 4}.segmented:has(>.segmented-item:nth-child(6):is([aria-pressed=true],[aria-selected=true])){--seg-i: 5}}.switch{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:52px;height:32px;margin:0;border:0;border-radius:var(--radius-pill);background:var(--ds-rule-strong);cursor:pointer;transition:background-color var(--ds-d-base) var(--ds-ease-out)}.switch:before{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:var(--knob);box-shadow:0 2px 4px #17171c33;transition:transform var(--ds-d-base) var(--ds-ease-out),width var(--ds-d-fast) var(--ds-ease-out)}.switch:active:before{width:32px}.switch:checked{background:var(--ds-brand)}.switch:checked:before{transform:translate(20px)}.switch:checked:active:before{transform:translate(14px)}.switch:disabled{opacity:.4;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px}.field label{padding:0 6px;color:var(--ink-2);font-size:13px;font-weight:600;line-height:1.3}.field input,.field select,.field textarea{width:100%;min-height:50px;padding:0 16px;border:0;border-radius:var(--ds-r-m);background:var(--ds-surface);box-shadow:inset 0 0 0 1px var(--ds-rule-strong);color:var(--ds-ink);font:inherit;font-size:17px;line-height:1.3;transition:box-shadow var(--ds-d-base) var(--ds-ease-out)}.field textarea{padding:12px 16px;min-height:96px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--ink-3)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ds-brand)}.field>.footnote{padding:0 6px;color:var(--ink-2)}.chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:32px;padding:6px 12px;border-radius:var(--ds-r-pill);background:var(--ds-surface);box-shadow:inset 0 0 0 1px var(--ds-rule);color:var(--ds-ink);font:var(--ds-w-label) 13px/1.2 var(--ds-font-ui);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.chip .icon{width:16px;height:16px}.chip[data-tone=brand]{background:var(--ds-brand-soft);color:var(--ds-brand-text);box-shadow:none}.chip[data-tone=good]{background:var(--ds-real-soft);color:var(--ds-real-text);box-shadow:none}.chip[data-tone=bad]{background:var(--ds-miss-soft);color:var(--ds-miss-text);box-shadow:none}.chip[data-tone=gold]{background:var(--ds-gold-soft);color:var(--ds-gold-text);box-shadow:none}.kpi{display:flex;flex-direction:column;gap:4px;min-width:0}.kpi-value{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.kpi-label{color:var(--ink-2);font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}.icon-badge{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--ds-r-m);background:var(--ds-surface-2);color:var(--ds-ink)}.icon-badge .icon{width:22px;height:22px}.ring{position:relative;display:inline-grid;place-items:center;width:var(--ring-size, 120px);height:var(--ring-size, 120px);flex:none}.ring>svg{grid-area:1 / 1;width:100%;height:100%;overflow:visible}.ring-track{stroke:var(--separator)}.ring-label{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;line-height:1}.ring-value{font-family:var(--font-display);font-size:calc(var(--ring-size, 120px) * .26);font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.ring-sub{color:var(--ink-2);font-size:max(11px,calc(var(--ring-size, 120px) * .1));font-weight:700;letter-spacing:.02em}.tilt{transform-style:preserve-3d;transition:transform var(--ds-d-long) var(--ds-ease-out);will-change:transform}.tilt.is-tilting{transition:transform var(--ds-d-fast) var(--ds-ease-out)}.anim-in{animation:anim-in var(--ds-d-long) var(--ds-ease-out) backwards;animation-delay:calc(min(var(--i, 0),16)*60ms)}.anim-pop{animation:anim-pop var(--ds-d-long) var(--ds-ease-out) backwards;animation-delay:calc(min(var(--i, 0),16)*60ms)}@keyframes anim-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes anim-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}.screen-play{display:flex;flex-direction:column;gap:8px}.hud{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;height:38px;padding:0 2px}.hud-progress{min-width:2.2em;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.hud-name{color:var(--ink-2);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instruction{min-height:2.6em;font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:-.015em;line-height:1.3;text-align:center;text-wrap:balance}.stage{position:relative;width:100%;max-width:min(100%,calc(100dvh - 310px));aspect-ratio:1;margin:0 auto;border-radius:var(--ds-r-l);background:var(--bg);box-shadow:var(--ds-shadow-1),0 0 0 1px var(--ds-rule);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;transition:box-shadow var(--dur)}@supports not (height: 100dvh){.stage{max-width:min(100%,calc(100vh - 310px))}}#canvas{display:block;width:100%;height:100%;outline:none;cursor:crosshair;touch-action:none}.stage:has(#canvas:focus-visible){box-shadow:var(--ds-shadow-1),0 0 0 3px var(--ds-brand)}.hint{min-height:1.5em;color:var(--ink-2);font-size:14px;line-height:1.5;text-align:center}.actions{margin-top:8px}.actions:not(:has(.btn:not([hidden]))){display:none}#btn-confirm,#btn-next{width:100%;min-height:56px;font-size:18px;font-weight:800}.reveal-panel{margin-top:8px;animation:anim-in var(--ds-d-slow) var(--ds-ease-out) backwards}.reveal-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;padding:0 4px}.reveal-error{flex:1 1 auto;min-width:0;color:var(--ink-2);font-size:14px;line-height:1.3}.reveal-score{flex:0 0 auto;font-family:var(--font-display);font-size:32px;font-weight:800;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ds-ink);animation:anim-pop var(--ds-d-long) var(--ds-ease-out) backwards}.stars{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:34px;line-height:1}.star{display:inline-flex;color:var(--separator);transition:color var(--dur),filter var(--dur)}.star svg{width:1em;height:1em;fill:currentColor}.star[data-on]{color:var(--ds-gold)}.stars .star[data-on]{animation:star-pop var(--ds-d-epic) var(--ds-ease-out) backwards}.stars .star:nth-child(2)[data-on]{animation-delay:.14s}.stars .star:nth-child(3)[data-on]{animation-delay:.28s}@keyframes star-pop{0%{transform:scale(.2) rotate(-40deg);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}.breakdown{list-style:none;margin:0;padding:0 18px;background:var(--ds-surface);border-radius:var(--ds-r-l);box-shadow:var(--ds-shadow-1),inset 0 0 0 1px var(--ds-rule)}.breakdown li{display:grid;grid-template-columns:minmax(96px,1.1fr) minmax(56px,1fr) auto;grid-template-areas:"name   bar score" "detail bar score";align-items:center;column-gap:14px;row-gap:2px;padding:14px 0;border-bottom:var(--hairline) solid var(--separator)}.breakdown li:last-child{border-bottom:0}.series{margin:0 0 32px}.series:last-child{margin-bottom:0}.rank-list{list-style:none;margin:0;padding:0;background:var(--ds-surface);border-radius:var(--ds-r-l);box-shadow:var(--ds-shadow-1),inset 0 0 0 1px var(--ds-rule);overflow:hidden}.rank-row{position:relative;display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 16px}.rank-row:after{content:"";position:absolute;left:64px;right:16px;bottom:0;height:var(--hairline);background:var(--separator)}.rank-row:last-child:after{display:none}.rank-row[data-me]{background:var(--ds-brand-soft)}.rank-row[data-me]:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--ds-brand)}.rank-row[data-me] .rank-name{color:var(--ink);font-weight:800}.rank-pos{flex:none;width:30px;color:var(--ink-2);font-size:15px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.rank-row .avatar{width:38px;height:38px}.rank-name{flex:1 1 auto;min-width:0;font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-score{flex:none;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.rank-offline{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;color:var(--ink-2);font-size:15px;line-height:1.4;text-align:center}.rank-offline{color:var(--gold-text)}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:84px;padding:14px 10px;background:var(--ds-surface);border-radius:var(--ds-r-l);box-shadow:var(--ds-shadow-1),inset 0 0 0 1px var(--ds-rule);text-align:center}.streak{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px 0 8px;border-radius:var(--ds-r-pill);background:var(--ds-surface);color:var(--ds-ink);box-shadow:inset 0 0 0 1px var(--ds-rule);font-size:14px;font-weight:var(--ds-w-label);font-variant-numeric:tabular-nums}.streak .icon{width:18px;height:18px;color:var(--ds-miss)}.avatar{flex:none;display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--surface-2);box-shadow:0 0 0 1.5px var(--glass-border);overflow:hidden}.avatar svg{width:100%;height:100%}.avatar-xl{width:96px;height:96px;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--ds-brand)}.progress{position:relative;width:100%;height:8px;border-radius:var(--ds-r-pill);background:var(--ds-surface-2);overflow:hidden}.progress-fill{position:relative;display:block;width:0;height:100%;border-radius:var(--ds-r-pill);background:var(--ds-ink);transition:width var(--ds-d-slow) var(--ds-ease-out)}.progress[data-tone=gold] .progress-fill{background:var(--ds-gold)}.progress[data-tone=good] .progress-fill{background:var(--ds-real)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:220px;padding:40px 20px;color:var(--ink-2);font-size:15px;line-height:1.45;text-align:center}.empty>.icon{width:64px;height:64px;padding:16px;border-radius:var(--ds-r-l);background:var(--ds-surface-2);color:var(--ds-ink-2)}.empty .headline{color:var(--ink)}.skeleton{position:relative;display:block;min-height:1em;border-radius:10px;background:var(--ds-surface-2);color:transparent;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.sheet{position:fixed;inset:0;top:var(--vvt, 0px);height:var(--vvh, 100%);z-index:200;display:flex;align-items:flex-end;justify-content:center}.sheet-scrim{position:absolute;inset:0;background:var(--ds-scrim);animation:fade-in var(--ds-d-base) var(--ds-ease-out) both}.sheet-panel{position:relative;width:100%;max-width:560px;max-height:min(90dvh,calc(100dvh - var(--topbar-h) - var(--sat)));max-height:min(90dvh,calc(var(--vvh, 100dvh) - var(--sat) - 12px));display:flex;flex-direction:column;padding-bottom:var(--sab);background:var(--ds-glass-thick);color:var(--ds-ink);-webkit-backdrop-filter:var(--ds-blur);backdrop-filter:var(--ds-blur);border-radius:var(--ds-r-xl) var(--ds-r-xl) 0 0;box-shadow:var(--ds-shadow-2),inset 0 0 0 1px var(--ds-glass-rule);overflow:hidden;animation:sheet-in var(--ds-d-slow) var(--ds-ease-out) both}.sheet-grabber{flex:none;width:40px;height:5px;margin:8px auto 4px;border-radius:3px;background:var(--ds-rule-strong)}.sheet-header{flex:none;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:52px;padding:0 10px}.sheet-title{grid-column:2;font-size:18px;font-weight:800;letter-spacing:-.02em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-close{grid-column:3;width:34px;height:34px;justify-self:end;background:var(--ds-surface-2);color:var(--ds-ink-2)}.sheet-close .icon{width:18px;height:18px}.sheet-close:before{content:"";position:absolute;inset:-5px;border-radius:50%}.sheet-content{flex:1 1 auto;min-height:0;padding:4px 18px 26px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sheet.is-closing .sheet-panel{animation:sheet-out var(--ds-d-base) var(--ds-ease-out) both}.sheet.is-closing .sheet-scrim,.sheet.is-dismissing .sheet-scrim{animation:fade-out var(--ds-d-base) var(--ds-ease-out) both}.sheet.is-closing,.sheet.is-dismissing{pointer-events:none}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:none}}@keyframes sheet-out{0%{transform:none}to{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + var(--sab) + 14px);z-index:300;max-width:min(calc(100% - 32px),440px);padding:12px 16px;border-radius:var(--ds-r-l);background:var(--ds-surface);color:var(--ds-ink);font-size:14px;font-weight:var(--ds-w-label);line-height:1.35;text-align:center;box-shadow:var(--ds-shadow-2),inset 0 0 0 1px var(--ds-rule);transform:translate(-50%);animation:toast-in var(--ds-d-base) var(--ds-ease-out) both;pointer-events:none}.toast.is-leaving{animation:toast-out var(--ds-d-base) var(--ds-ease-out) both}body[data-screen=play] .toast{bottom:calc(var(--sab) + 24px)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,8px)}}.consent{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + var(--sab) + 12px);z-index:90;width:calc(100% - 24px);max-width:560px;padding:16px 18px;border-radius:var(--ds-r-l);background:var(--ds-surface);color:var(--ds-ink);box-shadow:var(--ds-shadow-2),inset 0 0 0 1px var(--ds-rule);transform:translate(-50%);animation:consent-in var(--ds-d-slow) var(--ds-ease-out) .4s both}body[data-screen=play] .consent{bottom:calc(var(--sab) + 12px)}@keyframes consent-in{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}.consent p{margin-bottom:12px;font-size:15px;line-height:1.45}.consent-actions{display:flex;gap:8px}.consent-actions .btn{flex:1 1 0}main:has(>.legal){max-width:800px}.legal{position:relative;max-width:760px;margin:16px auto 0;padding:28px 22px 32px;border-radius:var(--ds-r-xl);background:var(--ds-surface);box-shadow:var(--ds-shadow-1),inset 0 0 0 1px var(--ds-rule);font-size:17px;line-height:1.65;animation:anim-in var(--ds-d-long) var(--ds-ease-out) backwards}.legal h1{font-size:clamp(2rem,6vw,2.8rem);font-weight:var(--ds-w-hero);line-height:1.08;letter-spacing:-.025em;margin-bottom:18px;text-wrap:balance;color:var(--ds-ink)}.legal h2{position:relative;font-size:1.4rem;font-weight:800;line-height:1.25;letter-spacing:-.025em;margin:40px 0 12px}.legal h3{font-size:1.12rem;font-weight:700;line-height:1.3;letter-spacing:-.015em;margin:24px 0 6px}.legal p,.legal ul,.legal ol{margin:0 0 14px}.legal ul,.legal ol{padding-left:22px}.legal li{margin:5px 0}.legal li::marker{color:var(--ds-ink-3)}.legal a:not(.btn){color:var(--accent-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent-text) 45%,transparent);text-decoration-thickness:1.5px;text-underline-offset:3px;overflow-wrap:anywhere;transition:text-decoration-color var(--dur-fast)}.legal a:not(.btn):hover{text-decoration-color:currentColor}.legal strong{font-weight:700}.legal .contact-mail{font-size:1.15em;font-weight:800}.legal table{width:100%;border-collapse:separate;border-spacing:0;margin:8px 0 18px;font-size:14px;line-height:1.45;background:var(--ds-surface);border-radius:var(--ds-r-m);box-shadow:inset 0 0 0 1px var(--ds-rule);overflow:hidden}.legal th,.legal td{padding:10px 12px;border-bottom:var(--hairline) solid var(--separator);text-align:left;vertical-align:top}.legal tr:last-child td{border-bottom:0}.legal th{background:var(--ds-surface-2);font-weight:700}.legal tbody th{background:transparent;font-weight:600}.legal tbody tr:last-child th{border-bottom:0}.legal tbody th code{overflow-wrap:anywhere}.legal .table-wrap:focus-visible{outline:3px solid var(--ds-brand);outline-offset:2px}.legal td code{overflow-wrap:anywhere}.legal code{font-size:.9em}@media(max-width:479px){.legal{padding:24px 18px 28px}.legal th,.legal td{padding:8px}.legal table{font-size:13px}}.legal .table-wrap,.legal .scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.topbar .btn-small{min-height:36px}.shell-404{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:460px;margin-left:auto;margin-right:auto;padding:24px 8px;text-align:center}.shell-404-code{font-family:var(--font-display);font-size:clamp(5rem,28vw,8rem);font-weight:800;line-height:1;letter-spacing:-.05em}.shell-404 .btn{margin-top:6px}.page-404{text-align:center}.page-404 h1{font-size:clamp(5rem,28vw,9rem);margin-bottom:8px}.page-404 .btn{margin-top:12px;white-space:normal;text-align:center;padding-top:10px;padding-bottom:10px}.foot{width:100%;max-width:760px;margin:40px auto 0;padding:0 16px calc(28px + var(--sab));color:var(--ink-2);font-size:13px;line-height:1.9;text-align:center}.foot a{color:var(--ink-2);text-decoration:none;transition:color var(--dur-fast)}.foot a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 6px;margin:0;padding:0;list-style:none}.foot-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;border-radius:10px}.foot a[aria-current=page]{color:var(--ink);font-weight:700}.foot-copy{margin-top:6px;color:var(--ink-2);font-size:12px}body[data-screen=play] .foot{display:none}::view-transition-old(root){animation:vt-out var(--ds-d-base) var(--ds-ease-out) both}::view-transition-new(root){animation:vt-in var(--ds-d-slow) var(--ds-ease-out) backwards}::view-transition-group(topbar),::view-transition-group(tabbar){animation-duration:.38s;animation-timing-function:var(--ds-ease-out)}@keyframes vt-out{to{opacity:0;transform:translateY(-8px) scale(.99)}}@keyframes vt-in{0%{opacity:0;transform:translateY(14px)}}#app{transition:opacity var(--ds-d-fast) var(--ds-ease-out),transform var(--ds-d-fast) var(--ds-ease-out)}#app.is-leaving{opacity:0;transform:translateY(-8px)}#app.screen-enter{animation:vt-in var(--ds-d-slow) var(--ds-ease-out) backwards}@media(min-width:520px){.legal{padding:40px 44px 44px}}@media(min-width:720px){:root{--page-max: 760px}.stage{max-width:min(520px,calc(100dvh - 310px))}.toast{bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + var(--sab) + 18px)}}@media(hover:hover)and (pointer:fine){.btn-secondary:hover:not(:disabled),.btn-glass:hover:not(:disabled),.btn:not(.btn-primary):not(.btn-gold):not(.btn-tinted):not(.btn-plain):hover:not(:disabled){box-shadow:0 var(--btn-edge) 0 var(--btn-edge-color),inset 0 0 0 1.5px var(--ds-ink-3)}.btn-primary:hover:not(:disabled),.btn-gold:hover:not(:disabled){background:var(--ds-brand-hover)}.btn-tinted:hover:not(:disabled),.btn-plain:hover:not(:disabled),.icon-btn:hover{background:var(--ds-brand-soft)}a.card:hover,button.card:hover,a.glass:hover,button.glass:hover{box-shadow:var(--ds-shadow-1),inset 0 0 0 1px var(--ds-rule-strong)}.segmented-item:not([aria-pressed=true],[aria-selected=true]):hover{color:var(--ds-ink)}}@media(min-width:1024px){:root{--page-max: 1200px;--topbar-h: 64px;--tabbar-h: 68px;--tabbar-gap: 20px}main{padding-left:32px;padding-right:32px}body[data-screen=play] main#app{max-width:760px}.title-1{font-size:34px}.topbar{padding-left:24px;padding-right:24px}.topbar-title,.topbar-title-group .topbar-title{font-size:18px}.tabbar{width:520px}.tab{flex-direction:row;gap:8px;font-size:13px}.tab .icon{width:21px;height:21px}.sheet{align-items:center}.sheet-panel{max-width:520px;max-height:min(84dvh,760px,calc(var(--vvh, 100dvh) - 32px));padding-bottom:0;border-radius:var(--ds-r-xl);animation-name:sheet-pop}.sheet.is-closing .sheet-panel{animation-name:sheet-pop-out}.sheet-grabber{display:none}.legal{font-size:18px}}@keyframes sheet-pop{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes sheet-pop-out{to{opacity:0;transform:translateY(12px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.sheet-panel,.sheet-scrim,.toast,.consent,.reveal-panel{animation:fade-in var(--ds-d-base) var(--ds-ease-out) both!important}.anim-in,.anim-pop,.legal{animation:none!important}.btn:active,.btn:hover,.icon-btn:active,.tab:active .icon,.segmented-item:active{transform:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}#app.is-leaving{opacity:1;transform:none}}@media(prefers-reduced-transparency:reduce){.topbar,.tabbar,.sheet-panel{background:var(--ds-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-contrast:more){.card,.glass,.list,.rank-list,.breakdown,.stat,.consent,.sheet-panel,.legal{box-shadow:0 0 0 1.5px var(--ds-rule-strong)}}@media(forced-colors:active){.btn,.card,.glass,.tabbar{border:1px solid CanvasText}#canvas:focus-visible{outline:3px solid CanvasText;outline-offset:2px}}dialog.account-notice{width:min(calc(100% - 32px),480px);max-height:min(88dvh,640px);margin:auto;padding:22px 20px 20px;border:1px solid var(--ds-glass-rule);border-radius:var(--ds-r-xl);background:var(--ds-surface);color:var(--ds-ink);line-height:1.45}dialog.account-notice::backdrop{background:var(--ds-scrim)}.card .list{box-shadow:inset 0 0 0 1px var(--ds-rule);background:var(--ds-paper);margin:8px 0 12px}