@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(./chakra-petch-latin-500-normal-BR1ody1F.woff2)format("woff2"),url(./chakra-petch-latin-500-normal-CnUQnZ4D.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(./chakra-petch-latin-700-normal-CnDBPjkL.woff2)format("woff2"),url(./chakra-petch-latin-700-normal-D1s_c2du.woff)format("woff")}:root{--bg:#07060f;--ink:#f2f0ff;--muted:#9a93c9;--panel:#100c28cc;--line:#7864ff59;--cyan:#5ef6ff;--pink:#ff4d8d;--gold:#ffd23f;--font:"Chakra Petch", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0;overflow:hidden}#game{touch-action:none;display:block;position:fixed;inset:0}#hud{padding-top:env(safe-area-inset-top);pointer-events:none;transition:opacity .3s;position:fixed;top:0;left:0;right:0}body:not(.playing) #hud{opacity:0}.row{justify-content:space-between;align-items:flex-start;padding:10px 16px 0;display:flex}.icon-btn{pointer-events:auto;border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;place-items:center;width:42px;height:42px;padding:0;display:grid}.icon-btn svg{width:20px;height:20px;fill:var(--ink);stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round}.icon-btn .off,.icon-btn.muted .on{display:none}.icon-btn.muted .off{display:block}#banner{text-align:center;letter-spacing:4px;color:var(--c,#fff);text-shadow:0 0 18px var(--c,#fff);pointer-events:none;opacity:0;font-size:clamp(22px,6vw,40px);font-weight:700;position:fixed;top:28%;left:0;right:0}#banner small{letter-spacing:3px;opacity:.9;margin-top:8px;font-size:.42em;display:block}#banner.show{animation:2.2s ease-out banner}@keyframes banner{0%{opacity:0;transform:scale(1.4)}12%,75%{opacity:1;transform:scale(1)}to{opacity:0}}.screen{background:#07060f73;place-items:center;padding:16px;transition:opacity .3s;display:grid;position:fixed;inset:0}.screen.hidden{opacity:0;pointer-events:none}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border-radius:18px;width:min(360px,100%);padding:28px 22px 22px;animation:.35s cubic-bezier(.2,1.3,.4,1) rise;box-shadow:0 0 40px #5ef6ff1f,0 20px 60px #00000080}.panel.wide{width:min(440px,100%)}.screen.hidden .panel{animation:none}@keyframes rise{0%{opacity:0;transform:translateY(16px)scale(.97)}}h1{letter-spacing:6px;color:var(--cyan);text-shadow:0 0 8px var(--cyan), 0 0 30px #5ef6ff99;margin:0;font-size:52px;font-weight:700;line-height:.95}h1 span{color:var(--pink);text-shadow:0 0 8px var(--pink), 0 0 30px #ff4d8d99;display:block}h2{letter-spacing:2px;text-transform:uppercase;margin:0 0 6px;font-size:26px;font-weight:700}.tag{color:var(--muted);margin:10px 0 18px;font-size:16px}.best{color:var(--gold);min-height:1em;margin:10px 0 0;font-size:14px}.how{color:var(--muted);gap:6px;margin:16px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.how b{color:var(--ink);margin-right:4px}.btn{width:100%;min-height:52px;font:700 19px var(--font);letter-spacing:2px;text-transform:uppercase;color:#fff;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:12px;transition:transform .12s,filter .2s;display:flex}.btn:hover{filter:brightness(1.15)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;pointer-events:none}.btn.primary{background:linear-gradient(#ff5d9e,#d42e74);box-shadow:0 0 24px #ff4d8d80}.btn.reward{color:#3a2500;background:linear-gradient(#ffe066,#ffb321);font-size:16px;box-shadow:0 0 24px #ffd23f66}.btn.small{min-height:44px;font-size:14px}.btn.ghost{border-color:var(--line);background:0 0}.btn svg{fill:currentColor;width:16px;height:16px}.btn.hidden{display:none}.big{letter-spacing:3px;color:var(--cyan);text-shadow:0 0 20px #5ef6ffb3;font-size:60px;font-weight:700;line-height:1.1}.stats{justify-content:center;gap:32px;margin-top:6px;display:flex}.stats div{display:grid}.stats b{font-size:24px}.stats span{letter-spacing:2px;color:var(--muted);text-transform:uppercase;font-size:12px}.badge{background:var(--gold);color:#3a2500;letter-spacing:1px;text-transform:uppercase;border-radius:999px;margin-bottom:4px;padding:3px 12px;font-size:13px;font-weight:700;display:inline-block}.badge.hidden{display:none}body{background:#06051a}.lvl{text-align:center;line-height:1}.lvl .lbl{letter-spacing:4px;color:var(--muted);font-size:11px}#level{letter-spacing:2px;text-shadow:0 0 14px #5ef6ffb3;font-size:34px;font-weight:700}#hud-best{letter-spacing:2px;color:var(--gold);margin-top:2px;font-size:12px}#bar{left:50%;top:calc(var(--board-bottom,80vh) + 14px);width:var(--board-w,90vw);align-items:center;gap:10px;transition:opacity .3s;display:flex;position:fixed;transform:translate(-50%)}body:not(.playing) #bar{opacity:0;pointer-events:none}#bar .spacer{flex:1}.pill{border:1px solid var(--line);background:var(--panel);min-width:44px;height:44px;color:var(--ink);font:700 15px var(--font);letter-spacing:1px;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:flex}.pill svg{fill:currentColor;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.pill.reward{color:#3a2500;background:linear-gradient(#ffe066,#ffb321);border:none;animation:2.4s ease-in-out infinite nudge;box-shadow:0 0 20px #ffd23f73}.pill.reward svg{stroke:none}.pill.hidden{display:none}body:not(.firing) .fire-only{visibility:hidden}@keyframes nudge{0%,80%,to{transform:scale(1)}88%{transform:scale(1.08)}}.big small{letter-spacing:4px;color:var(--muted);text-shadow:none;font-size:13px;display:block}.how i,.legend i{vertical-align:-2px;display:inline-block}.dot{border:2px solid;border-radius:50%;width:12px;height:12px;margin-right:4px}.dot.g{border-color:#3dffb5}.dot.c{border-color:#5ef6ff}.dot.m{border-color:#ff4dd2}.legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:14px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.sw{border:2px solid;border-radius:3px;width:12px;height:12px;margin-right:4px}.sw.bomb{border-color:#ff6a3d}.sw.gold{border-color:#ffd23f}.sw.steel{border-color:#c9d3e6}#safe{visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);position:fixed}.sw.bomb{border-radius:50%}.portal-back{top:calc(env(safe-area-inset-top) + 12px);left:calc(env(safe-area-inset-left) + 12px);z-index:2;cursor:pointer;border:1px solid var(--line);background:var(--panel);min-height:36px;color:var(--ink);font:600 14px var(--font);border-radius:10px;padding:0 14px;position:absolute}