:root{--bg-canvas:#fbf7f0;--bg-surface:#fff;--bg-sunken:#f2ece1;--bg-overlay:#22201c7a;--ink-primary:#22201c;--ink-secondary:#5b554c;--ink-tertiary:#8a8377;--line-hairline:#e3dacb;--line-strong:#cfc3ae;--accent:#e2542f;--accent-ink:#fff;--accent-soft:#fbe7df;--positive:#2f8f5b;--positive-soft:#e1f1e6;--negative:#b23a2a;--negative-soft:#f8e4e0;--caution:#b4820f;--caution-soft:#fbf0d6;--focus-ring:#1b6fe0;--finger-l4:#6b4fbf;--finger-l3:#3d6fd6;--finger-l2:#2e8fa8;--finger-l1:#2f8f5b;--finger-t:#8a8377;--finger-r1:#b08a12;--finger-r2:#d07a22;--finger-r3:#d0523a;--finger-r4:#b03a70;--shadow-e0:none;--border-e0:none;--shadow-e1:0 1px 2px #22201c0f, 0 2px 8px #22201c0a;--border-e1:none;--shadow-e2:0 8px 24px #22201c1a;--border-e2:none;--font-ui:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", "Meiryo", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", "Noto Sans Mono", Consolas, monospace;--font-cert:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--text-challenge-xl-size:96px;--text-challenge-xl-weight:700;--text-challenge-xl-line:1;--text-challenge-xl-tracking:.02em;--text-challenge-xl-font:var(--font-mono);--text-challenge-l-size:64px;--text-challenge-l-weight:700;--text-challenge-l-line:1.1;--text-challenge-l-tracking:.04em;--text-challenge-l-font:var(--font-mono);--text-display-size:32px;--text-display-weight:700;--text-display-line:1.25;--text-display-tracking:-.01em;--text-display-font:var(--font-ui);--text-headline-size:28px;--text-headline-weight:700;--text-headline-line:1.3;--text-headline-tracking:-.01em;--text-headline-font:var(--font-ui);--text-title-size:20px;--text-title-weight:700;--text-title-line:1.4;--text-title-tracking:0em;--text-title-font:var(--font-ui);--text-metric-size:40px;--text-metric-weight:700;--text-metric-line:1.1;--text-metric-tracking:0em;--text-metric-font:var(--font-mono);--text-body-size:16px;--text-body-weight:400;--text-body-line:1.9;--text-body-tracking:.01em;--text-body-font:var(--font-ui);--text-body-s-size:14px;--text-body-s-weight:400;--text-body-s-line:1.6;--text-body-s-tracking:.01em;--text-body-s-font:var(--font-ui);--text-caption-size:12px;--text-caption-weight:500;--text-caption-line:1.5;--text-caption-tracking:.02em;--text-caption-font:var(--font-ui);--text-keycap-size:13px;--text-keycap-weight:600;--text-keycap-line:1;--text-keycap-tracking:0em;--text-keycap-font:var(--font-mono);--text-keycap-finger-size:9px;--text-keycap-finger-weight:700;--text-keycap-finger-line:1;--text-keycap-finger-tracking:0em;--text-keycap-finger-font:var(--font-mono);--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:56px;--space-10:80px;--space-11:120px;--content-max-width:1200px;--practice-max-width:1040px;--result-max-width:880px;--header-height:56px;--hud-height:40px;--gutter-padding:40px;--gutter-padding-wide:56px;--radius-xs:4px;--radius-s:8px;--radius-m:12px;--radius-l:20px;--radius-pill:999px;--t-instant:0s;--t-quick:.12s;--t-base:.2s;--t-slow:.36s;--t-celebrate:.9s;--e-standard:cubic-bezier(.2, 0, 0, 1);--e-out:cubic-bezier(0, 0, 0, 1);--e-in:cubic-bezier(.3, 0, 1, 1);--e-pop:cubic-bezier(.34, 1.56, .64, 1);--z-background:0;--z-content:10;--z-hud:20;--z-header:30;--z-banner:40;--z-panel:50;--z-dialog:60;--z-celebration:70;--z-toast:80;--z-environment:90}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-canvas:#171512;--bg-surface:#201d19;--bg-sunken:#121110;--bg-overlay:#0009;--ink-primary:#f2ece1;--ink-secondary:#b9b0a2;--ink-tertiary:#857d71;--line-hairline:#332e28;--line-strong:#4a433a;--accent:#ff7a4d;--accent-ink:#2a1509;--accent-soft:#3a2018;--positive:#4fbf80;--positive-soft:#16301f;--negative:#ff6b54;--negative-soft:#331612;--caution:#e8b33c;--caution-soft:#2e2410;--focus-ring:#6ba8ff;--finger-l4:#a78bfa;--finger-l3:#7ba7f5;--finger-l2:#5fc3d9;--finger-l1:#4fbf80;--finger-t:#a9a093;--finger-r1:#e0bc3a;--finger-r2:#f0a045;--finger-r3:#ff8062;--finger-r4:#f07aae;--shadow-e1:none;--border-e1:1px solid var(--line-hairline);--shadow-e2:none;--border-e2:1px solid var(--line-strong)}}:root[data-theme=light]{--bg-canvas:#fbf7f0;--bg-surface:#fff;--bg-sunken:#f2ece1;--bg-overlay:#22201c7a;--ink-primary:#22201c;--ink-secondary:#5b554c;--ink-tertiary:#8a8377;--line-hairline:#e3dacb;--line-strong:#cfc3ae;--accent:#e2542f;--accent-ink:#fff;--accent-soft:#fbe7df;--positive:#2f8f5b;--positive-soft:#e1f1e6;--negative:#b23a2a;--negative-soft:#f8e4e0;--caution:#b4820f;--caution-soft:#fbf0d6;--focus-ring:#1b6fe0;--finger-l4:#6b4fbf;--finger-l3:#3d6fd6;--finger-l2:#2e8fa8;--finger-l1:#2f8f5b;--finger-t:#8a8377;--finger-r1:#b08a12;--finger-r2:#d07a22;--finger-r3:#d0523a;--finger-r4:#b03a70;--shadow-e1:0 1px 2px #22201c0f, 0 2px 8px #22201c0a;--border-e1:none;--shadow-e2:0 8px 24px #22201c1a;--border-e2:none}:root[data-theme=dark]{--bg-canvas:#171512;--bg-surface:#201d19;--bg-sunken:#121110;--bg-overlay:#0009;--ink-primary:#f2ece1;--ink-secondary:#b9b0a2;--ink-tertiary:#857d71;--line-hairline:#332e28;--line-strong:#4a433a;--accent:#ff7a4d;--accent-ink:#2a1509;--accent-soft:#3a2018;--positive:#4fbf80;--positive-soft:#16301f;--negative:#ff6b54;--negative-soft:#331612;--caution:#e8b33c;--caution-soft:#2e2410;--focus-ring:#6ba8ff;--finger-l4:#a78bfa;--finger-l3:#7ba7f5;--finger-l2:#5fc3d9;--finger-l1:#4fbf80;--finger-t:#a9a093;--finger-r1:#e0bc3a;--finger-r2:#f0a045;--finger-r3:#ff8062;--finger-r4:#f07aae;--shadow-e1:none;--border-e1:1px solid var(--line-hairline);--shadow-e2:none;--border-e2:1px solid var(--line-strong)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background-color:var(--bg-canvas);color:var(--ink-primary);font-family:var(--font-ui);font-size:var(--text-body-size);line-height:var(--text-body-line);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{background:0 0;border:none}a{color:inherit}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-display{font-family:var(--text-display-font);font-size:var(--text-display-size);font-weight:var(--text-display-weight);line-height:var(--text-display-line);letter-spacing:var(--text-display-tracking)}.text-headline{font-family:var(--text-headline-font);font-size:var(--text-headline-size);font-weight:var(--text-headline-weight);line-height:var(--text-headline-line);letter-spacing:var(--text-headline-tracking)}.text-title{font-family:var(--text-title-font);font-size:var(--text-title-size);font-weight:var(--text-title-weight);line-height:var(--text-title-line);letter-spacing:var(--text-title-tracking)}.text-body{font-family:var(--text-body-font);font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line);letter-spacing:var(--text-body-tracking)}.text-body-s{font-family:var(--text-body-s-font);font-size:var(--text-body-s-size);font-weight:var(--text-body-s-weight);line-height:var(--text-body-s-line);letter-spacing:var(--text-body-s-tracking)}.text-caption{font-family:var(--text-caption-font);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line);letter-spacing:var(--text-caption-tracking)}.skeleton{background-color:var(--bg-sunken);border-radius:var(--radius-m)}@media (prefers-reduced-motion:no-preference){.skeleton{animation:1.6s ease-in-out infinite skeleton-pulse}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}.fade-in{animation:fade-in var(--t-base) var(--e-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-property:opacity!important;transition-duration:.12s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-header{height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-6);padding-inline:var(--gutter-padding);border-bottom:1px solid var(--line-hairline);background-color:var(--bg-canvas);z-index:var(--z-header);flex:none;display:flex;position:relative}.app-header__logo{align-items:center;gap:var(--space-3);color:var(--ink-primary);text-decoration:none;display:inline-flex}.app-header__nav{gap:var(--space-6);flex:1;display:flex}.app-header__nav-link{color:var(--ink-secondary);text-decoration:none}.app-header__nav-link:hover{color:var(--ink-primary)}.app-header__actions{align-items:center;gap:var(--space-4);display:flex}.app-header__settings{border-radius:var(--radius-pill);width:40px;height:40px;color:var(--ink-secondary);cursor:pointer;transition:background-color var(--t-quick) var(--e-standard);justify-content:center;align-items:center;display:inline-flex}.app-header__settings:hover{background-color:var(--bg-sunken)}.app-header__sync{color:var(--ink-tertiary)}.app-main{flex:1}.focus-shell{flex-direction:column;min-height:100%;display:flex}.focus-hud{height:var(--hud-height);background-color:var(--bg-canvas);z-index:var(--z-hud);flex:none}.focus-hud--top{border-bottom:1px solid var(--line-hairline)}.focus-hud--bottom{border-top:1px solid var(--line-hairline);margin-top:auto}.focus-shell__content{width:100%;max-width:var(--practice-max-width);flex:1;margin-inline:auto}.title-screen{justify-content:center;align-items:flex-start;gap:var(--space-6);min-height:100%;padding:var(--space-11) var(--gutter-padding);background-color:var(--bg-canvas);color:var(--ink-primary);flex-direction:column;display:flex}.title-screen__brand-heading{margin:0}.title-screen__logo-text{color:var(--ink-primary)}.title-screen__subtitle{color:var(--ink-secondary)}.title-screen__menu{gap:var(--space-2);flex-direction:column;display:flex}.title-screen__menu-item{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--ink-secondary);text-align:left;cursor:pointer;transition:color var(--t-quick) var(--e-standard), transform var(--t-quick) var(--e-standard);display:inline-flex}.title-screen__menu-item--active{color:var(--accent);transform:translateX(var(--space-3))}.title-screen__menu-marker{width:1em;display:inline-block}.title-screen__hint{color:var(--ink-tertiary)}.s12-screen{z-index:var(--z-environment);justify-content:center;align-items:center;gap:var(--space-5);text-align:center;padding:var(--gutter-padding);background-color:var(--bg-canvas);color:var(--ink-primary);flex-direction:column;display:flex;position:fixed;inset:0}.s12-screen__icon{color:var(--ink-tertiary);font-size:48px;line-height:1}.s12-screen__body{max-width:480px;color:var(--ink-secondary)}.s12-screen__continue{height:48px;padding-inline:var(--space-6);border-radius:var(--radius-pill);background-color:var(--accent);color:var(--accent-ink);cursor:pointer;align-items:center;display:inline-flex}.placeholder-screen{padding:var(--space-8) var(--gutter-padding);max-width:var(--content-max-width);color:var(--ink-primary);margin-inline:auto}.placeholder-screen__note{color:var(--ink-secondary)}.keyboard{gap:var(--space-2);flex-direction:column;display:flex}.keyboard__row{gap:var(--space-2);display:flex}.keyboard__key{border-radius:var(--radius-s);background-color:var(--bg-surface);border:2px solid var(--finger-color,var(--line-hairline));width:40px;height:40px;color:var(--ink-primary);font-family:var(--text-keycap-font);font-size:var(--text-keycap-size);font-weight:var(--text-keycap-weight);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.keyboard__key[data-finger=L4],.keyboard__key--shift[data-finger=L4]{--finger-color:var(--finger-l4)}.keyboard__key[data-finger=L3]{--finger-color:var(--finger-l3)}.keyboard__key[data-finger=L2]{--finger-color:var(--finger-l2)}.keyboard__key[data-finger=L1]{--finger-color:var(--finger-l1)}.keyboard__key[data-finger=T]{--finger-color:var(--finger-t)}.keyboard__key[data-finger=R1]{--finger-color:var(--finger-r1)}.keyboard__key[data-finger=R2]{--finger-color:var(--finger-r2)}.keyboard__key[data-finger=R3]{--finger-color:var(--finger-r3)}.keyboard__key[data-finger=R4],.keyboard__key--shift[data-finger=R4]{--finger-color:var(--finger-r4)}.keyboard__key--shift{width:64px}.keyboard__key--space{width:240px}.keyboard__label{line-height:var(--text-keycap-line)}.keyboard__shift-label{font-size:var(--text-keycap-finger-size);color:var(--ink-tertiary);position:absolute;top:2px;right:4px}.keyboard__finger-number{font-family:var(--text-keycap-finger-font);font-size:var(--text-keycap-finger-size);font-weight:var(--text-keycap-finger-weight);color:var(--finger-color,var(--ink-tertiary))}.keyboard__home-bump{background-color:var(--finger-color,var(--ink-tertiary));border-radius:var(--radius-xs);width:12px;height:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.keyboard__key[data-expected=true],.keyboard__key--shift[data-shift-target=true]{border-color:var(--accent);outline:2px solid var(--accent-soft)}.keyboard__key[data-feedback=correct]{background-color:var(--positive-soft);border-color:var(--positive)}.keyboard__key[data-feedback=incorrect]{background-color:var(--negative-soft);border-color:var(--negative)}.hands-guide{justify-content:center;align-items:flex-end;gap:var(--space-6);display:flex}.hands-guide__hand{gap:var(--space-3);display:flex}.hands-guide__finger{border-radius:var(--radius-pill);background-color:var(--bg-surface);border:2px solid var(--finger-color,var(--line-hairline));width:32px;height:32px;color:var(--finger-color,var(--ink-tertiary));justify-content:center;align-items:center;display:flex}.hands-guide__finger[data-finger=L4]{--finger-color:var(--finger-l4)}.hands-guide__finger[data-finger=L3]{--finger-color:var(--finger-l3)}.hands-guide__finger[data-finger=L2]{--finger-color:var(--finger-l2)}.hands-guide__finger[data-finger=L1]{--finger-color:var(--finger-l1)}.hands-guide__finger[data-finger=T]{--finger-color:var(--finger-t)}.hands-guide__finger[data-finger=R1]{--finger-color:var(--finger-r1)}.hands-guide__finger[data-finger=R2]{--finger-color:var(--finger-r2)}.hands-guide__finger[data-finger=R3]{--finger-color:var(--finger-r3)}.hands-guide__finger[data-finger=R4]{--finger-color:var(--finger-r4)}.hands-guide__finger-number{font-family:var(--text-keycap-finger-font);font-size:var(--text-keycap-finger-size);font-weight:var(--text-keycap-finger-weight)}.hands-guide__finger[data-active=true]{background-color:var(--accent-soft);border-color:var(--accent);outline:2px solid var(--accent-soft)}@media (height<=639px){.hands-guide{display:none}}.level-select{max-width:var(--content-max-width);padding:var(--space-7) var(--gutter-padding);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.level-select__heading{color:var(--ink-primary)}.level-select__grid{gap:var(--space-5);border:none;grid-template-columns:repeat(4,1fr);margin:0;padding:0;display:grid}@media (width>=1280px){.level-select__grid{grid-template-columns:repeat(5,1fr)}}.level-select__hint{color:var(--ink-tertiary);text-align:center}.level-card{align-items:stretch;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-l);background-color:var(--bg-surface);border:var(--border-e1);box-shadow:var(--shadow-e1);color:var(--ink-primary);text-align:left;font-family:var(--font-ui);cursor:pointer;transition:transform var(--t-quick) var(--e-standard), box-shadow var(--t-quick) var(--e-standard), background-color var(--t-quick) var(--e-standard);flex-direction:column;display:flex}.level-card:hover{box-shadow:var(--shadow-e2);transform:translateY(-2px)}.level-card--active{background-color:var(--accent-soft);transition-timing-function:var(--e-pop);transform:scale(1.02)}.level-card__top{justify-content:space-between;align-items:center;display:flex}.level-card__stamp{color:var(--accent);font-size:var(--text-title-size)}.level-card__name{color:var(--ink-primary)}.level-card__target-chars,.level-card__added-fingers,.level-card__stats{color:var(--ink-tertiary)}.mini-keyboard{align-items:center;gap:var(--space-2);display:flex}.mini-keyboard__shift-marker{color:var(--ink-tertiary);font-size:var(--text-caption-size)}.mini-keyboard__rows{flex-direction:column;gap:2px;width:100px;display:flex}.mini-keyboard__row{gap:2px;display:flex}.mini-keyboard__key{border-radius:var(--radius-xs);background-color:var(--bg-sunken);border:1px solid var(--line-hairline);opacity:.5;flex:1;height:6px}.mini-keyboard__key[data-lit=true]{background-color:var(--accent);border-color:var(--accent);opacity:.85}.level-card--active .mini-keyboard__key[data-lit=true]{opacity:1}.lesson-screen{justify-content:center;align-items:center;gap:var(--space-6);min-height:100%;padding:var(--space-6) var(--gutter-padding);flex-direction:column;display:flex}.lesson-hud{justify-content:center;align-items:center;gap:var(--space-5);height:var(--hud-height);width:100%;color:var(--ink-secondary);display:flex}.lesson-hud__dots{gap:4px;display:flex}.lesson-hud__focus-badge{margin-left:var(--space-3);padding:2px var(--space-3);border-radius:var(--radius-pill);background-color:var(--accent-soft);color:var(--accent)}.lesson-hud__dot{border-radius:var(--radius-pill);background-color:var(--line-strong);width:6px;height:6px}.lesson-hud__dot--filled{background-color:var(--accent)}.lesson-hud__exit{color:var(--ink-tertiary);cursor:pointer;background:0 0;border:none;text-decoration:underline}.challenge-display{justify-content:center;align-items:center;width:100%;min-height:120px;display:flex}.challenge-display__text{text-align:center;color:var(--ink-primary);font-family:var(--font-mono);transition:color var(--t-base) var(--e-standard)}.challenge-display__text--xl{font-size:var(--text-challenge-xl-size);font-weight:var(--text-challenge-xl-weight);line-height:var(--text-challenge-xl-line);letter-spacing:var(--text-challenge-xl-tracking)}.challenge-display__text--l{font-size:var(--text-challenge-l-size);font-weight:var(--text-challenge-l-weight);line-height:var(--text-challenge-l-line);letter-spacing:var(--text-challenge-l-tracking)}.challenge-display__text--dimmed{color:var(--ink-tertiary)}.lesson-banner{padding:var(--space-3) var(--space-5);border-radius:var(--radius-s);background-color:var(--caution-soft);color:var(--ink-primary)}.pause-overlay{background-color:var(--bg-overlay);z-index:var(--z-panel);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pause-overlay__panel{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-l);background-color:var(--bg-surface);box-shadow:var(--shadow-e2);flex-direction:column;min-width:320px;display:flex}.pause-overlay__volume{gap:var(--space-2);color:var(--ink-secondary);flex-direction:column;display:flex}.pause-overlay__resume{padding:var(--space-3) var(--space-5);border-radius:var(--radius-m);background-color:var(--accent);color:var(--accent-ink);cursor:pointer;border:none}.lesson-result__weak-keys,.test-result__weak-keys{align-items:center;gap:var(--space-2);color:var(--ink-secondary);flex-direction:column;display:flex}.lesson-result__weak-key-list,.test-result__weak-key-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:flex}.lesson-result__weak-key,.test-result__weak-key{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-s);background-color:var(--bg-surface);box-shadow:var(--shadow-e1);font-family:var(--font-mono);color:var(--ink-primary);flex-direction:column;display:flex}.lesson-result{max-width:var(--result-max-width);padding:var(--space-7) var(--gutter-padding);align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;margin:0 auto;display:flex}.lesson-result__stats{gap:var(--space-8);display:flex}.lesson-result__actions{gap:var(--space-3);flex-direction:column;display:flex}.final-test-screen{justify-content:center;align-items:center;gap:var(--space-6);min-height:100%;padding:var(--space-6) var(--gutter-padding);flex-direction:column;display:flex}.test-hud__time-bar{appearance:none;border-radius:var(--radius-pill);border:none;width:240px;height:8px;overflow:hidden}.test-hud__time-bar::-webkit-progress-bar{background-color:var(--line-strong);border-radius:var(--radius-pill)}.test-hud__time-bar::-webkit-progress-value{background-color:var(--accent);border-radius:var(--radius-pill);transition:width var(--t-base) var(--e-standard)}.test-hud__time-bar::-moz-progress-bar{background-color:var(--accent);border-radius:var(--radius-pill)}.test-hud__time-bar[data-caution=true]{animation:1s ease-in-out infinite test-hud-caution-pulse}.test-hud__time-bar[data-caution=true]::-webkit-progress-value{background-color:var(--caution)}.test-hud__time-bar[data-caution=true]::-moz-progress-bar{background-color:var(--caution)}@keyframes test-hud-caution-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.test-hud__time-bar[data-caution=true]{animation:none}}.test-result{max-width:var(--result-max-width);padding:var(--space-7) var(--gutter-padding);align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;margin:0 auto;display:flex}.test-result--passed{background-color:var(--positive-soft)}.test-result__stats{gap:var(--space-8);display:flex}.test-result__best{color:var(--accent)}.test-result__metric--negative,.test-result__note--negative{color:var(--negative)}.test-result__actions{gap:var(--space-3);flex-direction:column;display:flex}.stamp__circle{fill:var(--accent)}.stamp__ring{fill:none;stroke:var(--accent-ink);stroke-width:1.5px;opacity:.5}.stamp__glyph{fill:var(--accent-ink);font-family:var(--font-cert);font-size:44px}.stamp-reveal{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.stamp-reveal__badge{position:relative}.stamp-reveal__ring-pulse{border-radius:var(--radius-pill);border:3px solid var(--accent);opacity:0;width:100%;height:100%;margin:auto;position:absolute;inset:0}.stamp-reveal__heading{opacity:1}.stamp-reveal[data-phase=playing] .stamp-reveal__badge .stamp{animation:stamp-reveal-drop .26s var(--e-in) forwards, stamp-reveal-settle 60ms var(--e-pop) .26s forwards}.stamp-reveal[data-phase=playing] .stamp-reveal__ring-pulse{animation:stamp-reveal-ring .24s var(--e-standard) .26s forwards}.stamp-reveal[data-phase=playing] .stamp-reveal__heading{opacity:0;animation:stamp-reveal-heading-in var(--t-base) var(--e-out) .32s forwards}@keyframes stamp-reveal-drop{0%{opacity:0;transform:translateY(-120px)scale(1.8)}to{opacity:1;transform:translateY(0)scale(1.06)}}@keyframes stamp-reveal-settle{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes stamp-reveal-ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.8)}}@keyframes stamp-reveal-heading-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.stamp-reveal[data-phase=playing] .stamp-reveal__badge .stamp,.stamp-reveal[data-phase=playing] .stamp-reveal__ring-pulse{opacity:1;animation:none}.stamp-reveal[data-phase=playing] .stamp-reveal__heading{opacity:0;transition:opacity .2s var(--e-standard);animation:none}}.stamp-card{align-items:center;gap:var(--space-5);max-width:var(--result-max-width);padding:var(--space-7) var(--gutter-padding);text-align:center;flex-direction:column;margin:0 auto;display:flex}.stamp-card__grid{gap:var(--space-3);width:100%;padding:var(--space-5);border:1px dashed var(--line-strong);border-radius:var(--radius-l);grid-template-columns:repeat(5,1fr);display:grid}.stamp-card__slot{justify-content:center;align-items:center;gap:var(--space-1);min-height:120px;padding:var(--space-3);border:1px solid var(--line-hairline);border-radius:var(--radius-m);background-color:var(--bg-surface);cursor:pointer;flex-direction:column;display:flex}.stamp-card__slot--active{border-color:var(--accent)}.stamp-card__slot-lv{color:var(--ink-secondary)}.stamp-card__slot-date,.stamp-card__slot-stats{color:var(--ink-tertiary)}.stamp-card__certificate{width:100%;padding:var(--space-4) var(--space-5);border:1px solid var(--line-hairline);border-radius:var(--radius-m);color:var(--ink-secondary)}.stamp-card__certificate--ready{align-items:center;gap:var(--space-3);border-color:var(--accent);flex-direction:column;display:flex}.certificate-screen{align-items:center;gap:var(--space-6);min-height:100%;padding:var(--space-6) var(--gutter-padding);background-color:var(--bg-canvas);flex-direction:column;display:flex}.certificate-screen__close-top{color:var(--ink-tertiary);cursor:pointer;background:0 0;border:none;align-self:flex-start;text-decoration:underline}.certificate-screen__frame{width:100%;max-width:960px}.certificate-svg{width:100%;height:auto;font-family:var(--font-cert)}.certificate-svg__bg{fill:var(--bg-surface)}.certificate-svg__border{fill:none;stroke:var(--accent);stroke-width:4px}.certificate-svg__title{letter-spacing:.2em;fill:var(--ink-primary);font-size:56px}.certificate-svg__name{fill:var(--ink-primary);font-size:44px}.certificate-svg__body{fill:var(--ink-secondary);font-size:24px}.certificate-svg__date,.certificate-svg__org{fill:var(--ink-secondary);font-size:22px}.certificate-screen__actions{gap:var(--space-3);display:flex}.story-scene{cursor:pointer;flex-direction:column;justify-content:flex-end;min-height:100vh;display:flex;position:relative;overflow:hidden}.story-scene__background-image,.story-scene__background-fallback{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.story-scene__background-fallback{background-color:var(--bg-sunken)}.story-scene__portrait{z-index:1;right:var(--space-6);max-width:46vw;height:106vh;position:absolute;bottom:-6vh}.story-scene__portrait-image{object-fit:contain;object-position:bottom center;width:auto;max-width:100%;height:100%;animation:story-portrait-fade-in var(--t-quick) var(--e-standard)}@keyframes story-portrait-fade-in{0%{opacity:0}to{opacity:1}}.story-scene__dialogue{z-index:1;margin:0 40px var(--space-6);padding:var(--space-5) var(--space-6);border-radius:var(--radius-l);background-color:var(--bg-surface);opacity:.92;box-shadow:var(--shadow-e2);position:relative}.story-scene__speaker{color:var(--accent);margin-bottom:var(--space-2)}.story-scene__body{color:var(--ink-primary);min-height:5.7em;line-height:1.9}.story-scene__advance-indicator{margin-left:var(--space-2);animation:1s ease-in-out infinite story-advance-bounce;display:inline-block}@keyframes story-advance-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.story-scene__portrait-image{animation:none}.story-scene__advance-indicator{animation:1s ease-in-out infinite story-advance-fade;transform:none}}@keyframes story-advance-fade{0%,to{opacity:1}50%{opacity:.4}}.story-scene__footer{z-index:1;text-align:center;color:var(--bg-surface);padding-bottom:var(--space-3);position:relative}.skip-confirm{z-index:var(--z-panel);background-color:var(--bg-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.skip-confirm__panel{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-l);background-color:var(--bg-surface);box-shadow:var(--shadow-e2);text-align:center;flex-direction:column;max-width:480px;display:flex}.skip-confirm__actions{justify-content:center;gap:var(--space-3);display:flex}.recollection{align-items:center;gap:var(--space-5);max-width:var(--result-max-width);padding:var(--space-7) var(--gutter-padding);text-align:center;flex-direction:column;margin:0 auto;display:flex}.recollection__list{border:1px solid var(--line-hairline);border-radius:var(--radius-m);flex-direction:column;width:100%;display:flex;overflow:hidden}.recollection__item{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:none;border-bottom:1px solid var(--line-hairline);background-color:var(--bg-surface);color:var(--ink-primary);cursor:pointer;text-align:left;display:flex}.recollection__item:last-child{border-bottom:none}.recollection__item--active{background-color:var(--accent-soft)}.recollection__item-date,.recollection__item-hint{color:var(--ink-tertiary);white-space:nowrap}.settings-panel{z-index:var(--z-panel);gap:var(--space-6);width:400px;max-width:100%;padding:var(--space-6);background-color:var(--bg-surface);box-shadow:var(--shadow-e2);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.settings-panel__header{justify-content:space-between;align-items:center;display:flex}.settings-panel__close{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--ink-secondary);cursor:pointer}.settings-panel__section{gap:var(--space-3);border:none;flex-direction:column;margin:0;padding:0;display:flex}.settings-panel__segmented{border:1px solid var(--line-hairline);border-radius:var(--radius-m);display:flex;overflow:hidden}.settings-panel__segment{padding:var(--space-3);color:var(--ink-secondary);cursor:pointer;flex:1}.settings-panel__segment--selected{background-color:var(--accent-soft);color:var(--accent)}.settings-panel__name-input{padding:var(--space-3);border:1px solid var(--line-hairline);border-radius:var(--radius-m);color:var(--ink-primary);background-color:var(--bg-canvas)}.settings-panel__error{color:var(--negative)}.settings-panel__sound-row,.settings-panel__account{align-items:center;gap:var(--space-3);display:flex}.settings-panel__login{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border:1px solid var(--line-hairline);border-radius:var(--radius-m);cursor:pointer;display:inline-flex}.settings-panel__danger{align-items:flex-start;gap:var(--space-2);padding-top:var(--space-5);border-top:1px solid var(--line-hairline);flex-direction:column;display:flex}.settings-panel__danger button{color:var(--negative);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.sync-indicator{color:var(--ink-tertiary);display:inline-flex}.confirm-dialog{z-index:var(--z-panel);background-color:var(--bg-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog__panel{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-l);background-color:var(--bg-surface);max-width:420px;box-shadow:var(--shadow-e2);flex-direction:column;display:flex}.confirm-dialog__actions{justify-content:flex-end;gap:var(--space-4);display:flex}.confirm-dialog__danger{color:var(--negative);cursor:pointer;background:0 0;border:none}:root{--console-red:#f23d4f;--console-cyan:#00a9d6;--console-ink:#10213e;--console-shell:#eef3fa;--console-panel:#fffffff0;--console-glow:#00a9d64d;--console-shadow:0 24px 70px #10213e29;--console-shadow-soft:0 12px 30px #10213e1a;--console-radius:28px;--bg-canvas:var(--console-shell);--bg-surface:#fff;--ink-primary:var(--console-ink);--accent:var(--console-red);--accent-soft:#ffe9ed;--focus-ring:var(--console-cyan)}button,a,input,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--console-cyan);outline-offset:4px;box-shadow:0 0 0 7px #00a9d62e}.app-header{height:72px;box-shadow:var(--console-shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #fffc;border-radius:22px;margin:14px 22px 0;padding-inline:24px}.app-header__logo{color:var(--console-ink);letter-spacing:-.04em;font-weight:900}.app-header__nav{justify-content:center}.app-header__nav-link{border-radius:999px;padding:8px 14px;font-weight:700}.app-header__nav-link:hover{color:var(--console-cyan);background:#edf4ff}.app-header__settings{background:var(--console-ink);color:#fff;box-shadow:0 6px 15px #10213e38}.title-screen{isolation:isolate;min-height:100vh;padding:clamp(24px,4vw,64px);position:relative;overflow:hidden}.title-screen__backdrop{z-index:-4;object-fit:cover;filter:saturate(.85)brightness(.68);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.03)}.title-screen:before{content:"";z-index:-3;background:linear-gradient(105deg,#09142bc7 0 37%,#09142b57 69%,#09142ba8);position:absolute;inset:0}.title-screen__accent{z-index:-1;border-radius:999px;width:18px;height:58%;position:absolute}.title-screen__accent--red{background:var(--console-red);top:8%;left:0}.title-screen__accent--cyan{background:var(--console-cyan);bottom:8%;right:0}.title-screen__console-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f7faffeb;border:1px solid #ffffff40;border-radius:40px;grid-template-columns:minmax(420px,.94fr) minmax(360px,1.06fr);width:min(1240px,100%);min-height:min(720px,100vh - 128px);margin:auto;display:grid;overflow:hidden;box-shadow:0 36px 100px #0000005c}.title-screen__copy{flex-direction:column;justify-content:center;gap:28px;padding:clamp(42px,5vw,76px);display:flex}.title-screen__eyebrow,.level-select__eyebrow{color:var(--console-cyan);letter-spacing:.22em;font-size:12px;font-weight:900}.title-screen__logo-image{max-width:390px}.title-screen__logo-text{letter-spacing:-.07em;font-size:clamp(36px,4.4vw,66px);line-height:1.05}.title-screen__subtitle{color:#5d6d85;letter-spacing:.14em;margin-top:12px;font-size:20px}.title-screen__menu{gap:10px;display:grid}.title-screen__menu-item{color:#526079;background:#fffc;border:1px solid #dfe7f2;border-radius:18px;width:100%;min-height:62px;padding:0 18px;box-shadow:0 5px 14px #10213e0d}.title-screen__menu-item--active{color:#fff;background:linear-gradient(100deg, var(--console-red), #ff6c76);border-color:#0000;transform:translate(10px);box-shadow:0 14px 30px #f23d4f4d}.title-screen__menu-number{min-width:34px;font:800 11px / 1 var(--font-mono);opacity:.62}.title-screen__menu-marker{width:auto;margin-left:auto;font-size:26px}.title-screen__hint kbd{color:#33425b;background:#e7edf6;border-radius:7px;padding:4px 8px;box-shadow:inset 0 -2px #c7d1df}.title-screen__art{background:linear-gradient(150deg, var(--console-cyan), #007ca6 62%, #084966);position:relative;overflow:hidden}.title-screen__art-backdrop{object-fit:cover;opacity:.86;filter:saturate(.95)brightness(.92);width:100%;height:100%;position:absolute;inset:0}.title-screen__art:before,.title-screen__art:after{content:"";border:2px solid #ffffff26;border-radius:50%;position:absolute}.title-screen__art:before{width:520px;height:520px;top:-130px;right:-150px}.title-screen__art:after{width:280px;height:280px;bottom:-70px;left:-110px}.title-screen__character{z-index:1;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 25px 25px #00000040);width:94%;max-height:94%;position:absolute;inset:auto 3% 0 auto}.title-screen__art-label{z-index:2;color:#fff;font:900 12px / 1 var(--font-mono);letter-spacing:.16em;background:#00000038;border-radius:999px;padding:9px 15px;position:absolute;top:46px;left:42px}.title-screen__status{z-index:2;color:#d9f8ff;width:min(1160px,88%);font:800 11px / 1 var(--font-mono);letter-spacing:.12em;background:#09142be0;border-radius:999px;justify-content:space-between;margin:-18px auto 0;padding:12px 22px;display:flex}.level-select{gap:24px;padding-top:32px}.level-select__hero{color:#fff;min-height:220px;box-shadow:var(--console-shadow);background:#10213e;border-radius:34px;grid-template-columns:1fr 270px;display:grid;position:relative;overflow:hidden}.level-select__hero:after{content:"";background:linear-gradient(90deg,#09142bf5 0 45%,#09142b94 72%,#09142b2e);position:absolute;inset:0}.level-select__hero-backdrop{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.level-select__hero-copy{z-index:1;flex-direction:column;justify-content:center;gap:8px;padding:34px 42px;display:flex;position:relative}.level-select__heading{color:#fff;letter-spacing:-.05em;font-size:clamp(34px,4vw,54px)}.level-select__hero-message{color:#cbd9eb}.level-select__hero-character{z-index:1;object-fit:contain;filter:drop-shadow(0 16px 18px #0000004d);height:215px;position:absolute;bottom:0;right:8px}.level-select__progress{align-items:center;gap:14px;margin-top:12px;display:flex}.level-select__progress>span{font:900 28px / 1 var(--font-mono)}.level-select__progress small{opacity:.65;font-size:13px}.level-select__progress>div{background:#ffffff2e;border-radius:99px;width:min(280px,55%);height:8px;overflow:hidden}.level-select__progress i{background:linear-gradient(90deg, var(--console-red), #ffd85d);width:0;height:100%;display:block}.level-select__progress i[data-progress="1"]{width:10%}.level-select__progress i[data-progress="2"]{width:20%}.level-select__progress i[data-progress="3"]{width:30%}.level-select__progress i[data-progress="4"]{width:40%}.level-select__progress i[data-progress="5"]{width:50%}.level-select__progress i[data-progress="6"]{width:60%}.level-select__progress i[data-progress="7"]{width:70%}.level-select__progress i[data-progress="8"]{width:80%}.level-select__progress i[data-progress="9"]{width:90%}.level-select__progress i[data-progress="10"]{width:100%}.level-select__grid{gap:18px}.level-card{min-height:290px;box-shadow:var(--console-shadow-soft);border:1px solid #10213e14;border-radius:24px;padding:12px 18px 18px;overflow:hidden}.level-card__visual{object-fit:cover;width:calc(100% + 36px);max-width:none;height:90px;margin:-12px -18px 8px}.level-card:after{content:"ENTER";color:#93a0b4;font:800 9px / 1 var(--font-mono);letter-spacing:.13em;align-self:flex-end;margin-top:auto}.level-card:hover{transform:translateY(-4px)}.level-card--active{box-shadow:0 0 0 3px var(--console-cyan), 0 20px 40px var(--console-glow);background:#fff;transform:translateY(-4px)scale(1.02)}.level-card__lv{color:var(--console-cyan);font:900 15px / 1 var(--font-mono)}.level-card__stamp{background:var(--console-red);color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.lesson-screen,.final-test-screen{background:radial-gradient(circle at 50% 35%,#fff 0,#f3f7fc 48%,#e9eff8 100%)}.focus-shell{background:#edf3fa}.focus-hud{box-shadow:var(--console-shadow-soft);background:#ffffffdb;border:0;border-radius:14px;margin:10px 18px}.key{border-radius:9px;box-shadow:inset 0 -3px #10213e26,0 4px 8px #10213e14}.lesson-result,.test-result,.stamp-card,.recollection{background:var(--console-panel);box-shadow:var(--console-shadow);border-radius:34px;margin-top:28px;padding:clamp(28px,4vw,52px)}.lesson-result__stats,.test-result__stats{gap:14px}.lesson-result__stats>*,.test-result__stats>*{background:#f1f6fc;border-radius:20px;padding:18px}.lesson-result__actions button,.test-result__actions button,.certificate-screen__actions button,.stamp-card__certificate--ready{border-radius:999px;box-shadow:0 10px 25px #f23d4f38}.stamp-card__slot,.recollection__item{box-shadow:var(--console-shadow-soft);background:#fff;border:1px solid #10213e14;border-radius:22px}.story-scene__dialogue{border-radius:28px 28px 0 0;box-shadow:0 -20px 50px #0812263d}.settings-panel{border-radius:30px;height:calc(100% - 28px);margin:14px;box-shadow:-24px 0 70px #10213e40}.pause-overlay__panel,.confirm-dialog__panel{box-shadow:var(--console-shadow);border-radius:28px}.certificate-screen__frame{box-shadow:var(--console-shadow);border-radius:30px;overflow:hidden}.s12-screen{background:radial-gradient(circle at 50% 25%,#fff,#edf3fa)}@media (width<=899px){.app-header{margin-inline:10px;padding-inline:14px}.app-header__nav{gap:4px}.title-screen__console-panel{grid-template-columns:1fr;min-height:auto}.title-screen__art{order:-1;min-height:330px}.title-screen__copy{padding:34px}.title-screen__character{width:70%;max-height:340px}.level-select__hero{grid-template-columns:1fr 180px}.level-select__hero-copy{padding:28px}.level-select__hero-character{height:180px}.level-select__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--console-shell:#111827;--console-panel:#1e293bf5;--console-ink:#f4f7ff;--bg-canvas:#111827;--bg-surface:#1e293b;--ink-primary:#f4f7ff}:root:not([data-theme=light]) .app-header,:root:not([data-theme=light]) .level-card{background:#1e293beb;border-color:#ffffff1a}:root:not([data-theme=light]) .level-card--active{box-shadow:0 0 0 3px var(--console-cyan), 0 20px 44px #00a9d633}:root:not([data-theme=light]) .lesson-result__stats>*,:root:not([data-theme=light]) .test-result__stats>*{background:#253148}}@media (prefers-reduced-motion:no-preference){.title-screen__art:before{animation:18s linear infinite console-orbit}.title-screen__menu-item--active{animation:1.9s ease-in-out infinite console-focus}}@keyframes console-orbit{to{transform:rotate(360deg)}}@keyframes console-focus{50%{box-shadow:0 16px 38px #f23d4f6b}}:root{--game-navy:#101c38;--game-navy-deep:#081126;--game-sakura:#f15b78;--game-sakura-bright:#ff8198;--game-gold:#d9ad55;--game-gold-light:#ffe2a0;--game-ice:#f5f8ff;--game-line:#566f9e33;--game-glass:#fafcffe6;--game-shadow:0 1px 0 #ffffffe6 inset, 0 18px 50px #172a4f24, 0 4px 14px #172a4f14;--console-red:var(--game-sakura);--console-cyan:#3b8fd9;--console-ink:var(--game-navy);--console-shell:#edf2fa;--console-panel:var(--game-glass);--console-shadow:var(--game-shadow);--console-shadow-soft:0 10px 28px #172a4f1a}body{background:radial-gradient(circle at 8% 0,#f15b7821,#0000 34rem),radial-gradient(circle at 92% 12%,#d9ad551f,#0000 26rem),linear-gradient(145deg,#f8faff 0%,#eef3fb 48%,#e8eef8 100%)}.app-shell{isolation:isolate;position:relative}.app-shell:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#2d446d09 1px,#0000 1px),linear-gradient(90deg,#2d446d09 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.app-header{box-shadow:var(--game-shadow);background:#f8fbffd6;border-color:#ffffffeb;position:sticky;top:12px}.app-header:before{content:"";background:linear-gradient(180deg, var(--game-sakura), var(--game-gold));border-radius:22px 0 0 22px;width:6px;position:absolute;inset:-1px auto -1px -1px}.app-header__logo:before{content:"T";background:linear-gradient(145deg, var(--game-navy), #253d6d);width:34px;height:34px;color:var(--game-gold-light);font:900 16px / 1 var(--font-cert);border:1px solid #ffffff73;border-radius:11px;place-items:center;display:grid;box-shadow:0 7px 18px #101c3838}.app-header__nav-link{align-items:center;min-height:44px;display:inline-flex;position:relative}.app-header__nav-link:after{content:"";background:linear-gradient(90deg, var(--game-sakura), var(--game-gold));opacity:0;height:2px;transition:opacity var(--t-quick), transform var(--t-quick);border-radius:99px;position:absolute;bottom:5px;left:14px;right:14px;transform:scaleX(.4)}.app-header__nav-link:hover:after,.app-header__nav-link:focus-visible:after{opacity:1;transform:scaleX(1)}.title-screen__console-panel{background:#f8faffe8;border-color:#ffffff7a;box-shadow:inset 0 1px #ffffffb8,0 42px 120px #030a1a7a}.title-screen__copy{background:linear-gradient(135deg,#ffffffb8,#0000 55%),#f7faffe6;position:relative}.title-screen__copy:after{content:"TYPE / LEARN / BLOOM";color:#101c384d;font:800 9px / 1 var(--font-mono);letter-spacing:.22em;position:absolute;bottom:22px;right:28px}.title-screen__eyebrow,.level-select__eyebrow{color:#407eb7}.title-screen__menu-item{background:#ffffffb8;border-color:#4a639129;min-height:64px;position:relative;overflow:hidden}.title-screen__menu-item--active{background:linear-gradient(110deg, #d94566 0%, var(--game-sakura) 55%, #fa7890 100%);box-shadow:inset 0 1px #ffffff52,0 14px 34px #d9456652}.title-screen__menu-item--active:before{content:"";background:linear-gradient(115deg,#0000 35%,#fff3,#0000 62%);position:absolute;inset:0;transform:translate(-100%)}.title-screen__art-label,.title-screen__status{color:var(--game-gold-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#081126c2;border:1px solid #ffe2a047}.level-select__hero{background:var(--game-navy-deep);box-shadow:var(--game-shadow);border:1px solid #ffe2a033}.level-select__hero:after{background:linear-gradient(90deg,#081126fa 0 42%,#081126ab 68%,#08112638),linear-gradient(#0000 65%,#d9ad551f)}.level-select__hero:before{content:"";z-index:2;pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.level-select__progress i{background:linear-gradient(90deg, var(--game-sakura), var(--game-gold-light));box-shadow:0 0 16px #ffe2a075}.level-card{border-color:var(--game-line);box-shadow:var(--game-shadow);background:linear-gradient(155deg,#fffffffa,#f4f7fdf0);position:relative}.level-card:before{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #fffffff2,inset 0 0 0 1px #ffffff59}.level-card__visual{filter:saturate(.86)contrast(1.04);box-shadow:0 1px #ffffffb3}.level-card__lv{color:#397db8}.level-card--active{background:linear-gradient(150deg,#fff 0%,#fff8fa 54%,#fff8e9 100%);border-color:#d9ad55c7;box-shadow:0 0 0 2px #f15b78b3,0 0 0 5px #ffffffeb,0 22px 48px #602d4133}.level-card--active:after{color:var(--game-sakura)}.focus-shell,.lesson-screen,.final-test-screen{background:radial-gradient(circle at 50% 20%,#fff 0%,#f5f7fc 38%,#0000 72%),linear-gradient(145deg,#edf2fa,#e7edf8)}.focus-hud{box-shadow:var(--game-shadow);background:#fafcffe0;border:1px solid #ffffffe0}.challenge-display{background:linear-gradient(135deg, #fffffff5, #f6f8fde6), var(--game-ice);width:min(760px,100%);min-height:142px;box-shadow:var(--game-shadow);border:1px solid #526c9d29;border-radius:30px;position:relative}.challenge-display:before{content:"CURRENT INPUT";color:#2946787a;font:800 9px / 1 var(--font-mono);letter-spacing:.18em;position:absolute;top:14px;left:20px}.challenge-display:after{content:"";background:linear-gradient(90deg, var(--game-sakura), var(--game-gold));border-radius:0 0 4px 4px;width:84px;height:3px;position:absolute;top:-1px;right:28px}.practice-guides,.practice-guides-placeholder{width:100%;min-height:278px}.practice-guides{justify-content:center;align-items:center;gap:var(--space-6);contain:layout paint style;flex-direction:column;display:flex}.keyboard__key{border-width:1px;border-color:color-mix(in srgb, var(--finger-color,var(--line-hairline)) 58%, white);background:linear-gradient(160deg,#fff 0%,#f2f5fa 100%);box-shadow:inset 0 1px #fff,inset 0 -3px #2e42651f,0 5px 10px #1627481a}.hands-guide__finger{background:#ffffffdb;box-shadow:0 6px 14px #182b4e1a}.lesson-result,.test-result,.stamp-card,.recollection,.certificate-screen__frame,.pause-overlay__panel,.confirm-dialog__panel,.settings-panel{background:var(--game-glass);box-shadow:var(--game-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fffc}.lesson-result__actions button,.test-result__actions button,.certificate-screen__actions button,.pause-overlay__resume,.s12-screen__continue{background:linear-gradient(110deg, #d94566, var(--game-sakura-bright));color:#fff;min-height:48px;padding-inline:24px;box-shadow:inset 0 1px #ffffff47,0 12px 28px #d9456645}.story-scene__dialogue{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fcfdfff5,#f2f6fcfa);border-top:1px solid #ffffffbd}.stamp-card__slot,.recollection__item{border-color:var(--game-line);background:linear-gradient(150deg,#fff,#f5f8fd)}@media (hover:hover){.app-header__settings:hover,.lesson-result__actions button:hover,.test-result__actions button:hover,.certificate-screen__actions button:hover{filter:brightness(1.04);transform:translateY(-2px)}.title-screen__menu-item--active:hover:before{transition:transform .65s var(--e-out);transform:translate(100%)}.level-card:hover .level-card__visual{filter:saturate()contrast(1.05)}}@media (width<=620px){.app-header{height:62px;margin-top:6px;top:6px}.app-header__logo:before,.app-header__sync{display:none}.app-header__nav-link{min-height:44px;padding-inline:9px;font-size:13px}.title-screen{padding:14px}.title-screen__console-panel{border-radius:28px}.title-screen__copy{padding:28px 22px 38px}.level-select{padding-inline:14px}.level-select__hero{border-radius:26px;min-height:250px}.level-select__hero-copy{padding:24px 20px}.level-select__hero-character{opacity:.76;right:-30px}.level-select__grid{grid-template-columns:1fr}.level-card{min-height:250px}.lesson-screen,.final-test-screen{padding-inline:12px}.challenge-display{border-radius:22px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--game-glass:#121d34f0;--game-line:#97afdc2b;--console-shell:#091225}:root:not([data-theme=light]) body,:root:not([data-theme=light]) .focus-shell,:root:not([data-theme=light]) .lesson-screen,:root:not([data-theme=light]) .final-test-screen{background:radial-gradient(circle at 50% 15%,#172440,#091225 72%)}:root:not([data-theme=light]) .challenge-display,:root:not([data-theme=light]) .level-card,:root:not([data-theme=light]) .stamp-card__slot,:root:not([data-theme=light]) .recollection__item{border-color:var(--game-line);background:linear-gradient(150deg,#1e2c4afa,#101b32fa)}:root:not([data-theme=light]) .keyboard__key,:root:not([data-theme=light]) .hands-guide__finger{background:linear-gradient(160deg,#273653,#18253e);box-shadow:inset 0 -3px #00000047}}.app-shell:before{display:none}.app-header,.title-screen__art-label,.title-screen__status,.lesson-result,.test-result,.stamp-card,.recollection,.certificate-screen__frame,.pause-overlay__panel,.confirm-dialog__panel,.settings-panel,.story-scene__dialogue{-webkit-backdrop-filter:none;backdrop-filter:none}.keyboard{filter:none}.keyboard__key,.hands-guide__finger{box-shadow:none}.focus-hud,.challenge-display{box-shadow:inset 0 1px #ffffffe6,0 5px 14px #172a4f14}.level-card{box-shadow:0 4px 12px #172a4f14}.stamp-card__slot,.recollection__item{box-shadow:none}
/*$vite$:1*/