:root{--bg:#fdf6e3;--surface:#fff;--surface-2:#f6efdd;--ink:#33302b;--ink-soft:#7a7266;--line:#e3dbc8;--accent:#2f8f5b;--accent-ink:#fff;--danger:#d9534f;--gold:#e8b64c;--gold-ink:#8a6512;--radius:20px;--radius-sm:12px;--tap-min:64px;--coin-sm:52px;--coin-md:88px;--coin-lg:112px;--fs-question:clamp(40px, 4.4vw, 56px);--fs-label:clamp(24px, 2.6vw, 30px);--shadow:0 2px 0 #0000001f;--font-ui:system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif}*,:before,:after{box-sizing:border-box}*{margin:0}img{max-width:100%;display:block}html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;height:100dvh}body{font-family:var(--font-ui);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.5}#root{height:100dvh}.app{height:100%;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:var(--bg);flex-direction:column;gap:8px;display:flex;overflow:hidden}.btn{min-height:var(--tap-min);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--fs-label);cursor:pointer;box-shadow:var(--shadow);touch-action:manipulation;border:none;justify-content:center;align-items:center;padding:0 20px;font-weight:600;display:inline-flex}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.coin{width:var(--coin-md);height:var(--coin-md);cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .1s;display:inline-flex}button.coin{cursor:pointer;position:relative}button.coin:after{content:"";position:absolute;inset:-6px}button.coin:disabled{cursor:not-allowed}button.coin:not(:disabled):active{transform:scale(.92)}@keyframes coin-drop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.tray__coins .coin{animation:.15s ease-out coin-drop}.coin--sm{width:var(--coin-sm);height:var(--coin-sm)}.coin--md{width:var(--coin-md);height:var(--coin-md)}.coin--lg{width:var(--coin-lg);height:var(--coin-lg)}.coin__svg{width:100%;height:100%;display:block}.coin__body{stroke:var(--line);stroke-width:3px}.coin__ring{fill:none;stroke-width:2px;opacity:.6}.coin__label{fill:var(--ink);font-size:34px;font-weight:700}.coin--face-copper .coin__body{fill:#d99a6c}.coin--face-copper .coin__ring{stroke:#a5673c}.coin--face-brass .coin__body{fill:#e6c85c}.coin--face-brass .coin__ring{stroke:#b89a2f}.coin--face-silver .coin__body{fill:#d9dee3}.coin--face-silver .coin__ring{stroke:#9aa4ad}.coin--face-silver-large .coin__body{fill:#c7cfd6}.coin--face-silver-large .coin__ring{stroke:#8992a0}.coin.is-disabled{opacity:.4;filter:grayscale()}.palette{touch-action:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:4px;display:flex}.palette__slot{min-width:var(--tap-min);min-height:var(--tap-min);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;padding:4px;transition:transform .1s;display:inline-flex}.palette__slot:disabled{cursor:not-allowed;opacity:.6}.palette__slot:not(:disabled):active{transform:scale(.94)}.palette__slot.is-disabled{background:var(--surface-2)}.tray{flex-direction:column;gap:6px;padding:4px 6px;display:flex}.tray--shake{animation:.4s ease-in-out tray-shake}@keyframes tray-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.tray__lane{border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:flex-start;gap:6px;padding:6px 8px;display:flex}.tray__lane-title{width:150px;color:var(--ink);white-space:nowrap;flex:none;margin:0;font-size:24px;font-weight:700;line-height:1.2}.tray__lane-main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.tray__lane-body{min-height:var(--coin-sm)}.tray__placeholder{font-size:var(--fs-label);color:var(--ink-soft);margin:0;line-height:1.2}.tray__coins{grid-template-columns:repeat(10, var(--coin-sm));justify-content:start;gap:4px;display:grid}@media (width<=760px){.tray__coins{gap:2px}}.tray__lane-count{font-size:var(--fs-label);color:var(--ink-soft);align-self:flex-start;margin:0;line-height:1.2}.feedback{border-radius:var(--radius-sm);font-size:var(--fs-label);text-align:center;margin:0;padding:6px 14px;font-weight:700;line-height:1.15}.feedback--ok{background:var(--accent);color:var(--accent-ink)}.feedback--ng{background:color-mix(in srgb, var(--danger) 20%, var(--surface));color:var(--danger)}.feedback--hint{background:color-mix(in srgb, var(--gold) 25%, var(--surface));color:var(--ink)}.progress{align-items:center;gap:12px;padding:8px 12px;display:flex}.progress__dots{flex-wrap:wrap;gap:4px;display:flex}.progress__dot{background:var(--surface-2);border:1px solid var(--line);border-radius:50%;width:12px;height:12px}.progress__dot--done{background:var(--accent);border-color:var(--accent)}.progress__dot--current{background:var(--gold);border-color:var(--gold)}.progress__count{font-size:var(--fs-label);color:var(--ink);font-weight:700}.progress__stars{font-size:var(--fs-label);color:var(--gold-ink);font-weight:700}.result-overlay{background:color-mix(in srgb, var(--ink) 55%, transparent);z-index:100;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.result-overlay__panel{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:min(480px,100%);padding:32px;display:flex}.result-overlay__title{color:var(--gold-ink);margin:0;font-size:32px;font-weight:700}.result-overlay__sub{font-size:var(--fs-label);color:var(--ink-soft);margin:0}.result-overlay__buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.result-overlay__button{min-width:var(--tap-min);min-height:var(--tap-min);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-size:var(--fs-label);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;padding:12px 24px;font-weight:700}.result-overlay__button--alt{background:var(--surface-2);color:var(--ink)}@media (prefers-reduced-motion:reduce){.tray--shake{animation:none}}.game{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.game__header{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.game__feedback{min-height:calc(var(--fs-label) * 1.15 + 12px);flex:none;justify-content:center;display:flex;position:relative}.game__actions{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:10px;padding:2px 0;display:flex}.game__empty{text-align:center;color:var(--ink-soft);font-size:var(--fs-label);padding:24px}.game>.question{flex:none;padding:2px 12px}.game>.tray{flex:auto;min-height:0;overflow-y:auto}.game>.palette{flex:none;padding:4px}.question{font-size:var(--fs-question);color:var(--ink);flex-direction:column;gap:12px;padding:4px;line-height:1.15;display:flex}.question__given{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.question__amount{font-weight:700}.question__stack{align-items:center;gap:6px;display:inline-flex}.question .coin--md{width:56px;height:56px}.question__stack-text{font-size:var(--fs-label)}.question__joiner{font-size:var(--fs-label);color:var(--ink-soft)}.question__ask{font-weight:700}.game__stars{pointer-events:none;gap:18px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.game__star{color:var(--gold);font-size:28px;animation:.9s ease-out forwards star-burst}.game__star:first-child{animation-delay:0s}.game__star:nth-child(2){animation-delay:80ms}.game__star:nth-child(3){animation-delay:.16s}@keyframes star-burst{0%{opacity:0;transform:translateY(0)scale(.6)}30%{opacity:1;transform:translateY(-10px)scale(1.1)}to{opacity:0;transform:translateY(-48px)scale(.9)}}@media (prefers-reduced-motion:reduce){.game__star{opacity:0;animation:none}}.menu{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:24px;display:flex}.menu__top{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.menu__title{color:var(--ink);font-size:clamp(32px,6vw,56px);font-weight:700}.menu__mute{font-size:var(--fs-label)}.menu__buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.menu__button{min-width:220px;font-size:var(--fs-question);min-height:84px;padding:0 28px}.menu__levels{flex-direction:column;align-items:center;gap:10px;display:flex}.menu__levels-label{font-size:var(--fs-label);color:var(--ink-soft)}.menu__level-buttons{gap:12px;display:flex}.menu__level-button{min-width:var(--tap-min);min-height:var(--tap-min);border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:var(--fs-label);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0 20px;font-weight:600}.menu__level-button.is-selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}@media (width<=480px){.menu__buttons{flex-direction:column;align-items:stretch}.menu__button{min-width:0}}