:root{--purple: #7c3aed;--purple-dark: #2a114f;--lavender: #f5eeff;--cyan: #22d9d2;--pink: #ff3b92;--lime: #d7f51f;--orange: #ff8a00;--white: #ffffff;--ink: #21103d;--muted: #756785;--surface: #fbf8ff;--surface-card: #ffffff;--border: #b88af3;--success: #63d76b;--review: #ef4658;--scrim-heading: rgba(255, 255, 255, .7);--scrim-faded: rgba(255, 255, 255, .7);--scrim: #ffffff;--scrim-solid: #ffffff;--scrim-dark: rgba(33, 16, 61, .88);--font-heading: "League Spartan", system-ui, sans-serif;--font-chinese-sc: "Noto Sans SC", sans-serif;--font-chinese-tc: "Noto Sans TC", sans-serif;--font-chinese: var(--font-chinese-tc);--font-study: "Noto Sans", sans-serif;--font-pinyin: var(--font-study);--frame-width: 390px;--frame-height: 844px;--radius-button: 16px;--radius-card: 28px;--radius-scrim: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-heading);font-weight:700;text-transform:uppercase;color:var(--ink);background:#0d0618;-webkit-font-smoothing:antialiased;overflow:hidden}.app-shell{width:100%;max-width:var(--frame-width);height:100%;max-height:var(--frame-height);margin:0 auto;position:relative;overflow:hidden;background:var(--purple-dark)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.screen-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}.screen-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:24px 16px 32px;overflow-y:auto;scrollbar-width:none}.screen-content::-webkit-scrollbar{display:none}.screen--default .screen-content{align-items:center}.screen--welcome{--welcome-header-gap: 12px;--welcome-footer-gap: 30px;--welcome-wordmark-scale: 1.25;--welcome-block-lift: 40px;--welcome-yak-lift: 60px}.screen--welcome .screen-content{align-items:center;padding:0 6px var(--welcome-footer-gap);overflow:hidden;min-height:0}.screen--welcome:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#0d061885,#0d061847 34%,#0d06181f 58%,#0d06180a)}.screen--welcome .welcome-top{flex-shrink:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--welcome-header-gap);padding-top:var(--welcome-header-gap);position:relative;z-index:1;transform:translateY(calc(-1 * var(--welcome-block-lift)))}.screen--welcome .welcome-top:before{content:"";position:absolute;top:-18px;left:50%;transform:translate(-50%);width:min(420px,108%);height:240px;pointer-events:none;z-index:0;background:radial-gradient(ellipse at center,rgba(13,6,24,.72) 0%,rgba(13,6,24,.42) 42%,rgba(13,6,24,.08) 68%,transparent 82%)}.screen--welcome .tagline-scrim--welcome{position:relative;z-index:1;margin-top:-20px;padding:18px 16px;width:100%;max-width:372px;background:var(--scrim);border:1px solid rgba(255,255,255,1);box-shadow:0 10px 28px #0d061847;display:flex;flex-direction:column;gap:10px}.screen--welcome .welcome-yak-zone{position:relative;z-index:1;flex:1;min-height:0;width:100%;display:flex;align-items:stretch;justify-content:center;margin:0;padding:0 0 var(--welcome-footer-gap);transform:translateY(calc(-1 * var(--welcome-yak-lift)))}.welcome-yak-frame{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.welcome-yak-figure{position:relative;width:min(380px,94vw);max-height:100%;line-height:0}.screen--welcome .screen-footer{flex-shrink:0;margin-top:0;transform:none;padding-bottom:0}.welcome-yak-shade{position:absolute;left:50%;top:50%;z-index:0;width:118%;height:102%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(13,6,24,.72) 0%,rgba(13,6,24,.48) 42%,rgba(124,58,237,.22) 58%,transparent 78%)}.screen--welcome .tagline-line{font-size:36px;line-height:1.1;margin:0;text-shadow:0 1px 0 rgba(255,255,255,.65)}.screen--welcome .tagline-line--single{white-space:nowrap;font-size:30px;letter-spacing:-.02em}.screen--study .screen-content{padding:16px 12px 24px}.screen--center .screen-content{align-items:center;justify-content:center;text-align:center}.screen-footer{width:100%;max-width:337px;margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px}.heading-scrim{background:var(--scrim-heading);border-radius:var(--radius-scrim);padding:16px 20px;text-align:center;width:100%;max-width:372px}.heading-scrim h1{font-size:32px;line-height:40px;font-weight:700}.heading-scrim .accent{color:var(--purple)}.content-scrim{background:var(--scrim);border-radius:var(--radius-scrim);padding:20px;width:100%;max-width:372px}.cards-per-day-scrim{margin-top:calc(.35 * var(--frame-height) - 24px - 72px)}.save-info-note{margin-top:0;width:100%;max-width:268px;display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;background:#0d061899;color:#ffffffe6;text-align:left;font-family:Noto Sans,system-ui,sans-serif;font-size:12px;line-height:1.45;font-weight:400;text-transform:none}.save-info-note__icon{width:16px;height:16px;flex-shrink:0;margin-top:1px;color:#ffffffd1}.save-info-note p{margin:0;font-weight:400}.tagline-scrim{background:var(--scrim);border-radius:var(--radius-scrim);padding:20px 24px;width:100%;max-width:372px;text-align:center}.tagline{font-size:30px;line-height:32px}.tagline-line .accent,.tagline .accent{color:var(--purple)}.welcome-wordmark-wrap{width:100%;max-width:382px;height:calc(254px * var(--welcome-wordmark-scale));display:flex;justify-content:center}.welcome-wordmark{position:relative;z-index:1;width:100%;max-width:382px;height:auto;margin:0;transform:scale(var(--welcome-wordmark-scale));transform-origin:top center;filter:drop-shadow(0 0 16px rgba(255,255,255,.42)) drop-shadow(0 0 34px rgba(124,58,237,.55)) drop-shadow(0 6px 18px rgba(13,6,24,.72))}.welcome-hero-yak{position:relative;z-index:1;display:block;width:100%;max-height:100%;height:auto;margin:0;object-fit:contain;filter:drop-shadow(0 0 20px rgba(124,58,237,.62)) drop-shadow(0 0 36px rgba(34,217,210,.38)) drop-shadow(0 10px 24px rgba(13,6,24,.58))}.welcome-logo{width:min(340px,92vw);height:auto;margin-top:24px;margin-bottom:0}.brand-illustration{width:min(220px,70vw);height:auto;display:block;margin:0 auto}.hero-yak-wrap{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:372px;margin-top:16px;min-height:0}.hero-yak{width:min(340px,92vw);height:auto;display:block;margin:0 auto}.home-yak-logo{width:min(380px,96vw)!important}.flag-icon{width:40px;height:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.picker-chevron{width:24px;height:24px;flex-shrink:0;color:var(--purple);transition:transform .15s ease}.choice-row.selected .picker-chevron{color:var(--white)}.picker-chevron--open{transform:rotate(180deg)}.choice-list--nested{padding:0 14px}.choice-list--nested.choice-list--solid{position:relative;isolation:isolate;padding:12px 10px;box-shadow:none}.choice-list--nested.choice-list--solid:before{content:"";position:absolute;top:5%;right:5%;bottom:5%;left:5%;z-index:0;pointer-events:none;border-radius:20px;background:#0d06186b}.choice-list--nested.choice-list--solid .choice-row{position:relative;z-index:1}.choice-list--nested .choice-row{max-width:100%;font-size:18px;min-height:50px}.picker-stack>.choice-row--solid{min-height:56px}.save-mascot{width:min(200px,55vw);height:auto;display:block;margin:20px auto 8px;transform:translateY(60px) scale(2);filter:drop-shadow(0 8px 14px rgba(13,6,24,.45)) drop-shadow(0 3px 5px rgba(13,6,24,.35))}.save-mascot+.picker-stack{transform:translateY(-30px)}.save-option-icon{width:36px;height:36px;flex-shrink:0;object-fit:contain}.home-summary--centered{text-align:center}.home-summary-pack{font-size:16px;margin-top:8px;color:var(--ink)}.home-summary-stat{font-size:14px;margin-top:8px;color:var(--ink)}.hero-yak-wrap--lower{flex:1;margin-top:28px;align-items:center;justify-content:center;padding:8px 0 12px;min-height:0}.screen--mascot-hero .screen-content{overflow:hidden}.screen--mascot-hero .heading-scrim{flex-shrink:0}.screen--mascot-hero .hero-yak-wrap--lower{margin-top:32px;padding-top:12px}.screen--mascot-hero .spacer{flex:0;min-height:0;max-height:8px}.screen--mascot-hero .btn-row{transform:translateY(calc(-.1 * var(--frame-height)))}.screen--home .screen-content{padding-top:12px;padding-bottom:16px}.screen--home .home-yak-logo{width:min(352px,94.6vw)!important;margin-top:0;margin-bottom:4px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55)) drop-shadow(0 3px 5px rgba(0,0,0,.4))}.screen--home .home-summary{margin-top:8px;padding:14px 18px}.screen--home .spacer{flex:0;min-height:0;max-height:4px}.screen--home .screen-footer{transform:translateY(calc(-.04 * var(--frame-height)))}.screen--home .screen-stack--nav{gap:8px;margin-top:6px}.hero-yak--sound{width:min(380px,96vw);transform:translateY(calc(-.1 * var(--frame-height)))}.hero-yak--ready{width:min(400px,98vw);transform:translateY(calc(-.03 * var(--frame-height))) scale(1.1)}.content-scrim--solid,.home-summary--solid{background:var(--scrim-solid)}.home-summary-line{font-size:16px;line-height:1.4}.choice-row--solid{background:var(--scrim-solid)}.choice-row--solid.selected{background:var(--purple)}.picker-stack>.choice-row--solid:not(.selected){background:var(--scrim-solid);border-color:#b88af3a6}.btn-primary{display:flex;align-items:center;justify-content:center;width:100%;max-width:337px;min-height:72px;padding:16px 24px;border:none;border-radius:var(--radius-button);background:var(--purple);color:var(--white);font-family:var(--font-heading);font-weight:700;font-size:48px;line-height:1;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 0 var(--purple-dark);transition:transform .1s,opacity .1s}.btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--purple-dark)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary{display:flex;align-items:center;justify-content:center;width:100%;max-width:337px;min-height:56px;padding:12px 24px;border:2px solid var(--purple);border-radius:var(--radius-button);background:var(--white);color:var(--purple);font-family:var(--font-heading);font-weight:700;font-size:24px;text-transform:uppercase;cursor:pointer}.btn-half{flex:1;max-width:160px;min-height:72px;font-size:32px}.btn-row{display:flex;gap:16px;width:100%;max-width:337px;justify-content:center}.choice-row{display:flex;align-items:center;gap:12px;width:100%;max-width:372px;min-height:56px;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-button);background:var(--scrim);font-family:var(--font-heading);font-weight:700;font-size:20px;text-transform:uppercase;color:var(--ink);cursor:pointer;text-align:left}.choice-row.selected{background:var(--purple);border-color:var(--purple);color:var(--white)}.choice-row:disabled{opacity:.55;cursor:not-allowed}.choice-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:372px;max-height:360px;overflow-y:auto;scrollbar-width:none}.choice-list::-webkit-scrollbar{display:none}.nav-row,.platform-row{display:flex;align-items:center;gap:12px;width:100%;max-width:372px;min-height:56px;padding:12px 16px;border:none;border-radius:var(--radius-button);background:var(--scrim-solid);font-family:var(--font-heading);font-weight:700;font-size:20px;text-transform:uppercase;color:var(--ink);cursor:pointer;text-align:left}.nav-row-chevron{margin-left:auto;color:var(--purple);font-size:28px;line-height:1}.platform-row-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.home-summary{width:100%;max-width:372px;margin-top:16px}.muted{color:var(--muted);font-size:14px;line-height:1.4}.hint-scrim{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:10px 16px;background:var(--scrim);border-radius:var(--radius-scrim);max-width:372px;font-size:14px;color:var(--muted)}.hint-scrim img{width:20px;height:20px}.spacer{flex:1;min-height:16px}.link-btn{background:none;border:none;color:var(--purple);font-family:var(--font-heading);font-weight:700;font-size:16px;text-transform:uppercase;cursor:pointer;padding:8px}.toggle{position:relative;width:52px;height:28px;border-radius:999px;background:var(--muted);border:none;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--purple)}.toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--white);transition:transform .2s}.toggle.on .toggle-knob{transform:translate(24px)}.slider-row{display:flex;align-items:center;gap:12px;width:100%}.slider-row input[type=range]{flex:1;accent-color:var(--purple);height:8px}.big-number{font-size:64px;color:var(--purple);line-height:1;margin:16px 0}.setting-row{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:372px;min-height:56px;padding:12px 16px;background:var(--scrim);border-radius:var(--radius-button);font-size:18px;border:none;font-family:var(--font-heading);font-weight:700;text-transform:uppercase;color:var(--ink);cursor:pointer}.setting-row.danger{color:var(--review);border:2px solid var(--review);background:var(--white);justify-content:center}.progress-header-scrim{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:var(--scrim);border-radius:var(--radius-scrim);margin-bottom:12px}.icon-btn{width:48px;height:48px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.icon-btn img{width:28px;height:28px}.progress-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 20px;font-size:18px;transition:transform .15s}.progress-pill.pulse{animation:progress-pulse .35s ease}@keyframes progress-pulse{0%{transform:scale(1)}50%{transform:scale(1.12);color:var(--purple)}to{transform:scale(1)}}.flashcard-stage{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;margin:0 4px 8px}.study-hint{position:absolute;top:14%;left:50%;z-index:8;pointer-events:none;transform:translate(-50%);padding:10px 20px;border-radius:999px;font-family:var(--font-heading);font-weight:700;font-size:18px;letter-spacing:.04em;text-transform:uppercase;color:var(--white);white-space:nowrap;box-shadow:0 8px 20px #0d061847;animation:study-hint-pop 1.55s ease forwards}.study-hint--known{background:var(--success)}.study-hint--review{background:var(--review)}.study-hint--next,.study-hint--previous{background:var(--ink)}@keyframes study-hint-pop{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.94)}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}72%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-4px) scale(.98)}}.study-edge-controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.study-edge-btn{position:absolute;margin:0;padding:0;border:none;background:transparent;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--purple);transition:opacity .15s ease,filter .15s ease}.study-edge-btn:hover:not(:disabled){filter:brightness(1.15)}.study-edge-btn:disabled{opacity:.35;cursor:default}.study-edge-chevron{width:22px;height:22px;pointer-events:none}.study-edge--left{left:4px;top:50%;transform:translateY(-50%)}.study-edge--right{right:4px;top:50%;transform:translateY(-50%)}.study-edge--up{top:4px;left:50%;transform:translate(-50%)}.study-edge--down{bottom:4px;left:50%;transform:translate(-50%)}.study-edge--left .study-edge-chevron{transform:rotate(90deg)}.study-edge--right .study-edge-chevron{transform:rotate(-90deg)}.study-edge--up .study-edge-chevron{transform:rotate(180deg)}@media(pointer:fine)and (hover:hover){.flashcard-current{touch-action:manipulation}}.flashcard-stage .flashcard{margin:0}.flashcard{flex:1;display:flex;flex-direction:column;background:var(--white);border:4px solid var(--purple);border-radius:var(--radius-card);margin:0 4px 8px;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;min-height:0;container-type:size;transform-origin:center center;will-change:transform,opacity}.flashcard-outgoing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.flashcard-current{z-index:1}.flashcard-current.is-flipping{animation:card-flip .32s ease}.flashcard-face{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;padding:52px 52px 56px;text-align:center;text-transform:none;overflow:hidden;box-sizing:border-box}.flashcard:has(.judgment-band) .flashcard-face{padding-bottom:26%}.flashcard-safe{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.flashcard-content{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;max-width:100%;min-width:0;transform:scale(var(--study-fit-scale, 1));transform-origin:center center}.flashcard-word{font-family:var(--font-chinese);font-size:clamp(40px,14cqw,88px);font-weight:700;line-height:1.1;color:var(--ink);text-transform:none;overflow-wrap:anywhere;max-width:min(100%,70cqw);width:max-content;margin:0}.flashcard-content--zh-cn .flashcard-word:not(.latin){font-family:var(--font-chinese-sc)}.flashcard-content--zh-tw .flashcard-word:not(.latin){font-family:var(--font-chinese-tc)}.flashcard-word.latin{font-family:var(--font-study);font-size:clamp(28px,10cqw,64px);font-weight:400;letter-spacing:.01em}.flashcard-pinyin{font-family:var(--font-pinyin);font-size:clamp(20px,6.5cqw,36px);font-weight:400;line-height:1.2;color:var(--muted);text-transform:none;letter-spacing:.02em;max-width:min(100%,70cqw);width:max-content;margin:0}.flashcard-face--pinyin .flashcard-pinyin{font-size:clamp(32px,11cqw,64px)}.flashcard-face-label{font-family:var(--font-heading);font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--purple);text-transform:uppercase;margin:0}.flashcard-example-sentence{font-family:var(--font-chinese);font-size:clamp(22px,7.5cqw,40px);font-weight:700;line-height:1.25;color:var(--ink);text-transform:none;overflow-wrap:anywhere;max-width:min(100%,78cqw);width:max-content;margin:0;text-align:center}.flashcard-content--zh-cn .flashcard-example-sentence:not(.latin){font-family:var(--font-chinese-sc)}.flashcard-content--zh-tw .flashcard-example-sentence:not(.latin){font-family:var(--font-chinese-tc)}.flashcard-example-sentence.latin{font-family:var(--font-study);font-size:clamp(18px,6cqw,32px);font-weight:400}.flashcard-headword{color:var(--purple)}.flashcard-sense{font-family:var(--font-study);font-size:clamp(14px,4.4cqw,22px);font-weight:400;line-height:1.3;color:var(--muted);text-transform:none;font-style:italic;max-width:min(100%,70cqw);width:max-content;margin:0;text-align:center}.flashcard-gloss{font-family:var(--font-study);font-size:clamp(16px,5.5cqw,28px);font-weight:400;line-height:1.3;color:var(--muted);text-transform:none;min-height:1.3em;max-width:min(100%,70cqw);width:max-content;margin:0}.flashcard-pinyin.is-reserved,.flashcard-gloss.is-reserved{visibility:hidden}.flashcard-visual{display:block;width:auto;max-width:min(220px,64cqw);max-height:min(220px,34cqh);height:auto;object-fit:contain}.flashcard-face--combined .flashcard-visual{max-height:min(180px,28cqh)}.flashcard-image-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;max-width:100%;padding:8px}.term-zh{font-family:var(--font-chinese);text-transform:none;font-size:48px;line-height:1.2;color:var(--ink)}@media(max-width:370px){.flashcard-face{padding:48px 44px 52px}}.judgment-band{position:absolute;bottom:0;left:0;right:0;height:22%;min-height:56px;display:flex;align-items:center;justify-content:center;padding:12px 16px;text-align:center;font-size:clamp(18px,30cqh,32px);line-height:1.1;color:var(--white)}.judgment-band.known{background:var(--success)}.judgment-band.review{background:var(--review)}.flashcard.swipe-left{animation:swipe-left .28s ease forwards}.flashcard.swipe-right{animation:swipe-right .28s ease forwards}.flashcard.swipe-up{animation:swipe-up .28s ease forwards}.flashcard.swipe-down{animation:swipe-down .28s ease forwards}.flashcard.enter-from-bottom{animation:enter-from-bottom .28s ease forwards}.flashcard.enter-from-top{animation:enter-from-top .28s ease forwards}@keyframes swipe-left{to{transform:translate(-120%);opacity:0}}@keyframes swipe-right{to{transform:translate(120%);opacity:0}}@keyframes swipe-up{to{transform:translateY(-120%);opacity:0}}@keyframes swipe-down{to{transform:translateY(120%);opacity:0}}@keyframes enter-from-bottom{0%{transform:translateY(72px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes enter-from-top{0%{transform:translateY(-72px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes card-flip{0%{transform:perspective(800px) rotateY(0)}50%{transform:perspective(800px) rotateY(90deg)}to{transform:perspective(800px) rotateY(0)}}@media(prefers-reduced-motion:reduce){.flashcard.swipe-left,.flashcard.swipe-right,.flashcard.swipe-up,.flashcard.swipe-down,.flashcard.enter-from-bottom,.flashcard.enter-from-top,.flashcard-current.is-flipping{animation:none!important}.flashcard-stage.study-animations-enabled .flashcard.swipe-left{animation:swipe-left .28s ease forwards!important}.flashcard-stage.study-animations-enabled .flashcard.swipe-right{animation:swipe-right .28s ease forwards!important}.flashcard-stage.study-animations-enabled .flashcard.swipe-up{animation:swipe-up .28s ease forwards!important}.flashcard-stage.study-animations-enabled .flashcard.swipe-down{animation:swipe-down .28s ease forwards!important}.flashcard-stage.study-animations-enabled .flashcard.enter-from-bottom{animation:enter-from-bottom .28s ease forwards!important}.flashcard-stage.study-animations-enabled .flashcard.enter-from-top{animation:enter-from-top .28s ease forwards!important}.flashcard-stage.study-animations-enabled .flashcard-current.is-flipping{animation:card-flip .32s ease!important}}.gesture-row{display:flex;align-items:center;gap:16px;width:100%;max-width:372px;padding:12px 16px;background:var(--scrim);border-radius:var(--radius-button);margin-bottom:8px;text-align:left}.gesture-row-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0}.gesture-row-text{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.3;text-transform:uppercase}.gesture-row-text strong{color:var(--purple);font-size:16px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:372px}.stat-cell{background:var(--scrim);border-radius:var(--radius-button);padding:16px;text-align:center}.stat-cell--solid{background:var(--scrim-solid)}.stats-pack-panel{margin-bottom:8px}.stat-cell .value{font-size:32px;color:var(--purple)}.stat-cell .label{font-size:12px;color:var(--muted);margin-top:4px}.stat-info-btn{align-self:flex-start;margin-top:8px;background:none;border:none;color:var(--purple);font-family:var(--font-heading);font-weight:700;font-size:14px;cursor:pointer;text-transform:uppercase}.stat-info-btn--centered{align-self:center;margin-top:28px;padding:10px 16px;background:var(--scrim-dark);color:var(--white);border-radius:var(--radius-button)}.instructions-scrim{width:100%;max-width:372px;margin-top:24px;padding:20px;background:var(--scrim);border-radius:var(--radius-scrim);text-align:left;font-size:16px;line-height:1.5;text-transform:none}.instructions-scrim ol{padding-left:20px}.instructions-scrim li{margin-bottom:12px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#21103d8c}.dialog-panel{width:100%;max-width:340px;padding:24px 20px;background:var(--white);border-radius:var(--radius-scrim);text-align:center}.dialog-title{font-size:24px;line-height:1.2;margin-bottom:12px}.dialog-body{font-size:14px;line-height:1.5;text-transform:none;color:var(--ink);margin-bottom:20px}.dialog-actions{display:flex;gap:12px;justify-content:center}.dialog-btn{flex:1;min-height:48px;border-radius:var(--radius-button);border:none;font-family:var(--font-heading);font-weight:700;font-size:18px;text-transform:uppercase;cursor:pointer}.dialog-btn--primary{background:var(--purple);color:var(--white)}.dialog-btn--secondary{background:var(--white);color:var(--purple);border:2px solid var(--purple)}.dialog-btn--danger{background:var(--review);color:var(--white)}.study-help-list{list-style:none;margin:0;padding:0;text-align:left;text-transform:uppercase;font-family:var(--font-heading);font-weight:700;font-size:16px;line-height:1.7}.study-help-action{color:var(--purple)}.study-help-sep{color:var(--ink)}.admin-input{width:80px;padding:8px;border:2px solid var(--border);border-radius:8px;font-family:var(--font-heading);font-size:16px;text-align:center}.admin-field{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:372px;padding:8px 0;font-size:14px;text-transform:none}.celebration-wrap{width:100%;max-width:280px;margin:24px 0}.celebration-wrap img{width:100%;height:auto}.pack-dot{width:32px;height:32px;border-radius:50%;flex-shrink:0}.screen-stack{width:100%;max-width:372px;display:flex;flex-direction:column;gap:8px}.screen-stack--nav{gap:10px;margin-top:8px}.settings-stack{align-items:stretch}.settings-group-scrim{width:100%;max-width:372px;margin-top:8px;padding:14px 12px;border-radius:var(--radius-scrim);background:var(--scrim-dark);display:flex;flex-direction:column;align-items:center;gap:8px}.settings-group-title{width:100%;text-align:center;font-size:14px;color:var(--white);margin-bottom:4px}.settings-choice{width:100%;max-width:100%;justify-content:center;text-align:center;background:#ffffff1f;border-color:#ffffff38;color:var(--white)}.settings-choice.selected{background:var(--purple);border-color:var(--purple);color:var(--white)}.settings-sound-row{background:#ffffffeb;max-width:100%;font-size:16px;min-height:48px;cursor:default}.settings-nav-gap{height:8px}