:root{--bg:#f7f4ee;--surface:#fff;--ink:#1b1b1b;--muted:#7a726a;--line:#ccc3b5;--correct:#c0392b;--correct-bg:#fbeae7;--wrong:#1a6fb5;--wrong-bg:#e3f0fb;--choice-size:max(84px, min(21vh, 19vw, 190px));--idiom-size:max(48px, min(24vh, 17vw, 190px));color:var(--ink);background-color:var(--bg);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans CJK JP,Noto Sans JP,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{overscroll-behavior:none;height:100dvh;overflow:hidden}body{-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none}.screen{height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 1.4vh) calc(env(safe-area-inset-right,0px) + 2vw) calc(env(safe-area-inset-bottom,0px) + 2.2vh) calc(env(safe-area-inset-left,0px) + 2vw);flex-direction:column;display:flex;position:relative}.screen--centered{justify-content:center;align-items:center;gap:6vh}.title{letter-spacing:.08em;font-size:max(36px,min(11vh,10vw,96px));font-weight:700}.result-lead{color:var(--muted);font-size:max(20px,min(5vh,40px))}.result-score{font-size:max(30px,min(9vh,72px));font-weight:700}.result-score-number{color:var(--correct);margin-right:.1em;font-size:max(56px,min(20vh,18vw,170px))}.big-button{background:var(--ink);color:var(--bg);letter-spacing:.1em;border-radius:999px;padding:.7em 2.4em;font-size:max(22px,min(5.4vh,46px));font-weight:700;transition:transform 80ms,box-shadow 80ms;box-shadow:0 6px #0003}.big-button:active{transform:translateY(4px);box-shadow:0 2px #0003}.progress{text-align:right;color:var(--muted);flex:none;font-size:max(16px,min(3.4vh,30px))}.stage{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:3vh;min-height:0;display:flex}.idiom{gap:max(6px,min(1.6vw,26px));display:flex}.idiom-char{font-size:var(--idiom-size);text-align:center;width:1em;font-weight:700;line-height:1.1}.idiom-char--blank{color:#0000;border:.045em dashed var(--line);border-radius:.08em;transition:color .16s,border-color .16s}.idiom-char--blank.is-revealed{color:var(--correct);border-color:var(--correct);border-style:solid}.meaning{text-align:center;max-width:88vw;min-height:1.6em;color:var(--muted);font-size:max(15px,min(3.6vh,32px));line-height:1.6}.choices{flex:none;justify-content:center;gap:max(10px,min(2.6vw,40px));display:flex}.choice{width:var(--choice-size);height:var(--choice-size);font-size:calc(var(--choice-size) * .56);background:var(--surface);border:3px solid var(--line);border-radius:22px;font-weight:700;transition:transform 80ms,box-shadow 80ms,background-color .16s,border-color .16s,opacity .16s;box-shadow:0 5px #0000001f}.choice:active:not(:disabled){background:#f0ebe2;transform:translateY(3px);box-shadow:0 2px #0000001f}.choice--correct{border-color:var(--correct);background:var(--correct-bg);color:var(--correct)}.choice--wrong{border-color:var(--wrong);background:var(--wrong-bg);color:var(--wrong)}.choice--dimmed{opacity:.3}.actionbar{flex:none;justify-content:center;align-items:center;height:max(76px,min(15vh,130px));margin-top:2vh;display:flex}.judge-mark{pointer-events:none;z-index:10;place-items:center;animation:1.2s ease-out forwards judge-in;display:grid;position:fixed;inset:0}.judge-mark svg{stroke-width:7px;width:min(62vh,62vw);height:min(62vh,62vw)}.judge-mark--correct svg{stroke:var(--correct)}.judge-mark--wrong svg{stroke:var(--wrong)}.judge-stroke{stroke-dasharray:1;stroke-dashoffset:1px;animation:.38s ease-out forwards judge-draw}.judge-stroke--second{animation-delay:.17s}@keyframes judge-draw{to{stroke-dashoffset:0}}@keyframes judge-in{0%{opacity:0;transform:scale(.55)}25%{opacity:1;transform:scale(1.05)}40%{opacity:1;transform:scale(1)}to{opacity:.13;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.judge-stroke{stroke-dashoffset:0;animation:none}.judge-mark{animation:1.2s step-end forwards judge-in}}