*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{color:#fff;overscroll-behavior:none;background:#6cc9e8;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#game{width:100vw;height:100vh;touch-action:none;height:100dvh;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud{pointer-events:none;padding:calc(env(safe-area-inset-top) + 8px) 10px 0;position:fixed;inset:0}.bar{align-items:center;gap:8px;display:flex}.bar .mid{text-align:center;text-shadow:0 2px 4px #00284673;flex:1}#lvlName{letter-spacing:.3px;font-size:18px;font-weight:800}#shots{margin-top:4px;font-size:0}#shots i{background:radial-gradient(circle at 35% 35%,#8a5a36,#3d2414);border-radius:50%;width:16px;height:16px;margin:0 3px;display:inline-block;box-shadow:0 1px 3px #0006}#shots i.used{opacity:.25}#targets{text-align:center;text-shadow:0 1px 3px #00284680;margin-top:4px;font-size:14px;font-weight:700}#tip{left:50%;bottom:calc(env(safe-area-inset-bottom) + 18px);text-align:center;background:#003c5a73;border-radius:14px;width:62%;padding:8px 10px;font-size:14px;font-weight:700;transition:opacity .6s;position:fixed;transform:translate(-50%)}#tip:empty{display:none}button{pointer-events:auto;font:inherit;cursor:pointer;border:0}.icon{color:#e2356f;background:#ffffffeb;border-radius:14px;width:44px;height:44px;font-size:22px;font-weight:900;box-shadow:0 3px #c42a5c}.screen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;background:linear-gradient(#0a78aa8c,#ff78968c);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:fixed;inset:0}.screen button{color:#e2356f;background:#fff;border-radius:18px;min-width:210px;padding:14px 22px;font-size:19px;font-weight:900;box-shadow:0 5px #c42a5c,0 8px 18px #0003}.screen button:active{transform:translateY(3px);box-shadow:0 2px #c42a5c}.screen button.big{color:#7a3300;background:#ffd23a;font-size:24px;box-shadow:0 5px #d08a00,0 8px 18px #0003}.screen button.small{min-width:0;padding:10px 14px;font-size:14px}.toggles{gap:10px;display:flex}.logo{text-align:center;color:#ffd23a;text-shadow:0 4px #e2356f,0 8px 18px #0000004d;margin:0 0 18px;font-size:58px;font-weight:1000;line-height:.9;transform:rotate(-4deg)}.logo span{color:#fff;font-size:70px}h2{text-shadow:0 3px #e2356f;margin:0 0 6px;font-size:34px;font-weight:1000}.foot{opacity:.9;margin-top:18px;font-size:13px}#grid{grid-template-columns:repeat(4,64px);gap:12px;margin:8px 0 14px;display:grid}#grid button{flex-direction:column;align-items:center;gap:2px;width:64px;min-width:0;height:72px;padding:6px 0 0;font-size:22px;display:flex}#grid button small{letter-spacing:-1px;color:#ffb400;font-size:11px}#grid button.locked{color:#a77;box-shadow:none;background:#ffffff80}#stars{letter-spacing:6px;font-size:54px}#stars span{color:#ffffff59;transition:transform .35s cubic-bezier(.3,1.8,.5,1);display:inline-block;transform:scale(.3)}#stars span.on{color:#ffd23a;text-shadow:0 3px #d08a00;transform:scale(1)}#stars span.off{transform:scale(1)}#resText{margin:0;font-weight:700}#combo{text-align:center;color:#ffd23a;text-shadow:0 3px #e2356f,0 6px 14px #00000059;pointer-events:none;opacity:0;z-index:3;font-size:40px;font-weight:1000;transition:opacity .2s,transform .2s;position:fixed;top:24%;left:0;right:0;transform:scale(.6)}#combo.show{opacity:1;transform:scale(1)}#banner{text-align:center;color:#fff;text-shadow:0 3px #1aa6c4,0 6px 12px #0000004d;pointer-events:none;opacity:0;z-index:3;font-size:30px;font-weight:1000;transition:opacity .3s;position:fixed;top:34%;left:0;right:0}#banner.show{opacity:1}#loading{z-index:9;background:#1aa6c4}.spinner{border:6px solid #ffffff59;border-top-color:#ffd23a;border-radius:50%;width:46px;height:46px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}
