.fb{z-index:1500;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fb--correct{background:#22c55e1f;animation:.25s both fb-bg}.fb__maru{border:clamp(16px, 3.4vh, 34px) solid var(--color-brand,#22c55e);border-radius:50%;width:min(78vh,88vw);height:min(78vh,88vw);animation:.45s cubic-bezier(.2,1.4,.4,1) both fb-pop;box-shadow:0 0 0 10px #22c55e26}.fb--wrong{background:#00000008;animation:.25s both fb-bg}.fb__batsu{width:min(52vh,60vw);height:min(52vh,60vw);animation:.45s both fb-soft;position:relative}.fb__batsu span{background:#fb923c;border-radius:999px;width:100%;height:clamp(14px,2.8vh,28px);position:absolute;top:50%;left:0}.fb__batsu span:first-child{transform:translateY(-50%)rotate(45deg)}.fb__batsu span:nth-child(2){transform:translateY(-50%)rotate(-45deg)}@keyframes fb-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes fb-soft{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes fb-bg{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.fb__maru,.fb__batsu,.fb--correct,.fb--wrong{animation:none}}.smode{box-sizing:border-box;text-align:center;flex-direction:column;flex:1;align-items:center;gap:clamp(6px,1.4vh,14px);width:100%;min-height:0;padding:6px 10px 12px;display:flex}.smode__body{flex-direction:column;flex:auto;justify-content:space-around;align-items:center;gap:clamp(10px,2vh,22px);width:100%;min-height:0;display:flex}.smode__stageView{aspect-ratio:1;flex:none;width:min(34dvh,88vw)}.smode__choices{flex:none;grid-template-columns:repeat(2,auto);justify-content:center;gap:clamp(8px,1.6vh,16px);display:grid}.smode__choiceView{aspect-ratio:1;cursor:pointer;background:#fff;border-radius:14px;width:min(23dvh,44vw);padding:4px;transition:border-color .15s,background .15s}.smode__choiceView:disabled{cursor:default}@media (orientation:landscape){.smode__body{flex-direction:row;justify-content:center;align-items:center;gap:clamp(16px,4vw,56px)}.smode__stageView{width:min(82dvh,48vw)}.smode__choiceView{width:min(36dvh,22vw)}}.btn{min-height:var(--tap-min);font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.6rem;font-size:1.05rem;font-weight:700;transition:transform .15s,box-shadow .15s,background-color .15s,opacity .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.btn--primary{color:#fff;background:linear-gradient(90deg, var(--color-brand), var(--color-brand-light));box-shadow:0 10px 26px #22c55e6b}.btn--primary:hover{opacity:.92;transform:translateY(-2px)}.btn--secondary{color:var(--color-brand-dark);border-color:var(--color-border-strong);background:0 0}.btn--secondary:hover{background:var(--color-surface)}.btn--danger{color:#fff;background:var(--color-danger)}.btn--danger:hover{background:#b91c1c}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-paper);border-radius:16px;width:min(90vw,460px);padding:24px;box-shadow:0 10px 30px #0003}.modal__title{color:var(--color-ink);margin:0 0 12px;font-size:1.25rem;font-weight:800}.modal__body{color:var(--color-body);margin:0 0 24px;line-height:1.8}.modal__actions{justify-content:flex-end;gap:12px;display:flex}:root{--color-brand:#22c55e;--color-brand-light:#4ade80;--color-brand-dark:#15803d;--color-accent:#84cc16;--color-ink:#0f172a;--color-nav:#334155;--color-body:#475569;--color-muted:#64748b;--color-paper:#fff;--color-surface:#f0fdf4;--color-line:#dcfce7;--color-border-strong:#86efac;--color-danger:#dc2626;--font-sans:"Noto Sans JP", system-ui, -apple-system, sans-serif;--tap-min:64px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--color-ink);background:var(--color-surface);margin:0}.material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle}.grad-text{background:linear-gradient(90deg,#16a34a,#22c55e,#84cc16);color:#0000;-webkit-background-clip:text;background-clip:text}.pill{letter-spacing:.04em;color:#fff;background:linear-gradient(90deg, var(--color-brand), var(--color-brand-light));border-radius:999px;align-items:center;gap:6px;padding:.4rem 1rem;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #22c55e59}.card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:1rem;box-shadow:0 3px 12px #0000000d}.card-button{transition:box-shadow .15s,transform .15s}.card-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #22c55e38}.card-button:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}