*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:var(--paper)}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}img,svg,canvas{max-width:100%;display:block}:root{--paper:#fcfaf4;--paper-edge:#efe9dc;--grid:#c3dcec;--grid-strong:#9fc6de;--margin-line:#e9a6a0;--ink:#22303a;--ink-soft:#5a6b76;--maru:#de372b;--cover:#17603f;--cover-deep:#0f462e;--band:#f2a413;--band-ink:#9a5b00;--ok:#16714f;--shadow:#182d2838;--focus:#1b6fc4;--font-kyo:"UD デジタル 教科書体 NK-R", "UD Digi Kyokasho NK-R", "UD デジタル 教科書体 N-R", "Yu Kyokasho", "YuKyokasho", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-ui:"BIZ UDPGothic", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", "UD デジタル 教科書体 NK-R", "Yu Gothic", "Meiryo", sans-serif;--t-xs:.75rem;--t-s:.875rem;--t-m:1.0625rem;--t-l:1.375rem;--t-xl:1.875rem;--t-2xl:2.75rem;--r-s:8px;--r-m:14px;--r-l:22px}@media (prefers-color-scheme:dark){:root{--paper:#151d24;--paper-edge:#0d141a;--grid:#2a404f;--grid-strong:#38566a;--margin-line:#7a4a4a;--ink:#eaf1f5;--ink-soft:#93a6b2;--maru:#ff6c5c;--cover:#12472f;--cover-deep:#0a3020;--band:#d9930f;--band-ink:#f2b23c;--ok:#4fcb9c;--shadow:#00000080;--focus:#6bb8ff}}:root[data-theme=light]{--paper:#fcfaf4;--paper-edge:#efe9dc;--grid:#c3dcec;--grid-strong:#9fc6de;--margin-line:#e9a6a0;--ink:#22303a;--ink-soft:#5a6b76;--maru:#de372b;--cover:#17603f;--cover-deep:#0f462e;--band:#f2a413;--band-ink:#9a5b00;--ok:#16714f;--shadow:#182d2838;--focus:#1b6fc4}:root[data-theme=dark]{--paper:#151d24;--paper-edge:#0d141a;--grid:#2a404f;--grid-strong:#38566a;--margin-line:#7a4a4a;--ink:#eaf1f5;--ink-soft:#93a6b2;--maru:#ff6c5c;--cover:#12472f;--cover-deep:#0a3020;--band:#d9930f;--band-ink:#f2b23c;--ok:#4fcb9c;--shadow:#00000080;--focus:#6bb8ff}#app{min-height:100vh;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);min-height:100dvh;color:var(--ink);font-family:var(--font-ui);font-size:var(--t-m);padding:env(safe-area-inset-top,0px) calc(14px + env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-size:28px 28px,28px 28px;flex-direction:column;align-items:center;line-height:1.7;display:flex;position:relative;overflow-x:hidden}#app:before{content:"";pointer-events:none;z-index:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:0 0;border:0}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}#cover{z-index:30;overscroll-behavior:contain;padding:max(20px, env(safe-area-inset-top,0px)) 0 max(20px, env(safe-area-inset-bottom,0px));background:linear-gradient(160deg, var(--cover) 0%, var(--cover-deep) 100%);transform-origin:0;will-change:transform;place-items:center;transition:transform .75s cubic-bezier(.6,.02,.3,1),opacity .5s .25s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}#cover.is-open{opacity:0;pointer-events:none;transform:perspective(1600px)rotateY(-108deg)}.cover-inner{text-align:center;color:#fff;width:min(88vw,340px)}.cover-label{background:var(--paper);color:var(--ink);border:2px solid var(--cover-deep);box-shadow:0 0 0 5px var(--paper), 0 0 0 7px var(--cover-deep);flex-direction:column;gap:6px;padding:26px 18px 20px;display:flex}.cover-kana{font-size:var(--t-xs);letter-spacing:.5em;color:var(--ink-soft);text-indent:.5em}.cover-title{font-family:var(--font-kyo);letter-spacing:.06em;text-wrap:balance;font-size:clamp(2rem,10vw,2.6rem);line-height:1.25}.cover-sub{font-size:var(--t-s);color:var(--ink-soft);letter-spacing:.12em}.cover-name{border-top:1px dashed var(--grid-strong);font-family:var(--font-kyo);font-size:var(--t-l);letter-spacing:.1em;margin-top:10px;padding-top:10px}.cover-band{background:var(--band);border-radius:99px;height:12px;margin-top:22px}.cover-open{background:var(--band);color:#3a2400;width:100%;font-size:var(--t-l);letter-spacing:.1em;border-radius:var(--r-l);margin-top:26px;padding:16px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 5px #00000047}.cover-open:active{transform:translateY(4px);box-shadow:0 1px #00000047}@media (max-height:520px){.cover-label{padding:12px 14px}.cover-title{font-size:1.6rem}.cover-name{margin-top:6px;padding-top:6px;font-size:1.125rem}.cover-band{height:8px;margin-top:10px}.cover-open{margin-top:12px;padding:12px;font-size:1.25rem}}.screen{z-index:1;width:100%;max-width:620px;display:none;position:relative}.screen.is-active{flex-direction:column;gap:18px;display:flex}.bar{align-items:center;gap:10px;min-height:62px;padding:14px 0 4px;display:flex}.bar-title{white-space:nowrap;min-width:0;font-family:var(--font-kyo);letter-spacing:.04em;flex:1;font-size:clamp(1.05rem,4.6vw,1.375rem)}.icon-btn{width:46px;height:46px;font-size:var(--t-l);background:var(--paper);border:2px solid var(--grid-strong);box-shadow:0 2px 0 var(--grid-strong);border-radius:50%;flex:none;place-items:center;display:grid}.icon-btn:active{box-shadow:none;transform:translateY(2px)}.chip{font-size:var(--t-s);letter-spacing:.04em;background:var(--cover);color:#fff;font-variant-numeric:tabular-nums;border-radius:99px;flex:none;padding:4px 12px;font-weight:700}.menu-lead{font-family:var(--font-kyo);font-size:var(--t-xl);letter-spacing:.05em;text-wrap:balance;border-left:6px solid var(--margin-line);padding-left:14px}.menu-lead small{font-family:var(--font-ui);font-size:var(--t-s);color:var(--ink-soft);letter-spacing:.08em;display:block}.drills{gap:12px;display:grid}.drill{text-align:left;background:var(--paper);border-radius:var(--r-m);border:2px solid var(--grid-strong);box-shadow:0 4px 0 var(--grid-strong);grid-template-columns:62px 1fr auto;align-items:center;gap:14px;padding:16px;transition:transform .12s,box-shadow .12s;display:grid}.drill:active{box-shadow:0 0 0 var(--grid-strong);transform:translateY(4px)}.drill-mark{border-radius:var(--r-s);width:62px;height:62px;font-family:var(--font-kyo);color:#fff;background:var(--cover);place-items:center;font-size:1.9rem;line-height:1;display:grid}.drill:nth-child(2) .drill-mark{background:#1c6e6b}.drill:nth-child(3) .drill-mark{background:#1c5c86}.drill:nth-child(4) .drill-mark{background:#8c3b5e}.drill:nth-child(5) .drill-mark{background:#a8501c}.drill:nth-child(6) .drill-mark{background:#6a3d8c}.drill-name{font-family:var(--font-kyo);font-size:var(--t-l);letter-spacing:.05em;display:block}.drill-note{font-size:var(--t-s);color:var(--ink-soft);display:block}.drill-weak{font-size:var(--t-xs);letter-spacing:.04em;color:var(--paper);background:var(--maru);border-radius:99px;margin-top:5px;padding:2px 9px;font-weight:700;display:inline-block}.drill-best{font-size:var(--t-xs);color:var(--ink-soft);text-align:right;font-variant-numeric:tabular-nums}.drill-best b{font-size:var(--t-l);color:var(--maru);font-family:var(--font-kyo);display:block}.card-sheet{background:var(--paper);border-radius:var(--r-m);border:2px dashed var(--grid-strong);flex-direction:column;gap:12px;padding:16px;display:flex}.card-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.card-head h2{font-family:var(--font-kyo);font-size:var(--t-l);letter-spacing:.06em;flex:none}.card-head span{font-size:var(--t-s);color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-left:auto}.stamp-grid{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.stamp{aspect-ratio:1;border:1px dashed var(--grid-strong);border-radius:50%;place-items:center;display:grid}.stamp.is-on{border:none}.hanamaru{width:100%;height:100%}.hanamaru .hm-line{fill:none;stroke:var(--maru);stroke-width:11px;stroke-linecap:round}.progress{gap:5px;display:flex}.dot{background:var(--grid);border-radius:99px;flex:1;height:7px}.dot.is-ok{background:var(--maru)}.dot.is-ng{background:var(--ink-soft)}.dot.is-now{background:var(--band)}.qcard{background:var(--paper);border:2px solid var(--grid-strong);border-radius:var(--r-m);box-shadow:0 4px 0 var(--grid-strong);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:28px 28px,28px 28px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:240px;padding:22px 18px 104px;display:flex;position:relative;overflow:hidden}.q-ask{font-size:var(--t-s);color:var(--ink-soft);letter-spacing:.1em}.q-big{font-family:var(--font-kyo);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:clamp(3.4rem,21vw,5.6rem);line-height:1.1}.q-formula{font-family:var(--font-kyo);letter-spacing:.12em;font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,13vw,3.6rem)}.q-hint{font-size:var(--t-s);color:var(--ink-soft)}.q-canvas{display:block}.q-word{text-align:left;font-family:var(--font-kyo);letter-spacing:.04em;align-self:stretch;padding:0 2px;font-size:clamp(1.05rem,4.5vw,1.35rem);line-height:2.05}.trace-canvas{border-radius:var(--r-s);touch-action:none;cursor:crosshair;display:block}.trace-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.trace-step{text-align:center;font-family:var(--font-kyo);font-size:var(--t-l);letter-spacing:.05em;flex:100%}.trace-btn{border-radius:var(--r-m);min-height:58px;font-family:var(--font-kyo);font-size:var(--t-l);letter-spacing:.05em;background:var(--paper);border:2px solid var(--grid-strong);box-shadow:0 4px 0 var(--grid-strong);flex:1}.trace-btn:active{box-shadow:none;transform:translateY(4px)}.choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{min-height:68px;font-family:var(--font-kyo);letter-spacing:.06em;background:var(--paper);border:2px solid var(--cover);border-radius:var(--r-m);box-shadow:0 4px 0 var(--cover);padding:12px 6px;font-size:clamp(1.15rem,5.2vw,1.875rem);transition:transform .1s,box-shadow .1s}.choice:active{box-shadow:0 0 0 var(--cover);transform:translateY(4px)}.choice.is-right{background:var(--cover);color:#fff}.choice.is-wrong{opacity:.35}.choice[disabled]{cursor:default}.pad-wrap{flex-direction:column;gap:10px;display:flex}.pad-view{border-radius:var(--r-m);border:2px solid var(--grid-strong);background:var(--paper);height:70px;font-family:var(--font-kyo);font-size:var(--t-2xl);font-variant-numeric:tabular-nums;letter-spacing:.1em;place-items:center;display:grid}.pad-view.is-empty{color:var(--grid-strong)}.pad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.key{border-radius:var(--r-m);min-height:60px;font-family:var(--font-kyo);font-size:var(--t-xl);background:var(--paper);border:2px solid var(--grid-strong);box-shadow:0 4px 0 var(--grid-strong);font-variant-numeric:tabular-nums}.key:active{box-shadow:0 0 0 var(--grid-strong);transform:translateY(4px)}.key.k-del{font-size:var(--t-m);border-color:var(--ink-soft);box-shadow:0 4px 0 var(--ink-soft)}.key.k-go{background:var(--band);color:#3a2400;font-weight:700;font-size:var(--t-m);border-color:#b87b08;grid-column:span 1;box-shadow:0 4px #b87b08}.key.k-go:active{box-shadow:0 0 #b87b08}.key[disabled]{opacity:.4}.stage{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:104px;left:0;right:0}.stage[hidden]{display:none}.maru-svg{width:78%;max-width:260px;max-height:100%;overflow:visible}.maru-svg .petal,.maru-svg .spiral{fill:none;stroke:var(--maru);stroke-linecap:round}.maru-svg .ring{fill:var(--maru)}.maru-svg .ring-reveal{fill:none;stroke:#fff;stroke-width:18px;stroke-linecap:butt;stroke-linejoin:round}.maru-svg.go .ring-reveal{animation:.5s cubic-bezier(.3,0,.3,1) forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.maru-svg.flower .ring{display:none}.maru-svg .spiral{stroke-width:10.5px}.maru-svg.flower.go .spiral{animation:.55s cubic-bezier(.4,0,.2,1) forwards draw}.maru-svg .petal{stroke-width:10.5px;opacity:0;transform-origin:100px 100px}.maru-svg.flower .petal{animation:.3s ease-out forwards pop}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.verdict{text-align:center;background:var(--cover);color:#fff;font-size:var(--t-m);padding:12px 16px;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.verdict.is-show{transform:translateY(0)}.verdict.is-miss{background:var(--ink);color:var(--paper)}.verdict b{font-family:var(--font-kyo);font-size:var(--t-l);letter-spacing:.06em}.combo{font-size:var(--t-s);color:var(--band-ink);font-variant-numeric:tabular-nums;opacity:0;font-weight:700;transition:opacity .2s;position:absolute;top:10px;right:12px}.combo.is-show{opacity:1}.result-box{background:var(--paper);border:2px solid var(--grid-strong);border-radius:var(--r-m);box-shadow:0 4px 0 var(--grid-strong);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:26px 18px;display:flex}.result-score{font-family:var(--font-kyo);color:var(--maru);font-variant-numeric:tabular-nums;font-size:4.2rem;line-height:1}.result-score small{font-size:var(--t-l);color:var(--ink-soft)}.result-word{font-family:var(--font-kyo);font-size:var(--t-xl);letter-spacing:.06em;text-wrap:balance}.result-note{font-size:var(--t-s);color:var(--ink-soft)}.result-new{font-size:var(--t-s);color:var(--band-ink);font-weight:700}.btn-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn{border-radius:var(--r-m);min-height:62px;font-family:var(--font-kyo);font-size:var(--t-l);letter-spacing:.06em;border:2px solid var(--cover);box-shadow:0 4px 0 var(--cover);background:var(--paper)}.btn.is-main{background:var(--band);color:#3a2400;border-color:#b87b08;box-shadow:0 4px #b87b08}.btn:active{box-shadow:none;transform:translateY(4px)}.foot{text-align:center;font-size:var(--t-xs);color:var(--ink-soft);letter-spacing:.08em;line-height:2}.credit a{color:var(--ink-soft)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@media (max-height:660px){.screen.is-active{gap:12px}.bar{min-height:52px;padding:10px 0 2px}.qcard{min-height:0;padding:14px 14px 88px}.trace-btn{min-height:50px}}@media (max-height:480px){.screen.is-active{gap:8px}.bar{min-height:42px;padding:6px 0 0}.qcard{gap:4px;min-height:0;padding:10px 12px 62px}.qcard .q-ask{display:none}.trace-bar{flex-wrap:nowrap}.trace-step{font-size:var(--t-m);flex:auto}.trace-btn{flex:none;min-height:44px;padding:0 14px}.verdict{padding:8px 12px}}