/* Bobi Blast V5: actual game sprites and lightweight interaction */
.hero{overflow:hidden}.floating-ingredients{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.falling-item{position:absolute;top:-90px;opacity:.46;filter:drop-shadow(0 5px 8px #080320);animation:ingredient-fall 19s linear infinite}.floating-bubble{position:absolute;bottom:-65px;width:34px;height:34px;border:2px solid #a5eff6a0;border-radius:50%;background:radial-gradient(circle at 27% 26%,#fff9,#f8a7f53b 35%,#65d9ff18 70%);box-shadow:inset -4px -4px 10px #eb9bfb40;animation:bubble-rise 15s linear infinite}@keyframes ingredient-fall{from{transform:translate3d(0,-40px,0) rotate(-12deg)}to{transform:translate3d(40px,920px,0) rotate(70deg)}}@keyframes bubble-rise{from{transform:translateY(0)}to{transform:translateY(-950px)}}.btn,.nav-cta,.music-toggle{transition:transform .18s,box-shadow .18s,filter .18s}.btn:hover,.nav-cta:hover,.music-toggle:hover{filter:brightness(1.1);box-shadow:0 0 24px #ff5bab77}.btn:active,.nav-cta:active{transform:translateY(2px) scale(.98)}
.meet-bobi{background:radial-gradient(ellipse at 27% 65%,#4a226b,transparent 60%),#17112f}.meet-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.bobi-stage{min-height:500px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #6be9f34d;background:radial-gradient(ellipse at 50% 65%,#52d8e63a,transparent 55%),#201638;border-radius:28px;position:relative;overflow:hidden}.bobi-stage:before{content:'';position:absolute;bottom:62px;width:68%;height:40px;border-radius:50%;background:#2cf3ef55;filter:blur(24px)}#bobi-animated{height:360px;width:auto;object-fit:contain;position:relative;filter:drop-shadow(0 15px 25px #0008)}.bobi-speech{position:relative;margin-top:10px;max-width:88%;text-align:center;background:#0d263c;border:1px solid #7feaf5;border-radius:14px;padding:12px 17px;color:#a2f6f9;font-weight:900}.ingredient-play h3{font-size:clamp(26px,3vw,39px);color:#ffd267}.ingredient-play p{color:#ddd5e9}.ingredient-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:25px 0}.ingredient-buttons button{background:#241b42;color:white;border:1px solid #7b648f;border-radius:16px;padding:13px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:900;transition:transform .18s,border-color .18s}.ingredient-buttons button img{width:76px;height:76px;object-fit:contain}.ingredient-buttons button:hover,.ingredient-buttons button.selected{border-color:#77f1f8;transform:translateY(-4px);background:#2d2550}.ingredient-note{font-size:13px!important;color:#8eeaf3!important}
.arena-selector{display:flex;align-items:center;gap:16px;margin-bottom:18px}.arena-feature{position:relative;flex:1;overflow:hidden;border:2px solid #65e9ef;border-radius:22px;box-shadow:0 16px 45px #0009}.arena-feature img{width:100%;height:min(53vw,500px);object-fit:cover}.arena-feature-caption{position:absolute;bottom:0;left:0;right:0;display:flex;gap:15px;align-items:baseline;padding:17px 24px;background:linear-gradient(0deg,#0a0b22ee,#0a0b2299);font-weight:900}.arena-feature-caption small{font-size:10px;letter-spacing:.12em;color:#79eaf6}.arena-feature-caption strong{font:800 29px 'Baloo 2'}.arena-feature-caption span{margin-left:auto;color:#ffd56d}.arena-prev,.arena-next{border:1px solid #79e8f4;background:#251940;color:white;border-radius:50%;width:47px;height:47px;flex-shrink:0;font-size:25px}.arena-prev:hover,.arena-next:hover{background:#3e2c67}.arena-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:0 0 33px}.arena-dots button{border:1px solid #5b507c;background:#21193b;color:#d4cce7;padding:8px 13px;border-radius:99px;font-size:12px;font-weight:900}.arena-dots button.active{background:#62e6ed;color:#130e2c;border-color:#62e6ed}.cabinet-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.cabinet-highlights>div{border:1px solid #665382;border-radius:15px;padding:19px;background:#261a42;display:flex;flex-direction:column}.cabinet-highlights strong{color:#ffd36b}.cabinet-highlights span{font-size:13px;color:#d0c9e0}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.reveal-ready.revealed{opacity:1;transform:translateY(0)}
@media(max-width:760px){.meet-grid{grid-template-columns:1fr;gap:30px}.bobi-stage{min-height:410px}#bobi-animated{height:270px}.ingredient-buttons{grid-template-columns:repeat(3,1fr)}.ingredient-buttons button img{width:55px;height:55px}.arena-selector{gap:5px}.arena-prev,.arena-next{width:31px;height:38px;font-size:19px}.arena-feature img{height:250px}.arena-feature-caption{padding:10px}.arena-feature-caption small{display:none}.arena-feature-caption strong{font-size:19px}.arena-dots button{font-size:10px;padding:7px 9px}.cabinet-highlights{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.falling-item,.floating-bubble{display:none}.reveal-ready{opacity:1;transform:none;transition:none}}

/* V6: site-wide decorative particles, always behind interactive content. */
.site-particles{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:3;isolation:isolate;}
.site-particles .falling-item{top:-90px;opacity:.32;animation-name:site-ingredient-fall;}
.site-particles .floating-bubble{bottom:-75px;opacity:.40;animation-name:site-bubble-rise;}
@keyframes site-ingredient-fall{from{transform:translate3d(0,-90px,0) rotate(-12deg)}to{transform:translate3d(45px,calc(100vh + 170px),0) rotate(65deg)}}
@keyframes site-bubble-rise{from{transform:translate3d(0,0,0)}to{transform:translate3d(-25px,calc(-100vh - 140px),0)}}
/* Navigation and dialogs remain above the decorative layer. */
.site-header{z-index:40}dialog{z-index:50}
@media(max-width:700px){.site-particles .falling-item{opacity:.22}.site-particles .floating-bubble{opacity:.25}}
@media(prefers-reduced-motion:reduce){.site-particles{display:none}}