:root{--ink:#26103a;--cream:#fff1cf;--peach:#ffc79a;--pink:#ff7fae;--bg:#8cc6f5;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;color:var(--cream);-webkit-font-smoothing:antialiased;font-family:Dela Gothic One,Hiragino Maru Gothic ProN,BIZ UDPGothic,Yu Gothic,system-ui,sans-serif;position:fixed;inset:0}#gl{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hidden{pointer-events:none!important}#title{z-index:3;padding:calc(var(--safe-t) + 7vh) 16px calc(var(--safe-b) + 2vh);text-align:center;pointer-events:none;flex-direction:column;align-items:center;transition:opacity .35s,transform .45s cubic-bezier(.3,1.4,.5,1);display:flex;position:fixed;inset:0}#title.leaving{opacity:0;transform:scale(1.12)}#title.hidden{display:none}.logo{opacity:0;flex-direction:column;align-items:center;margin:0;font-weight:400;line-height:1;display:flex}body.ready .logo{animation:.7s cubic-bezier(.3,1.5,.5,1) both drop}@keyframes drop{0%{opacity:0;transform:translateY(-50px)scale(.6)}to{opacity:1;transform:none}}.logo-top{align-items:center;gap:.3em;margin-bottom:.25em;font-size:min(8vw,36px);line-height:1;display:inline-flex}.logo-sub{color:#fff;border:3px solid var(--ink);letter-spacing:.06em;box-shadow:0 3px 0 var(--ink);background:#d8324a;border-radius:9px;padding:.12em .3em .2em;font-size:.8em;transform:rotate(-6deg)}.logo-ookki{color:var(--cream);letter-spacing:.02em;-webkit-text-stroke:.16em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink)}.logo-main{letter-spacing:-.04em;color:#ff8fb4;-webkit-text-stroke:.13em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink), 0 .14em .18em #26103a59;font-size:min(21vw,118px);line-height:1.05}.logo-main i{transform-origin:50% 90%;animation:2.6s cubic-bezier(.3,.7,.4,1) infinite jelly;animation-delay:calc(var(--i) * 90ms);font-style:normal;display:inline-block}@keyframes jelly{0%,55%,to{transform:scale(1)}8%{transform:scale(1.18,.8)}18%{transform:translateY(-6%)scale(.88,1.14)}28%{transform:scale(1.06,.95)}38%{transform:scale(.98,1.03)}46%{transform:scale(1)}}.btn-start{pointer-events:auto;letter-spacing:.08em;color:var(--ink);border:4px solid var(--ink);box-shadow:0 7px 0 var(--ink), 0 12px 26px #00000073;opacity:0;background:linear-gradient(#ffe8a8,#ffb36b);border-radius:999px;margin-top:auto;padding:14px 48px 16px;font-size:26px;transition:transform 80ms,box-shadow 80ms}body.ready .btn-start{animation:.5s .5s both fade-in,1.6s ease-in-out 1s infinite bob}.btn-start.pressed{box-shadow:0 2px 0 var(--ink), 0 4px 10px #0006;animation-play-state:paused;transform:translateY(5px)scale(1.04,.94)}@keyframes bob{0%,to{translate:0}50%{translate:0 -5px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.note{letter-spacing:.1em;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;margin:10px 0 0;font-size:12px}#hud{z-index:3;padding:calc(var(--safe-t) + 10px) 12px 0;pointer-events:none;align-items:center;gap:10px;transition:opacity .3s,transform .45s cubic-bezier(.3,1.4,.5,1);display:flex;position:fixed;top:0;left:0;right:0}#hud.hidden{opacity:0;transform:translateY(-24px)}#hud.hidden *{pointer-events:none!important}.icon-btn{pointer-events:auto;border:3px solid var(--ink);width:44px;height:44px;color:var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff1cff0;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform 60ms;display:grid}.icon-btn.pressed{transform:translateY(2px)scale(.94)}.icon-btn svg{width:22px;height:22px}.icon-btn .ico-off,.icon-btn.off .ico-on{display:none}.icon-btn.off .ico-off{display:block}.meter{flex:1;min-width:0;height:28px;position:relative}.meter-track{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#140b26bf;border-radius:999px;position:absolute;inset:0;overflow:hidden}.meter-fill{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#ffe8a8,#ffb36b 55%,#ff6f9c);position:absolute;inset:0;transform:scaleX(0)}.meter-label{letter-spacing:.05em;color:var(--cream);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:12px;position:absolute;top:50%;left:12px;transform:translateY(-52%)}.meter.hot .meter-track{animation:.3s ease-in-out infinite alternate hot}@keyframes hot{0%{box-shadow:0 3px 0 var(--ink), 0 0 0 #ff6f9c00}to{box-shadow:0 3px 0 var(--ink), 0 0 18px #ff6f9ce6}}.count{text-align:center;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;flex:none;min-width:40px;font-size:12px;line-height:1}.count b{color:var(--peach);margin-top:2px;font-size:22px;font-weight:400;display:block}.fallback{z-index:10;text-align:center;color:var(--ink);background:var(--bg);place-items:center;margin:0;padding:24px;line-height:1.8;display:grid;position:fixed;inset:0}.fallback[hidden]{display:none}