:root{--sb-red: #c8102e;--sb-red-dark: #7e0a1e;--sb-yellow: #ffd21f;--sb-gold: #ffc400;--sb-gold-deep: #ef8a00;--sb-pink: #ff4f9e;--sb-orange: #f47b20;--sb-cream: #fff6e0;--hud-font: "Arial Rounded MT Bold", "Trebuchet MS", "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;overflow:clip;background:var(--sb-gold-deep);font-family:var(--hud-font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@property --bg-a{syntax: "<color>"; inherits: true; initial-value: #ffe066;}@property --bg-b{syntax: "<color>"; inherits: true; initial-value: #ffc400;}@property --bg-c{syntax: "<color>"; inherits: true; initial-value: #ef8a00;}@property --ray{syntax: "<color>"; inherits: true; initial-value: rgba(244,123,32,.2);}#app{position:fixed;inset:0;overflow:hidden;overflow:clip;background:radial-gradient(120% 90% at 50% 32%,var(--bg-a) 0%,var(--bg-b) 48%,var(--bg-c) 100%);animation:bg-cycle 80s linear infinite}@keyframes bg-cycle{0%,to{--bg-a: #ffe066;--bg-b: #ffc400;--bg-c: #ef8a00;--ray: rgba(244, 123, 32, .2)}25%{--bg-a: #ffbe7a;--bg-b: #f47b20;--bg-c: #c65300;--ray: rgba(158, 44, 6, .18)}50%{--bg-a: #ff8a70;--bg-b: #e8281c;--bg-c: #9f0f20;--ray: rgba(255, 210, 80, .14)}75%{--bg-a: #ffa8cd;--bg-b: #ff4f9e;--bg-c: #c81869;--ray: rgba(255, 255, 255, .16)}}#bg-rays{position:absolute;left:50%;top:42%;width:240vmax;height:240vmax;transform:translate(-50%,-50%);background:repeating-conic-gradient(var(--ray) 0deg 9deg,transparent 9deg 18deg);border-radius:50%;animation:rays-spin 90s linear infinite;pointer-events:none}@keyframes rays-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none;color:var(--sb-cream)}#hud-top{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));display:flex;gap:8px;align-items:stretch;justify-content:space-between}.hud-chip{background:#3c040eb8;border:2px solid rgba(255,210,31,.85);border-radius:14px;padding:6px 12px;min-width:86px;text-align:center;backdrop-filter:blur(3px)}#wave-box{flex:1;max-width:340px}.hud-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sb-yellow);font-weight:700}.hud-value{font-size:22px;font-weight:900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35);font-variant-numeric:tabular-nums}.hud-value.small{font-size:13px;font-weight:700}#objective-bar{height:6px;margin-top:4px;border-radius:3px;background:#ffffff2e;overflow:hidden}#objective-fill{height:100%;width:0%;border-radius:3px;background:linear-gradient(90deg,var(--sb-pink),var(--sb-yellow));transition:width .25s ease-out}#spill-icons{display:flex;gap:4px;justify-content:center;padding-top:4px}.spill-dot{width:14px;height:14px;border-radius:4px;background:var(--sb-yellow);box-shadow:inset 0 -3px #00000040;transform:rotate(45deg) scale(.85)}.spill-dot.used{background:#ffffff29;box-shadow:none}#hud-corner{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 62px);right:max(8px,env(safe-area-inset-right));display:flex;flex-direction:column;gap:8px}.icon-btn{pointer-events:auto;width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,210,31,.9);background:#3c040eb8;color:var(--sb-cream);font-size:16px;font-weight:900;font-family:var(--hud-font);cursor:pointer}.icon-btn.off{opacity:.45}#touch-bar{position:absolute;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));display:none;justify-content:space-between;align-items:flex-end;pointer-events:none}@media(pointer:coarse){#touch-bar{display:flex}}.tb-group{display:flex;gap:12px}.tb-btn{pointer-events:auto;width:64px;height:64px;border-radius:50%;border:3px solid rgba(255,210,31,.9);background:#3c040e9e;color:var(--sb-cream);font-size:26px;font-weight:900;font-family:var(--hud-font);touch-action:none;cursor:pointer}.tb-btn:active{background:#ffd21f73;transform:scale(.94)}.tb-toss{border-color:var(--sb-pink)}.tb-drop{border-color:var(--sb-yellow);background:#c8102ebf}#popups{position:absolute;inset:0;overflow:hidden}.popup{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:20px;color:var(--sb-yellow);text-shadow:0 2px 0 rgba(0,0,0,.5),0 0 14px rgba(255,210,31,.6);animation:popup-rise 1s ease-out forwards;white-space:nowrap}.popup.big{font-size:30px;color:#fff}.popup.mega{font-size:34px;background:linear-gradient(90deg,var(--sb-pink),var(--sb-yellow),var(--sb-orange));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}@keyframes popup-rise{0%{opacity:0;margin-top:10px;transform:translate(-50%,-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}30%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;margin-top:-60px;transform:translate(-50%,-50%) scale(1)}}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#28020a9e;backdrop-filter:blur(4px);pointer-events:auto;z-index:10}#overlay.hidden{display:none}#overlay.clear{background:transparent;backdrop-filter:none;pointer-events:none}.panel{text-align:center;padding:28px 22px;max-width:min(440px,92vw);animation:panel-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes panel-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.title-panel{max-width:min(520px,96vw)}.logo-star{font-size:15px;letter-spacing:.42em;color:var(--sb-yellow);text-transform:uppercase;font-weight:700;margin-bottom:2px}.logo-img{display:block;width:min(460px,88vw);height:auto;margin:0 auto;filter:drop-shadow(0 8px 18px rgba(60,4,14,.45))}.overlay-sub{font-size:15px;color:var(--sb-cream);margin:10px 0;line-height:1.5}.overlay-sub b{color:var(--sb-yellow)}.wave-type-title{font-size:30px;font-weight:900;font-style:italic;color:var(--sb-yellow);text-transform:uppercase;text-shadow:0 3px 0 rgba(90,5,18,.9)}.big-btn{pointer-events:auto;margin-top:16px;padding:14px 44px;font-size:20px;font-weight:900;font-family:var(--hud-font);text-transform:uppercase;letter-spacing:.08em;color:var(--sb-red-dark);background:linear-gradient(180deg,#ffe98a,var(--sb-yellow) 55%,#efb400);border:none;border-radius:999px;box-shadow:0 5px #8a6500,0 10px 22px #0006;cursor:pointer}.big-btn:active{transform:translateY(3px);box-shadow:0 2px #8a6500}.help-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;text-align:left;font-size:13.5px;margin:14px auto 0;width:fit-content;max-width:100%;color:var(--sb-cream)}.help-grid .k{color:var(--sb-yellow);font-weight:700;text-align:right;white-space:nowrap}.final-score{font-size:44px;font-weight:900;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.4);font-variant-numeric:tabular-nums}.best-score{font-size:15px;color:var(--sb-yellow);margin-top:4px}.title-panel .best-score{margin-top:18px}.help-btn{pointer-events:auto;display:block;margin:16px auto 0;width:40px;height:40px;border-radius:50%;font-size:17px;font-weight:900;font-family:var(--hud-font);color:var(--sb-cream);background:#3c040e8c;border:2px solid rgba(255,210,31,.7);cursor:pointer}.help-btn:active{transform:translateY(2px)}