:root{--bg:#f1f0eb;--paper:#fbfaf6;--text:#202d45;--muted:#777d88;--guide:#d8dae0;--guide-center:#b7bbc5;--blue:#2457ff;--font-display:"Inter Tight", "Noto Sans JP", sans-serif;--font-body:"Noto Sans JP", "Inter Tight", sans-serif;--font-mono:"IBM Plex Mono", monospace}[data-astro-cid-ltigwgiy]{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0}button[data-astro-cid-ltigwgiy]{font:inherit}.page[data-astro-cid-ltigwgiy]{width:min(1500px,100%);margin:0 auto;padding:0 28px}.tool-head[data-astro-cid-ltigwgiy]{border-bottom:1px solid var(--text);padding:24px 0 48px}.meta[data-astro-cid-ltigwgiy]{font-family:var(--font-mono);letter-spacing:.04em;grid-template-columns:1fr 1fr auto;gap:16px;font-size:11px;display:grid}.meta[data-astro-cid-ltigwgiy] i[data-astro-cid-ltigwgiy]{color:var(--blue);font-style:normal}.heading[data-astro-cid-ltigwgiy]{grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:40px;margin-top:76px;display:grid}.eyebrow[data-astro-cid-ltigwgiy]{margin:0 0 14px;font-size:14px;font-weight:700}h1[data-astro-cid-ltigwgiy]{font-family:var(--font-display);letter-spacing:-.06em;margin:0;font-size:clamp(54px,8vw,120px);line-height:.88}.practice[data-astro-cid-ltigwgiy]{border-bottom:1px solid var(--text);padding:28px 0 70px}.practice-top[data-astro-cid-ltigwgiy]{justify-content:space-between;align-items:start;gap:30px;margin-bottom:28px;display:flex}.label[data-astro-cid-ltigwgiy]{font-family:var(--font-mono);letter-spacing:.04em;font-size:11px}h2[data-astro-cid-ltigwgiy]{margin:8px 0 0;font-size:clamp(22px,3vw,36px);line-height:1.3}.stars[data-astro-cid-ltigwgiy]{color:var(--blue);gap:5px;font-size:34px;line-height:1;display:flex}.practice-grid[data-astro-cid-ltigwgiy]{grid-template-columns:minmax(190px,.55fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.character-info[data-astro-cid-ltigwgiy]{border-top:1px solid var(--text);flex-direction:column;min-height:420px;padding-top:12px;display:flex}.character-number[data-astro-cid-ltigwgiy],.character-label[data-astro-cid-ltigwgiy]{font-family:var(--font-mono);font-size:11px}.character-info[data-astro-cid-ltigwgiy]>div[data-astro-cid-ltigwgiy]:nth-child(2){margin-top:auto}.character-main[data-astro-cid-ltigwgiy]{align-items:flex-end;gap:24px;display:flex}.character-info[data-astro-cid-ltigwgiy] strong[data-astro-cid-ltigwgiy]{margin-top:8px;font-size:110px;font-weight:700;line-height:1;display:block}.character-info[data-astro-cid-ltigwgiy] p[data-astro-cid-ltigwgiy]{color:var(--muted);margin:28px 0 0;font-size:13px;line-height:1.8}.board-wrap[data-astro-cid-ltigwgiy]{justify-self:center;width:min(100%,680px)}.board[data-astro-cid-ltigwgiy]{aspect-ratio:1;background:var(--paper);border:1px solid var(--text);border-radius:22px;width:100%;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden}.board[data-astro-cid-ltigwgiy][data-state=drawing]{box-shadow:0 0 0 4px #2457ff1f}.board[data-astro-cid-ltigwgiy][data-state=wrong]{animation:.22s shake}.board[data-astro-cid-ltigwgiy][data-state=success]{box-shadow:0 0 0 5px #2457ff26}.guide[data-astro-cid-ltigwgiy],#draw-canvas[data-astro-cid-ltigwgiy]{width:100%;height:100%;position:absolute;inset:0}.shadow-layer[data-astro-cid-ltigwgiy]{fill:#d9dce3;pointer-events:none}.shadow-layer[data-astro-cid-ltigwgiy] path[data-astro-cid-ltigwgiy]{fill:inherit}.route-probe[data-astro-cid-ltigwgiy]{fill:none;stroke:none;pointer-events:none}.guide-center[data-astro-cid-ltigwgiy]{fill:none;stroke:var(--guide-center);stroke-width:10px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:18 22;pointer-events:none}.direction[data-astro-cid-ltigwgiy]{stroke:var(--blue);stroke-width:12px;stroke-linecap:round}marker[data-astro-cid-ltigwgiy] path[data-astro-cid-ltigwgiy]{fill:var(--blue)}.start-ring[data-astro-cid-ltigwgiy]{fill:var(--paper);stroke:var(--blue);stroke-width:10px}.start-number[data-astro-cid-ltigwgiy]{fill:var(--blue);font-family:var(--font-body);font-size:54px;font-weight:700}.goal[data-astro-cid-ltigwgiy]{fill:var(--blue);opacity:.3}#draw-canvas[data-astro-cid-ltigwgiy]{z-index:2;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;display:block}.success[data-astro-cid-ltigwgiy]{z-index:3;backdrop-filter:blur(3px);text-align:center;pointer-events:none;background:#fbfaf6eb;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.success[data-astro-cid-ltigwgiy][hidden]{display:none}.success-star[data-astro-cid-ltigwgiy]{color:var(--blue);font-size:76px;line-height:1;animation:.36s pop}.success[data-astro-cid-ltigwgiy] strong[data-astro-cid-ltigwgiy]{letter-spacing:-.04em;margin-top:16px;font-size:clamp(38px,7vw,68px)}.success[data-astro-cid-ltigwgiy] span[data-astro-cid-ltigwgiy]{margin-top:8px;font-size:15px}.controls[data-astro-cid-ltigwgiy]{border-bottom:1px solid var(--text);justify-content:space-between;align-items:center;gap:24px;min-height:70px;display:flex}.message[data-astro-cid-ltigwgiy]{margin:0;font-weight:700}.buttons[data-astro-cid-ltigwgiy]{align-items:center;gap:22px;display:flex}#reset-button[data-astro-cid-ltigwgiy]{color:var(--text);font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;align-items:center;gap:18px;font-size:11px;display:flex}#reset-button[data-astro-cid-ltigwgiy]:hover{color:var(--blue)}#reset-button[data-astro-cid-ltigwgiy] span[data-astro-cid-ltigwgiy]{font-size:18px}.note[data-astro-cid-ltigwgiy]{grid-template-columns:220px minmax(0,560px);gap:40px;padding:34px 0 80px;display:grid}.note[data-astro-cid-ltigwgiy] span[data-astro-cid-ltigwgiy]{font-family:var(--font-mono);font-size:11px}.note[data-astro-cid-ltigwgiy] p[data-astro-cid-ltigwgiy]{margin:0;font-size:13px;line-height:1.9}footer[data-astro-cid-ltigwgiy]{border-top:1px solid var(--text);min-height:80px;font-family:var(--font-mono);grid-template-columns:1fr 1fr auto;align-items:center;font-size:11px;display:grid}@media (prefers-reduced-motion:reduce){.success-star[data-astro-cid-ltigwgiy]{animation:none}}@keyframes shake{0%{transform:translate(0)}35%{transform:translate(-7px)}70%{transform:translate(7px)}to{transform:translate(0)}}@keyframes pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@media (width<=800px){.page[data-astro-cid-ltigwgiy]{padding:0 18px}.meta[data-astro-cid-ltigwgiy]{grid-template-columns:1fr auto}.meta[data-astro-cid-ltigwgiy] span[data-astro-cid-ltigwgiy]:nth-child(2){display:none}.heading[data-astro-cid-ltigwgiy]{grid-template-columns:1fr;gap:42px;margin-top:52px}.practice-grid[data-astro-cid-ltigwgiy]{grid-template-columns:1fr;gap:24px}.character-info[data-astro-cid-ltigwgiy]{grid-template-columns:auto 1fr auto;align-items:end;gap:20px;min-height:auto;display:grid}.character-info[data-astro-cid-ltigwgiy]>div[data-astro-cid-ltigwgiy]:nth-child(2){margin-top:0}.character-info[data-astro-cid-ltigwgiy] strong[data-astro-cid-ltigwgiy]{font-size:66px}.character-info[data-astro-cid-ltigwgiy] p[data-astro-cid-ltigwgiy]{text-align:right;margin:0}.board-wrap[data-astro-cid-ltigwgiy]{width:100%}.note[data-astro-cid-ltigwgiy]{grid-template-columns:1fr;gap:14px}}@media (width<=520px){.practice-top[data-astro-cid-ltigwgiy]{align-items:end}.stars[data-astro-cid-ltigwgiy]{font-size:27px}.character-info[data-astro-cid-ltigwgiy]{grid-template-columns:auto 1fr}.character-info[data-astro-cid-ltigwgiy] p[data-astro-cid-ltigwgiy]{display:none}.controls[data-astro-cid-ltigwgiy]{flex-direction:column;align-items:flex-start;min-height:64px;padding:16px 0}.message[data-astro-cid-ltigwgiy]{font-size:13px}.buttons[data-astro-cid-ltigwgiy]{justify-content:space-between;width:100%}}.success[data-astro-cid-ltigwgiy]:not([hidden]) #success-title[data-astro-cid-ltigwgiy]{animation:.52s .38s both finish-title-pop}@keyframes finish-title-pop{0%{opacity:0;transform:translateY(12px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}#practice-controls[data-astro-cid-ltigwgiy][hidden]{display:none!important}.kana-select[data-astro-cid-ltigwgiy]{border-bottom:1px solid var(--text);padding:0 0 32px}.practice-layout[data-astro-cid-ltigwgiy]{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:32px;display:grid}.practice-layout[data-astro-cid-ltigwgiy]>.practice[data-astro-cid-ltigwgiy]{grid-area:1/2}.practice-layout[data-astro-cid-ltigwgiy] .practice-grid[data-astro-cid-ltigwgiy]{grid-template-columns:1fr;gap:18px}.practice-layout[data-astro-cid-ltigwgiy] .character-info[data-astro-cid-ltigwgiy]{align-items:center;gap:20px;min-height:auto;display:flex}.practice-layout[data-astro-cid-ltigwgiy] .character-main[data-astro-cid-ltigwgiy]{margin-top:0}.practice-layout[data-astro-cid-ltigwgiy] .character-info[data-astro-cid-ltigwgiy] strong[data-astro-cid-ltigwgiy]{font-size:48px}.practice-layout[data-astro-cid-ltigwgiy] .character-info[data-astro-cid-ltigwgiy] p[data-astro-cid-ltigwgiy]{display:none}.kana-navigation[data-astro-cid-ltigwgiy]{align-items:center;gap:16px;display:flex}.kana-select[data-astro-cid-ltigwgiy] h2[data-astro-cid-ltigwgiy]{font-size:18px}.kana-grid[data-astro-cid-ltigwgiy]{grid-template-columns:2em repeat(5,minmax(0,1fr));gap:8px;max-width:560px;display:grid}.kana-row-label[data-astro-cid-ltigwgiy]{color:var(--text);white-space:nowrap;align-self:center;font-size:12px}.kana-select[data-astro-cid-ltigwgiy] button[data-astro-cid-ltigwgiy]{border:1px solid var(--guide);background:var(--paper);min-height:44px;color:var(--text);font:inherit;cursor:pointer;padding:8px 12px}.kana-grid[data-astro-cid-ltigwgiy] button[data-astro-cid-ltigwgiy]{min-width:0;padding:8px 0;font-size:23px}.kana-select[data-astro-cid-ltigwgiy] button[data-astro-cid-ltigwgiy][aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}button[data-astro-cid-ltigwgiy]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button[data-astro-cid-ltigwgiy]:disabled{opacity:.4;cursor:default}.kana-navigation[data-astro-cid-ltigwgiy]{justify-content:space-between;max-width:560px;margin-top:18px;font-size:13px}#listen-button[data-astro-cid-ltigwgiy]{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0}.buttons[data-astro-cid-ltigwgiy]{flex-wrap:wrap;gap:12px 22px}.buttons[data-astro-cid-ltigwgiy] button[data-astro-cid-ltigwgiy]{min-height:44px}@media (width<=800px){.practice-layout[data-astro-cid-ltigwgiy]{flex-direction:column;gap:24px;display:flex}.practice-layout[data-astro-cid-ltigwgiy]>section[data-astro-cid-ltigwgiy]{width:100%}}@media (width<=520px){.kana-grid[data-astro-cid-ltigwgiy]{gap:6px}.kana-select[data-astro-cid-ltigwgiy] button[data-astro-cid-ltigwgiy]{padding:8px}.kana-grid[data-astro-cid-ltigwgiy] button[data-astro-cid-ltigwgiy]{padding-inline:0}.kana-navigation[data-astro-cid-ltigwgiy]{gap:8px}}