@font-face{font-family:Klee One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/klee-one-regular.woff2)format("woff2")}@font-face{font-family:Klee One;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/klee-one-semibold.woff2)format("woff2")}:root{--cream:#fff8e7;--teal:#1fa38a;--orange:#ff8a3d;--ink:#24324a;--coral:#e5533d;--grape:#7b5bd6;--amber:#e0a106;--berry:#b83280;--indigo:#4f5bd5;--leaf:#3e9f5c;--plum:#9b4f96;--line:#24324a2e;--font-kid:"Klee One", "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ ProN", "Yu Gothic UI", "Meiryo UI", "Noto Sans JP", "Noto Sans CJK JP", system-ui, -apple-system, "Segoe UI", sans-serif;--font:"Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ ProN", "Yu Gothic UI", "Meiryo UI", "Noto Sans JP", "Noto Sans CJK JP", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{background:var(--cream);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-weight:700;line-height:1.5}button,input,select{font:inherit;color:inherit}a{color:var(--teal)}img,svg,canvas{max-width:100%}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.phrase{gap:0 .3em;justify-content:inherit;flex-wrap:wrap;display:inline-flex}.phrase .ph{white-space:nowrap}.btn{background:var(--teal);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:28px;justify-content:center;align-items:center;gap:12px;min-height:72px;padding:12px 28px;font-size:24px;font-weight:800;line-height:1.3;text-decoration:none;transition:transform 80ms;display:inline-flex}.btn:active:not(:disabled){transform:scale(.95)}.btn:focus-visible,.card-btn:focus-visible,.narr:focus-visible,.backbtn:focus-visible{outline:4px solid var(--orange);outline-offset:2px}.btn.orange{background:var(--orange)}.btn.white{color:var(--ink);box-shadow:inset 0 0 0 3px var(--teal);background:#fff}.btn:disabled{color:#24324a73;box-shadow:none;cursor:default;background:#24324a1f}.btn.small{border-radius:24px;min-height:48px;padding:8px 20px;font-size:18px}.card-btn{border:2px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:24px;justify-content:center;align-items:center;padding:0;transition:transform 80ms;display:flex;position:relative;box-shadow:0 2px 4px #24324a26}.card-btn:active:not(:disabled){transform:scale(.95)}.card-btn.selected{border:6px solid var(--teal)}.card-btn.wrong{border:6px solid var(--coral)}.card-btn.right{border:6px solid var(--teal);background:#ddf3ee}.card-btn:disabled{cursor:default}.card-btn .mark{position:absolute;top:10px;right:10px}.shake{animation:.6s linear shake}@keyframes shake{0%{transform:translate(0)}12.5%{transform:translate(12px)}37.5%{transform:translate(-12px)}50%{transform:translate(0)}62.5%{transform:translate(12px)}87.5%{transform:translate(-12px)}to{transform:translate(0)}}.pg{align-items:center;gap:12px;max-width:100%;display:inline-flex}.pg-label{color:#24324ab3;white-space:nowrap;flex:none;font-size:20px;font-weight:800}.pg-items{flex-wrap:wrap;align-items:center;gap:8px 10px;padding:6px 4px;display:flex}.pg-circle{box-sizing:border-box;color:#24324a73;background:#fff;border:2px solid #24324a4d;border-radius:50%;place-items:center;width:40px;height:40px;font-size:22px;font-style:normal;font-weight:800;line-height:1;transition:width .3s,height .3s,padding .3s,font-size .3s,background-color .3s,color .3s,border-color .3s;display:grid}.pg-rounds.many .pg-circle{width:32px;height:32px;font-size:18px}.pg-circle.done,.pg-chip.done{background:var(--leaf);border-color:var(--leaf);color:#fff}.pg-circle.now,.pg-chip.now{background:var(--orange);border-color:var(--orange);color:#fff}.pg-circle.now{width:52px;height:52px;font-size:29px}.pg-rounds.many .pg-circle.now{width:42px;height:42px;font-size:23px}.pg-chip.now{padding:8px 18px;font-size:27px}.pg-stages{flex-flow:wrap;justify-content:center;align-items:center;gap:4px 20px;display:flex}.pg-stages.stacked{flex-direction:column;gap:4px}.pg-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 10px;display:flex}.pg-heading{align-items:center;display:inline-flex}.pg-heading svg{opacity:.55;width:30px;height:30px;display:block}.pg-heading .cur svg{opacity:1;width:56px;height:56px}.pg-slot{padding:4px 6px 16px;display:inline-flex;position:relative}.pg-chip{box-sizing:border-box;color:#24324a73;white-space:nowrap;background:#fff;border:2px solid #24324a4d;border-radius:999px;padding:6px 14px;font-size:21px;font-weight:800;line-height:1.2;transition:width .3s,height .3s,padding .3s,font-size .3s,background-color .3s,color .3s,border-color .3s;display:inline-block}.pg-chip.now:after{content:"▲";color:var(--orange);font-size:14px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}@media (max-width:480px){.pg-label{font-size:15px}.pg-circle{width:30px;height:30px;font-size:16px}.pg-circle.now{width:39px;height:39px;font-size:21px}.pg-rounds.many .pg-circle{width:23px;height:23px;font-size:13px}.pg-rounds.many .pg-circle.now{width:30px;height:30px;font-size:17px}.pg-chip{padding:4px 8px;font-size:14px}.pg-chip.now{padding:5px 10px;font-size:18px}.pg-slot{padding:3px 4px 14px}.pg-stages{gap:4px 10px}.pg-stages.stacked{gap:2px}.pg-stages.stacked .pg-group{gap:2px 4px}.pg-stages.stacked .pg-slot{padding:2px 2px 11px}.pg-stages.stacked .pg-chip{padding:3px 6px;font-size:12px}.pg-stages.stacked .pg-chip.now{padding:3px 7px;font-size:13.4px}.pg-stages.stacked .pg-chip.now:after{font-size:9px}.pg-stages.stacked .pg-heading .cur svg{width:36px;height:36px}}.narr{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:32px;flex:none;justify-content:center;align-items:center;gap:8px;min-width:64px;height:64px;padding:0;font-size:24px;font-weight:800;transition:background .2s,transform 80ms;display:inline-flex;box-shadow:0 3px 6px #24324a40}.narr:active{transform:scale(.95)}.narr .lbl{display:none}.narr.playing{background:var(--orange)}.narr.playing svg{animation:.7s ease-in-out infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.25)}}.narr.round{border-radius:50%;width:64px}@media (min-width:700px){.narr.has-label{border-radius:28px;width:auto;height:72px;min-height:72px;padding:0 20px}.narr.has-label .lbl{display:inline}}.owl{display:block}