.band-scene-controls{z-index:6;pointer-events:none;position:absolute;inset:0}.band-scene-arrow{color:#fff7a6;pointer-events:auto;background:#07344abd;border:4px solid #fffffff0;border-radius:999px;place-items:center;width:clamp(64px,8vw,80px);height:clamp(76px,13vh,112px);padding:0;transition:opacity .14s,transform .14s,background-color .14s;display:grid;position:absolute;top:50%;transform:translateY(-42%);box-shadow:0 8px #021b2861,0 12px 28px #021b2847}.band-scene-arrow:hover{background:#0d6989e0}.band-scene-arrow:active{transform:translateY(-37%)scale(.94);box-shadow:0 4px #021b2866,0 8px 18px #021b283d}.band-scene-arrow:disabled{opacity:.35;cursor:default}.band-scene-arrow span{text-shadow:0 3px #06344a;margin-top:-.12em;font-family:Arial,sans-serif;font-size:clamp(3.4rem,7vw,5rem);font-weight:900;line-height:.7;display:block}.band-scene-arrow-previous{left:max(8px, env(safe-area-inset-left,0px))}.band-scene-arrow-next{right:max(8px, env(safe-area-inset-right,0px))}@media (width<=520px),(height<=520px){.band-scene-arrow{background:#07344aad;border-width:3px;width:64px;height:76px}}@media (width<=520px){.band-scene-arrow-previous{left:0}.band-scene-arrow-next{right:0}}@media (prefers-reduced-motion:reduce){.band-scene-arrow{transition:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#073a54;--ocean-deep:#075f8d;--ocean:#0aa7d3;--foam:#f6fdff;--sun:#ffe253;--topbar-height:72px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--ocean-deep);width:100%;min-width:280px;height:100%;color:var(--ink);margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible{outline-offset:3px;outline:5px solid #fff;box-shadow:0 0 0 9px #073a54}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:fixed!important;overflow:hidden!important}.app-shell{isolation:isolate;background:linear-gradient(#12b8df 0%,#087eaf 68%,#075c88 100%);grid-template-rows:auto minmax(0,1fr);width:100%;height:100dvh;display:grid;position:relative}.topbar{z-index:20;min-height:calc(var(--topbar-height) + var(--safe-top));padding:calc(8px + var(--safe-top)) max(12px, var(--safe-right)) 8px max(12px, var(--safe-left));color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#044563e6;border-bottom:2px solid #fff3;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid;box-shadow:0 4px 20px #012c443d}.title-block{min-width:0}.title-block h1,.title-block p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.title-block h1{letter-spacing:.01em;font-size:clamp(1.12rem,2.5vw,1.72rem);line-height:1.05}.title-block p{color:#bdefff;margin-top:3px;font-size:clamp(.72rem,1.5vw,.9rem);font-weight:700}.audio-controls{align-items:center;gap:clamp(6px,1vw,10px);display:flex}.icon-button{color:#fff;background:#ffffff24;border:2px solid #ffffff73;border-radius:50%;flex:none;place-items:center;width:clamp(48px,6vw,56px);height:clamp(48px,6vw,56px);padding:11px;transition:transform .12s,background-color .12s;display:grid;box-shadow:inset 0 1px #ffffff52,0 3px #002b4157}.icon-button:hover{background:#ffffff40}.icon-button:active{transform:translateY(2px)scale(.96)}.icon-button svg{width:100%;height:100%}.icon-button .muted-icon,.icon-button.is-muted .enabled-icon,.icon-button .fullscreen-exit,.icon-button.is-active .fullscreen-enter{display:none}.icon-button.is-muted .muted-icon,.icon-button.is-active .fullscreen-exit{display:block}.icon-button.is-muted{color:#8fd5eb;background:#022a3f61}.home-button{color:#714700;background:#ffe04d;border-color:#fff3a8}.play-space{min-width:0;min-height:0;position:relative;overflow:hidden}.home-screen{padding:clamp(16px, 3.2vh, 34px) max(clamp(14px, 3vw, 44px), var(--safe-right)) max(clamp(18px, 3vw, 40px), var(--safe-bottom)) max(clamp(14px, 3vw, 44px), var(--safe-left));scrollbar-width:thin;background:linear-gradient(#0369930d,#03577d59),url(/assets/home-background.webp) 50%/cover no-repeat;display:none;position:absolute;inset:0;overflow:auto}.home-screen.is-active{display:block}.home-intro{color:#fff;text-shadow:0 3px #00334e6b;width:min(1120px,100%);margin:0 auto clamp(14px,2.5vh,24px)}.home-eyebrow{letter-spacing:.08em;text-transform:uppercase;background:#044c6ca8;border-radius:999px;padding:6px 12px;font-size:clamp(.76rem,1.3vw,.94rem);font-weight:900;display:inline-block}.home-intro h2{margin:8px 0 0;font-size:clamp(1.55rem,4vw,2.65rem);line-height:1}.game-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,2vw,22px);width:min(1120px,100%);margin:0 auto;display:grid}.game-card{background:linear-gradient(145deg,#fffffff0,#d9f8ffe0);border:3px solid #ffffffd1;border-radius:clamp(22px,3vw,34px);grid-column:span 2;grid-template-rows:minmax(110px,1fr) auto;min-height:clamp(190px,27vh,272px);padding:clamp(10px,1.7vw,18px);transition:transform .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden;box-shadow:0 9px #034a698f,0 16px 28px #00304a47}.game-card:nth-child(4){grid-column:2/span 2}.game-card:hover{transform:translateY(-4px)rotate(-.4deg);box-shadow:0 12px #034a6985,0 20px 32px #00304a4d}.game-card:active{transform:translateY(5px)scale(.98);box-shadow:0 4px #034a6994,0 8px 18px #00304a3d}.game-card:before,.game-card:after{content:"";pointer-events:none;background:#ffffff52;border-radius:50%;position:absolute}.game-card:before{width:38px;height:38px;top:12px;right:18px}.game-card:after{width:14px;height:14px;top:51px;right:53px}.game-card img{z-index:1;object-fit:contain;filter:drop-shadow(0 8px 5px #002a3e38);-webkit-user-select:none;user-select:none;place-self:center;width:min(90%,210px);height:min(18vh,172px)}.game-card>span{z-index:1;background:#ffffffc2;border-radius:16px;align-self:end;gap:2px;min-height:61px;padding:9px 10px;display:grid}.game-card strong{font-size:clamp(1rem,2vw,1.28rem);line-height:1.05}.game-card small{color:#24677e;font-size:clamp(.72rem,1.35vw,.88rem);font-weight:800}.card-jellyfish{background-color:#ffb1df}.card-patty{background-color:#ffd86b}.card-gary{background-color:#8ce5ff}.card-band{background-color:#c8a2ff}.card-driving{background-color:#8ce994}.game-screen,#game-root{background:#087fac;position:absolute;inset:0;overflow:hidden}#game-root canvas{touch-action:none;outline:none;display:block;width:100%!important;height:100%!important}.loading-screen{z-index:15;color:#fff;background:radial-gradient(circle at 50% 45%,#21bee0f0,#045b85fa);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.loading-panel{text-align:center;background:#0446668c;border:3px solid #ffffffb8;border-radius:30px;width:min(430px,88vw);padding:26px;box-shadow:0 16px 34px #0024384d}.loading-panel h2{margin:8px 0 18px;font-size:clamp(1.5rem,5vw,2.2rem)}.loading-bubbles{justify-content:center;gap:12px;height:42px;display:flex}.loading-bubbles span{background:#fff3;border:3px solid #fff;border-radius:50%;width:24px;height:24px;animation:.9s ease-in-out infinite alternate loading-bob}.loading-bubbles span:nth-child(2){animation-delay:.16s}.loading-bubbles span:nth-child(3){animation-delay:.32s}.loading-meter{background:#012d4380;border:2px solid #ffffffe6;border-radius:999px;height:24px;padding:4px;overflow:hidden}.loading-meter-fill{border-radius:inherit;background:linear-gradient(90deg,#ffe04d,#ff8bcf);width:0;height:100%;transition:width .12s linear}.loading-status{margin-top:9px;font-size:.92rem;font-weight:900}.start-overlay{z-index:100;padding:max(22px, var(--safe-top)) max(22px, var(--safe-right)) max(22px, var(--safe-bottom)) max(22px, var(--safe-left));background:radial-gradient(circle at 50% 38%,#14b5dbe6,#034568fa);place-items:center;transition:opacity .22s,visibility .22s;display:grid;position:fixed;inset:0}.start-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.start-card{text-align:center;background:linear-gradient(155deg,#fff9be,#ffe05b);border:4px solid #fff;border-radius:38px;width:min(480px,92vw);padding:clamp(22px,5vw,40px);box-shadow:0 12px #d59120,0 30px 55px #00233759}.start-bubble{color:#fff;background:#ff81c7;border:4px solid #fff;border-radius:50%;place-items:center;width:76px;height:76px;margin:-6px auto 8px;font-size:2.2rem;display:grid;transform:rotate(-8deg)}.start-card h2{color:#064467;margin:0;font-size:clamp(2rem,7vw,3.2rem);line-height:.95}.start-card p{color:#255f72;margin:15px auto 22px;font-weight:800;line-height:1.35}.start-button{color:#fff;background:linear-gradient(#ff77bd,#ef3c98);border:3px solid #fff;border-radius:999px;min-width:min(290px,80vw);min-height:72px;padding:16px 30px;font-size:clamp(1.35rem,5vw,2rem);font-weight:900;box-shadow:0 7px #a71864,0 12px 25px #700e463d}.start-button:active{transform:translateY(5px);box-shadow:0 2px #a71864,0 6px 15px #700e4633}@keyframes loading-bob{to{opacity:.54;transform:translateY(16px)scale(.8)}}@media (width<=760px){:root{--topbar-height:62px}.topbar{gap:7px;padding-bottom:6px}.title-block p{display:none}.icon-button{width:46px;height:46px;padding:10px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card,.game-card:nth-child(4){grid-column:span 1}.game-card:last-child{grid-column:1/-1}.game-card{min-height:180px}}@media (width<=460px){.title-block h1{font-size:1rem}.audio-controls{gap:4px}.icon-button{border-width:1px;width:42px;height:42px;padding:9px}.home-screen{padding-top:14px}.home-intro{margin-bottom:12px}.home-intro h2{font-size:1.55rem}.game-grid{gap:10px}.game-card{border-radius:22px;min-height:164px;padding:8px}.game-card img{height:95px}.game-card>span{min-height:55px;padding:8px}.game-card strong{font-size:.94rem}.game-card small{font-size:.68rem}}@media (height<=560px) and (orientation:landscape){:root{--topbar-height:52px}.topbar{min-height:calc(52px + var(--safe-top));padding-top:calc(4px + var(--safe-top));padding-bottom:4px}.icon-button{width:40px;height:40px;padding:8px}.title-block p,.home-intro{display:none}.home-screen{padding-top:12px;padding-bottom:max(12px, var(--safe-bottom))}.game-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:10px;height:100%}.game-card,.game-card:nth-child(4),.game-card:last-child{grid-column:span 1;min-height:min(100%,270px)}.game-card img{height:min(30vh,120px)}.game-card>span{min-height:54px}.game-card small{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}