:root{--bg:#fff;--bg-raised:#f7f7f9;--text:#6f6f78;--text-h:#1c1c22;--border:#e6e6ea;--accent:#e8503f;--accent-bg:#e8503f14;--accent-border:#e8503f73;--motion-fast:.15s;--motion-base:.25s;--motion-slow:.4s;--motion-press:80ms;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--success:#2e9e5b;--success-bg:#2e9e5b1f;--error:#c22345;--error-bg:#c223451a;--gold:#f5a623;--gold-bg:#f5a62324;--mascot-belly:#ffe9d2;--mascot-eye:#fff;--edge-neutral:#dcdce2;--edge-accent:#bd3a2a;--edge-success:#227a46;--edge-error:#971739;--edge-gold:#c47d0e;--pos-noun:#5b7fc7;--pos-verb:#2e8f83;--pos-mod:#8a6fc0;--pos-num:#a8842c;--card-bg:#fff;--card-border:#e6e6ea;--card-shadow:0 2px 4px #1919230d, 0 16px 32px -12px #19192324;--card-shadow-active:0 2px 4px #1919230f, 0 16px 32px -15px #1919232e;--card-radius:28px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--fs-hero:3rem;--fs-title:1.35rem;--fs-body:1rem;--fs-caption:.85rem;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font:16px/150% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1c1c22;--bg-raised:#26262d;--text:#a6a6b0;--text-h:#f2f2f6;--border:#3a3a44;--accent:#ff8a72;--accent-bg:#ff8a721f;--accent-border:#ff8a7273;--success:#4ade80;--success-bg:#4ade8026;--error:#f2698d;--error-bg:#f2698d24;--gold:#fbbf4d;--gold-bg:#fbbf4d29;--mascot-belly:#f3d9bd;--mascot-eye:#fff;--edge-neutral:#474752;--edge-accent:#c95a45;--edge-success:#2f9e5f;--edge-error:#b8446a;--edge-gold:#d29a2e;--pos-noun:#8fa8e8;--pos-verb:#5cc0b2;--pos-mod:#b39ae0;--pos-num:#c9a44e;--card-bg:#28282f;--card-border:#3c3c46;--card-shadow:0 2px 4px #00000059, 0 16px 32px -12px #0000008c;--card-shadow-active:0 2px 4px #00000070, 0 16px 32px -15px #000000b0}}@media (width<=480px){:root{--fs-hero:2.25rem}}@media (height<=800px){:root{--fs-hero:2.25rem}}@media (height<=700px){:root{--fs-hero:2rem}}*{box-sizing:border-box}body{margin:0}h1,h2{color:var(--text-h)}.game-button{font:inherit;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--motion-press) var(--ease-out), box-shadow var(--motion-press) var(--ease-out);border:none;justify-content:center;align-items:center;gap:.4rem;font-weight:700;display:inline-flex;transform:translateY(0)}.game-button--md{font-size:var(--fs-body);padding:.85rem 1.4rem}.game-button--sm{font-size:var(--fs-caption);padding:.55rem 1rem}.game-button--pill{border-radius:999px}.game-button--primary{background:var(--accent);color:var(--bg);box-shadow:0 4px 0 var(--edge-accent)}.game-button--neutral{background:var(--bg-raised);color:var(--text-h);box-shadow:0 4px 0 var(--edge-neutral)}.game-button--success{background:var(--success);color:var(--bg);box-shadow:0 4px 0 var(--edge-success)}.game-button--danger{background:var(--error);color:var(--bg);box-shadow:0 4px 0 var(--edge-error)}.game-button--ghost{background:var(--bg-raised);color:var(--text);box-shadow:0 2px 0 var(--edge-neutral)}.game-button--primary:active:not(:disabled){box-shadow:0 0 0 var(--edge-accent);transform:translateY(4px)}.game-button--neutral:active:not(:disabled){box-shadow:0 0 0 var(--edge-neutral);transform:translateY(4px)}.game-button--success:active:not(:disabled){box-shadow:0 0 0 var(--edge-success);transform:translateY(4px)}.game-button--danger:active:not(:disabled){box-shadow:0 0 0 var(--edge-error);transform:translateY(4px)}.game-button--ghost:hover:not(:disabled){color:var(--text-h)}.game-button--ghost:active:not(:disabled){box-shadow:0 0 0 var(--edge-neutral);transform:translateY(2px)}.game-button:disabled{opacity:.45;box-shadow:none;cursor:default;transform:translateY(0)}.auth-screen{text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:.9rem;min-height:100vh;padding:2rem 1.25rem;display:flex}.auth-screen__mascot{margin-bottom:.25rem}.auth-screen__title{font-size:var(--fs-title);color:var(--text-h);margin:0;font-weight:700}.auth-screen__subtitle{max-width:320px;font-size:var(--fs-body);color:var(--text);margin:0 0 .5rem}.auth-screen__gis{justify-content:center;min-height:44px;display:flex}.auth-screen__error{font-size:var(--fs-caption);color:var(--error);max-width:320px;margin:0;font-weight:600}.auth-screen__dev-login{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1rem;display:flex}.auth-screen__dev-login-label{font-size:var(--fs-caption);color:var(--text);text-transform:uppercase;letter-spacing:.06em;margin:0;font-weight:600}.auth-screen__dev-login-row{align-items:center;gap:.5rem;display:flex}.auth-screen__dev-login-input{font:inherit;font-size:var(--fs-caption);color:var(--text-h);background:var(--bg-raised);border:2px solid var(--edge-neutral);border-radius:var(--radius-sm);width:8rem;padding:.4rem .6rem;font-weight:600}.celebration{aspect-ratio:400/460;justify-content:center;align-items:center;width:100%;max-width:20rem;margin:0 auto;display:flex}.celebration--static{aspect-ratio:auto;max-width:none;padding:1rem 0}.celebration-static__circle{fill:var(--success)}.celebration-static__check{fill:none;stroke:var(--bg);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.deco{color:var(--text);opacity:.11;pointer-events:none}.deco--faint{opacity:.08}.deco--gold{color:var(--gold);opacity:.18}.deco-mode{color:var(--text);opacity:.45;pointer-events:none}.progress-bar{background:var(--bg-raised);border-radius:999px;width:100%;height:.6rem;position:relative;overflow:hidden}.progress-bar--dragon{overflow:visible}.progress-bar__fill{background:var(--accent);border-radius:999px;height:100%;position:relative}.progress-bar__fill--dragon:before{content:"";background:repeating-linear-gradient(115deg, var(--gold) 0 3px, transparent 3px 7px);opacity:.55;pointer-events:none;border-radius:999px 999px 0 0;height:35%;position:absolute;inset:0 0 auto}.progress-bar__tail{transition:opacity var(--motion-fast) var(--ease-standard);pointer-events:none;position:absolute;top:50%;left:-.1rem;transform:translateY(-50%)}.progress-bar__head-wrap{transition:opacity var(--motion-fast) var(--ease-standard);pointer-events:none;position:absolute;top:50%;right:-.65rem;transform:translateY(-50%)}.deck-browser{padding:1rem}.deck-browser__header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.deck-browser__title{font-size:var(--fs-title);color:var(--text-h);margin:0;font-weight:700}.deck-browser__header-titles{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.deck-browser__streak-chip{background:var(--gold-bg);border:2px solid var(--edge-gold);color:var(--gold);font-size:var(--fs-caption);border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .7rem;font-weight:600;display:inline-flex}.deck-browser__xp-bar{margin-bottom:1.25rem;position:relative}.deck-browser__xp-clouds{position:absolute;top:-.5rem;right:-.5rem}@media (width<=400px){.deck-browser__xp-clouds{display:none}}.deck-browser__xp-caption{font-size:var(--fs-caption);color:var(--text);margin:.4rem 0 0;font-weight:600}.deck-browser__celebration{pointer-events:none;z-index:20;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.deck-browser__settings{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.deck-browser__reminder{display:contents}.deck-browser__reminder-input{font:inherit;font-size:var(--fs-caption);color:var(--text-h);background:var(--bg-raised);border:2px solid var(--edge-neutral);border-radius:var(--radius-sm);padding:.4rem .6rem;font-weight:600}.deck-browser__account{display:contents}.deck-browser__account-name{font-size:var(--fs-caption);color:var(--text);font-weight:600}.deck-browser--empty{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.deck-browser__empty-mascot{display:inline-flex;position:relative}.deck-browser__empty-ink-dots{position:absolute;top:-.4rem;right:-1rem}.deck-browser__empty-message{font-size:var(--fs-title);color:var(--text-h);margin:0;font-weight:700}.deck-row{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:.6rem;margin-bottom:.75rem;padding:1rem 1.1rem;display:flex}.deck-row__main{align-items:center;gap:.75rem;display:flex}.deck-row__name{text-align:left;font-size:var(--fs-title);color:var(--text-h);flex:1;font-weight:700}.deck-row__counts{flex-wrap:wrap;gap:.4rem;display:flex}.deck-row__chip{font-size:var(--fs-caption);color:var(--text);background:var(--bg);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:.25rem .65rem;font-weight:600}.deck-row__chip--muted{color:var(--text)}.deck-row__lessons{margin-top:.2rem}.deck-row__lessons-header{justify-content:space-between;align-items:flex-end;display:flex}.deck-row__lessons-caption{font-size:var(--fs-caption);color:var(--text);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.deck-row__lesson-list{flex-direction:column;gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex;overflow:hidden}.deck-row__lesson-item{font-size:var(--fs-caption);color:var(--text);align-items:center;gap:.6rem;font-weight:600;display:flex}.deck-row__lesson-label{flex:1}.deck-row__lesson-stars{letter-spacing:.02em;gap:.05rem;font-size:.9rem;display:inline-flex}.deck-row__star--filled{color:var(--gold)}.deck-row__star--empty{color:var(--border)}.deck-row__lesson-count{color:var(--text);white-space:nowrap}.drawing-screen{flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 1rem;display:flex}.drawing-screen__meta{font-size:var(--fs-caption);color:var(--text);align-items:center;gap:.5rem;display:flex}.drawing-screen__mode{color:var(--text-h);font-weight:600}.drawing-screen__badge{font-size:var(--fs-caption);background:var(--bg-raised);border:1px solid var(--border);color:var(--text-h);border-radius:999px;padding:.1rem .5rem}.drawing-canvas{border-radius:var(--card-radius);border:1px solid var(--card-border);background:var(--card-bg);width:fit-content;box-shadow:0 4px 0 var(--edge-neutral), var(--card-shadow);justify-content:center;align-items:center;margin:0 auto;padding:1.5rem;display:flex}.drawing-screen__loading{text-align:center;max-width:28rem;font-size:var(--fs-body);color:var(--text);margin:1.5rem auto}.drawing-screen__notice-wrap{flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 1rem;display:flex}.drawing-screen__celebration{pointer-events:none;z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:fixed;inset:0}.drawing-screen__celebration-text{font-size:var(--fs-title);color:var(--text-h);margin:0;font-weight:700}.drawing-screen__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.drawing-screen__hint-notice{font-size:var(--fs-caption);color:var(--text);margin:0}.drawing-screen__notice{text-align:center;max-width:28rem;font-size:var(--fs-body);color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);margin:1.5rem auto;padding:.75rem 1rem;line-height:1.5}.drawing-screen__error{text-align:center;max-width:28rem;font-size:var(--fs-body);color:var(--error);background:var(--error-bg);border:1px solid var(--edge-error);border-radius:var(--radius-md);margin:1.5rem auto;padding:.75rem 1rem;line-height:1.5}.audio-button{background:var(--bg-raised);width:2.75rem;height:2.75rem;color:var(--text-h);cursor:pointer;box-shadow:0 2px 0 var(--edge-neutral);transition:transform var(--motion-press) var(--ease-out), box-shadow var(--motion-press) var(--ease-out), background var(--motion-press) var(--ease-out), color var(--motion-press) var(--ease-out);border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;transform:translateY(0)}.audio-button:hover{background:var(--accent-bg);color:var(--accent)}.audio-button:active{box-shadow:0 0 0 var(--edge-neutral);transform:translateY(2px)}.field-list{flex-direction:column;align-items:center;gap:1.1rem;display:flex}.field-list__entry{flex-direction:column;align-items:center;gap:.6rem;display:flex}.field-list__text{font-size:var(--fs-body);color:var(--text);margin:0}.field-list__entry--hero .field-list__text{font-size:var(--fs-hero);color:var(--text-h);letter-spacing:-.01em;font-weight:700;line-height:1.15}@media (height<=800px){.field-list{gap:.85rem}.field-list__entry{gap:.45rem}}@media (height<=700px){.field-list{gap:.5rem}.field-list__entry{gap:.3rem}}.flip-card{perspective:1400px;width:100%;max-width:26rem;margin:0 auto;padding:.9rem .6rem 0;position:relative}.flip-card__stack{z-index:0;pointer-events:none;position:absolute;inset:.9rem .6rem 0}.flip-card__stack-layer{border-radius:var(--card-radius);border:1px solid var(--card-border);position:absolute;inset:0}.flip-card__stack-layer--2{background:var(--accent);opacity:.35;transform:rotate(-6deg)translate(-3%,3%)}.flip-card__stack-layer--1{background:var(--bg-raised);transform:rotate(-3deg)translate(-1.5%,1.5%)}.flip-card__inner{z-index:1;width:100%;transform-style:preserve-3d;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.flip-card__face{backface-visibility:hidden;border-radius:var(--card-radius);border:1px solid var(--card-border);background:var(--card-bg);width:100%;box-shadow:0 4px 0 var(--edge-neutral), var(--card-shadow);grid-area:1/1;justify-content:center;align-items:center;padding:2.5rem 1.75rem;display:flex}@media (width<=480px){.flip-card{padding:.6rem .4rem 0}.flip-card__stack{inset:.6rem .4rem 0}.flip-card__face{padding:1.5rem 1.25rem}}@media (height<=700px){.flip-card{padding:.5rem .4rem 0}.flip-card__stack{inset:.5rem .4rem 0}.flip-card__face{padding:1rem .9rem}}.flip-card__face--front{position:relative}.flip-card__face--back{position:relative;transform:rotateY(180deg)}.session-stats{color:var(--text);font-size:var(--fs-caption);align-items:center;gap:.75rem;display:flex}.session-stats__count{color:var(--text-h);font-weight:600}.session-stats__accuracy{opacity:.7}.session-stats__streak{background:var(--accent-bg);color:var(--text-h);border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .6rem;font-weight:600;display:inline-flex}.xp-toast{background:var(--gold-bg);border:2px solid var(--edge-gold);color:var(--gold);font-size:var(--fs-caption);pointer-events:none;white-space:nowrap;z-index:2;border-radius:999px;align-items:center;padding:.25rem .65rem;font-weight:600;display:inline-flex;position:absolute;top:0;right:0}.flashcard-screen{flex-direction:column;align-items:center;gap:1.5rem;height:100%;min-height:0;padding:2rem 1rem;display:flex}@media (width<=480px){.flashcard-screen{gap:.85rem;padding:1rem .75rem}}.flashcard-screen__remaining{color:var(--text);opacity:.7;margin:0}.flashcard-screen__card{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.flashcard-screen__pulse{border-radius:var(--card-radius);width:100%;padding:1rem}.flashcard-screen--complete{text-align:center}.flashcard-screen__celebration{flex-direction:column;align-items:center;gap:.5rem;display:flex}.flashcard-screen--empty{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.flashcard-screen__empty-mascot{display:inline-flex;position:relative}.flashcard-screen__empty-ink-dots{position:absolute;top:-.4rem;right:-1rem}.flashcard-screen__empty-message{font-size:var(--fs-title);color:var(--text-h);margin:0;font-weight:700}.flashcard-screen__complete-title-wrap{display:inline-block;position:relative}.flashcard-screen__complete-title{font-size:var(--fs-title);color:var(--text-h);margin:0;font-weight:700}.flashcard-screen__complete-underline{position:absolute;bottom:-.4rem;left:50%;transform:translate(-50%)}.flashcard-screen__back-content{flex-direction:column;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;height:100%;display:flex;position:relative}.flashcard-screen__back-content>svg.deco{z-index:-1;position:absolute;inset:0}@media (height<=800px){.flashcard-screen__back-content{gap:1rem}}@media (height<=700px){.flashcard-screen__back-content{gap:.75rem}}@media (height<=800px){.flashcard-screen__back-content .field-list{min-height:0;max-height:45dvh;overflow-y:auto}}@media (height<=700px){.flashcard-screen__back-content .field-list{max-height:40dvh}}.flashcard-screen__ratings-grid{grid-template-columns:1fr 1fr;gap:.6rem;width:100%;display:grid}.flashcard-screen__ratings-grid .game-button{text-transform:capitalize;width:100%}@media (height<=800px){.flashcard-screen__ratings-grid .game-button{padding:.65rem 1rem}}@media (height<=700px){.flashcard-screen__ratings-grid .game-button{padding:.5rem .85rem}}.flashcard-screen__error{color:var(--error)}.flashcard-screen__hint-toggle{gap:.5rem;display:flex}.flashcard-screen__probably-known{color:var(--text);font-size:var(--fs-caption);margin:0}.flashcard-screen__xp-toast-anchor{width:100%;max-width:26rem;margin:0 auto;position:relative}.flashcard-screen__gamification{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.flashcard-screen__session-xp,.flashcard-screen__daily-streak{background:var(--gold-bg);border:2px solid var(--edge-gold);color:var(--gold);font-size:var(--fs-caption);border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .7rem;font-weight:600;display:inline-flex}.listening-drill{flex-direction:column;align-items:center;gap:1.5rem;height:100%;min-height:0;padding:2rem 1rem;display:flex}.listening-drill__position{font-size:var(--fs-caption);color:var(--text);margin:0;font-weight:600}.listening-drill__card{border-radius:var(--card-radius);border:1px solid var(--card-border);background:var(--card-bg);width:100%;max-width:26rem;box-shadow:0 4px 0 var(--edge-neutral), var(--card-shadow);flex-direction:column;flex:1;justify-content:center;gap:1.5rem;min-height:0;margin:0 auto;padding:2.5rem 1.75rem;display:flex;overflow-y:auto}@media (height<=800px){.listening-drill{gap:1rem;padding:1rem .75rem}.listening-drill__card{gap:1rem;padding:1.5rem 1.25rem}}@media (height<=700px){.listening-drill{gap:.75rem;padding:.75rem}.listening-drill__card{gap:.75rem;padding:1rem .9rem}}.listening-drill__divider{background:var(--border);width:100%;height:1px}.listening-drill__loading{text-align:center;font-size:var(--fs-body);color:var(--text);padding:2rem 1rem}.listening-drill__error{text-align:center;font-size:var(--fs-body);color:var(--error);padding:2rem 1rem}.listening-drill__empty{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.listening-drill__empty-text{max-width:24rem;font-size:var(--fs-body);color:var(--text);margin:0}.matching-tile{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-raised);width:100%;height:4.5rem;color:var(--text-h);font:inherit;cursor:pointer;text-align:center;box-shadow:0 4px 0 var(--edge-neutral);transition:transform var(--motion-press) var(--ease-out), box-shadow var(--motion-press) var(--ease-out), background var(--motion-press) var(--ease-out), border-color var(--motion-press) var(--ease-out);justify-content:center;align-items:center;padding:.4rem .6rem;display:flex;transform:translateY(0)}.matching-tile:hover:not(:disabled){border-color:var(--accent-border)}.matching-tile:active:not(:disabled){box-shadow:0 0 0 var(--edge-neutral);transform:translateY(4px)}.matching-tile--selected{background:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:0 4px 0 var(--edge-accent)}.matching-tile--selected:active:not(:disabled){box-shadow:0 0 0 var(--edge-accent)}.matching-tile--incorrect{border-color:var(--error);background:var(--error-bg)}.matching-tile--matched{cursor:default}.matching-tile__content{width:100%;height:100%;overflow:hidden}.matching-tile__shake{flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:100%;height:100%;display:flex}.matching-tile__text{-webkit-line-clamp:2;font-size:var(--fs-body);-webkit-box-orient:vertical;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.matching-tile__text--long{font-size:var(--fs-caption)}.matching-tile__community-field{justify-content:center;align-items:center;gap:.35rem;width:100%;display:flex}.matching-tile__community-text{font-size:var(--fs-caption);text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.2;overflow:hidden}.matching-tile__audio-icon{background:var(--bg);width:1.6rem;height:1.6rem;color:var(--text-h);cursor:pointer;box-shadow:0 2px 0 var(--edge-neutral);transition:transform var(--motion-press) var(--ease-out), box-shadow var(--motion-press) var(--ease-out), background var(--motion-press) var(--ease-out), color var(--motion-press) var(--ease-out);border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;transform:translateY(0)}.matching-tile__audio-icon:hover{background:var(--accent-bg);color:var(--accent)}.matching-tile__audio-icon:active{box-shadow:0 0 0 var(--edge-neutral);transform:translateY(2px)}.matching-screen{flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 1rem;display:flex}.matching-screen--start{gap:1.5rem;width:100%;max-width:24rem}.matching-screen--empty{text-align:center;padding:3rem 1rem}.matching-screen__empty-message{max-width:24rem;font-size:var(--fs-body);color:var(--text);margin:0}.matching-screen__field{flex-direction:column;align-items:center;gap:.4rem;width:100%;display:flex}.matching-screen__field-label{font-size:var(--fs-caption);color:var(--text);font-weight:600}.matching-screen__field select{font:inherit;font-size:var(--fs-body);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-raised);color:var(--text-h);box-shadow:0 2px 0 var(--edge-neutral);min-width:10rem;padding:.4rem .75rem}.matching-screen__chip-group{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.matching-screen__notice{text-align:center;max-width:28rem;font-size:var(--fs-body);color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);margin:0;padding:.75rem 1rem;line-height:1.5}.matching-screen__error{text-align:center;color:var(--error);padding:1rem}.matching-screen--complete{gap:.75rem}.matching-screen__celebration{justify-content:center;display:flex}.matching-screen__complete-title{font-size:var(--fs-title);color:var(--text-h);margin:0;font-weight:700}.matching-screen__xp-toast-anchor{height:1.5rem;position:relative}.matching-screen__board-header{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.matching-screen__settings-button{background:var(--bg-raised);width:2.5rem;height:2.5rem;color:var(--text);cursor:pointer;box-shadow:0 2px 0 var(--edge-neutral);transition:transform var(--motion-press) var(--ease-out), box-shadow var(--motion-press) var(--ease-out), background var(--motion-press) var(--ease-out), color var(--motion-press) var(--ease-out);border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;transform:translateY(0)}.matching-screen__settings-button:hover{background:var(--accent-bg);color:var(--accent)}.matching-screen__settings-button:active{box-shadow:0 0 0 var(--edge-neutral);transform:translateY(2px)}.matching-screen__settings-title{font-size:var(--fs-title);color:var(--text-h);margin:0;font-weight:700}.matching-screen__settings-actions{justify-content:center;gap:.75rem;display:flex}.matching-screen__board{gap:1.5rem;width:100%;max-width:36rem;display:flex}.matching-screen__column{flex-direction:column;flex:1;gap:.5rem;display:flex}.phrase-block{border-radius:var(--radius-sm);background:var(--bg-raised);border:1px solid var(--border);border-bottom-width:3px;border-bottom-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-width:2.4rem;padding:.4rem .55rem .3rem;display:inline-flex}.phrase-block__char{font-size:var(--fs-body);color:var(--text-h);font-weight:700;line-height:1.2}.phrase-block__pinyin{font-size:var(--fs-caption);color:var(--text);line-height:1.1}.phrase-block--tappable{cursor:pointer;box-shadow:0 2px 0 var(--edge-neutral);transition:transform var(--motion-press) var(--ease-out), box-shadow var(--motion-press) var(--ease-out), border-color var(--motion-press) var(--ease-out);transform:translateY(0)}.phrase-block--tappable:hover{border-color:var(--accent-border)}.phrase-block--tappable:active{box-shadow:0 0 0 var(--edge-neutral);transform:translateY(2px)}.phrase-block--blank{background:0 0;border-style:dashed;min-width:2.8rem}.phrase-block--blank-active{border-color:var(--accent-border);background:var(--accent-bg);border-style:solid}@media (prefers-reduced-motion:no-preference){.phrase-block{transition:border-bottom-color var(--motion-base) var(--ease-out)}}.phrase-choice-chip{min-width:3.6rem;padding-top:.6rem;padding-bottom:.6rem}.phrase-choice-chip__stack{flex-direction:column;align-items:center;gap:.15rem;display:flex}.phrase-choice-chip__char{font-size:var(--fs-body);font-weight:700;line-height:1.15}.phrase-choice-chip__pinyin{font-size:var(--fs-caption);opacity:.85;font-weight:500;line-height:1.1}.phrase-pos-legend{font-size:var(--fs-caption);color:var(--text);flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.phrase-pos-legend__item{align-items:center;gap:.3rem;display:inline-flex}.phrase-pos-legend__swatch{border-radius:999px;width:.6rem;height:3px;display:inline-block}.phrase-builder{flex-direction:column;align-items:center;gap:1.25rem;height:100%;min-height:0;padding:1.5rem 1rem;display:flex;overflow-y:auto}@media (width<=480px){.phrase-builder{gap:.85rem;padding:1rem .75rem}}.phrase-builder__error{color:var(--error)}.phrase-builder__notice{color:var(--text);text-align:center;padding:2rem 1rem}.phrase-builder__prompt-wrap{text-align:center;flex-direction:column;align-items:center;gap:.2rem;display:flex}.phrase-builder__speaker{font-size:var(--fs-caption);color:var(--text);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.phrase-builder__prompt{font-size:var(--fs-body);color:var(--text-h);margin:0;font-weight:600}.phrase-builder__reader-wrap{width:100%;max-width:26rem}.phrase-builder__reader-pulse{border-radius:var(--radius-lg);padding:.5rem}.phrase-builder__xp-toast-anchor{width:100%;position:relative}.phrase-builder__reader{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.6rem .5rem;display:flex}.phrase-builder__punct{font-size:var(--fs-body);color:var(--text-h);align-self:flex-end;margin-inline-start:-.3rem;padding-bottom:.35rem;font-weight:700}.phrase-builder__choice-bank{flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%;max-width:26rem;display:flex}.phrase-builder--complete,.phrase-builder--empty{text-align:center;justify-content:center}.phrase-builder__celebration{flex-direction:column;align-items:center;gap:.5rem;display:flex}.phrase-builder__complete-title-wrap{display:inline-block;position:relative}.phrase-builder__complete-title{font-size:var(--fs-title);color:var(--text-h);margin:0;font-weight:700}.phrase-builder__complete-underline{position:absolute;bottom:-.4rem;left:50%;transform:translate(-50%)}.phrase-builder__session-xp{background:var(--gold-bg);border:2px solid var(--edge-gold);color:var(--gold);font-size:var(--fs-caption);border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .7rem;font-weight:600;display:inline-flex}.phrase-builder__empty-message{font-size:var(--fs-title);color:var(--text-h);max-width:22rem;margin:0;font-weight:700}.phrase-builder__continue{justify-content:center;padding:.5rem 0;display:flex}.screen-header{flex-direction:column;flex:none;gap:.5rem;padding:1rem;display:flex}.screen-header__row{align-items:center;gap:1rem;display:flex}.screen-header__progress{flex:1}.screen-header__exit{background:var(--bg-raised);width:2.5rem;height:2.5rem;color:var(--text);cursor:pointer;box-shadow:0 2px 0 var(--edge-neutral);transition:transform var(--motion-press) var(--ease-out), box-shadow var(--motion-press) var(--ease-out), background var(--motion-press) var(--ease-out), color var(--motion-press) var(--ease-out);border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;transform:translateY(0)}.screen-header__exit:hover{color:var(--error);background:var(--error-bg)}.screen-header__exit:active{box-shadow:0 0 0 var(--edge-neutral);transform:translateY(2px)}.screen-header__caption{font-size:var(--fs-caption);color:var(--text);align-items:center;gap:.4rem;margin:0;font-weight:600;display:flex}.screen-header__caption>svg{flex-shrink:0}.app{max-width:40rem;min-height:100svh;margin:0 auto}.app--session{flex-direction:column;height:100svh;display:flex;overflow:hidden}@supports (height:100dvh){.app--session{height:100dvh}}.app__screen{flex:1;min-height:0;overflow:hidden auto}.app__tabs{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1.5rem 1rem;display:grid}@media (width>=30rem){.app__tabs{grid-template-columns:repeat(3,1fr)}}@media (width>=40rem){.app__tabs{grid-template-columns:repeat(5,1fr)}}.app__tabs .game-button{width:100%}.app__tab-stack{flex-direction:column;align-items:center;gap:.15rem;display:flex}.app__tab-badge{font-size:var(--fs-caption);opacity:.75;font-weight:600}