:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--washi-50:#fbf9f3;--washi-100:#f7f3e9;--washi-200:#efe9db;--washi-300:#e1d8c8;--sumi-900:#15181f;--sumi-800:#23262d;--sumi-700:#373b42;--sumi-500:#60636a;--sumi-400:#83868c;--sumi-200:#bec1c6;--sumi-100:#d9dbdf;--shu-600:#c11e00;--shu-500:#d33e25;--shu-400:#e76348;--food-salsa:#c55123;--food-salsa-deep:#aa3606;--food-cheese:#e8c35a;--food-lettuce:#3d8e53;--food-lettuce-soft:#def1e1;--food-lettuce-ink:#236436;--food-chili:#c44132;--food-chili-soft:#fee0d9;--food-chili-ink:#a1281b;--food-wood:#b8845a;--food-wood-dark:#8b5e3c;--tortilla-shadow:drop-shadow(0 2px 4px #4a321e4d);--bg:var(--washi-100);--card:var(--washi-50);--panel:var(--washi-200);--surface:var(--bg);--surface-raised:var(--card);--surface-sunken:var(--panel);--pad-bg:var(--card);--fg:var(--sumi-900);--fg-soft:var(--sumi-700);--muted:var(--sumi-500);--faint:var(--sumi-400);--text:var(--fg);--text-muted:var(--muted);--text-faint:var(--faint);--border:#d4cdbf;--border-soft:#e2ddd3;--rule:var(--border);--rule-strong:#b5a996;--frame:#6f685c;--guide:#989186d9;--guide-faint:#b0aaa099;--guide-ink:#a1a5ac80;--brush:var(--sumi-900);--brush-wet:var(--sumi-800);--brush-faint:var(--sumi-200);--trace-ink:var(--sumi-400);--bar-fill:var(--sumi-700);--accent:var(--food-salsa);--accent-dark:var(--food-salsa-deep);--accent-soft:#ffe9df;--correction:var(--shu-500);--correction-strong:var(--shu-600);--completion-ink:#b3261e;--completion-hard-ink:#9f245b;--card-accent:#505561;--green:var(--food-lettuce);--green-soft:var(--food-lettuce-soft);--green-ink:var(--food-lettuce-ink);--amber:var(--food-cheese);--yellow:var(--food-cheese);--red:var(--food-chili);--red-soft:var(--food-chili-soft);--red-ink:var(--food-chili-ink);--wood:var(--food-wood);--wood-dark:var(--food-wood-dark);--shadow-sm:0 1px 2px #1418220f;--shadow:0 6px 20px #14182214;--shadow-lg:0 18px 44px #14182229;--grain-opacity:.55;--grain-blend:multiply;--font-serif:"Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif JP", "Songti SC", "Source Han Serif", serif;--font-ui:"Hiragino Sans", "Yu Gothic", YuGothic, "Noto Sans JP", Meiryo, system-ui, -apple-system, sans-serif;--font-sans:var(--font-ui);--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.9375rem;--text-lg:1.125rem;--text-sentence:clamp(1.375rem, .9rem + 1.9vw, 2.375rem);--text-display:clamp(2rem, 1.4rem + 2.6vw, 3.25rem);--blank-scale:1.9;--furigana-scale:.34;--tracking-wide:.1em;--tracking-label:.2em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-section:clamp(1.5rem, 1rem + 3vw, 3.25rem);--space-gutter:clamp(1rem, .6rem + 2vw, 2.5rem);--radius-sm:6px;--radius:8px;--radius-lg:12px;--pad-size:max(200px, min(80vw, 360px, calc(100dvh - 440px)));--dur-fast:.12s;--dur-normal:.26s;--dur-stroke:.35s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-brush:cubic-bezier(.22, .61, .36, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (color:lab(0% 0 0)){:root{--washi-50:lab(97.9567% -.106901 3.05372);--washi-100:lab(95.8947% .00405312 5.36633);--washi-200:lab(92.4212% .487894 7.29244);--washi-300:lab(86.7332% 1.22896 9.1844);--sumi-900:lab(8.28509% -.074774 -5.17245);--sumi-800:lab(15.2488% -.139549 -5.19872);--sumi-700:lab(24.5373% -.188485 -4.85382);--sumi-500:lab(41.9449% -.221938 -4.50417);--sumi-400:lab(55.8754% -.208616 -3.76608);--sumi-200:lab(77.9252% -.181794 -3.02126);--sumi-100:lab(87.2142% -.141948 -2.26918);--shu-600:lab(42.4146% 61.8014 58.7039);--shu-500:lab(49.5145% 58.2324 49.0124);--shu-400:lab(59.0531% 51.1786 41.4974);--food-salsa:lab(50% 45.885 49.3032);--food-salsa-deep:lab(40.6366% 47.1528 50.875);--food-cheese:lab(80.6475% 4.90558 56.5046);--food-lettuce:lab(52.7991% -36.1448 23.7337);--food-lettuce-soft:lab(93.4415% -8.87308 5.65891);--food-lettuce-ink:lab(37.46% -30.1831 19.8887);--food-chili:lab(47.3562% 52.4671 39.3571);--food-chili-soft:lab(91.5993% 10.0885 7.25024);--food-chili-ink:lab(36.9884% 49.6188 38.8798);--border:lab(82.6713% .768244 7.66871);--border-soft:lab(88.4619% .369281 5.74589);--rule-strong:lab(69.8976% 2.3489 11.4366);--frame:lab(44.3682% 1.32263 7.66449);--guide:lab(60.6066% 1.13288 6.853/.85);--guide-faint:lab(69.8806% .913769 5.68874/.6);--guide-ink:lab(67.4664% -.248432 -4.51823/.5);--accent-soft:lab(94.038% 7.25585 8.25203);--card-accent:lab(36.101% -.245124 -7.44678);--shadow-sm:0 1px 2px lab(8.24245% .0749901 -7.32541/.06);--shadow:0 6px 20px lab(8.24245% .0749901 -7.32541/.08);--shadow-lg:0 18px 44px lab(8.24245% .0749901 -7.32541/.16)}}@media (min-width:48rem){:root{--pad-size:max(200px, min(64vw, 500px, calc(100dvh - 445px)))}}@media (min-width:62rem){:root{--pad-size:max(200px, min(42vw, 460px, calc(100dvh - 290px)))}}@media (prefers-color-scheme:dark){:root{--bg:#0e1017;--card:#15181f;--panel:#080a10;--fg:#e8e4dc;--fg-soft:#c1bdb5;--muted:#a29e96;--faint:#7e7a72;--border:#2d3038;--border-soft:#21242b;--rule-strong:#494d56;--frame:#70747e;--guide:#4f525be6;--guide-faint:#3a3d44cc;--guide-ink:#7d80888c;--brush:#f2eee6;--brush-wet:#dbd7cf;--brush-faint:#404249;--trace-ink:#666970;--bar-fill:#aeaaa2;--accent:#df733e;--accent-dark:#c4592a;--accent-soft:#4c2817;--correction:var(--shu-400);--correction-strong:#fa8469;--completion-ink:#ff9388;--completion-hard-ink:#ffa3cd;--card-accent:#c2bdb4;--green:#54b66e;--green-soft:#14361d;--green-ink:#8fe1a1;--amber:#e2c157;--yellow:#e2c157;--red:#e05b4a;--red-soft:#542019;--red-ink:#ffb0a2;--wood:#8d6d54;--wood-dark:#684b38;--shadow-sm:0 1px 2px #0006;--shadow:0 6px 20px #00000080;--shadow-lg:0 18px 44px #0009;--grain-opacity:.35;--grain-blend:screen}@supports (color:lab(0% 0 0)){:root{--bg:lab(4.77848% .161313 -4.2338);--card:lab(8.27553% .168867 -5.18749);--panel:lab(2.71277% .121988 -2.7328);--fg:lab(90.7675% .353754 4.58242);--fg-soft:lab(76.8472% .360578 4.58709);--muted:lab(65.2467% .368029 4.59228);--faint:lab(51.326% .380337 4.60104);--border:lab(19.881% .0766069 -5.22627);--border-soft:lab(14.0855% .0902861 -4.84446);--rule-strong:lab(32.6317% .0533462 -5.98874);--frame:lab(48.8744% .00762939 -6.01121);--guide:lab(34.9643% .0202358 -5.25297/.9);--guide-faint:lab(25.6948% .0228584 -4.49986/.8);--guide-ink:lab(53.5457% -.236392 -4.51177/.55);--brush:lab(94.2476% .352293 4.58145);--brush-wet:lab(86.1274% .35581 4.58385);--brush-faint:lab(28.0152% .0165552 -4.50299);--trace-ink:lab(44.257% -.0140369 -4.51857);--bar-fill:lab(69.8869% .36478 4.59003);--accent:lab(60.6852% 40.1815 48.1106);--accent-dark:lab(51.3038% 41.9545 46.9941);--accent-soft:lab(20.7223% 15.8197 18.3988);--correction-strong:lab(68.5698% 44.3226 35.9071);--card-accent:lab(76.8544% .430822 5.35868);--green:lab(66.976% -42.1308 27.6225);--green-soft:lab(19.5611% -18.0561 11.8382);--green-ink:lab(82.9896% -35.8653 23.254);--amber:lab(79.5407% 3.36829 56.5579);--yellow:lab(79.5407% 3.36829 56.5579);--red:lab(56.6607% 52.1872 37.8583);--red-soft:lab(20.3816% 24.5015 17.5736);--red-ink:lab(79.1275% 39.1958 26.8045);--wood:lab(48.801% 10.3725 19.3227);--wood-dark:lab(34.835% 10.72 16.7851);--shadow-sm:0 1px 2px lab(0% 0 0/.4);--shadow:0 6px 20px lab(0% 0 0/.5);--shadow-lg:0 18px 44px lab(0% 0 0/.6)}}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:.01ms;--dur-normal:.01ms;--dur-stroke:.01ms}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--surface);min-height:100dvh;color:var(--text);font-family:var(--font-sans);font-size:var(--text-md);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;margin:0;line-height:1.7}.grain{z-index:0;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:fixed;inset:0}.shell{z-index:1;max-width:60rem;padding:var(--space-gutter);padding-bottom:var(--space-8);margin:0 auto;position:relative}.masthead{align-items:center;gap:var(--space-3) var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--rule);flex-wrap:wrap;display:flex}.brand{font-family:var(--font-serif);color:var(--text);touch-action:manipulation;flex-direction:column;justify-content:center;gap:.1em;min-height:44px;margin:0;text-decoration:none;display:inline-flex}.brand__name{font-size:var(--text-lg);letter-spacing:.16em;font-weight:600;line-height:1.05}.brand__sub{font-family:var(--font-sans);font-size:var(--text-2xs);letter-spacing:.24em;color:var(--text-faint);line-height:1}@media (hover:hover) and (pointer:fine){.brand:hover .brand__name{color:var(--card-accent)}}.brand:focus-visible{outline:2px solid var(--correction);outline-offset:3px}.crumbs{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.35em;min-width:0;margin-inline-end:auto;display:flex}.crumbs__link{color:var(--text-muted);text-decoration:none}@media (hover:hover) and (pointer:fine){.crumbs__link:hover{color:var(--card-accent);text-decoration:underline}}.crumbs__link:focus-visible{outline:2px solid var(--correction);outline-offset:2px}.crumbs__current{color:var(--text);font-weight:600}.crumbs__sep{color:var(--text-faint)}.crumbs__back{border:1px solid var(--rule-strong);min-height:36px;color:var(--text);white-space:nowrap;touch-action:manipulation;transition:border-color var(--dur-fast) linear, color var(--dur-fast) linear;border-radius:4px;align-items:center;margin-inline-end:.2em;padding-inline:.7em;font-weight:600;text-decoration:none;display:inline-flex}.crumbs__back:before{content:"‹ "}@media (hover:hover) and (pointer:fine){.crumbs__back:hover{border-color:var(--correction);color:var(--correction)}}.crumbs__back:focus-visible{outline:2px solid var(--correction);outline-offset:2px}body.is-play .brand{display:none}body.is-play .shell{padding-top:var(--space-2)}body.is-play .masthead{gap:var(--space-2);padding-bottom:var(--space-2);flex-wrap:nowrap}body.is-play .crumbs{flex-wrap:nowrap;min-width:0;overflow:hidden}body.is-play .crumbs__current{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}body.is-play .crumbs__back{min-height:32px}body.is-play .bgm-toggle{width:36px;min-width:36px;height:36px;font-size:1rem}.gf-slot{align-items:center;gap:var(--space-2);flex:none;min-width:0;display:inline-flex}.gf-badge{font:inherit;font-family:var(--font-sans);font-size:var(--text-2xs);letter-spacing:.06em;border:1px solid var(--rule-strong);background:var(--surface-raised);min-height:32px;color:var(--text-muted);white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:border-color var(--dur-fast) linear, color var(--dur-fast) linear;border-radius:999px;align-items:center;padding:0 .8em;font-weight:600;display:inline-flex}@media (hover:hover) and (pointer:fine){.gf-badge:hover{border-color:var(--card-accent);color:var(--text)}}.gf-badge:focus-visible{outline:2px solid var(--correction);outline-offset:2px}.gf-note{font-size:var(--text-2xs);color:var(--text-faint);white-space:nowrap}.bgm-toggle{border:1px solid var(--rule-strong);background:var(--surface-raised);width:44px;min-width:44px;height:44px;color:var(--text);cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-fast) linear, border-color var(--dur-fast) linear, color var(--dur-fast) linear;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;font-size:1.2rem;line-height:1;display:inline-flex}@media (hover:hover) and (pointer:fine){.bgm-toggle:hover{border-color:var(--card-accent)}}.bgm-toggle:focus-visible{outline:2px solid var(--correction);outline-offset:2px}.bgm-toggle.is-off{background:var(--surface-sunken);color:var(--text-faint)}.actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.btn{font:inherit;font-family:var(--font-sans);font-size:var(--text-md);letter-spacing:.06em;cursor:pointer;min-height:48px;color:var(--text);touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) linear, color var(--dur-fast) linear, border-color var(--dur-fast) linear;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:.7em 1.5em;font-weight:700;text-decoration:none;display:inline-flex}.btn>*{pointer-events:none}.btn:disabled{opacity:.4;cursor:default;pointer-events:none}.btn:focus-visible{outline:2px solid var(--correction);outline-offset:3px}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--brush);color:var(--surface-raised);border-color:var(--brush)}.btn--ghost{border-color:var(--rule-strong);color:var(--text-muted);background:0 0}@media (hover:hover) and (pointer:fine){.btn--primary:hover{background:var(--brush-wet);border-color:var(--brush-wet)}.btn--ghost:hover{border-color:var(--correction);color:var(--correction)}}.feedback-slot{margin-top:var(--space-8);text-align:center}.feedback-link{min-height:44px;padding:var(--space-2) var(--space-3);color:var(--text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-bottom:1px solid}.feedback-link:focus-visible{outline:2px solid var(--correction);outline-offset:3px}.report-dialog{border:1px solid var(--rule-strong);border-radius:var(--radius-lg);background:var(--surface-raised);width:min(100% - 2rem,34rem);max-height:min(90dvh,46rem);color:var(--text);box-shadow:var(--shadow-lg);padding:0}.report-dialog:not([open]){display:none}.report-dialog::backdrop{background:#15181f8c;background:lab(8.28509% -.074774 -5.17245/.55)}.report-dialog__form{gap:var(--space-4);flex-direction:column;padding:clamp(1.25rem,4vw,2rem);display:flex}.report-dialog__heading-row{align-items:center;gap:var(--space-3);display:flex}.report-dialog__title{font-family:var(--font-serif);flex:1;margin:0;font-size:1.5rem}.report-dialog__close{width:44px;height:44px;color:var(--text-muted);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;font-size:1.75rem}.report-dialog__close:focus-visible{outline:2px solid var(--correction);outline-offset:2px}.report-dialog__intro,.report-dialog__privacy,.report-dialog__status{margin:0;line-height:1.7}.report-dialog__intro{color:var(--text-muted)}.report-dialog__privacy{font-size:var(--text-sm);color:var(--text-faint)}.report-dialog__field{gap:var(--space-2);flex-direction:column;display:flex}.report-dialog__label{font-weight:700}.report-dialog__control{box-sizing:border-box;border:1px solid var(--rule-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:48px;color:var(--text);font:inherit;padding:.7rem .8rem}.report-dialog__control:focus-visible{outline:2px solid var(--correction);outline-offset:2px}.report-dialog__message{resize:vertical;min-height:8rem;line-height:1.6}.report-dialog__trap{opacity:0;width:1px;height:1px;position:fixed;left:-10000px}.report-dialog__status{min-height:1.7em;font-size:var(--text-sm)}.report-dialog__status.is-error{color:var(--correction-strong)}.report-dialog__status.is-success{color:var(--text);font-weight:700}.report-dialog__actions{justify-content:flex-end}.credit{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--rule);max-width:72ch;font-size:var(--text-2xs);color:var(--text-faint);line-height:1.7}.credit__summary{cursor:pointer;letter-spacing:.04em;list-style:none}.credit__summary::-webkit-details-marker{display:none}.credit__summary:after{content:" ＋";color:var(--text-faint)}.credit[open] .credit__summary:after{content:" －"}.credit__summary:focus-visible{outline:2px solid var(--correction);outline-offset:2px}.credit__full{margin:var(--space-2) 0 0;padding-top:var(--space-2);border-top:1px dotted var(--rule)}ruby.furi{ruby-position:over}.ui-furi{ruby-align:center}.furi rt{font-family:var(--font-sans);letter-spacing:.04em;ruby-align:center;text-align:center;font-size:.45em;font-weight:600;line-height:1}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}@media (max-width:30rem){.shell{padding-top:var(--space-3)}.masthead{gap:var(--space-2) var(--space-3);padding-bottom:var(--space-2)}.brand__name{font-size:var(--text-md);letter-spacing:.1em}.brand__sub{letter-spacing:.18em}.bgm-toggle{order:2;margin-inline-start:auto}.gf-slot{order:1;margin-inline-start:auto}.gf-slot+.bgm-toggle{margin-inline-start:0}.gf-note{display:none!important}.crumbs{font-size:var(--text-2xs);letter-spacing:.08em;flex-basis:100%;order:3;gap:.3em;margin-inline-end:0}body.is-play .bgm-toggle{order:0;margin-inline-start:0}body.is-play .crumbs{font-size:var(--text-xs);flex:auto;order:0;margin-inline-end:auto}}.rush{display:block}.rush__play{gap:var(--space-3);padding-top:var(--space-3);flex-direction:column;max-width:27rem;margin-inline:auto;display:flex}.hud-block{display:contents}.hud{align-items:center;gap:9px;display:flex}.streakn{color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}.streakn .streakn__num{font-size:1.15em}.streakn .streakn__sep{color:var(--muted);font-size:.8rem;font-weight:700}.streak-bar{background:var(--border);border-radius:999px;flex:1;height:10px;overflow:hidden}.streak-bar__fill{background:linear-gradient(90deg, var(--yellow), var(--accent));width:0;height:100%;transition:width .35s var(--ease-out);border-radius:999px;display:block}.hud__timer{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:46px;font-size:.9rem;font-weight:700}.hud__timer.is-elapsed{min-width:70px}.hud__timer.is-danger{color:var(--red);animation:.4s ease-in-out infinite alternate krPulse}.fails{letter-spacing:.5px;text-align:center;font-size:.85rem}.fails.is-danger{animation:.5s ease-in-out infinite alternate krPulse}.customer-row{justify-content:flex-end;align-items:flex-end;min-height:84px;padding:0 8px;display:flex;position:relative}.customer{object-fit:contain;width:84px;max-width:100%;height:84px;transition:transform .4s var(--ease-out);-webkit-user-select:none;user-select:none;flex:none;display:block}.customer.is-happy{animation:.8s happyBounce}.customer.is-angry{animation:.5s angryShake}.order{background:var(--card);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:12px 16px 16px;transition:background .2s,border-color .2s,box-shadow .2s;position:relative}.order:after{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid var(--border);width:0;height:0;position:absolute;bottom:-10px;left:32px}.order__direction{color:var(--muted);letter-spacing:.1em;margin-bottom:6px;font-size:.7rem;font-weight:800}.order__kanji{font-family:var(--font-serif);color:var(--fg);margin:0;font-size:clamp(3.2rem,2rem + 10vw,5rem);font-weight:700;line-height:1}.order__sentence{color:var(--fg-soft);text-wrap:pretty;margin:10px 0 0;font-size:clamp(1rem,.86rem + 1.7vw,1.28rem);line-height:1.75}.order__sentence.is-empty{display:none}.order__sentence-char{color:var(--accent);border-bottom:2px dashed var(--accent);padding:0 .1em;font-weight:800}.order.is-final{background:color-mix(in oklab, var(--red) 6%, var(--card));border-color:var(--red);box-shadow:0 0 0 4px color-mix(in oklab, var(--red) 20%, transparent), 0 6px 18px color-mix(in oklab, var(--red) 28%, transparent);animation:.9s ease-in-out infinite alternate finalPulse}.order.is-final:after{border-top-color:var(--red)}.order.is-final .order__direction{color:var(--red);letter-spacing:.12em}.order.is-final .order__kanji{color:var(--red-ink)}.conveyor-wrap{height:90px;position:relative}.conveyor{background:repeating-linear-gradient(90deg, var(--wood) 0 16px, var(--wood-dark) 16px 18px);border-radius:6px;height:36px;animation:1.2s linear infinite conveyorRoll;position:absolute;top:28px;left:0;right:0;box-shadow:inset 0 2px 4px #0003,0 2px 4px #00000026}.tortilla{pointer-events:none;width:78px;height:78px;filter:var(--tortilla-shadow);will-change:transform;justify-content:center;align-items:center;font-size:4.2rem;display:flex;position:absolute;top:4px;left:0}.choices2{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.choice2{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-sm);min-height:54px;font-family:var(--font-ui);color:var(--fg);cursor:pointer;touch-action:manipulation;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:10px 4px;font-size:1.5rem;font-weight:800;transition:transform .1s,border-color .15s,background-color .15s;display:flex}.choices2.has-hover-pointer .choice2:hover{border-color:var(--accent)}.choice2:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.choice2:active{transform:scale(.97)}.choice2:disabled{cursor:default}.choice2.is-done{background:var(--green-soft);border-color:var(--green);color:var(--green);opacity:.85;animation:.3s correctPulse}.choice2.is-wrong{background:var(--red-soft);border-color:var(--red);color:var(--red);animation:.25s wrongShake}.play__unknown{align-self:center;width:min(220px,100%);min-height:44px}.order__sentence--select{color:var(--fg);font-size:clamp(1.2rem,.98rem + 2.2vw,1.6rem)}.order__blank{color:var(--accent);border-bottom:2px dashed var(--accent);padding:0 .15em;font-weight:800}.order__blank-ruby{ruby-position:over;margin-inline:.12em}.order__blank-ruby rt.order__blank-reading{font-family:var(--font-sans);letter-spacing:.08em;color:var(--fg);ruby-align:center;font-size:.62em;font-weight:800}.order.is-final .order__blank-ruby rt.order__blank-reading{color:var(--red-ink)}.choices-kanji{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.choice-kanji{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-sm);min-height:60px;font-family:var(--font-serif);color:var(--fg);cursor:pointer;touch-action:manipulation;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:10px 4px;font-size:1.7rem;font-weight:700;transition:transform .1s,border-color .15s,background-color .15s,box-shadow .15s;display:flex}.choices-kanji.has-hover-pointer .choice-kanji:hover{border-color:var(--accent)}.choice-kanji:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.choice-kanji:active{transform:scale(.97)}.choice-kanji:disabled{cursor:default}.choice-kanji.is-correct{background:var(--green-soft);border-color:var(--green);color:var(--green);animation:.3s correctPulse}.choice-kanji.is-wrong{background:var(--red-soft);border-color:var(--red);color:var(--red);animation:.25s wrongShake}.choice-kanji.is-answer{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.reading{min-height:2.1em;transition:opacity var(--dur-normal) var(--ease-out);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.reading.is-hidden{visibility:hidden;opacity:0}.reading__cell{border:1.5px dashed var(--border);background:var(--panel);min-width:1.6em;color:var(--faint);transition:color var(--dur-fast) linear, background-color var(--dur-fast) linear, border-color var(--dur-fast) linear;border-radius:8px;padding:.15em .35em .2em;font-size:1.05rem;font-weight:800;line-height:1.1}.reading__cell.is-done{color:var(--accent);background:var(--accent-soft);border-style:solid;border-color:var(--accent)}.mascot-row{align-items:center;gap:10px;padding:2px;display:flex}.mascot{object-fit:contain;-webkit-user-select:none;user-select:none;flex:none;width:90px;max-width:100%;height:90px;display:block}.mascot.bounce{animation:1.4s ease-in-out infinite mascotBounce}.mascot.is-happy{animation:.7s happyBounce}.mascot.is-sad{animation:.5s angryShake}.bubble{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-sm);min-width:0;color:var(--muted);flex:1;padding:8px 12px;font-size:.82rem;font-weight:700;position:relative}.bubble:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:8px solid var(--border);width:0;height:0;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.rush-badge{z-index:40;background:var(--green);color:#fff;white-space:nowrap;pointer-events:none;border-radius:16px;max-width:100%;padding:8px 16px;font-size:1.05rem;font-weight:800;line-height:1.4;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 8px 32px #4a7c5980}.rush-badge.show{animation:1.4s forwards badgePop}.fiesta-flash{z-index:30;background:var(--accent);opacity:0;pointer-events:none;animation:.5s fiestaFlash;position:fixed;inset:0}.confetti{z-index:45;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti__bit{will-change:transform, opacity;position:absolute;top:-24px}@keyframes krPulse{0%{opacity:1}to{opacity:.5}}@keyframes conveyorRoll{0%{background-position:0 0}to{background-position:18px 0}}@keyframes correctPulse{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes happyBounce{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-14px)scale(1.1)}60%{transform:translateY(0)scale(1.05)}}@keyframes angryShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes mascotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes finalPulse{0%{box-shadow:0 0 0 4px color-mix(in oklab, var(--red) 20%, transparent), 0 6px 18px color-mix(in oklab, var(--red) 28%, transparent)}to{box-shadow:0 0 0 7px color-mix(in oklab, var(--red) 32%, transparent), 0 6px 22px color-mix(in oklab, var(--red) 42%, transparent)}}@keyframes badgePop{0%{transform:translate(-50%,-50%)scale(0)}30%{transform:translate(-50%,-50%)scale(1)}60%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}@keyframes fiestaFlash{0%{opacity:0}20%{opacity:.25}to{opacity:0}}@media (prefers-reduced-motion:reduce){.conveyor,.mascot.bounce,.mascot.is-happy,.mascot.is-sad,.customer.is-happy,.customer.is-angry,.order.is-final,.choice2.is-done,.choice2.is-wrong,.choice-kanji.is-correct,.choice-kanji.is-wrong{animation:none}.rush-badge.show,.fiesta-flash{opacity:0;animation:none}.hud__timer.is-danger,.fails.is-danger{animation:none}}@media (max-width:22.5rem){.choice2{min-height:48px;padding:8px 2px;font-size:1.3rem}.choice-kanji{min-height:52px;padding:8px 2px;font-size:1.4rem}.mascot{width:78px;height:78px}.customer{width:72px;height:72px}.customer-row{min-height:72px}}@media (max-height:700px){.rush__play{gap:10px;padding-top:8px}.customer-row{min-height:56px;padding:0 8px}.customer{width:56px;height:56px}.order{padding:8px 12px 12px}.order__kanji{font-size:clamp(2.6rem,1.6rem + 8vw,4rem)}.order__sentence{margin-top:6px;line-height:1.55}.conveyor-wrap{height:72px}.conveyor{height:30px;top:22px}.tortilla{width:62px;height:62px;font-size:3.4rem;top:6px}.mascot{width:72px;height:72px}}.title{place-items:center;gap:var(--space-6);padding-top:var(--space-section);padding-bottom:var(--space-6);text-align:center;grid-template-columns:1fr;display:grid}.title__art{justify-content:center;width:100%;display:flex}.title__img,.title__fallback{aspect-ratio:1;object-fit:contain;width:min(72vw,26rem);max-width:100%;height:auto;display:block}.title__fallback{background:var(--surface-sunken);border:1px solid var(--rule);border-radius:14px;justify-content:center;align-items:center;gap:.1em;font-size:clamp(3.5rem,18vw,8rem);line-height:1;display:flex}.title__body{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.title__heading{font-family:var(--font-serif);letter-spacing:.06em;color:var(--text);white-space:nowrap;margin:0;font-size:clamp(2.5rem,1rem + 5.4vw,3.75rem);font-weight:700;line-height:1.05}.title__rule{width:3.25rem;height:3px;margin:var(--space-2) 0 var(--space-3);background:var(--correction);border-radius:999px;display:block}.title__lede{max-width:30rem;font-size:var(--text-lg);color:var(--text-muted);text-wrap:pretty;margin:0}.title__start{margin-top:var(--space-4);font-size:var(--text-md);letter-spacing:.14em;padding:.85em 2.4em}.title__flow{align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-faint);display:inline-flex}.title__flow-label{letter-spacing:.08em}.title__flow-toggle{font:inherit;font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.04em;color:var(--text-muted);border:1px solid var(--rule-strong);cursor:pointer;touch-action:manipulation;min-height:32px;transition:border-color var(--dur-fast) linear, color var(--dur-fast) linear;background:0 0;border-radius:999px;padding:4px 14px;font-weight:700}.title__flow-toggle:after{content:" ⇄";color:var(--text-faint)}@media (hover:hover) and (pointer:fine){.title__flow-toggle:hover{border-color:var(--card-accent);color:var(--text)}}.title__flow-toggle:focus-visible{outline:2px solid var(--correction);outline-offset:3px}@media (min-width:48rem){.title{gap:var(--space-8);text-align:start;grid-template-columns:1fr 1fr;justify-items:stretch;min-height:min(64vh,34rem)}.title__body{align-items:flex-start}.title__img,.title__fallback{width:min(38vw,24rem)}}.mode-cards{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));display:grid}.mode-card{align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-sm);touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) linear, box-shadow var(--dur-fast) linear;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.mode-card:hover{border-color:var(--card-accent);box-shadow:var(--shadow);transform:translateY(-2px)}}.mode-card:active{transform:translateY(0)}.mode-card:focus-visible{outline:2px solid var(--correction);outline-offset:3px}.mode-card__glyph{width:2.75rem;border-inline-end:1px solid var(--rule);font-family:var(--font-serif);color:var(--text);flex:none;justify-content:center;align-self:stretch;align-items:center;padding-inline-end:var(--space-4);font-size:clamp(2rem,1.6rem + 1.6vw,2.6rem);font-weight:600;line-height:1;display:flex}.mode-card__body{flex-direction:column;gap:3px;min-width:0;display:flex}.mode-card__title{font-family:var(--font-serif);font-size:var(--text-lg);letter-spacing:.05em;color:var(--text);font-weight:600}.mode-card__desc{font-size:var(--text-xs);color:var(--text-muted)}.mode-card__arrow{font-size:var(--text-lg);color:var(--text-faint);margin-inline-start:auto;line-height:1}.grade-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));display:grid}.grade-card{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-sm);touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) linear, box-shadow var(--dur-fast) linear;align-items:center;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.grade-card:hover{border-color:var(--card-accent);box-shadow:var(--shadow);transform:translateY(-2px)}}.grade-card:active{transform:translateY(0)}.grade-card:focus-visible{outline:2px solid var(--correction);outline-offset:3px}.grade-card.is-complete{border-color:var(--card-accent)}.grade-card__glyph{width:2.75rem;border-inline-end:1px solid var(--rule);font-family:var(--font-serif);color:var(--text);flex:none;justify-content:center;align-self:stretch;align-items:center;padding-inline-end:var(--space-3);font-size:clamp(2.25rem,1.6rem + 2vw,3rem);font-weight:600;line-height:1;display:flex}.grade-card__body{flex-direction:column;gap:2px;min-width:0;display:flex}.grade-card__name{font-family:var(--font-serif);font-size:var(--text-lg);letter-spacing:.04em;margin:0;font-weight:600}.grade-card__count{font-size:var(--text-xs);color:var(--text-muted);text-wrap:balance;margin:0}.grade-card__count>span{white-space:nowrap}.grade-card__progress{font-size:var(--text-xs);color:var(--text-faint);font-variant-numeric:tabular-nums;margin:.2rem 0 0}.grade-card__progress b{color:var(--text);font-weight:600}.grade-card__progress .progress-clear b{color:inherit}.grade-card__progress--hard{--completion-ink:var(--completion-hard-ink)}.progress-clear.is-cleared{color:var(--completion-ink);font-weight:700}.test-progress{margin-top:.6rem}.test-progress__item{color:var(--text-muted);overflow-wrap:anywhere;margin:.35rem 0 0;font-size:.8rem;line-height:1.8}.test-progress__item.is-cleared,.mode-btn__best.is-cleared{color:var(--completion-ink);font-weight:700}.test-progress__item.is-hard,.mode-btn__best--hard{--completion-ink:var(--completion-hard-ink)}.progress-attempts{color:var(--text-muted);font-weight:400}.meter{background:var(--rule);border-radius:999px;max-width:12rem;height:4px;margin:.45rem 0 .15rem;position:relative;overflow:hidden}.meter__fill{transform-origin:0;transform:scaleX(var(--v,0));background:var(--brush-wet);transition:transform var(--dur-normal) var(--ease-out);position:absolute;inset:0}.meter__fill.is-complete{background:var(--brush)}.grade-wrap{padding-top:var(--space-5)}.grade{padding-top:var(--space-4)}.grade__title{margin:0 0 var(--space-2);font-family:var(--font-serif);font-size:var(--text-display);letter-spacing:.03em;font-weight:600}.grade__lede{margin:0 0 var(--space-6);color:var(--text-muted);text-wrap:pretty}.lesson-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(11rem,100%),1fr));display:grid}.lesson-card{gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-sm);touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) linear, box-shadow var(--dur-fast) linear;flex-direction:column;text-decoration:none;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.lesson-card:hover{border-color:var(--card-accent);box-shadow:var(--shadow);transform:translateY(-2px)}}.lesson-card:active{transform:translateY(0)}.lesson-card:focus-visible{outline:2px solid var(--correction);outline-offset:3px}.lesson-card.is-cleared{border-color:var(--card-accent)}.lesson-card__head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.lesson-card__no{font-size:var(--text-sm);color:var(--text-muted);letter-spacing:var(--tracking-wide);margin:0}.lesson-card__no b{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--text);font-variant-numeric:tabular-nums;margin-inline-start:.15em}.lesson-card__badge{font-size:var(--text-md);color:var(--text-muted);line-height:1}.lesson-card__badge.is-cleared{color:var(--completion-ink);font-weight:700}.lesson-card__tag{padding:2px 0 2px var(--space-2);border-inline-start:2px solid var(--correction);font-size:var(--text-2xs);letter-spacing:.08em;color:var(--text-muted);align-self:flex-start}.lesson-card__preview{font-family:var(--font-serif);font-size:var(--text-md);letter-spacing:.08em;color:var(--text-faint);word-break:break-all;margin:0;line-height:1.6}.lesson-card.is-cleared .lesson-card__preview{color:var(--text-muted)}.lesson-card__foot{font-size:var(--text-2xs);color:var(--text-faint);font-variant-numeric:tabular-nums;margin:0}.lesson-card .lesson-card__foot.is-cleared{color:var(--completion-ink);font-weight:700}.lesson-card__foot--hard{--completion-ink:var(--completion-hard-ink)}.lesson-card--test{border-color:var(--correction)}.lesson-card--test .lesson-card__no{font-family:var(--font-serif);font-size:var(--text-md);color:var(--text)}.lesson-card--test .lesson-card__preview{font-size:var(--text-display);color:var(--text-muted);line-height:1.15}.start,.rush-result{justify-content:center;align-items:center;gap:var(--space-4);max-width:30rem;min-height:min(70vh,34rem);padding:var(--space-4);text-align:center;flex-direction:column;margin-inline:auto;display:flex}.start__kicker,.rush-result__kicker{font-size:var(--text-2xs);letter-spacing:var(--tracking-label);color:var(--text-faint);text-transform:uppercase;margin:0}.start__title,.rush-result__title{font-family:var(--font-serif);font-size:var(--text-display);color:var(--text);text-wrap:balance;margin:0;font-weight:600;line-height:1.2}.start__how{font-family:var(--font-serif);font-size:var(--text-lg);letter-spacing:.06em;color:var(--text);margin:0;font-weight:600}.start__desc{max-width:24rem;font-size:var(--text-sm);color:var(--text-muted);text-wrap:balance;margin:0;line-height:1.8}.start__best{font-size:var(--text-2xs);color:var(--text-muted);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.start__hard-note{max-width:24rem;font-size:var(--text-2xs);color:var(--text-muted);margin:0;line-height:1.6}.start__rules{gap:var(--space-2);flex-direction:column;max-width:24rem;margin:0;padding:0;list-style:none;display:flex}.start__rule{border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--rule);font-size:var(--text-sm);color:var(--text-muted);text-align:start;padding:10px 14px;line-height:1.5}.start__chars{max-width:22rem;font-family:var(--font-serif);font-size:var(--text-lg);letter-spacing:.1em;color:var(--text);word-break:break-all;margin:0;line-height:1.7}.start__stats,.rush-result__stats{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.stat-card{background:var(--surface-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);min-width:110px;box-shadow:var(--shadow-sm);padding:12px 18px}.stat-card b{font-family:var(--font-serif);color:var(--text);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:600;line-height:1.1;display:block}.stat-card span{font-size:var(--text-2xs);color:var(--text-muted);letter-spacing:.04em}.rush-result__new{font-size:var(--text-md);color:var(--accent);letter-spacing:.04em;margin:0;font-weight:700}.rush-result__msg{font-size:var(--text-md);color:var(--text-muted);margin:0}.end-scene{place-items:center;width:170px;height:150px;display:grid;position:relative}.end-scene__face{font-size:4.5rem;line-height:1}img.end-scene__face{object-fit:contain;width:148px;max-width:100%;height:148px;display:block}.rush-result.is-win .end-scene__face{animation:winPop .7s var(--ease-out) both}.rush-result.is-over .end-scene__face{animation:2.4s ease-in-out infinite failBob}.end-spill{pointer-events:none;position:absolute;inset:0}.end-spill .spill{opacity:0;font-size:1.5rem;position:absolute}.rush-result.is-over .end-spill .spill{animation:1.4s ease-out forwards tumbleOut}.spill-1{animation-delay:50ms;bottom:8%;left:14%}.spill-2{animation-delay:.15s;bottom:18%;left:34%}.spill-3{animation-delay:.25s;bottom:6%;left:56%}.spill-4{animation-delay:.1s;bottom:14%;left:74%}.spill-5{animation-delay:.3s;bottom:26%;left:46%}@keyframes winPop{0%{opacity:0;transform:scale(.5)rotate(-8deg)}60%{opacity:1;transform:scale(1.12)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes failBob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-5px)rotate(3deg)}}@keyframes tumbleOut{0%{opacity:0;transform:translateY(-30px)rotate(0)}40%{opacity:1}to{opacity:1;transform:translateY(0)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.end-scene__face{animation:none!important}.rush-result.is-over .end-spill .spill{opacity:1;animation:none}}@media (max-height:54rem){.start{gap:var(--space-3);min-height:0}.start .end-scene{width:150px;height:96px}.start .end-scene__face{font-size:3.25rem}}@media (max-height:700px){.start,.rush-result{gap:var(--space-3);min-height:0;padding:var(--space-4) var(--space-4)}.end-scene{width:150px;height:88px}.end-scene__face{font-size:3.25rem}img.end-scene__face{width:86px;height:86px}.stat-card{padding:8px 14px}.stat-card b{font-size:1.5rem}.start .end-scene{display:none}.start__rule{padding:6px 12px}}.modes{gap:var(--space-2);flex-direction:column;width:min(320px,100%);display:flex}.mode-btn{text-align:start;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-sm);cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) linear, box-shadow var(--dur-fast) linear;grid-template-columns:1fr auto;grid-template-areas:"title meta""desc meta";align-items:center;gap:2px 12px;padding:12px 16px;font-family:inherit;text-decoration:none;display:grid}@media (hover:hover) and (pointer:fine){.mode-btn:hover{border-color:var(--card-accent);box-shadow:var(--shadow);transform:translateY(-2px)}}.mode-btn:active{transform:translateY(0)}.mode-btn:focus-visible{outline:2px solid var(--correction);outline-offset:3px}.mode-btn__title{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--text);letter-spacing:.04em;grid-area:title;font-weight:600}.mode-btn__desc{font-size:var(--text-2xs);color:var(--text-muted);grid-area:desc}.mode-btn__best{font-size:var(--text-2xs);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:meta;font-weight:700}.mode-btn__note{font-size:var(--text-2xs);color:var(--text-faint);white-space:nowrap;grid-area:meta}.mode-btn--read{border-color:var(--card-accent)}.actions--start,.actions--finish{align-items:stretch;gap:var(--space-2);flex-direction:column;width:min(320px,100%);display:flex}.actions--start .btn,.actions--finish .btn{width:100%}.lesson-loading{align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-4);color:var(--text-muted);text-align:center;flex-direction:column;display:flex}.lesson-loading p{margin:0}.lesson-loading:before{content:"筆";font-family:var(--font-serif);color:var(--text-faint);font-size:2.2rem}@media (max-width:30rem){.grade-card,.mode-card{padding:var(--space-3);gap:var(--space-3)}.grade-card__glyph,.mode-card__glyph{width:2.4rem;padding-inline-end:var(--space-3);font-size:1.9rem}.lesson-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-card{padding:var(--space-3)}}.write{position:relative}.write-progress{align-items:center;gap:var(--space-3);padding-block:var(--space-1);border-bottom:1px solid var(--rule);line-height:1.4;display:flex}.write-progress:empty{display:none}.progress__count{font-variant-numeric:tabular-nums;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-muted);margin:0}.progress__ticks{flex-wrap:wrap;gap:4px;display:flex}.progress__tick{background:var(--rule-strong);opacity:.45;width:14px;height:3px;transition:opacity var(--dur-normal) var(--ease-out), transform var(--dur-normal) var(--ease-out)}.progress__tick.is-done{background:var(--brush);opacity:1}.progress__tick.is-current{background:var(--correction);opacity:1;transform:scaleY(2)}.board{gap:var(--space-section);padding-top:var(--space-4);align-items:start;display:grid}@media (min-width:62rem){.board{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:clamp(2rem,4.5vw,4rem)}.board__read{border-inline-end:1px solid var(--rule);padding-block-start:4.25rem;padding-inline-end:clamp(2rem,4.5vw,4rem)}.board__pad{top:var(--space-5);align-self:start;position:sticky}}.board__read{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}@media (max-width:61.99rem){.board{gap:var(--space-2);padding-top:var(--space-2);flex-direction:column;display:flex}.board__read{display:contents}.sentence-bar{order:1}.board__pad{order:2}.feedback{order:3}.board .sentence{font-size:clamp(1.3rem,1rem + 1.8vw,1.85rem);line-height:1.75}.pad{gap:var(--space-2)}.pad__status{padding-bottom:var(--space-1)}.actions--drill .btn{min-height:40px;padding-block:.35em}.feedback{gap:var(--space-2);padding:0 0 0 var(--space-4)}.verdict{gap:var(--space-3)}.verdict__mark{font-size:clamp(2.1rem,1.7rem + 1.6vw,2.75rem)}}.sentence-bar{min-width:0}.sentence{font-family:var(--font-serif);font-size:var(--text-sentence);letter-spacing:.02em;text-wrap:pretty;margin:0;line-height:1.9}.sentence ruby{ruby-position:over;font-size:calc(1em * var(--blank-scale));margin-inline:.12em;line-height:1}.sentence rt{font-family:var(--font-sans);font-size:calc(1em * var(--furigana-scale));letter-spacing:.16em;color:var(--text);ruby-align:center;font-weight:700;transform:translateY(-.2em)}.sentence ruby.furi{font-size:1em;line-height:inherit;margin-inline:0}.sentence ruby.furi rt{letter-spacing:.04em;color:var(--text);font-size:.45em;font-weight:600;transform:none}.blank{text-align:center;block-size:1.05em;inline-size:1.05em;color:var(--text-faint);border:1.5px solid var(--frame);background:var(--pad-bg);vertical-align:-.16em;line-height:1.05;display:inline-block;position:relative}.blank:before,.blank:after{content:"";pointer-events:none;position:absolute}.blank:before{border-block-start:1px dashed var(--guide);inset-block-start:50%;inset-inline:0}.blank:after{border-inline-start:1px dashed var(--guide);inset-block:0;inset-inline-start:50%}.blank.is-filled{color:var(--brush);background:0 0;border-color:#0000;font-weight:500}.blank.is-filled:before,.blank.is-filled:after{content:none}.pad{gap:var(--space-3);width:var(--pad-size);flex-direction:column;max-width:100%;display:flex}.pad__stage{width:var(--pad-size);height:var(--pad-size);aspect-ratio:1;background:var(--pad-bg);border:2px solid var(--frame);max-width:100%;transition:border-color var(--dur-normal) var(--ease-out);position:relative}.pad__stage:has(.pad__svg.is-disabled){border-color:var(--correction)}.pad__svg{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;cursor:crosshair;width:100%;height:100%;display:block}.pad__svg.is-disabled{cursor:default}.guide__cross{stroke:var(--guide);stroke-width:2.5px;stroke-dasharray:10 12}.guide__diag{stroke:var(--guide-faint);stroke-width:1.5px;stroke-dasharray:2 26;opacity:.7}.stroke{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:48px}.stroke--confirmed{stroke:var(--brush)}.stroke--trace{stroke:var(--brush-wet);stroke-width:46px}.stroke--trace.is-review{stroke:var(--trace-ink);stroke-width:40px}.stroke--ref{stroke:var(--correction);stroke-width:44px}.stroke--ref.is-overlay{stroke-width:34px;opacity:.72}.stroke--guide{stroke:var(--guide-ink);stroke-width:42px}.pad__status{align-items:end;column-gap:var(--space-4);row-gap:var(--space-2);padding-bottom:var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.pad__status:focus-visible{outline:2px solid var(--correction);outline-offset:4px}.stroke-no{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;line-height:1}.stroke-no b{color:var(--text);margin-inline-end:.1em;font-size:1.4em;font-weight:700}.stroke-no span{color:var(--text-muted);font-size:1em}.stroke-ticks{grid-column:1/-1;align-items:flex-end;gap:4px;height:8px;display:flex}.stroke-tick{background:var(--rule-strong);opacity:.5;flex:1 1 0;height:2px}.stroke-tick.is-done{background:var(--brush);opacity:1}.stroke-tick.is-current{background:var(--correction);opacity:1;height:8px}.actions--drill{gap:var(--space-2);flex-wrap:wrap;align-items:stretch;display:flex}.actions--drill .btn{white-space:nowrap;flex:1 1 0;min-width:4.2em;padding-inline:.5em}.actions--drill-bottom{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-start;min-height:0;display:flex}.actions--drill-bottom .advance{flex:auto}.btn--ghost.is-active{background:var(--brush);color:var(--surface-raised);border-color:var(--brush)}.advance{align-items:center;gap:var(--space-3);min-height:2.4em;display:flex}.advance[hidden]{display:none}.advance__label{font-size:var(--text-sm);letter-spacing:.06em;color:var(--text-muted);white-space:nowrap}.advance__meter{background:var(--rule-strong);opacity:.5;flex:none;width:88px;height:2px;position:relative;overflow:hidden}.advance__bar{background:var(--correction);transform-origin:0;will-change:transform;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.advance__bar{transition:none!important;transform:scaleX(1)!important}}.feedback{gap:var(--space-3);padding:var(--space-1) 0 var(--space-1) var(--space-5);border-inline-start:1.5px solid var(--correction);flex-direction:column;max-width:34rem;display:flex}.feedback:empty{display:none}.feedback__title{font-size:var(--text-xs);letter-spacing:.04em;color:var(--correction-strong);margin:0;font-weight:700}.verdict{align-items:center;gap:var(--space-4);display:flex}.verdict__mark{font-family:var(--font-serif);color:var(--correction);font-size:clamp(2.75rem,2rem + 2.4vw,3.75rem);line-height:1;transform:rotate(-4deg)}.verdict__score{font-family:var(--font-serif);color:var(--correction-strong);font-variant-numeric:tabular-nums;margin:0}.verdict__score b{font-size:2.1em;font-weight:600}.verdict__score span{font-size:var(--text-sm);margin-inline-start:.15em}.notes{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.notes li{font-size:var(--text-sm);color:var(--correction-strong);padding-inline-start:1.1em;position:relative}.notes li:before{content:"・";color:var(--correction);position:absolute;inset-inline-start:0}.penmanship{font-size:var(--text-sm);color:var(--text-muted);border-top:1px dotted var(--rule);padding-top:var(--space-2);margin:0}.result{gap:var(--space-6);padding-top:var(--space-3);display:grid}@media (min-width:62rem){.result{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(2rem,4vw,4.5rem)}.result--summary{grid-template-columns:minmax(0,1fr)}}.result__glyph{aspect-ratio:1;border:2px solid var(--frame);background:var(--pad-bg);width:min(46vw,280px)}.result__glyph .stroke{stroke:var(--brush)}@media (max-width:61.99rem){.result{align-items:start;column-gap:var(--space-3);row-gap:var(--space-1);grid-template-columns:auto minmax(0,1fr);padding-top:0}.result__glyph{border-width:1px;width:min(21vw,88px)}.result__body{gap:var(--space-1);max-width:none}.result__teacher{align-self:start;width:clamp(2.25rem,7vw,3.25rem);margin-bottom:0}.result .sentence{font-size:clamp(.95rem,.85rem + .8vw,1.2rem)}.result__average b{font-size:1.9em}.result .bars{--plot-h:46px;--label-h:.95rem}.result .bars-caption{display:none}.result .actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.result__body{gap:var(--space-5);flex-direction:column;min-width:0;max-width:38rem;display:flex}.result__teacher{aspect-ratio:1;object-fit:contain;width:clamp(6rem,3rem + 16vw,11rem);height:auto;margin-bottom:calc(-1 * var(--space-3));align-self:center}.result__title{font-family:var(--font-serif);font-size:var(--text-display);letter-spacing:.01em;word-break:auto-phrase;line-break:strict;text-wrap:balance;margin:0;font-weight:600;line-height:1.2}@media (min-width:62rem){.result--summary .result__body{max-width:46rem}}.result__headline{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.result__average{font-family:var(--font-serif);color:var(--correction-strong);font-variant-numeric:tabular-nums;margin:0}.result__average b{font-size:2.6em;font-weight:600}.result__label{font-size:var(--text-2xs);letter-spacing:var(--tracking-label);color:var(--text-faint);text-transform:uppercase;margin:0}.result__endnote{font-size:var(--text-sm);color:var(--text-muted);margin:0}.result__retry{font-size:var(--text-md);color:var(--correction);margin:0;font-weight:600}.full-write-review{border:1px solid var(--rule-strong);border-radius:var(--radius-lg);background:var(--surface-raised);width:min(100% - 1rem,34rem);max-height:calc(100dvh - 1rem);color:var(--text);box-shadow:var(--shadow-lg);padding:0}.full-write-review:not([open]){display:none}.full-write-review::backdrop{background:#15181f94;background:lab(8.28509% -.074774 -5.17245/.58)}.full-write-review__panel{gap:var(--space-3);padding:clamp(.75rem,3vw,1.5rem);display:grid;overflow-y:auto}.full-write-review__title{font-family:var(--font-serif);margin:0;font-size:clamp(1.25rem,1rem + 1.4vw,1.75rem)}.full-write-review__score{align-items:center;gap:var(--space-3);margin:0;font-weight:700;display:flex}.full-write-review__mark{font-family:var(--font-serif);color:var(--correction-strong);font-size:2rem;line-height:1}.full-write-review__glyph{aspect-ratio:1;border:2px solid var(--frame);background:var(--pad-bg);justify-self:center;width:min(100%,18rem);display:block}.full-write-review__user-stroke,.full-write-review__model-stroke{fill:none;stroke-linecap:round;stroke-linejoin:round}.full-write-review__user-stroke{stroke:var(--brush);stroke-width:42px}.full-write-review__model-stroke{stroke:var(--correction);stroke-width:30px;opacity:.78}.full-write-review__note{text-align:center;font-size:var(--text-xs);color:var(--text-muted);margin:0}.full-write-review__feedback{font-size:var(--text-sm);margin:0;padding-inline-start:1.4em;line-height:1.6}.full-write-review__actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.full-write-review__actions .btn{min-width:0;min-height:44px}.verdict-float{z-index:50;font-family:var(--font-serif);letter-spacing:.08em;white-space:nowrap;pointer-events:none;background:var(--surface-raised);will-change:transform, opacity;animation:verdict-float 1.8s var(--ease-out) forwards;border-radius:4px;padding:.5em 1.1em;font-size:clamp(2rem,1.2rem + 4vw,3.4rem);font-weight:700;position:fixed;inset-block-start:30%;inset-inline-start:50%;transform:translate(-50%,-50%);box-shadow:0 6px 30px #00000024}.verdict-float.is-pass{color:var(--brush)}.verdict-float.is-retry{color:var(--correction)}@keyframes verdict-float{0%{opacity:0;transform:translate(-50%,-40%)scale(.7)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}24%{transform:translate(-50%,-50%)scale(1)}74%{opacity:1;transform:translate(-50%,-54%)scale(1)}to{opacity:0;transform:translate(-50%,-70%)scale(.98)}}@media (prefers-reduced-motion:reduce){.verdict-float{opacity:1;animation:none}}.bars{--plot-h:clamp(88px, 13vw, 140px);--label-h:1.15rem;--pass:.7;width:max-content;max-width:100%;padding:var(--label-h) 0 0;grid-auto-columns:minmax(0,40px);grid-auto-flow:column;gap:clamp(6px,1.4vw,14px);margin:0;list-style:none;display:grid;position:relative}.bars:before,.bars:after{content:"";pointer-events:none;position:absolute;inset-inline:-.5rem}.bars:before{top:calc(var(--label-h) + (1 - var(--pass)) * var(--plot-h));border-top:1px dashed var(--correction);opacity:.85}.bars:after{top:calc(var(--label-h) + var(--plot-h));border-top:1.5px solid var(--frame)}.bar{grid-template-rows:var(--plot-h) auto;place-items:end center;min-width:0;display:grid}.bar__track{align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.bar__fill{background:var(--bar-fill);width:100%;height:100%;transform:scaleY(var(--v,0));transform-origin:bottom;transition:transform var(--dur-stroke) var(--ease-out);transition-delay:calc(var(--i,0) * 45ms)}.bar.is-revealed .bar__fill{background:repeating-linear-gradient(45deg, var(--rule-strong) 0 2px, transparent 2px 6px);opacity:.55;transform:scaleY(1)}.bar__num{font-size:var(--text-2xs);color:var(--text-faint);font-variant-numeric:tabular-nums;line-height:1.6}.bars--chars{--plot-h:clamp(110px, 15vw, 168px)}.bars--chars .bar__num{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--text);padding-top:.15em}.bars--chars .bar.is-low .bar__num{color:var(--correction-strong)}.bar__score{inset-inline:-2px;bottom:calc(var(--v,0) * 100%);text-align:center;font-size:var(--text-2xs);line-height:var(--label-h);font-variant-numeric:tabular-nums;color:var(--text-muted);transition:bottom var(--dur-stroke) var(--ease-out);transition-delay:calc(var(--i,0) * 45ms);margin-bottom:3px;position:absolute}.bar.is-low .bar__score{color:var(--correction-strong);-webkit-text-decoration:underline 1px var(--correction);text-decoration:underline 1px var(--correction);text-underline-offset:2px;font-weight:700}.bar.is-low .bar__num{color:var(--correction-strong)}.bar.is-revealed .bar__score,.bar.is-revealed .bar__num{color:var(--text-faint);font-weight:inherit;text-decoration:none}.bars-caption{font-size:var(--text-xs);color:var(--text-faint);margin:0}@media (max-width:30rem){.actions--drill{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.actions--drill .btn{width:100%;min-width:0;min-height:44px;font-size:clamp(.6875rem, 3.4vw, var(--text-xs));letter-spacing:0;padding:.4em .25em;line-height:1.15}.result .result__actions{gap:var(--space-1);grid-template-columns:repeat(auto-fit,minmax(4rem,1fr))}.result__actions .btn{width:auto;min-width:0;min-height:44px;font-size:clamp(.6875rem, 3.25vw, var(--text-xs));letter-spacing:.01em;white-space:nowrap;padding:.5em .25em;line-height:1.2}}@media (max-width:61.99rem) and (max-height:700px){.board .sentence{font-size:clamp(1.05rem,.9rem + 1vw,1.3rem)}.feedback{gap:var(--space-1)}.notes li{font-size:var(--text-xs)}.penmanship{font-size:var(--text-xs);padding-top:var(--space-1)}.advance{min-height:1.8em}}