:root{--navy:#1d3a8a;--navy-dark:#12275e;--gold:#ffc531;--gold-dark:#e09a00;--cream:#fff8e7;--ink:#2b2140;--green:#3cc56b;--red:#ff5b5b;--shadow:0 6px 0 #0000002e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;background:#8fd3ff;margin:0;font-family:Rubik,system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#game{width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}#hud{pointer-events:none;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.hud-box{background:var(--cream);border:3px solid var(--navy);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:6px;padding:6px 14px;font-family:Secular One,sans-serif;font-size:24px;display:flex}.hud-box small{opacity:.7;font-family:Rubik;font-size:13px}.hud-box .ico{font-size:22px}.hud-box.bump{animation:.35s bump}@keyframes bump{50%{transform:scale(1.18)}}.hud-sun{flex-direction:column;align-items:center;gap:2px;display:flex}.hud-sun small{color:var(--navy-dark);text-shadow:0 1px #fff;font-size:12px;font-weight:700}.sun-track{border:3px solid var(--navy);width:min(34vw,260px);height:22px;box-shadow:var(--shadow);background:linear-gradient(90deg,#ff8a3d,#ffd36b 60%,#9be3ff);border-radius:14px;position:relative}.sun-fill{background:#2814508c;border-radius:10px;width:0%;position:absolute;inset:0 auto 0 0}.sun-icon{font-size:28px;transition:right .3s linear;position:absolute;top:50%;right:0%;transform:translate(50%,-50%)}.round-btn{pointer-events:auto;border:3px solid var(--navy);background:var(--cream);cursor:pointer;width:46px;height:46px;box-shadow:var(--shadow);border-radius:50%;font-size:22px;position:absolute;top:0;left:0}#banner{background:var(--navy);color:#fff;text-align:center;box-shadow:var(--shadow);pointer-events:none;border:3px solid #fff;border-radius:20px;max-width:calc(100vw - 32px);padding:10px 26px 12px;animation:.35s cubic-bezier(.3,1.6,.5,1) drop;position:absolute;top:84px;left:50%;transform:translate(-50%)}.banner-step{font-family:Secular One;font-size:26px}.banner-hint{opacity:.9;margin-top:2px;font-size:16px}@keyframes drop{0%{opacity:0;transform:translate(-50%,-30px)}}#hud-level{flex-direction:column;gap:0;padding:4px 12px;font-size:20px;line-height:1.1}#hud-level small{font-size:12px}#hud-trash.dirty{background:#ffd6d6;border-color:#c0392b;animation:.5s infinite shake}@keyframes shake{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}#hud-combo{color:#b23a12;background:#ffe2c2;border-color:#e76f51}#btn-nigun{border:4px solid var(--navy);cursor:pointer;width:78px;height:78px;box-shadow:var(--shadow);background:#ccc;border-radius:50%;padding:0;position:absolute;bottom:18px;left:18px;overflow:hidden}#btn-nigun.ready{background:#c7f59c;animation:1.2s ease-in-out infinite pulse-btn}#btn-nigun.active{background:#ffe066}.nigun-fill{background:#00000040;position:absolute;top:0;left:0;right:0}.nigun-ico{font-size:38px;position:relative}@keyframes pulse-btn{50%{transform:scale(1.08)}}#btn-flyers{border:4px solid var(--navy);cursor:pointer;width:78px;height:78px;box-shadow:var(--shadow);background:#fff3c4;border-radius:50%;padding:0;position:absolute;bottom:18px;left:108px}#btn-nigun.hidden+#btn-flyers{left:18px}#btn-flyers b{color:#fff;background:#e76f51;border:2px solid #fff;border-radius:12px;min-width:24px;height:24px;font-family:Secular One;font-size:16px;line-height:24px;position:absolute;top:-6px;right:-6px}#hud-hearts{letter-spacing:1px;padding:6px 10px;font-size:20px}#hud-hearts.low{background:#ffd6d6;border-color:#c0392b;animation:.5s 3 shake}.tag-closed{color:#fff;white-space:nowrap;background:#c0392b;border:3px solid #fff;border-radius:14px;padding:2px 10px;font-size:18px;font-weight:900;box-shadow:0 3px #00000040}.shop-tabs{justify-content:center;gap:6px;margin:4px 0 6px;display:flex}.shop-tab{border:3px solid var(--navy);cursor:pointer;color:var(--ink);background:#e6e2d6;border-radius:14px;flex:1;padding:8px 6px;font-family:Secular One;font-size:17px;position:relative}.shop-tab.active{background:var(--navy);color:#fff}.shop-tab i{color:#fff;background:#3cc56b;border:2px solid #fff;border-radius:10px;min-width:20px;font-size:13px;font-style:normal;line-height:20px;position:absolute;top:-8px;left:-6px}.shop-tab i:empty{display:none}#hud-seats.full{background:#ffd6d6;border-color:#c0392b}#hud-goal.met{background:#d8f7dd;border-color:#2a9d55}#tags{pointer-events:none;position:absolute;inset:0}.tag{pointer-events:none;position:absolute;transform:translate(-50%,-100%)}.tag-taps{background:#fff;border:3px solid #e76f51;border-radius:16px;align-items:center;gap:3px;padding:1px 8px 1px 6px;font-size:18px;display:flex;box-shadow:0 3px #00000026}.tag-taps b{color:#e76f51;font-family:Secular One;font-size:22px}.tag-taps.hit{animation:.25s hit}@keyframes hit{50%{transform:translate(-50%,-100%)scale(1.35)}}.tag-wait{border:2px solid var(--ink);background:#fff;border-radius:12px;align-items:center;gap:4px;padding:2px 6px;display:flex}.tag-wait .bar{background:#ddd;border-radius:6px;width:46px;height:9px;overflow:hidden}.tag-wait i{background:var(--green);width:100%;height:100%;display:block}.tag-prog{width:42px;height:42px}.tag-prog svg{width:100%;height:100%;transform:rotate(-90deg)}.tag-prog circle{fill:#fff;stroke-width:6px}.tag-prog .bg{stroke:#d9d9d9}.tag-prog .fg{fill:none;stroke:var(--green);stroke-linecap:round;stroke-dasharray:113;stroke-dashoffset:113px}.tag-prog span{justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0}#bubbles{pointer-events:none;position:absolute;inset:0}.bubble{border:3px solid var(--ink);text-align:center;background:#fff;border-radius:18px;width:max-content;max-width:240px;padding:6px 12px;font-size:16px;font-weight:700;animation:.3s cubic-bezier(.3,1.7,.5,1) pop;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px #00000026}.bubble:after{content:"";border:10px solid #0000;border-top-color:var(--ink);border-bottom:0;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.bubble.mendy{border-color:var(--navy);background:#e8f0ff}.bubble.mendy:after{border-top-color:var(--navy)}.bubble.icon{padding:2px 8px;font-size:24px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-100%)scale(.3)}}@keyframes pop-btn{0%{opacity:0;transform:scale(.4)}}#popups{pointer-events:none;position:absolute;inset:0;overflow:hidden}.popup{color:#fff;white-space:nowrap;text-shadow:0 3px 0 var(--navy), 0 0 10px #00000059;font-family:Secular One;font-size:34px;animation:1.3s ease-out forwards float-up;position:absolute;transform:translate(-50%,-50%)}.popup.good{color:var(--gold)}.popup.bad{color:#ffd0d0;text-shadow:0 3px #a12a2a;font-size:28px}.popup.big{font-size:54px}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}30%{transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-150%)scale(1)}}.screen{background:radial-gradient(circle at 50% 40%,#ffffff26,#12275e8c);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.card{background:var(--cream);border:4px solid var(--navy);text-align:center;border-radius:30px;width:100%;max-width:520px;padding:30px 34px;animation:.4s cubic-bezier(.3,1.6,.5,1) pop-btn;box-shadow:0 10px #0003}.logo{color:var(--gold);-webkit-text-stroke:3px var(--navy);text-shadow:0 6px 0 var(--navy);font-family:Secular One;font-size:84px;line-height:1}.logo.small{font-size:46px}.subtitle{color:var(--navy);margin-top:8px;font-family:Secular One;font-size:26px}.rules{text-align:right;margin:18px 0 24px;padding:0;font-size:17px;line-height:1.5;list-style:none}.rules li{align-items:center;gap:10px;margin:8px 0;display:flex}.rules span{text-align:center;flex:none;width:32px;font-size:24px}.card.shop{max-width:560px;max-height:calc(100vh - 32px);padding:22px 24px;overflow-y:auto}.card.shop .end-stats{margin:10px 0 14px;font-size:19px;line-height:1.7}.shop-head{color:var(--navy);margin-bottom:8px;font-family:Secular One;font-size:20px}.shop-card{text-align:right;border:3px solid var(--navy);background:#fff;border-radius:18px;align-items:center;gap:12px;margin:8px 0;padding:8px 12px;display:flex}.shop-card.maxed{opacity:.6}.shop-icon{text-align:center;flex:none;width:44px;font-size:34px}.shop-text{flex-direction:column;flex:1;display:flex}.shop-text b{font-size:18px}.shop-text small{opacity:.8;font-size:14px}.shop-text .lvl{color:var(--navy);font-size:12px;font-weight:700}.shop-buy{border:3px solid var(--ink);background:var(--gold);box-shadow:0 4px 0 var(--gold-dark);cursor:pointer;white-space:nowrap;color:var(--ink);border-radius:14px;padding:8px 14px;font-family:Secular One;font-size:18px}.shop-buy:disabled{color:#888;cursor:default;background:#ddd;box-shadow:0 4px #bbb}.shop-buy:not(:disabled):active{box-shadow:0 1px 0 var(--gold-dark);transform:translateY(3px)}.card.shop .big-btn{margin-top:12px}.big-btn.secondary{background:#e6e2d6;padding:10px 28px;font-size:22px;box-shadow:0 8px #b9b2a0}#btn-continue{margin:0 auto 14px;display:block}.card.intro .intro-level{color:var(--navy);font-family:Secular One;font-size:22px}.card.intro .logo.small{margin:4px 0 14px}.intro-new{text-align:right;border:3px solid var(--navy);background:#fff;border-radius:20px;align-items:center;gap:14px;padding:12px 16px;display:flex}.intro-icon{flex:none;font-size:54px;animation:1.4s ease-in-out infinite pulse-btn}.intro-new b{color:var(--navy);font-family:Secular One;font-size:22px}.intro-new p{margin:4px 0 0;font-size:17px;line-height:1.5}.intro-goal{margin:16px 0 20px;font-size:18px;font-weight:700}.result-stars{letter-spacing:6px;margin-top:4px;font-size:54px}.result-stars span{color:#d9d3c3;display:inline-block}.result-stars span.on{color:var(--gold);-webkit-text-stroke:2px var(--navy);animation:.5s cubic-bezier(.3,1.8,.5,1) backwards star-pop}@keyframes star-pop{0%{transform:scale(0)rotate(-90deg)}}.big-btn{border:4px solid var(--ink);background:var(--gold);box-shadow:0 8px 0 var(--gold-dark);cursor:pointer;color:var(--ink);border-radius:22px;padding:14px 40px;font-family:Secular One;font-size:30px}.big-btn:active{box-shadow:0 3px 0 var(--gold-dark);transform:translateY(5px)}.end-stats{margin:18px 0 24px;font-size:22px;line-height:1.9}.end-stats b{color:var(--navy);font-family:Secular One;font-size:28px}@media (width<=600px){#hud{flex-wrap:wrap;gap:6px;padding-left:52px}.sun-track{width:28vw}.hud-box{padding:4px 10px;font-size:18px}.hud-box small{display:none}#banner{padding:8px 16px;top:74px}.banner-step{font-size:20px}.banner-hint{font-size:14px}.logo{font-size:64px}.rules{font-size:15px}.card{padding:22px 18px}}