:root{color-scheme:dark;--ink:#f4f7ef;--muted:#b5cdd2;--gold:#ffd36b;--night:#102c40;--red:#ff9694;font-family:ui-rounded,"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#091d2d}body{display:grid;place-items:center;overscroll-behavior:none;background:radial-gradient(ellipse at 20% 10%,#194655 0,transparent 50%),radial-gradient(ellipse at 90% 90%,#26362e 0,transparent 40%),#091d2d;color:var(--ink)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,canvas:focus-visible{outline:3px solid #91eeed;outline-offset:-4px}button:disabled{cursor:default;opacity:.5}button:active:not(:disabled){transform:translateY(2px)}[hidden]{display:none!important}.game-shell{width:min(100%,470px);height:100vh;height:100dvh;min-height:560px;max-height:920px;display:flex;flex-direction:column;background:var(--night);overflow:hidden;position:relative;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.topbar{padding:16px 22px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:800;letter-spacing:.04em;line-height:1.2}.brand small{font-size:12px;font-weight:650;letter-spacing:.23em;color:var(--gold);display:block;margin-top:5px}.brand-mark{display:grid;place-items:center;width:39px;height:42px;border:2px solid var(--gold);border-radius:13px 13px 7px 7px;color:var(--gold);font-size:27px;font-family:Georgia,serif;font-style:italic;font-weight:bold;transform:rotate(-7deg)}.top-actions{display:flex;align-items:center;gap:8px}.small-button{height:44px;min-width:44px;padding:0 10px;border:1px solid #436073;border-radius:12px;color:#e7f4f3;background:#ffffff07;font-size:14px;white-space:nowrap}.small-button span{font-weight:800}.small-button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.pause-button{font-size:25px;padding:0;line-height:1}.hud{display:grid;grid-template-columns:1.15fr .9fr 1fr;gap:10px;padding:7px 24px 18px;align-items:end;flex-shrink:0}.hud-label{display:block;font-size:13px;color:var(--muted);margin-bottom:3px;letter-spacing:.08em}.hud strong{font-family:ui-rounded,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-weight:850;line-height:1.15;font-size:34px;letter-spacing:-.03em}.score-box strong{color:var(--gold)}.score-unit,.time-unit{font-size:14px;color:var(--muted);margin-left:4px}.timer-box{text-align:center}.timer-box.urgent strong{color:var(--red)}.life-box{text-align:right;align-self:start}.hearts{display:flex;justify-content:flex-end;gap:5px;line-height:1.4;font-size:24px;color:var(--red);height:39px;align-items:center}.hearts i{font-style:normal;transition:opacity .2s,transform .2s}.hearts .lost{opacity:.2;transform:scale(.85)}.time-track{height:3px;background:#ffffff0b;flex-shrink:0}#time-fill{height:100%;background:var(--gold);transform-origin:left;transition:background .2s}.stage{flex:1;position:relative;min-height:330px;overflow:hidden;isolation:isolate;background:#16485d}canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:18px 24px;background:linear-gradient(180deg,#12384bf0 0%,#123d50e8 55%,#102f43f5 100%);overflow-y:auto;z-index:4}.panel{max-width:360px;width:100%;margin-block:auto;flex-shrink:0;text-align:center;animation:appear .25s ease-out}.sprite{display:inline-block;background-image:url('./assets/bakery.png');background-repeat:no-repeat;background-size:300% 200%;aspect-ratio:1;width:64px;flex-shrink:0;vertical-align:middle}.toast{background-position:0 0}.croissant{background-position:50% 0}.melon{background-position:100% 0}.star{background-position:0 100%}.burnt{background-position:50% 100%}.basket{background-position:100% 100%}.hero-breads{height:106px;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.hero-breads .sprite{width:92px}.hero-breads .croissant{transform:rotate(-19deg) translate(8px,8px)}.hero-breads .toast{width:114px;z-index:1;transform:rotate(7deg)}.hero-breads .melon{transform:rotate(15deg) translate(-7px,11px)}.eyebrow{color:var(--gold);font-size:13px;font-weight:750;letter-spacing:.13em;display:block;margin-bottom:8px}h1,h2{font-size:clamp(25px,6.5vw,30px);line-height:1.4;letter-spacing:.015em;font-weight:800;margin:0 0 10px}.intro{font-size:16px;line-height:1.85;color:#cce0df;margin:0 0 17px}.rules{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff22;border-radius:16px;background:#0a2a3c55;padding:10px 5px 12px;gap:2px}.rules>div{display:flex;align-items:center;flex-direction:column;font-size:14px;color:#c2d5d7;line-height:1.6}.rules>div+div{border-left:1px solid #ffffff16}.rules .sprite{width:47px}.rules strong{display:block;font-size:18px;line-height:1.4;color:var(--gold);font-family:system-ui,sans-serif}.rules .danger{color:var(--red)}.combo-rule{font-size:14px;color:#d5e7e4;margin:12px 0 19px}.primary-button{min-height:55px;width:100%;padding:14px 18px;background:var(--gold);color:#33270e;border:0;border-radius:15px;font-weight:850;font-size:17px;box-shadow:0 5px 0 #b9842d,0 9px 22px #0002;transition:transform .12s,background .12s}.primary-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #b9842d}.fine-print{margin:15px 0 0;font-size:12px;line-height:1.6;color:#a9c4ca}.game-footer{min-height:35px;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#91aeb9;font-size:12px;letter-spacing:.05em;flex-shrink:0}.footer-star{color:var(--gold);font-size:15px}.play-hint{position:absolute;bottom:16px;left:0;right:0;text-align:center;pointer-events:none;color:#d1e9e5;z-index:1;font-size:14px;letter-spacing:.05em}.play-hint span{color:var(--gold);padding:0 8px}.combo-indicator{position:absolute;left:18px;top:16px;display:flex;align-items:baseline;gap:6px;color:var(--gold);opacity:0;transform:translateY(-5px);transition:opacity .18s,transform .18s;pointer-events:none;z-index:2;text-shadow:0 2px 8px #102c40}.combo-indicator.visible{opacity:1;transform:none}.combo-indicator strong{font-size:27px;font-family:system-ui,sans-serif}.combo-indicator span{font-size:12px;color:#e0f1eb}.combo-indicator b{font-size:15px;padding:3px 7px;border:1px solid #ffd36b70;border-radius:8px;margin-left:2px}.last-seconds{position:absolute;right:19px;top:18px;font-size:15px;font-weight:800;color:var(--red);pointer-events:none}.flash{position:absolute;inset:0;background:#ff544f;opacity:0;pointer-events:none;z-index:5}.flash.hit{animation:hit .35s ease-out}.pause-art{width:110px;margin-bottom:20px}.text-button{background:none;color:#cbe0e2;border:none;text-decoration:underline;text-underline-offset:5px;min-height:48px;margin-top:12px;font-size:14px}.result-art{width:86px;margin-bottom:4px}.result-score{display:flex;justify-content:center;align-items:baseline;gap:7px;margin:4px 0 7px;color:var(--gold)}.result-score strong{font:850 64px/1.1 system-ui,sans-serif;letter-spacing:-.05em}.result-score span{font-size:19px;font-weight:700}.rank{display:inline-block;font-size:14px;font-weight:800;padding:6px 15px;border:1px solid #ffd36b65;border-radius:99px;color:var(--gold);margin-bottom:20px}.result-details{display:flex;gap:12px;padding:14px 4px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}.result-details>div{flex:1;min-width:0}.result-details span{display:block;font-size:14px;color:var(--muted);margin-bottom:5px}.result-details strong{font-size:21px}.result-comment{margin:14px 0 19px;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hit{0%{opacity:.28}100%{opacity:0}}@media(min-width:600px) and (min-height:650px){body{padding:22px}.game-shell{height:calc(100dvh - 44px);border:1px solid #47667970;border-radius:26px;box-shadow:0 25px 90px #0007}}@media(max-height:750px){.topbar{padding-top:10px;padding-bottom:10px}.hud{padding-bottom:12px}.hero-breads{height:82px;margin-bottom:5px}.hero-breads .sprite{width:73px}.hero-breads .toast{width:94px}.overlay{padding-top:12px;padding-bottom:12px}.intro{margin-bottom:12px}.rules{padding:6px 4px 8px}.rules .sprite{width:38px}.combo-rule{margin:10px 0 15px}.fine-print{margin-top:12px}.result-art{width:65px}.result-score strong{font-size:52px}.rank{margin-bottom:12px}.result-details{padding:10px 4px}.result-comment{margin:10px 0 15px}}@media(max-height:590px) and (orientation:landscape){body{display:grid;place-items:center}.game-shell{width:min(100%,470px);max-height:none;min-height:360px;height:100dvh;max-width:none;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.topbar{padding:7px 18px}.brand{font-size:16px;gap:8px}.brand small{display:none}.score-unit,.time-unit{display:none}.brand-mark{width:30px;height:32px;font-size:21px}.small-button{height:40px;min-width:44px}.hud{position:absolute;top:7px;left:145px;right:140px;padding:0;grid-template-columns:1fr 1fr;gap:8px;z-index:1}.hud-label{font-size:12px;margin:0}.hud strong{font-size:22px}.hearts{font-size:19px;height:27px}.life-box{display:none}.stage{min-height:220px}.game-footer{display:none}.overlay{padding:14px 22px;align-items:flex-start}.panel{max-width:520px}.hero-breads,.pause-art,.result-art{display:none}h1,h2{font-size:23px;margin-bottom:4px}.eyebrow{font-size:12px;margin-bottom:4px}.intro{font-size:14px;line-height:1.6;margin-bottom:9px}.intro br{display:none}.rules{max-width:380px;margin:auto;grid-template-columns:repeat(3,1fr);padding:3px}.rules>div{flex-direction:row;justify-content:center;gap:5px}.rules .sprite{width:36px}.rules strong{display:inline;margin-left:4px;font-size:15px}.combo-rule{margin:7px 0}.primary-button{min-height:46px;max-width:380px;padding:10px 15px;font-size:16px}.fine-print{margin-top:10px}.result-score{margin:0}.result-score strong{font-size:40px}.rank{margin-bottom:7px}.result-details{padding:7px}.result-comment{margin:6px 0 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}