:root{color-scheme:dark;font-family:Fredoka,ui-sans-serif,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.bb-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a0a2e,#16213e,#0f3460);position:relative}.bb-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,80,30,.08) 0%,transparent 60%);pointer-events:none}.bb-menu{max-width:380px;width:90vw;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.bb-logo{text-align:center}.bb-egg-icon{font-size:3rem;margin-bottom:.5rem;animation:eggBob 2s ease-in-out infinite}@keyframes eggBob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}.bb-logo h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,gold,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.bb-subtitle{color:#fff9;font-size:1rem;margin-top:.25rem}.bb-section h3{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:.5rem}.bb-options{display:flex;gap:.5rem}.bb-opt{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;border:2px solid rgba(255,255,255,.1);border-radius:.75rem;background:#ffffff0a;color:#ffffffb3;font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .15s ease}.bb-opt:hover{border-color:#ffc8004d;background:#ffc8000d}.bb-opt.active{border-color:gold;background:#ffc8001a;color:gold;box-shadow:0 0 20px #ffc80026}.bb-opt-icon,.bb-stall-icon{font-size:1.5rem}.bb-start{width:100%;padding:1rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#ff8c00,gold);color:#1a0a2e;font-family:inherit;font-size:1.1rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #ff8c004d}.bb-start:hover{transform:translateY(-2px);box-shadow:0 6px 30px #ff8c0066}.bb-start:active{transform:translateY(0)}.bb-rules{text-align:center;color:#fff6;font-size:.8rem;line-height:1.6}.bb-rules strong{color:#ffc800b3}.bb-game{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:1}.bb-hud{display:flex;align-items:center;justify-content:space-between;width:400px;max-width:90vw;padding:.5rem .75rem;background:#0006;border-radius:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bb-hud-left,.bb-hud-right{display:flex;gap:1rem}.bb-hud-item{display:flex;flex-direction:column;align-items:center}.bb-hud-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#fff6}.bb-hud-value{font-size:1rem;font-weight:700;color:gold}.bb-spills{color:#f44;font-size:.9rem;letter-spacing:2px}.bb-urgent{color:#f44!important;animation:urgentPulse .5s ease-in-out infinite}@keyframes urgentPulse{0%,to{opacity:1}50%{opacity:.5}}.bb-combo{font-size:1rem;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,200,0,.5);animation:comboPop .3s ease-out}@keyframes comboPop{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}.bb-canvas{width:400px;max-width:90vw;height:auto;border-radius:.75rem;border:2px solid rgba(255,255,255,.1);cursor:pointer;touch-action:none;aspect-ratio:400 / 600}.bb-tap-hint{font-size:.75rem;color:#ffffff59;text-align:center;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.35}50%{opacity:.6}}.bb-result{max-width:360px;width:90vw;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;position:relative;z-index:1}.bb-result-badge{font-size:4rem;animation:badgePop .5s ease-out}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.bb-result-badge.win{filter:drop-shadow(0 0 20px rgba(255,215,0,.5))}.bb-result-badge.lose{filter:drop-shadow(0 0 20px rgba(255,50,50,.4))}.bb-result h1{font-size:2rem;font-weight:700}.bb-result-sub{color:#ffffff80;font-size:.95rem}.bb-stats{display:flex;gap:2rem;margin:.5rem 0}.bb-stat{display:flex;flex-direction:column;align-items:center}.bb-stat-val{font-size:1.8rem;font-weight:700;color:gold}.bb-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#fff6}.bb-result-btns{display:flex;gap:.75rem;width:100%}.bb-result-btns .bb-start{flex:1}.bb-back-btn{flex:1;padding:1rem;border:2px solid rgba(255,255,255,.15);border-radius:.75rem;background:transparent;color:#fff9;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.bb-back-btn:hover{border-color:#ffffff4d;color:#fff}@media(max-width:440px){.bb-hud{width:100vw;border-radius:0}.bb-canvas{width:100vw;border-radius:0;border-left:none;border-right:none}}