:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#fff;-webkit-tap-highlight-color:transparent;background:#3f8fd9;font-family:ui-rounded,Nunito,system-ui,sans-serif}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none;height:100%;margin:0;overflow:hidden}main{position:fixed;inset:0}canvas{cursor:grab;width:100%;height:100%;display:block}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;border:0}.shadow,#score,#hint,.popup{text-shadow:0 2px #00000059,0 0 12px #00000040}#hud{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute}#hud .group{align-items:center;gap:8px;display:flex}#hud button,#mute{pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14284673;border-radius:12px;width:44px;height:44px;font-size:22px}#level-name{opacity:.9;text-shadow:0 1px 2px #00000080;font-size:15px;font-weight:800}#score{letter-spacing:.02em;font-size:clamp(26px,5vmin,40px);font-weight:900}#queue{justify-self:end;align-items:center;gap:6px;display:flex}.bird{border:2px solid #ffffffd9;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 4px #00000059}.bird.next{width:30px;height:30px}#hint{left:0;right:0;top:max(64px, calc(env(safe-area-inset-top) + 54px));text-align:center;pointer-events:none;margin:0;font-size:clamp(16px,3.6vmin,22px);font-weight:800;animation:1.4s ease-in-out infinite pulse;position:absolute}#powers{left:50%;bottom:max(12px, env(safe-area-inset-bottom));gap:10px;display:flex;position:absolute;transform:translate(-50%)}#powers button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1428468c;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:6px;min-height:44px;padding:6px 12px;display:grid;box-shadow:0 3px 8px #00000040}#powers .icon{grid-row:span 2;font-size:24px}#powers .label{font-size:13px;font-weight:800}#powers .count{opacity:.85;font-size:12px}#powers button.armed{background:#f39c12;box-shadow:0 0 0 3px #fff3c4}#powers button:disabled{opacity:.45;cursor:default}#menu,#result{background:radial-gradient(#0a1e3c26,#0a1e3c8c);place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.card{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff29;border-radius:24px;width:min(560px,100%);padding:22px 22px 18px;box-shadow:0 10px 40px #00000040}h1{color:#ffdd57;letter-spacing:.02em;text-shadow:0 4px #c0392b,0 9px #00000040;margin:0;font-size:clamp(56px,13vmin,96px);font-weight:900}.tag{text-shadow:0 1px 2px #0006;margin:6px 0 16px;font-weight:800}.how{opacity:.9;text-shadow:0 1px 2px #0006;margin:14px 0 0;font-size:14px}#levels{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.level{color:#5a2a00;background:linear-gradient(#ffcf4d,#f39c12);border-radius:16px;gap:2px;padding:10px 6px;display:grid;box-shadow:0 4px #b9650a,0 6px 12px #00000040}.level:active:not(:disabled){transform:translateY(2px)}.level:disabled{color:#3a4550;cursor:default;background:linear-gradient(#b8c4cc,#8d99a3);box-shadow:0 4px #6b7680}.level .number{font-size:26px;font-weight:900}.level .name{font-size:12px;font-weight:800}.level .stars{letter-spacing:2px;color:#b9450a;font-size:16px}#mute{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));position:absolute}#result h2{text-shadow:0 3px #0000004d;margin:0 0 6px;font-size:clamp(30px,7vmin,46px);font-weight:900}#result-stars{letter-spacing:6px;font-size:clamp(48px,11vmin,72px)}.star{color:#ffffff59;display:inline-block}.star.on{color:#ffdd57;text-shadow:0 3px #c47a00;animation:.45s ease-out both pop}#result-score{margin:4px 0 16px;font-size:22px;font-weight:800}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.actions button{background:#1428468c;border-radius:14px;min-width:96px;min-height:44px;padding:8px 18px;font-weight:900}.actions button.primary{background:linear-gradient(#5fd35f,#2e9e3a);box-shadow:0 4px #1f6e28}#popups{pointer-events:none;position:absolute;inset:0;overflow:hidden}.popup{color:#fff;white-space:nowrap;font-size:20px;font-weight:900;animation:1.1s ease-out forwards rise;position:absolute;transform:translate(-50%,-50%)}.popup.big{color:#ffdd57;font-size:28px}#rotate{display:none}@media (orientation:portrait) and (width<=600px){#rotate{left:0;right:0;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 64px);text-align:center;opacity:.85;pointer-events:none;text-shadow:0 1px 2px #00000080;margin:0;font-size:13px;font-weight:700;display:block;position:absolute}#level-name,#powers .label{display:none}}#version{right:10px;bottom:max(6px, env(safe-area-inset-bottom));opacity:.6;pointer-events:none;margin:0;font-size:11px;position:absolute}@keyframes rise{0%{opacity:1;transform:translate(-50%,-50%)scale(.8)}20%{transform:translate(-50%,-80%)scale(1.1)}to{opacity:0;transform:translate(-50%,-220%)scale(1)}}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes pulse{50%{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){#hint,.popup,.star.on{animation:none}}