.md-app,#md-dialog{--md-ink:#33465e;--md-dim:#6f8399;--md-coral:#f28b6e;--md-coral-deep:#d9634a;--md-glow:#4fb3cf;--md-panel:#fbfdffdc;--md-line:#c6dcec;box-sizing:border-box}.md-app *,#md-dialog *{box-sizing:border-box}.md-app{position:relative;isolation:isolate;min-height:760px;overflow:hidden;background:#dcecf7;color:var(--md-ink);font-family:ui-rounded,Hiragino Maru Gothic ProN,sans-serif}.md-app button,#md-dialog button{cursor:pointer;border:1px solid var(--md-line);border-radius:999px;padding:12px 22px;background:#fbfdffe6;color:var(--md-ink);font:inherit;font-weight:700;touch-action:manipulation}.md-app button:hover,#md-dialog button:hover{background:#eef6fc}.md-app button:focus-visible,#md-dialog :focus-visible{outline:3px solid var(--md-glow);outline-offset:3px}.md-app button:disabled{opacity:.5;cursor:default}.md-app .md-primary,#md-dialog .md-primary{background:var(--md-coral);border-color:var(--md-coral);color:#2a120c;padding:16px 30px;box-shadow:0 4px 0 var(--md-coral-deep),0 0 28px #f28b6e40}.md-app .md-primary:hover,#md-dialog .md-primary:hover{background:#ff9d82}.md-scene{position:absolute;inset:0;z-index:-1}.md-scene canvas{display:block;width:100%;height:100%}.md-app[data-screen=title],.md-app[data-screen=gaze],.md-app[data-screen=result]{touch-action:pan-y}.md-app.md-dragging{cursor:grabbing;touch-action:none;user-select:none}.md-app:not(.md-ui-ready) #md-start,.md-app:not(.md-ui-ready) #md-sound{visibility:hidden}.md-app .countdown-disc{color:#33465e;background:#fbfdfff2;border-color:#c6dcec}.md-app[data-screen=title]{height:100svh;min-height:0}.md-title{position:relative;height:100%;min-height:0;padding:clamp(52px,7svh,80px) 24px 0;text-align:center;background:linear-gradient(#dcecf7c0,transparent 45%)}.md-logo{display:flex;justify-content:center;margin:0}.md-logo-img{display:block;width:min(600px,78vw);height:auto;max-height:36svh;object-fit:contain;filter:drop-shadow(0 4px 18px #ffffffb0)}.md-app[data-screen=title] .md-title>#md-start{position:absolute;left:50%;transform:translate(-50%);bottom:clamp(104px,17svh,200px);margin:0;min-width:190px;font-size:18px}.md-app[data-screen=title] .md-title>#md-gaze-btn{position:absolute;left:50%;transform:translate(-50%);bottom:clamp(52px,17svh - 52px,148px);font-size:13px;font-weight:600;padding:9px 18px;background:#fbfdff99;color:var(--md-dim)}.md-record{position:absolute;left:28px;bottom:84px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:0;color:var(--md-dim);font-size:12px}.md-record:empty{display:none}.md-record strong{font-size:23px;color:var(--md-ink);font-weight:800;font-variant-numeric:tabular-nums}.md-home-tools{position:absolute;left:28px;bottom:26px;display:flex;align-items:center;gap:12px}.md-home-tools #md-collection{display:flex;align-items:baseline;gap:12px;font-size:13px;padding:12px 20px;background:#fff0e9;border-color:#f28b6e80}.md-home-tools #md-found{font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}.md-home-tools #md-settings{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:400;min-height:44px;padding:12px 16px;color:var(--md-dim)}.md-home-tools>.practice-entry{background:transparent;border:0;font-size:12px;padding:6px 8px;color:var(--md-dim)}#md-fallback{position:absolute;left:0;right:0;bottom:150px;margin:0 24px;padding:12px;background:#eef6fc;border-radius:12px;font-size:13px}#md-fallback a{color:var(--md-glow)}#md-start{position:relative;overflow:hidden;isolation:isolate}#md-start:after{content:"";position:absolute;inset:-45% auto -45% -60%;width:35%;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff70,transparent);transform:skew(-22deg);animation:md-start-shine 8s ease-in-out infinite}@keyframes md-start-shine{0%,82%{left:-60%;opacity:0}84%{opacity:1}98%,to{left:140%;opacity:0}}.md-app .kbd-cap{margin-left:8px}.md-app .md-sound{position:fixed;top:62px;right:20px;z-index:20;width:96px;border-radius:999px;display:flex;gap:7px;justify-content:center;align-items:center;padding:8px 12px;background:#fbfdffcc;color:var(--md-dim);border:1px solid var(--md-line);font-size:12px}.md-app .md-sound[aria-pressed=true]{background:#f28b6e;color:#fff;border-color:#e07a5f;box-shadow:0 0 0 3px #f28b6e30}.md-sound[aria-pressed=true] .md-sound-muted,.md-sound[aria-pressed=false] .md-sound-waves{display:none}.md-sound b{font-size:12px;letter-spacing:.06em}.md-sound svg{flex-shrink:0}.md-app .md-sound>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.md-app[data-screen=game] .md-sound,.md-app[data-screen=gaze] .md-sound{top:16px}.md-app[data-screen=game]{min-height:0}.md-game{min-height:max(720px,100svh);display:flex;flex-direction:column;padding:20px 28px 14px}.md-game:focus{outline:none}.md-hud{display:flex;align-items:center;gap:22px}.md-hud>.md-clock{position:relative;display:grid;place-items:center;flex-shrink:0;padding:0;width:76px;height:76px;border-radius:50%;background:#fbfdffcc;border:1px solid var(--md-line)}.md-clock svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:4}.md-clock-track{stroke:#d6e6f1}#md-clock-ring{stroke:var(--md-glow);stroke-linecap:round;stroke-dasharray:213.628;stroke-dashoffset:0}.md-clock b{font-variant-numeric:tabular-nums;line-height:1;width:2ch;text-align:center;font-size:26px}.md-clock:after{content:"秒";position:absolute;bottom:12px;font-size:9px;color:var(--md-dim)}.md-score{position:relative;display:grid;min-width:100px}.md-score small{font-size:11px;color:var(--md-dim)}.md-score b{font-size:28px}#md-score-pop{position:absolute;left:100%;top:17px;font-size:20px;font-weight:900;color:#e0783f;white-space:nowrap;pointer-events:none}#md-hud-best{font-size:10px;min-height:14px}.md-input{position:relative;width:min(700px,100%);margin:12px auto 200px;padding:12px 22px 14px;background:var(--md-panel);border:1px solid var(--md-line);border-radius:22px;text-align:center;backdrop-filter:blur(6px);flex-shrink:0}.md-level{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--md-dim)}.md-level progress{width:100px;height:8px;accent-color:var(--md-glow)}.md-level b{margin-left:auto;color:#d9784a}.md-kana{font-size:clamp(20px,3.2vw,30px);font-weight:700;line-height:1.8;margin:6px 0 2px;overflow-wrap:anywhere}.md-kana rt{font-size:10px}.md-romaji{font-family:ui-monospace,monospace;font-size:22px;font-weight:700;letter-spacing:.04em;overflow-wrap:anywhere;line-height:1.5;min-height:33px}.md-romaji .done{color:#d9784a}.md-romaji.miss{animation:md-miss .16s 2}@keyframes md-miss{50%{color:var(--md-coral);transform:translate(3px)}}.md-notice{position:absolute;top:100%;left:12px;right:auto;max-width:65%;padding-top:6px;font-size:12px;text-align:left;pointer-events:none;font-weight:700;color:#4b6382;text-shadow:0 1px 8px #ffffffc0;min-height:25px}#md-word-pop{position:absolute;right:12px;bottom:-30px;font-size:12px;font-weight:900;color:#5a3a12;background:#ffe3a6;border-radius:999px;padding:3px 14px;pointer-events:none}#md-word-pop:empty{display:none}.md-fever{position:absolute;top:58px;right:28px;display:flex;align-items:center;gap:8px;padding:5px 12px;border-radius:12px;background:linear-gradient(120deg,#ffe9c9,#ffd6a6);color:#7a4a1e;border:1px solid #f5c98f;box-shadow:0 0 24px #ffd9a660;text-align:center;z-index:2;pointer-events:none}.md-fever span{font-size:10px;font-weight:900;letter-spacing:.06em}.md-fever b{font-size:23px;line-height:1.1}.md-fever small{font-size:10px}.md-app[data-glow="2"] .md-fever{background:linear-gradient(120deg,#ffe0b0,#ffc98a);box-shadow:0 0 30px #ffc98a70}.md-app[data-glow="3"] .md-fever{background:linear-gradient(110deg,#ffe0b0,#ffc0d0,#c6e6ff);box-shadow:0 0 40px #ffd6e080}.md-app[data-glow="3"] .md-input{border-color:#ffc98a;box-shadow:0 0 32px #ffd6a666}.md-pop{animation:md-reward .38s ease-out}@keyframes md-reward{0%{transform:scale(.8)}45%{transform:scale(1.16)}to{transform:scale(1)}}#md-score-pop.md-pop,#md-word-pop.md-pop{animation:md-points .85s ease-out forwards}@keyframes md-points{0%{opacity:1;transform:translateY(8px) scale(.85)}25%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:0;transform:translateY(-16px)}}.md-keyboard{width:min(700px,100%);margin:auto auto 0;padding:8px 16px}.md-keyboard:has(#md-kbd[hidden]){display:none}.um-kbd-row{display:flex;gap:5px;justify-content:center;margin:5px 0}.um-kbd-row:nth-child(2){padding-left:14px}.um-kbd-row:nth-child(3){padding-right:40px}.md-app .um-key{border-radius:7px;width:42px;height:37px;padding:0;background:#ffffffd9;border:1px solid #c6dcec;color:var(--md-ink);font:15px ui-monospace,monospace;position:relative}.md-app .um-key-next{background:var(--md-coral);color:#fff;border-color:var(--md-coral)}.md-app .um-key-alt{border-color:var(--md-glow)}.um-key-bump{position:absolute;bottom:4px;left:40%;width:20%;height:2px;background:currentColor}.md-app .um-key-tapped{background:#ffd9c4}.md-app[data-counting=true] .md-input,.md-app[data-counting=true] .md-keyboard{visibility:hidden;pointer-events:none}.md-app[data-screen=gaze]{height:100svh;min-height:0}.md-gaze{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;padding:0 20px 28px;text-align:center}.md-gaze:focus{outline:none}.md-gaze-hint{margin:0;font-size:12px;color:var(--md-dim);text-shadow:0 1px 8px #ffffffc0}#md-gaze-back{font-size:13px;font-weight:600;padding:10px 18px}.md-result{margin:110px auto 40px;padding:28px 32px;width:min(550px,92%);background:var(--md-panel);border:1px solid var(--md-line);border-radius:28px;text-align:center;backdrop-filter:blur(6px)}.md-eyebrow{font-size:13px;letter-spacing:.12em;color:var(--md-dim);margin:0}.md-result h2{font-size:24px;margin:8px 0 0}.md-result-badge{min-height:30px;font-weight:800;color:var(--md-dim);margin:12px 0}.md-result-badge.md-is-best{color:#5a3a12;background:#ffe3a6;border-radius:999px;display:inline-block;padding:4px 18px}.md-result-score b{display:block;font-size:62px;font-variant-numeric:tabular-nums;line-height:1.15;color:var(--md-coral)}.md-result-score span{font-size:12px;color:var(--md-dim)}#md-new{line-height:1.8;font-size:14px}.md-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:20px 0 0}.md-actions button{font-size:13px}.md-app .practice-result-link{background:transparent;border:0;font-size:12px;padding:4px 8px;color:#c96a4e}.md-result button:focus-visible{outline:2px solid var(--md-glow);outline-offset:4px}.md-result:not([hidden]){animation:md-result-arrive .5s cubic-bezier(.2,.9,.25,1.15) both}.md-result:not(.md-result-done) .md-result-badge{opacity:0}.md-result-done .md-result-badge{animation:md-result-stamp .45s ease-out both}.md-result-done .md-result-score b{animation:md-result-stamp .38s ease-out both}.md-result.md-result-leaving:not([hidden]){animation:md-result-away .22s ease-in both;pointer-events:none}.md-scene-arrive .md-input,.md-scene-arrive #md-start{animation:md-next-arrive .38s ease-out both}@keyframes md-result-arrive{0%{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:none}}@keyframes md-result-stamp{0%{transform:scale(.92)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes md-result-away{to{opacity:0;transform:translateY(-20px) scale(.96)}}@keyframes md-next-arrive{0%{opacity:0;filter:brightness(1.3)}to{opacity:1;filter:none}}.md-save-note{position:relative;padding:12px;background:#fff1cf;font-size:12px}.md-version{padding:14px 20px;text-align:center}#md-dialog{width:min(680px,92vw);max-height:85dvh;border:1px solid var(--md-line);border-radius:24px;padding:24px;background:#f6fafd;color:var(--md-ink)}#md-dialog::backdrop{background:#2f4a6466;backdrop-filter:blur(5px)}#md-dialog.observation-dialog{width:min(1080px,94vw);max-height:90svh}.md-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.observation-dialog .md-dialog-head{align-items:flex-start;margin-bottom:16px}.md-dialog-head h2{font-size:23px;margin:0}.md-dialog-head button{font-size:12px}#md-dialog .observation-stage{background:radial-gradient(ellipse at 50% 30%,#fff,#dcecf7);border-color:var(--md-line)}.md-model-viewer{position:relative;height:clamp(280px,45svh,440px);width:100%;overflow:hidden}.observation-dialog .md-model-viewer{height:clamp(300px,50svh,470px)}.md-model-viewer canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.md-model-viewer canvas:active{cursor:grabbing}.md-model-caption{font-size:19px;margin:0 0 5px;color:var(--md-coral)}.observation-stage-heading .md-model-caption{display:block;font-size:18px;text-align:left}.md-model-detail{font-size:13px;line-height:1.7;margin:0;min-height:44px}.md-viewer-controls{position:absolute;inset:10px;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.md-viewer-angles{display:flex;gap:5px;pointer-events:auto}.md-viewer-motions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 12px 14px;pointer-events:auto}#md-dialog .md-viewer-angles button{min-width:38px;min-height:34px;padding:5px 10px;font-size:11px;border-radius:12px;background:#ffffffb8}#md-dialog .md-viewer-angles button[aria-pressed=true]{background:#fff0e9;border-color:var(--md-coral)}#md-dialog .md-viewer-motions button{min-width:64px;padding:7px 12px;font-size:11px;border-radius:12px}#md-dialog .md-viewer-motions button[aria-pressed=true]{background:#fff0e9;border-color:var(--md-coral)}#md-dialog .md-viewer-motions button:disabled{background:#edf2f6;border-color:#d8e3ec;color:#93a5b6;opacity:1;cursor:not-allowed}.md-zukan{display:flex;gap:8px;overflow-x:auto;padding:5px 3px 10px;margin-top:12px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.md-zukan .md-card{flex:0 0 96px;min-width:0;padding:0;border:0;background:transparent;scroll-snap-align:start}.md-zukan .md-card[data-observation]{border:0;padding:0}#md-dialog .md-portrait{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:126px;padding:4px;border:2px solid var(--observation-color,#c6dcec);border-radius:14px;background:#fff;color:var(--md-ink)}#md-dialog .md-portrait img{width:76px;height:68px;object-fit:contain}#md-dialog .md-portrait[aria-pressed=true]{background:#fff0e9}#md-dialog .md-portrait .observation-badge{position:absolute;top:5px;right:7px;margin:0;font-size:10px;line-height:1.3}.md-card-name{display:block;font-size:11px;text-align:center;line-height:1.4;white-space:nowrap}.md-zukan .unknown .md-portrait{height:80px;font-size:30px;background:#eef3f7;color:#9aacbd;border-color:#dbe6ee}.md-zukan .unknown{opacity:.7}@media (min-width:850px){.observation-sidebar .md-zukan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:visible;gap:8px}.observation-sidebar .md-zukan .md-card{min-width:0}}.md-setting{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--md-line)}.md-setting input{width:22px;height:22px;accent-color:var(--md-coral)}.md-setting select{padding:10px;border-radius:8px;border:1px solid var(--md-line);background:#fff;color:var(--md-ink)}#md-dialog-body>button{margin:5px}.md-guide{max-width:760px;margin:0 auto 32px;padding:0 20px;color:#465a72;font-size:14px;line-height:1.9}.md-guide summary{cursor:pointer;padding:12px 0;color:#33465e}.md-guide h2{font-size:16px;margin:20px 0 6px;color:#33465e}.md-guide ul{list-style:disc;padding-left:22px}@media (max-width:650px){.md-app{min-height:790px}.md-title{padding-top:104px}.md-logo-img{width:min(320px,82vw);max-height:24svh}.md-app[data-screen=title] .md-title>#md-start{bottom:19svh}.md-app[data-screen=title] .md-title>#md-gaze-btn{bottom:calc(19svh - 50px)}.md-record{left:20px;bottom:82px;gap:3px 14px}.md-record strong{font-size:22px}.md-home-tools{left:20px;bottom:24px;gap:10px}.md-home-tools #md-collection{font-size:13px;padding:12px 16px}.md-app .md-sound{top:58px;right:12px}.md-game{min-height:max(680px,100svh);padding:14px 12px}.md-input{padding:9px 10px 10px;margin-top:12px;border-radius:18px;margin-bottom:190px}.md-app .um-key{width:calc((100vw - 82px)*.1);height:36px;font-size:13px}.um-kbd-row{gap:3px}.md-level{font-size:10px;gap:6px}.md-level progress{width:60px}.md-romaji{font-size:18px}.md-hud>.md-clock{width:64px;height:64px}.md-clock b{font-size:23px}.md-score{min-width:80px}#md-score-pop{font-size:15px;left:0;top:60px}.md-fever{top:48px;right:14px;gap:4px;padding:5px 7px}.md-fever span{max-width:6em;font-size:9px;line-height:1.15}.md-fever b{font-size:20px}.md-fever small{display:none}.md-notice{font-size:11px}.md-result{margin-top:200px;padding:23px 16px}.md-dialog-head h2{font-size:20px}.md-model-viewer{height:clamp(240px,40svh,350px)}.md-model-caption{font-size:17px}.md-model-detail{font-size:12px}}@media (max-height:600px){.md-title{padding-top:40px}.md-app[data-screen=title] .md-title>#md-start{bottom:110px}.md-app[data-screen=title] .md-title>#md-gaze-btn{bottom:60px}.md-home-tools{bottom:14px}.md-record{bottom:68px}}@media (min-width:1600px) and (min-height:900px){.md-input{width:min(1080px,72vw);max-width:none}.md-kana{font-size:clamp(36px,2.35vw,64px)}.md-kana rt{font-size:.34em}.md-romaji{font-size:clamp(30px,1.95vw,52px)}}@media (prefers-reduced-motion:reduce){.md-romaji.miss,.md-pop,#md-start:after,.md-result:not([hidden]),.md-result-done .md-result-badge,.md-result-done .md-result-score b,.md-scene-arrive .md-input,.md-scene-arrive #md-start{animation:none}#md-start:after{display:none}#md-score-pop.md-pop,#md-word-pop.md-pop{animation:md-points-quiet .85s forwards}@keyframes md-points-quiet{to{opacity:0}}}