@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(./lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}:root{--choco:#4a200b;--choco-2:#6d3616;--gold:#ffc53d;--blue:#1f5fd6;--cream:#fff6e6;--red:#e2352c;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#fff;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#f6e3c8;height:100%;margin:0;font-family:Lilita One,Arial Rounded MT Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}canvas#c{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}#hud{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.pill{top:calc(12px + var(--safe-t));text-shadow:0 2px #00000059;background:#281206b8;border:2px solid #ffd27859;border-radius:14px;align-items:center;gap:8px;padding:4px 16px 4px 6px;font-size:clamp(22px,6.5vw,34px);transition:transform 80ms;display:flex;position:absolute;left:12px}.pill img{object-fit:contain;filter:drop-shadow(0 2px 2px #0006);width:1.6em;height:1.6em}.pill.pop{transform:scale(1.14)}#stats{top:calc(66px + var(--safe-t));text-shadow:0 2px 2px #00000073;flex-direction:column;font-size:clamp(14px,4vw,18px);line-height:1.2;display:flex;position:absolute;left:14px}#score{font-size:1.3em}.round{pointer-events:auto;cursor:pointer;background:#281206b8;border:2px solid #ffd27859;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:48px;height:48px;display:flex}#pause-btn{top:calc(12px + var(--safe-t));position:absolute;right:12px}#pause-btn i{background:#fff;border-radius:2px;width:7px;height:20px;display:block}#combo{top:calc(20% + var(--safe-t));text-align:center;width:100%;color:var(--gold);-webkit-text-stroke:1.5px #5a2a0a;paint-order:stroke fill;opacity:0;font-size:clamp(22px,7vw,36px);transition:opacity .2s,transform .2s;position:absolute;transform:scale(.6)}#combo.on{opacity:1;transform:scale(1)}#hint{left:50%;top:calc(118px + var(--safe-t));text-align:center;opacity:0;background:#1f5fd6db;border:3px solid #fff;border-radius:18px;width:min(88vw,520px);padding:12px 18px;font-size:clamp(22px,6.4vw,34px);transition:opacity .18s,transform .18s;position:absolute;transform:translate(-50%)scale(.7);box-shadow:0 8px #0a286e80}#hint.on{opacity:1;transform:translate(-50%)scale(1)}#hint .arrow{font-size:1.4em;animation:.6s ease-in-out infinite alternate nudge;display:inline-block}@keyframes nudge{0%{transform:translate(0)}to{transform:translate(var(--nx,0), var(--ny,0))}}#hint small{opacity:.85;margin-top:4px;font-size:.5em;display:block}#flash{pointer-events:none;opacity:0;background:#fff;transition:opacity .35s;position:fixed;top:0;bottom:0;left:0;right:0}#flash.red{background:radial-gradient(#ff3c2800 40%,#ff281e8c 100%)}.screen{padding:calc(24px + var(--safe-t)) 16px calc(24px + var(--safe-b));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.screen.dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2812068c}#loading{background:linear-gradient(#5aa8ff,#f6e3c8 70%)}#title{justify-content:space-between}#over{padding-bottom:calc(40px + var(--safe-b));justify-content:flex-end}.spacer{flex:1}.logo{flex-direction:column;align-items:center;margin-top:4vh;line-height:.86;display:flex;transform:rotate(-3deg)}.logo span,.logo em{color:#3f8cff;background:linear-gradient(#6fb4ff,#1f5fd6);-webkit-text-fill-color:transparent;-webkit-text-stroke:3px #0f2f73;filter:drop-shadow(0 0 #fff)drop-shadow(3px 0 #fff)drop-shadow(-3px 0 #fff)drop-shadow(0 3px #fff)drop-shadow(0 -3px #fff)drop-shadow(0 7px #3c14058c);-webkit-background-clip:text;background-clip:text;font-size:clamp(54px,17vw,110px);font-style:normal}.logo em{background:linear-gradient(#ffe27a,#ff9d1c);-webkit-text-stroke:3px #7a3406;-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:clamp(40px,12vw,76px);transform:rotate(4deg)}.logo.small span{font-size:clamp(40px,12vw,70px)}.bar{background:#3c190866;border:2px solid #fff;border-radius:10px;width:min(70vw,320px);height:16px;overflow:hidden}#bar-fill{background:linear-gradient(90deg,#ffd35a,#ff9d1c);width:0;height:100%;transition:width .2s}button{color:#fff;cursor:pointer;font-family:inherit}button.big,button.mid{pointer-events:auto;color:#5a2305;background:linear-gradient(#ffcf45,#ff8a1c);border:3px solid #fff;border-radius:20px;padding:14px 42px;font-size:clamp(26px,8vw,40px);transition:transform 80ms,box-shadow 80ms;box-shadow:0 7px #a8420c,0 12px 20px #00000040}button.mid{color:#fff;background:linear-gradient(#6fb4ff,#1f5fd6);padding:10px 28px;font-size:clamp(18px,5.5vw,26px);box-shadow:0 6px #0f2f73}button.big:active,button.mid:active{transform:translateY(5px);box-shadow:0 2px #a8420c}#play-btn{animation:1.1s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.06)}}.help{color:#fff;text-shadow:0 2px 3px #0009;margin:0;font-size:clamp(12px,3.4vw,15px);line-height:1.4}.best{text-shadow:0 2px 3px #00000080;font-size:clamp(18px,5vw,24px)}.corner{top:calc(12px + var(--safe-t));font-size:22px;position:absolute;right:12px}h2{-webkit-text-stroke:2px #5a2305;paint-order:stroke fill;margin:0;font-size:clamp(34px,10vw,56px);font-weight:400}.card{background:#281206cc;border:3px solid #ffd27899;border-radius:22px;width:min(86vw,380px);padding:16px 22px 12px;box-shadow:0 10px 30px #0000004d}.card h2{color:var(--gold);margin-bottom:8px}.row{border-bottom:1px dashed #ffffff26;justify-content:space-between;padding:4px 0;font-size:clamp(18px,5.4vw,24px);display:flex}.row.total{color:var(--gold);font-size:clamp(22px,6.5vw,30px)}.row.best{opacity:.85;border:0}.row b{font-weight:400}.new-best{animation:.6s ease-in-out infinite pulse;color:#7fe3ff!important}