:root{--sb-red: #c8102e;--sb-red-dark: #7e0a1e;--sb-yellow: #ffd21f;--sb-pink: #ff4f9e;--sb-orange: #ff7a12;--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-red-dark);font-family:var(--hud-font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;overflow:hidden;overflow:clip;background:radial-gradient(120% 90% at 50% 30%,#e0203f,#a50d24 45%,#560716)}#bg-rays{position:absolute;left:50%;top:42%;width:240vmax;height:240vmax;transform:translate(-50%,-50%);background:repeating-conic-gradient(#ffd21f1a 0deg 9deg,#ffd21f00 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}}.logo-star{font-size:15px;letter-spacing:.42em;color:var(--sb-yellow);text-transform:uppercase;font-weight:700;margin-bottom:2px}.logo-main{font-size:clamp(38px,11vw,64px);font-weight:900;font-style:italic;line-height:.95;letter-spacing:-.02em;background:linear-gradient(180deg,#fff 12%,var(--sb-yellow) 45%,var(--sb-orange) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(90,5,18,.9)) drop-shadow(0 6px 12px rgba(0,0,0,.4));text-transform:uppercase}.logo-main .pink{background:linear-gradient(180deg,#fff 10%,var(--sb-pink) 55%,#d61d76 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.candy-row{font-size:26px;letter-spacing:6px;margin:12px 0 4px}.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}.muted-note{font-size:12px;opacity:.65;margin-top:18px}