:root{color:#f8fbff;font-synthesis:none;text-rendering:optimizelegibility;--cyan:#53f7df;--cyan-rgb:83 247 223;--magenta:#ff43b7;--magenta-rgb:255 67 183;--amber:#ffcb52;--acid:#d6ff55;--indigo:#080b26;--glass:#080c22db;--line:#74f0e73b;--hud-height:64px;background:#030511;font-family:Inter,Avenir Next,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#030511;min-width:320px;min-height:100dvh}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #fff}button:disabled{cursor:default;opacity:.58}.app-shell{background:linear-gradient(90deg, #030511eb, #0305115c 31% 69%, #030511eb), var(--neon-poster,radial-gradient(circle at 50% 26%, #27205b 0, #080c24 48%, #030511 100%));background-position:50%;background-size:cover;place-items:center;width:100%;min-height:100dvh;display:grid;position:relative;overflow:hidden}.game-frame{border:1px solid rgb(var(--cyan-rgb) / 14%);isolation:isolate;background:#050719;width:min(100vw,1440px);height:min(100dvh,900px);min-height:0;position:relative;overflow:hidden;box-shadow:0 0 110px #000000a8}.game-frame:before{z-index:-2;background:linear-gradient(180deg, #0407192e, #0305129e), var(--jungle-background,linear-gradient(180deg, #17235b, #08091f));content:"";background-position:50%;background-size:cover;position:absolute;inset:0}.phase-content{position:absolute;inset:0}.game-frame[data-phase=boot]:before,.game-frame[data-phase=loading]:before,.game-frame[data-phase=start]:before,.game-frame[data-phase=result]:before{background:linear-gradient(110deg, #030511e6, #03051161 48%, #030511c2), var(--neon-poster,linear-gradient(145deg, #121b47, #260d38));background-position:50%;background-size:cover}.screen-card{border:1px solid var(--line);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0d1437f0,#1f0c35e8);border-radius:24px;width:min(100% - 32px,430px);padding:28px 25px;box-shadow:0 28px 90px #0000008a}.eyebrow{color:var(--cyan);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:900}.primary-action,.secondary-action,.finale-button{letter-spacing:.08em;border-radius:14px;width:100%;min-height:50px;font-size:.74rem;font-weight:900}.primary-action{box-shadow:0 10px 32px rgb(var(--cyan-rgb) / 20%), inset 0 1px #ffffff61;background:linear-gradient(110deg,#2bc9bd,#4c72e7 55%,#d343bc);border:1px solid #95fff48f}.secondary-action{background:#ffffff0f;border:1px solid #ffffff2e}.text-action{color:#bac2df;letter-spacing:.1em;background:0 0;border:0;min-height:44px;font-size:.69rem;font-weight:800}.loading-screen,.start-screen{z-index:20;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-screen{background:linear-gradient(145deg, #0b1130e6, #1d0c34e8), var(--neon-poster);background-position:50%;background-size:cover;overflow:hidden}.loading-screen:before{border-top:2px solid var(--cyan);background:linear-gradient(120deg, rgb(var(--cyan-rgb) / 7%), transparent 44%);content:"";pointer-events:none;position:absolute;inset:0}.loading-screen h1{letter-spacing:-.055em;margin:10px 0 24px;font-size:clamp(2.4rem,8vw,4.2rem);line-height:.92}.loading-track{background:#ffffff17;border-radius:999px;height:7px;overflow:hidden}.loading-track span,.progress-line span{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--magenta), var(--amber));height:100%;box-shadow:0 0 18px rgb(var(--cyan-rgb) / 48%);transition:width .18s ease-out;display:block}.loading-copy{color:#bbc4e2;min-height:2.8em;margin:14px 0 0;font-size:.8rem}.loading-error{color:#ffb7cc;margin:14px 0}.start-screen{background:linear-gradient(145deg, #0a102de8, #1e0c32e6), var(--neon-poster);background-position:50%;background-size:cover;padding-block:30px 25px;overflow:hidden}.start-screen:after{z-index:-1;background:rgb(var(--magenta-rgb) / 18%);content:"";filter:blur(50px);border-radius:50%;width:240px;height:240px;position:absolute;bottom:-95px;right:-80px}.start-identity,.start-cta{min-width:0}.brand-glyph{justify-content:center;align-items:end;gap:6px;height:40px;margin-bottom:18px;display:flex}.brand-glyph span{background:linear-gradient(180deg, var(--cyan), var(--magenta));width:8px;box-shadow:0 0 15px rgb(var(--cyan-rgb) / 58%);border-radius:8px 8px 3px 3px}.brand-glyph span:first-child,.brand-glyph span:nth-child(5){height:17px}.brand-glyph span:nth-child(2),.brand-glyph span:nth-child(4){height:29px}.brand-glyph span:nth-child(3){height:40px}.start-screen h1{letter-spacing:-.075em;margin:11px 0 14px;font-size:clamp(3.35rem,15vw,5.1rem);font-weight:950;line-height:.73}.start-screen h1 span{color:#0000;background:linear-gradient(90deg, var(--cyan), #a98cff, var(--magenta));-webkit-background-clip:text;background-clip:text}.tagline{color:#dce1f3;margin:22px 0 25px;font-size:.98rem}.start-actions{gap:10px;display:grid}.headphones-note,.inline-error{color:#929dc6;margin:16px 0 0;font-size:.69rem}.inline-error{color:#ffb1c8}.game-audio-error{z-index:65;top:max(calc(var(--hud-height) + 8px), calc(env(safe-area-inset-top) + 8px));color:#ffd4df;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2b081be8;border:1px solid #ff759a6b;border-radius:11px;width:min(100% - 32px,520px);margin:0;padding:9px 14px;font-size:.7rem;font-weight:760;line-height:1.35;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 32px #0000006b}.game-hud{z-index:30;min-height:var(--hud-height);padding:max(7px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 7px max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#040718f5,#040718b8 72%,#0000);grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:clamp(10px,2vw,26px);display:grid;position:absolute;top:0;left:0;right:0}.level-copy{min-width:0;display:grid}.level-copy span,.hud-stats small,.free-heading small,.bpm-control small,.result-stats small{color:#8e99bd;letter-spacing:.1em;font-size:.52rem;font-weight:850}.level-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.hud-stats{gap:clamp(12px,2.3vw,30px);display:flex}.hud-stats>span{text-align:center;min-width:42px;display:grid}.hud-stats strong{font-size:.92rem}.hud-actions{gap:6px;display:flex}.icon-button{background:#080c25b8;border:1px solid #ffffff24;border-radius:12px;place-items:center;min-width:44px;min-height:44px;font-weight:900;display:grid}.sound-toggle span{color:var(--cyan);font-size:.55rem}.sound-toggle.is-muted span{color:#ff8ca9}.progress-line{right:max(12px, env(safe-area-inset-right));bottom:0;left:max(12px, env(safe-area-inset-left));background:#ffffff14;border-radius:99px;height:3px;position:absolute;overflow:hidden}.game-workspace{--rail-width:clamp(78px, 9vw, 112px);z-index:1;inset:var(--hud-height) 0 0;grid-template-columns:minmax(0, 1fr) var(--rail-width);min-height:0;display:grid;position:absolute}.game-workspace.is-free{--rail-width:clamp(196px, 22vw, 280px);inset-block-start:0}.scene-panel{z-index:0;border-right:1px solid rgb(var(--cyan-rgb) / 10%);background:#030713;min-width:0;min-height:0;position:relative;overflow:hidden}.scene-panel:after{z-index:4;content:"";pointer-events:none;background:linear-gradient(90deg,#0305111f,#0000 16% 84%,#0305113d),linear-gradient(#03051112,#0000 62%,#0305112e);position:absolute;inset:0}.game-canvas{z-index:1;touch-action:none;inset:0;position:absolute!important}.jungle-parallax{--jungle-far-x:0px;--jungle-far-y:0px;--jungle-canopy-x:0px;--jungle-canopy-y:0px;--jungle-mist-x:0px;--jungle-mist-y:0px;--jungle-near-x:0px;--jungle-near-y:0px;z-index:0;contain:strict;pointer-events:none;background:radial-gradient(at 50% 24%,#122d367a,#0000 46%),linear-gradient(#07111c,#030713 66%,#02040c);position:absolute;inset:0;overflow:hidden}.jungle-parallax__layer,.jungle-parallax__layer:before,.jungle-parallax__layer:after{pointer-events:none;display:block;position:absolute}.jungle-parallax__layer{will-change:transform;inset:-8%;transform:translate(0,0)}.jungle-parallax__layer:before,.jungle-parallax__layer:after{content:"";will-change:transform, opacity;inset:-5%}.jungle-parallax__layer--far{z-index:0;opacity:.9;transform:translate3d(var(--jungle-far-x), var(--jungle-far-y), 0) scale(1.04)}.jungle-parallax__layer--far:before{filter:saturate(1.2)contrast(1.08)brightness(.9);background:linear-gradient(#02071424,#02040f47),url(/assets/textures/jungle-pulse-distant.webp) 50% 47%/cover no-repeat;animation:34s ease-in-out infinite alternate jungle-camera-drift-far}.jungle-parallax__layer--far:after{opacity:.36;background:radial-gradient(circle at 12% 24%, rgb(var(--cyan-rgb) / 58%) 0 1px, transparent 2px), radial-gradient(circle at 26% 73%, #d6ff5570 0 1px, transparent 2px), radial-gradient(circle at 47% 18%, #977eff75 0 1px, transparent 2px), radial-gradient(circle at 64% 66%, rgb(var(--cyan-rgb) / 48%) 0 1px, transparent 2px), radial-gradient(circle at 82% 31%, rgb(var(--magenta-rgb) / 52%) 0 1px, transparent 2px), radial-gradient(circle at 93% 78%, #d6ff5561 0 1px, transparent 2px);animation:8s ease-in-out infinite alternate jungle-spore-breathe;inset:9% 1% 17%}.jungle-parallax__layer--canopy{z-index:1;opacity:.72;transform:translate3d(var(--jungle-canopy-x), var(--jungle-canopy-y), 0) scale(1.06)}.jungle-parallax__layer--canopy:before{background:radial-gradient(9% 46% at -1% 49%,#01080cf5 0 61%,#0000 66%),radial-gradient(8% 38% at 101% 39%,#02070df5 0 62%,#0000 67%),radial-gradient(18% 10% at 9% 22%,#031113e6 0 58%,#0000 63%),radial-gradient(16% 9% at 91% 18%,#0d0716eb 0 58%,#0000 64%),radial-gradient(13% 8% at 16% 72%,#021011e0 0 55%,#0000 62%),radial-gradient(14% 8% at 85% 68%,#0c0614e0 0 55%,#0000 62%);animation:26s ease-in-out infinite alternate jungle-camera-drift-canopy}.jungle-parallax__layer--canopy:after{opacity:.46;background:radial-gradient(at -5% 52%,#0000 0 47%,#12423a8c 48% 49.5%,#0000 51%),radial-gradient(at 105% 47%,#0000 0 46%,#4c1c4775 47% 48.5%,#0000 50%);animation:18s ease-in-out infinite alternate jungle-vine-sway;inset:-12%}.jungle-parallax__layer--mist{z-index:2;opacity:.44;transform:translate3d(var(--jungle-mist-x), var(--jungle-mist-y), 0) scale(1.08);mix-blend-mode:screen}.jungle-parallax__layer--mist:before{background:radial-gradient(ellipse 34% 25% at 14% 39%, rgb(var(--cyan-rgb) / 19%), transparent 69%), radial-gradient(ellipse 31% 23% at 48% 26%, #5b5bcc29, transparent 70%), radial-gradient(ellipse 36% 26% at 86% 48%, rgb(var(--magenta-rgb) / 17%), transparent 70%), radial-gradient(ellipse 48% 18% at 52% 82%, #4d839921, transparent 72%);filter:blur(14px);animation:20s ease-in-out infinite alternate jungle-camera-drift-mist}.jungle-parallax__layer--mist:after{opacity:.28;background:radial-gradient(circle at 8% 48%, #ffffff85 0 1px, transparent 2px), radial-gradient(circle at 19% 79%, rgb(var(--cyan-rgb) / 50%) 0 1px, transparent 2px), radial-gradient(circle at 37% 35%, #fff6 0 1px, transparent 2px), radial-gradient(circle at 58% 68%, rgb(var(--magenta-rgb) / 46%) 0 1px, transparent 2px), radial-gradient(circle at 74% 29%, #ffffff6b 0 1px, transparent 2px), radial-gradient(circle at 91% 72%, rgb(var(--cyan-rgb) / 50%) 0 1px, transparent 2px);animation:13s linear infinite jungle-spore-rise;inset:7% -4% 4%}.jungle-parallax__layer--near{z-index:3;opacity:.8;transform:translate3d(var(--jungle-near-x), var(--jungle-near-y), 0) scale(1.11)}.jungle-parallax__layer--near:before{filter:drop-shadow(0 8px 16px #000000b8);background:radial-gradient(14% 23% at -2% 11%,#01060af5 0 58%,#0000 63%),radial-gradient(12% 20% at 8% -4%,#020a0df0 0 58%,#0000 64%),radial-gradient(13% 22% at 101% 8%,#03050bf7 0 58%,#0000 63%),radial-gradient(12% 19% at 91% -3%,#07050df0 0 58%,#0000 64%),radial-gradient(18% 10% at 4% 101%,#010709f5 0 60%,#0000 65%),radial-gradient(20% 11% at 96% 102%,#04040af5 0 60%,#0000 65%);animation:16s ease-in-out infinite alternate jungle-camera-drift-near}.jungle-parallax__layer--near:after{opacity:.7;background:radial-gradient(at 50% 100%,#000307f0 0 48%,#0000 72%);height:24%;animation:11s ease-in-out infinite alternate jungle-foreground-breathe;inset:auto -5% -7%}.scene-panel.is-finale .jungle-parallax__layer--mist{opacity:.56}.jungle-parallax.is-paused .jungle-parallax__layer:before,.jungle-parallax.is-paused .jungle-parallax__layer:after{animation-play-state:paused}.jungle-parallax[data-reduced-motion=true] .jungle-parallax__layer{will-change:auto;transform:none}.jungle-parallax[data-reduced-motion=true] .jungle-parallax__layer:before,.jungle-parallax[data-reduced-motion=true] .jungle-parallax__layer:after{will-change:auto;animation:none;transform:none}@media (orientation:landscape) and (max-height:500px){.jungle-parallax__layer--far:after,.jungle-parallax__layer--mist:after{display:none}.jungle-parallax__layer--mist{opacity:.34}.jungle-parallax__layer--mist:before{filter:blur(8px)}.jungle-parallax__layer--near{opacity:.68}}.game-control-rail{z-index:20;min-width:0;min-height:0;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) 8px;background:linear-gradient(180deg, #070a1ee3, #0b0921f0), radial-gradient(circle at 50% 20%, rgb(var(--cyan-rgb) / 8%), transparent 52%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:center;align-items:center;display:flex;position:relative;box-shadow:-14px 0 36px #00000042}.puzzle-grid{z-index:12;top:50%;right:11px;left:max(11px, env(safe-area-inset-left));pointer-events:none;grid-template-rows:clamp(24px,6vh,40px) repeat(5,minmax(0,1fr));grid-template-columns:clamp(96px,9vw,132px) repeat(16,minmax(0,1fr));gap:2px;width:auto;max-width:1280px;height:min(100% - 18px,clamp(430px,41vw,590px));margin-inline:auto;display:grid;position:absolute;transform:translateY(-50%)}.grid-corner,.column-clue,.row-clue,.grid-cell{pointer-events:auto}.grid-header-row,.grid-row-fragment{display:contents}.column-clue,.row-clue{color:#e5e9f8;text-shadow:0 1px 5px #000;justify-content:center;align-items:center;font-size:clamp(.48rem,1vw,.67rem);font-weight:850;display:flex}.grid-corner{border-bottom:1px solid rgb(var(--cyan-rgb) / 15%)}.column-clue{border-bottom:1px solid #ffffff12;border-radius:4px 4px 0 0;flex-direction:column;gap:0;transition:background .12s,color .12s}.column-clue:nth-child(4n+2){border-left:1px solid rgb(var(--cyan-rgb) / 25%)}.column-clue.is-active{color:#fff;background:linear-gradient(180deg, rgb(var(--cyan-rgb) / 24%), transparent);box-shadow:inset 0 2px var(--cyan)}.row-clue{grid-template-rows:auto auto;grid-template-columns:5px minmax(0,1fr);place-content:center stretch;gap:0 6px;padding-right:5px;display:grid}.track-accent{background:var(--cyan);border-radius:6px;grid-row:1/span 2;width:4px;height:72%;box-shadow:0 0 9px}.track-accent[data-row="1"]{background:var(--magenta)}.track-accent[data-row="2"]{background:var(--amber)}.track-accent[data-row="3"]{background:var(--acid)}.track-accent[data-row="4"]{background:#a76bff}.track-name{color:#9ca8ca;letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;grid-column:2;align-self:end;font-family:ui-monospace,monospace;font-size:clamp(.43rem,.75vw,.58rem);font-weight:900;overflow:hidden}.row-clue-values{grid-column:2;justify-content:flex-start;align-self:start;align-items:center;gap:2px;min-width:0;display:flex}.row-clue-values i{font-style:normal}.grid-cell{--cell-rgb:67 168 255;--cell-color:#43a8ff;z-index:calc(10 + var(--cell-row,0));min-width:0;min-height:0;box-shadow:none;isolation:isolate;touch-action:manipulation;background:0 0;border:0;border-radius:7px;transition:border-color .12s,background .12s,transform .12s,box-shadow .12s;position:relative;overflow:visible}.grid-cell[data-row="1"]{--cell-rgb:255 67 183;--cell-color:var(--magenta)}.grid-cell[data-row="2"]{--cell-rgb:255 170 57;--cell-color:var(--amber)}.grid-cell[data-row="3"]{--cell-rgb:214 255 85;--cell-color:var(--acid)}.grid-cell[data-row="4"]{--cell-rgb:167 107 255;--cell-color:#a76bff}.grid-cell:nth-child(4n+2){border-left-color:#0000}.grid-cell:before{content:none;display:none}.grid-cell.is-playhead{z-index:calc(20 + var(--cell-row,0));box-shadow:none;background:0 0;border-color:#0000}.grid-cell.is-playhead:before{animation:none;display:none}.grid-cell.cell-active-found{box-shadow:none;background:0 0;border-color:#0000}.grid-cell.cell-active-found.is-playhead{box-shadow:none;border-color:#0000}.grid-cell.cell-empty-marked{background:0 0}.grid-cell.cell-error-feedback{box-shadow:none;background:0 0;border-color:#0000;animation:.42s both cell-error}.grid-cell.cell-active-found:after{content:none;display:none}.grid-cell.cell-active-found.is-playhead:after{display:none}.cell-animal-performance{--animal-ground-shift:-8%;--animal-visual-scale:.78;z-index:3;object-fit:contain;width:128%;height:132%;scale:var(--animal-visual-scale);transform-origin:50% 90%;transform:translate(0,0)scale(1.06);translate:0 var(--animal-ground-shift);filter:drop-shadow(0 4px 4px #000000b8) drop-shadow(0 0 5px rgb(var(--cell-rgb) / 30%));animation:cell-animal-groove var(--animal-groove-duration,.75s) ease-in-out infinite;animation-delay:var(--animal-phase-delay,0s);will-change:transform, filter;position:absolute;top:-27%;left:-14%}.cell-animal-performance[data-cell-animal=showman]{--animal-ground-shift:-20%;--animal-visual-scale:.72}.cell-animal-performance[data-cell-animal=red-panda]{--animal-ground-shift:-16%;--animal-visual-scale:.82}.cell-animal-performance[data-cell-animal=hornbill]{--animal-ground-shift:-16%;--animal-visual-scale:.72}.cell-animal-performance[data-cell-animal=capybara]{--animal-ground-shift:-12%;--animal-visual-scale:.76}.cell-animal-performance[data-cell-animal=chameleon]{--animal-ground-shift:-11%;--animal-visual-scale:.76}.grid-cell.is-playhead .cell-animal-performance,.cell-animal-performance[data-phase=cue],.cell-animal-performance[data-phase=reveal]{filter:drop-shadow(0 5px 5px #000000c7) drop-shadow(0 0 9px rgb(var(--cell-rgb) / 76%))}.cell-animal-performance[data-phase=preparation],.cell-animal-performance[data-phase=cue],.cell-animal-performance[data-phase=follow-through],.cell-animal-performance[data-phase=reveal]{animation:none;transform:translateY(-2%)scale(1.12)}.cell-animal-performance[data-paused=true]{animation-play-state:paused}.cell-animal-performance[data-reduced-motion=true]{animation:none;transform:scale(1.06)}.cell-feedback{z-index:3;color:#8e98b9;place-items:center;height:100%;font-size:clamp(.75rem,2vw,1.25rem);font-weight:300;display:grid;position:relative}.puzzle-grid.has-perspective-projection{display:block}.puzzle-grid.has-perspective-projection .grid-corner{display:none}.puzzle-grid.has-perspective-projection .column-clue,.puzzle-grid.has-perspective-projection .row-clue,.puzzle-grid.has-perspective-projection .grid-cell{margin:0;position:absolute}.puzzle-grid.has-perspective-projection .column-clue{top:var(--projected-top);left:var(--projected-left);width:var(--projected-width);height:22px}.puzzle-grid.has-perspective-projection .column-clue[data-clue-placement=below-grid]{background:linear-gradient(#02081c85,#0000 82%);border-top:1px solid #ffffff1a;border-bottom:0;border-radius:0 0 5px 5px}.puzzle-grid.has-perspective-projection .column-clue[data-clue-placement=below-grid].is-active{background:linear-gradient(180deg, rgb(var(--cyan-rgb) / 30%), transparent 90%);box-shadow:inset 0 2px var(--cyan)}.puzzle-grid.has-perspective-projection .row-clue{top:var(--projected-top);left:var(--projected-left);width:var(--projected-width);height:var(--projected-height)}.puzzle-grid.has-perspective-projection .grid-cell{top:var(--projected-top);left:var(--projected-left);width:var(--projected-width);height:var(--projected-height);min-width:0;min-height:0;clip-path:var(--projected-hit-polygon);border-radius:0;padding:0}.puzzle-grid.has-perspective-projection .grid-cell:focus-visible{box-shadow:inset 0 0 0 2px #ffffffeb, inset 0 0 18px rgb(var(--cell-rgb) / 32%);background:#ffffff17;outline:0}.puzzle-grid.has-perspective-projection .cell-feedback{position:absolute;inset:0}.projected-animal-layer{z-index:8;pointer-events:none;position:absolute;inset:0;overflow:hidden}.projected-animal-slot{--cell-rgb:54 200 255;z-index:calc(40 + var(--animal-row,0));width:0;height:0;transform:translate3d(var(--animal-anchor-x), var(--animal-anchor-y), 0);pointer-events:none;position:absolute;top:0;left:0}.projected-animal-slot[data-projected-row="1"]{--cell-rgb:255 55 207}.projected-animal-slot[data-projected-row="2"]{--cell-rgb:255 178 63}.projected-animal-slot[data-projected-row="3"]{--cell-rgb:156 255 63}.projected-animal-slot[data-projected-row="4"]{--cell-rgb:168 107 255}.projected-animal-billboard{pointer-events:none;width:0;height:0;position:absolute;bottom:0;left:0}.projected-cell-animal-performance{--animal-alpha-bottom-shift:3%;--animal-visual-scale:.82;width:var(--animal-size);height:var(--animal-size);max-width:none;max-height:none;translate:-50% var(--animal-alpha-bottom-shift);scale:var(--animal-visual-scale);transform-origin:50% 100%;animation:cell-animal-groove var(--animal-groove-duration,.75s) ease-in-out infinite;animation-delay:var(--animal-phase-delay,0s);image-rendering:auto;pointer-events:none;display:block;position:absolute;bottom:0;left:0;transform:translate(0,0)}.projected-cell-animal-performance[data-cell-animal=showman]{--animal-alpha-bottom-shift:1.6%;--animal-visual-scale:.82}.projected-cell-animal-performance[data-cell-animal=red-panda]{--animal-alpha-bottom-shift:7.9%;--animal-visual-scale:.88}.projected-cell-animal-performance[data-cell-animal=hornbill]{--animal-alpha-bottom-shift:6.9%;--animal-visual-scale:.8}.projected-cell-animal-performance[data-cell-animal=capybara]{--animal-alpha-bottom-shift:12.2%;--animal-visual-scale:.82}.projected-cell-animal-performance[data-cell-animal=chameleon]{--animal-alpha-bottom-shift:12.2%;--animal-visual-scale:.78}.projected-cell-animal-performance[data-phase=preparation],.projected-cell-animal-performance[data-phase=cue],.projected-cell-animal-performance[data-phase=follow-through],.projected-cell-animal-performance[data-phase=reveal]{animation:none;transform:translateY(-2%)scale(1.08)}.projected-cell-animal-performance[data-paused=true]{animation-play-state:paused}.projected-cell-animal-performance[data-reduced-motion=true]{animation:none;transform:none}.input-toolbar{background:#06091db8;border:1px solid #ffffff1c;border-radius:18px;gap:10px;width:100%;padding:6px;display:grid;box-shadow:0 16px 38px #00000052}.input-toolbar button{color:#97a2c9;letter-spacing:.06em;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;gap:3px;min-height:72px;padding:7px 3px;font-size:.58rem;font-weight:900;display:grid;position:relative}.input-toolbar button.active{border-color:rgb(var(--cyan-rgb) / 40%);color:#fff;box-shadow:inset 0 0 18px rgb(var(--cyan-rgb) / 8%);background:linear-gradient(135deg,#16b1ac75,#5843b870)}.input-toolbar small{color:#818cac;font-size:.48rem;position:absolute;top:5px;right:6px}.tool-symbol{width:20px;height:20px}.note-symbol{border:2px solid var(--cyan);background:linear-gradient(135deg, rgb(var(--cyan-rgb) / 48%), rgb(var(--magenta-rgb) / 24%));box-shadow:inset 0 0 7px rgb(var(--cyan-rgb) / 42%), 0 0 9px rgb(var(--cyan-rgb) / 24%);border-radius:5px;transform:rotate(45deg)scale(.72)}.empty-symbol{position:relative}.empty-symbol:before,.empty-symbol:after{content:"";background:#b2bad4;border-radius:2px;width:20px;height:2px;position:absolute;top:9px;left:0;transform:rotate(45deg)}.empty-symbol:after{transform:rotate(-45deg)}.free-controls{background:#06091db3;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;justify-content:center;width:100%;height:100%;min-height:0;padding:clamp(8px,1.4vw,16px);display:flex;box-shadow:0 16px 42px #00000057}.free-heading,.transport-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.free-heading .text-action{text-align:left;min-width:58px;padding:0}.free-heading-actions{align-items:center;gap:7px;min-width:0;display:flex}.free-heading-actions>div{text-align:right;min-width:0;display:grid}.free-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.free-heading .icon-button{min-width:42px;min-height:42px}.transport-row{margin:7px 0}.transport-button{border:1px solid rgb(var(--cyan-rgb) / 38%);letter-spacing:.08em;background:linear-gradient(120deg,#199ca199,#4848b385);border-radius:13px;place-items:center;min-width:72px;min-height:58px;font-size:.56rem;font-weight:900;display:grid}.transport-button span{font-size:.9rem}.bpm-control{flex:1;gap:2px;min-width:0;display:grid}.bpm-control>span{justify-content:space-between;align-items:baseline;display:flex}.bpm-control strong{color:var(--cyan);font-size:1rem}.bpm-control input{width:100%;min-height:30px;accent-color:var(--cyan)}.pattern-actions{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.pattern-actions button{background:#ffffff0d;border:1px solid #ffffff1c;border-radius:9px;min-height:44px;padding:4px 2px;font-size:.48rem;font-weight:850}.finale-button{border:1px solid rgb(var(--magenta-rgb) / 38%);background:linear-gradient(100deg,#6130a0b8,#cc31899e);min-height:44px;margin-top:6px}.free-grid .grid-corner,.free-grid .column-clue{visibility:hidden}.free-grid .row-clue{grid-template-rows:1fr;grid-template-columns:1fr;justify-items:end}.free-grid .track-name{color:#dbe2f5;grid-column:1;align-self:center}.finale-banner{z-index:35;top:max(60px, calc(env(safe-area-inset-top) + 50px));border:1px solid rgb(var(--cyan-rgb) / 22%);width:max-content;max-width:calc(100% - 32px);box-shadow:0 0 60px rgb(var(--magenta-rgb) / 20%);text-align:center;text-shadow:0 3px 22px #000;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03061466;border-radius:12px;padding:7px 18px;position:absolute;left:50%;transform:translate(-50%)}.finale-banner[data-intro=true]{border-color:rgb(var(--cyan-rgb) / 45%);background:radial-gradient(circle at 50% 0, rgb(var(--cyan-rgb) / 24%), transparent 62%), #030614b3;box-shadow:0 0 34px rgb(var(--cyan-rgb) / 32%), 0 0 80px rgb(var(--magenta-rgb) / 32%);padding:15px 28px;animation:.62s cubic-bezier(.2,.84,.24,1) both completion-title-arrival;top:50%;transform:translate(-50%,-50%)}.finale-banner small{color:var(--cyan);letter-spacing:.22em;font-size:.64rem;font-weight:900;display:block}.finale-banner strong{letter-spacing:-.06em;margin-top:5px;font-size:clamp(1.25rem,3.5vw,2.8rem);font-weight:950;display:block}.finale-banner[data-intro=true] strong{text-shadow:0 0 18px rgb(var(--cyan-rgb) / 55%), 0 0 42px rgb(var(--magenta-rgb) / 40%), 0 4px 20px #000;font-size:clamp(2.2rem,7vw,5.2rem)}.modal-layer{z-index:50;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0305139e;place-items:center;display:grid;position:absolute;inset:0}.tutorial-card{max-width:390px}.tutorial-layout,.tutorial-copy,.result-layout,.result-content{min-width:0}.tutorial-card h2,.result-card h2{margin:8px 0 12px;font-size:clamp(1.55rem,4vw,2.1rem);line-height:1.05}.tutorial-copy>p:not(.eyebrow){color:#c7cee8;min-height:5.1em;margin:0 0 14px;font-size:.84rem;line-height:1.48}.tutorial-visual{width:180px;height:112px;margin:0 auto 20px;position:relative;transform:perspective(280px)rotateX(53deg)}.tutorial-tile{border:1px solid rgb(var(--cyan-rgb) / 52%);background:linear-gradient(145deg,#1d3964,#111c3d);border-radius:9px;width:52px;height:52px;position:absolute;bottom:10px;box-shadow:0 9px #070d23,0 12px 24px #00000059}.tile-a{left:4px}.tile-b{background:linear-gradient(145deg,#17bba7,#6b45c8);left:64px}.tile-c{left:124px}.tutorial-ray{z-index:2;background:linear-gradient(90deg, transparent, rgb(var(--cyan-rgb) / 78%), transparent);filter:blur(2px);border-radius:99px;width:22px;position:absolute;top:0;bottom:0;left:80px}.tutorial-dots{justify-content:center;gap:7px;margin:12px 0 16px;display:flex}.tutorial-dots span{background:#fff3;border-radius:50%;width:7px;height:7px}.tutorial-dots span.active{background:var(--cyan);border-radius:9px;width:24px}.tutorial-card .text-action{margin-bottom:-12px}.result-layer{background:#0305137a;animation:.42s ease-out both result-veil-in}.result-card{background:linear-gradient(145deg, #0b1130e6, #1e0c34eb), var(--neon-poster);background-position:50%;background-size:cover;padding-top:58px;animation:.52s cubic-bezier(.2,.9,.25,1.1) both result-card-in}.rank-medallion{border:2px solid var(--amber);background:radial-gradient(circle,#4c3263,#121836 68%);border-radius:50%;place-content:center;width:104px;height:104px;margin:-94px auto 18px;display:grid;box-shadow:0 0 0 8px #ffcb5214,0 0 42px #ffcb5259}.rank-medallion span{color:#ddc792;letter-spacing:.16em;font-size:.52rem;font-weight:900}.rank-medallion strong{color:var(--amber);font-size:3.1rem;line-height:.9}.result-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:20px 0 16px;display:grid}.result-stats span{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:11px;gap:4px;padding:11px 4px;display:grid}.result-stats strong{font-size:1.05rem}.result-actions{gap:8px;display:grid}.orientation-gate{z-index:70;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:linear-gradient(145deg, #030511eb, #070b1fc9), var(--neon-poster,var(--jungle-background));text-align:center;background-position:50%;background-size:cover;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.orientation-gate:before{border:1px solid rgb(var(--cyan-rgb) / 18%);content:"";pointer-events:none;border-radius:24px;position:absolute;inset:18px}.orientation-gate h2{letter-spacing:-.045em;max-width:430px;margin:12px 0 10px;font-size:clamp(2rem,9vw,3.3rem);line-height:.95}.orientation-gate>p:not(.eyebrow){color:#b8c1db;max-width:430px;margin:0;font-size:.85rem;line-height:1.55}.rotate-device{width:112px;height:88px;margin-bottom:22px;position:relative}.rotate-phone{border:2px solid var(--cyan);width:40px;height:72px;box-shadow:0 0 24px rgb(var(--cyan-rgb) / 28%), inset 0 0 14px rgb(var(--cyan-rgb) / 9%);border-radius:9px;animation:2.8s ease-in-out infinite rotate-phone;position:absolute;top:2px;left:38px}.rotate-phone i{background:var(--cyan);border-radius:2px;width:9px;height:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.rotate-arrow{color:var(--magenta);text-shadow:0 0 16px rgb(var(--magenta-rgb) / 48%);font-size:2rem;position:absolute;bottom:0;right:2px}.rotate-steps{grid-template-columns:repeat(16,1fr);gap:3px;width:min(100%,430px);margin-top:28px;display:grid}.rotate-steps i{aspect-ratio:1;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:3px}.rotate-steps i.is-accent{border-color:rgb(var(--cyan-rgb) / 45%);background:linear-gradient(135deg, rgb(var(--cyan-rgb) / 58%), rgb(var(--magenta-rgb) / 42%));box-shadow:0 0 9px rgb(var(--cyan-rgb) / 25%)}.debug-panel{z-index:90;top:calc(var(--hud-height) + 7px);right:calc(var(--rail-width,0px) + 7px);border:1px solid rgb(var(--cyan-rgb) / 30%);color:#aafdf4;pointer-events:none;background:#01030dd6;border-radius:8px;gap:2px;padding:7px;font:.55rem/1.25 ui-monospace,monospace;display:grid;position:absolute}@keyframes cell-error{20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}@keyframes cell-surface-sheen{0%{opacity:0;transform:translate(-68%)}26%{opacity:.78}to{opacity:0;transform:translate(68%)}}@keyframes cell-animal-groove{0%,to{transform:translate(-.7%)rotate(-.8deg)scale(1.055)}30%{transform:translate(.8%,-2.4%)rotate(.75deg)scale(1.075)}52%{transform:translateY(.8%)rotate(.2deg)scale(1.065,1.035)}76%{transform:translate(-.5%,-1.5%)rotate(-.45deg)scale(1.07)}}@keyframes result-veil-in{0%{background:#03051300}}@keyframes result-card-in{0%{opacity:0;transform:translateY(18px)scale(.97)}}@keyframes rotate-phone{0%,20%{transform:rotate(0)}58%,86%{transform:rotate(90deg)}to{transform:rotate(0)}}@media (orientation:landscape) and (max-height:500px){:root{--hud-height:54px}.game-workspace{--rail-width:clamp(76px, 10vw, 88px)}.game-workspace.is-free{--rail-width:0px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, 1fr) max(88px, calc(78px + env(safe-area-inset-bottom)))}.game-workspace.is-free .scene-panel{border-right:0;border-bottom:1px solid rgb(var(--cyan-rgb) / 10%);grid-row:1}.game-workspace.is-free .game-control-rail{padding:4px max(6px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));grid-row:2;box-shadow:0 -12px 30px #0000003d}.game-workspace.is-free .free-controls{grid-template-columns:minmax(104px,.75fr) minmax(160px,1.1fr) minmax(222px,1.45fr) minmax(118px,.8fr);align-items:center;gap:6px;padding:4px 6px;display:grid}.game-workspace.is-free .free-heading-actions>div{display:none}.game-workspace.is-free .transport-row{margin:0}.game-workspace.is-free .finale-button{min-width:0;margin-top:0}.game-hud{padding-block:max(4px, env(safe-area-inset-top)) 4px;gap:9px}.level-copy span,.hud-stats small{font-size:.46rem}.level-copy strong{font-size:.7rem}.hud-stats{gap:9px}.hud-stats>span{min-width:34px}.hud-stats strong{font-size:.78rem}.icon-button{min-width:42px;min-height:42px}.puzzle-grid{right:7px;left:max(7px, env(safe-area-inset-left));grid-template-rows:24px repeat(5,minmax(0,1fr));grid-template-columns:clamp(88px,11vw,96px) repeat(16,minmax(0,1fr));width:auto;max-width:none;height:calc(100% - 12px)}.input-toolbar{border-radius:14px;gap:7px;padding:4px}.input-toolbar button{border-radius:9px;min-height:64px;font-size:.51rem}.tool-symbol{width:17px;height:17px}.empty-symbol:before,.empty-symbol:after{width:18px;top:8px}.game-control-rail{padding-block:max(5px, env(safe-area-inset-top)) max(5px, env(safe-area-inset-bottom))}.free-controls{border-radius:13px;padding:7px}.free-heading .text-action{min-height:36px}.free-heading strong{font-size:.68rem}.free-heading .icon-button{min-width:38px;min-height:38px}.transport-row{margin-block:4px}.transport-button{min-width:64px;min-height:50px}.bpm-control input{min-height:25px}.pattern-actions button,.finale-button{min-height:40px}.pattern-actions button{font-size:.43rem}.start-screen{text-align:left;grid-template-columns:minmax(250px,.88fr) minmax(280px,1fr);align-items:center;gap:clamp(22px,5vw,56px);width:min(100% - 28px,820px);padding:20px clamp(24px,4vw,44px);display:grid}.start-screen:before{background:linear-gradient(transparent, rgb(var(--cyan-rgb) / 24%), transparent);content:"";width:1px;position:absolute;top:18px;bottom:18px;left:45%}.brand-glyph{justify-content:flex-start;height:30px;margin-bottom:10px}.brand-glyph span:first-child,.brand-glyph span:nth-child(5){height:13px}.brand-glyph span:nth-child(2),.brand-glyph span:nth-child(4){height:22px}.brand-glyph span:nth-child(3){height:30px}.start-screen h1{margin-block:8px 10px;font-size:clamp(3.1rem,8vw,4.6rem)}.tagline{margin:14px 0 0;font-size:.84rem}.headphones-note,.inline-error{text-align:center}.loading-screen{width:min(100% - 32px,620px);padding:22px 36px}.loading-screen h1{margin-block:7px 18px;font-size:2.9rem}.tutorial-card{text-align:left;width:min(100% - 28px,760px);max-width:none;padding:18px 24px}.tutorial-layout{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:30px;display:grid}.tutorial-visual{width:180px;height:108px;margin:0 auto}.tutorial-card h2{margin-block:6px 9px;font-size:1.55rem}.tutorial-copy>p:not(.eyebrow){min-height:3.9em;margin-bottom:8px;font-size:.76rem}.tutorial-dots{justify-content:flex-start;margin-block:8px 10px}.tutorial-copy .primary-action{width:calc(100% - 116px);min-height:44px}.tutorial-card .text-action{width:108px;margin:0}.result-card{text-align:left;width:min(100% - 28px,720px);max-width:none;padding:18px 24px}.result-layout{grid-template-columns:128px minmax(0,1fr);align-items:center;gap:28px;display:grid}.rank-medallion{width:112px;height:112px;margin:0}.result-card h2{margin-block:5px 8px;font-size:1.65rem}.result-stats{margin-block:10px}.result-stats span{padding-block:8px}.result-actions{grid-template-columns:1fr 1fr}.result-actions button{min-height:44px}}@media (orientation:portrait) and (max-width:959px){.game-frame{border:0;width:100vw;height:100dvh}.start-screen{width:min(100% - 32px,410px)}.orientation-gate{display:grid}}@media (orientation:portrait) and (max-height:760px){.start-screen{padding-block:20px}.brand-glyph{height:32px;margin-bottom:11px}.brand-glyph span:first-child,.brand-glyph span:nth-child(5){height:13px}.brand-glyph span:nth-child(2),.brand-glyph span:nth-child(4){height:23px}.brand-glyph span:nth-child(3){height:32px}.start-screen h1{font-size:clamp(2.9rem,14vw,3.8rem)}.tagline{margin-block:15px}.tutorial-card{padding-block:20px}.tutorial-visual{height:94px;margin-bottom:12px}}@keyframes jungle-camera-drift-far{0%{transform:translate(-.7%,-.25%)scale(1.01)}to{transform:translate(.8%,.4%)scale(1.025)}}@keyframes jungle-camera-drift-canopy{0%{transform:translate(.7%,-.35%)scale(1.015)}to{transform:translate(-.9%,.55%)scale(1.03)}}@keyframes jungle-vine-sway{0%{transform:translate(-.45%,-.2%)scale(1.005)}to{transform:translate(.65%,.35%)scale(1.018)}}@keyframes jungle-camera-drift-mist{0%{opacity:.62;transform:translate(-2.4%,.7%)scale(1.02)}to{opacity:.95;transform:translate(2.6%,-.9%)scale(1.07)}}@keyframes jungle-camera-drift-near{0%{transform:translate(-.45%,.2%)scale(1.012)}to{transform:translate(.6%,-.35%)scale(1.025)}}@keyframes jungle-spore-breathe{0%{opacity:.2;transform:translateY(.7%)scale(.98)}to{opacity:.48;transform:translate(.5%,-.8%)scale(1.03)}}@keyframes jungle-spore-rise{0%{opacity:.16;transform:translate(-.8%,4%)}48%{opacity:.4}to{opacity:.12;transform:translate(1.1%,-5%)}}@keyframes jungle-foreground-breathe{0%{opacity:.58;transform:translateY(1.2%)scaleX(1.01)}to{opacity:.76;transform:translateY(-.5%)scaleX(1.04)}}@media (min-width:1500px) and (min-height:960px){.game-frame{border-radius:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.game-frame[data-phase=hub]:before,.game-frame[data-phase=encore]:before{background:linear-gradient(120deg, #030511f0, #080c268f 52%, #1c072ad1), var(--neon-poster,linear-gradient(145deg, #121b47, #260d38));background-position:50%;background-size:cover}.animal-stage-layer{z-index:6;opacity:0;filter:drop-shadow(0 10px 12px #0000008c);transition:opacity .22s}.animal-stage-layer.is-ready{opacity:1}.animal-stage-layer.mode-puzzle,.animal-stage-layer.mode-jam{opacity:.48;mix-blend-mode:screen}.animal-stage-layer.mode-finale,.animal-stage-layer.mode-encore{filter:drop-shadow(0 12px 15px #0000009e) drop-shadow(0 0 10px rgb(var(--cyan-rgb) / 18%))}.scene-panel.is-finale .puzzle-grid{opacity:1;filter:saturate(1.18)brightness(1.06);pointer-events:none}.scene-panel.is-finale:after{background:linear-gradient(#0305110f,#0000 55%,#03051157)}.start-cast{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:15px;display:flex}.start-cast span{border:1px solid rgb(var(--cyan-rgb) / 18%);color:#aeb8d5;letter-spacing:.08em;background:#05091b61;border-radius:99px;padding:4px 7px;font-size:.45rem;font-weight:900}.result-stars{justify-content:center;gap:7px;margin-block:6px 2px;display:flex}.result-stars span{color:#ffffff21;font-size:clamp(1.1rem,3vw,1.85rem)}.result-stars span.is-earned{color:var(--amber);filter:drop-shadow(0 0 9px #ffcb528c)}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.puzzle-grid{grid-template-columns:clamp(104px, 10vw, 142px) repeat(var(--grid-columns,16), minmax(0, 1fr))}.row-clue{grid-template-columns:5px clamp(22px,2.6vw,34px) minmax(0,1fr)}.track-animal-badge{aspect-ratio:1;border:1px solid rgb(var(--cyan-rgb) / 24%);background:var(--portrait-atlas,radial-gradient(circle, rgb(var(--cyan-rgb) / 30%), transparent 68%)) 0 0 / var(--portrait-width,800%) var(--portrait-height,600%) no-repeat, #060a1db8;width:100%;box-shadow:0 0 12px rgb(var(--cyan-rgb) / 12%);border-radius:50%;grid-area:1/2/span 2;align-self:center}.track-name,.row-clue-values{grid-column:3}.campaign-hub{z-index:8;padding:max(18px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:radial-gradient(circle at 12% 10%, rgb(var(--cyan-rgb) / 17%), transparent 33%), radial-gradient(circle at 84% 84%, rgb(var(--magenta-rgb) / 16%), transparent 37%), linear-gradient(135deg, #020512c4, #07081fe8);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,2vh,20px);display:grid;position:absolute;inset:0;overflow:hidden}.campaign-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.campaign-heading h1{letter-spacing:-.045em;text-transform:uppercase;max-width:830px;margin:5px 0 0;font-size:clamp(1.35rem,3.1vw,2.75rem);line-height:.95}.campaign-mode-guide{border:1px solid rgb(var(--cyan-rgb) / 18%);color:#9da8c8;background:#0307188a;border-radius:12px;grid-template-columns:auto minmax(0,1fr);gap:3px 8px;min-width:clamp(176px,20vw,250px);padding:8px 11px;font-size:clamp(.48rem,.85vw,.64rem);line-height:1.2;display:grid}.campaign-mode-guide .eyebrow{grid-column:1/-1;margin:0 0 2px}.campaign-mode-guide strong{min-width:34px;color:var(--cyan);letter-spacing:.09em;display:inline-block}.campaign-mode-guide div:last-child strong{color:var(--magenta)}.campaign-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.5vw,20px);min-height:0;display:grid;position:relative}.campaign-track:before{z-index:-1;background:linear-gradient(90deg, var(--cyan), var(--magenta), var(--acid));height:2px;box-shadow:0 0 18px rgb(var(--cyan-rgb) / 55%);content:"";position:absolute;top:50%;left:4%;right:4%}.campaign-song{border:1px solid rgb(var(--cyan-rgb) / 24%);isolation:isolate;background:linear-gradient(155deg,#0f1c3feb,#0a0a21f0 58%,#260a30e6);border-radius:clamp(16px,2.2vw,26px);grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(7px,1.4vh,14px);min-width:0;padding:clamp(12px,2vw,24px);display:grid;position:relative;overflow:hidden;box-shadow:0 22px 50px #00000054,inset 0 1px #ffffff14}.campaign-song:before{z-index:-1;background:radial-gradient(circle, rgb(var(--cyan-rgb) / 18%), transparent 66%);content:"";border-radius:50%;height:78%;position:absolute;inset:auto -20% -45% 15%}.campaign-song.song-2:before{background:radial-gradient(circle, rgb(var(--magenta-rgb) / 20%), transparent 66%)}.campaign-song.song-3:before{background:radial-gradient(circle,#d6ff552e,#0000 66%)}.campaign-song.is-locked{filter:saturate(.35);border-color:#ffffff17}.song-order{color:#ffffff1f;letter-spacing:-.09em;font-size:clamp(2.1rem,6vw,5.2rem);font-weight:950;line-height:.75}.song-hero{z-index:-1;aspect-ratio:1;opacity:.82;pointer-events:none;width:min(84%,330px);position:absolute;top:2%;right:-1%;overflow:hidden}.song-hero:after{background:radial-gradient(circle, rgb(var(--cyan-rgb) / 20%), transparent 68%);content:"";border-radius:50%;position:absolute;inset:28% 10% 7%}.song-hero span{z-index:1;background:var(--song-hero-atlas) 0 0 / var(--song-hero-width,800%) var(--song-hero-height,600%) no-repeat;position:absolute;inset:0}.campaign-song.is-locked .song-hero{opacity:.32}.song-card-copy{align-self:end}.song-card-copy p,.song-card-copy h2,.song-card-copy strong{margin:0}.song-card-copy p{color:var(--cyan);letter-spacing:.16em;font-size:.56rem;font-weight:900}.song-card-copy h2{margin-block:4px 1px;font-size:clamp(1.05rem,2.1vw,1.75rem);line-height:.93}.song-card-copy strong{color:#cdd5ed;font-size:clamp(.66rem,1.1vw,.88rem)}.song-metadata{grid-template-columns:repeat(3,1fr);gap:5px;margin:0;display:grid}.song-metadata div{background:#00000026;border:1px solid #ffffff14;border-radius:9px;padding:6px}.song-metadata dt,.song-metadata dd{margin:0}.song-metadata dt{color:#929bb8;letter-spacing:.12em;font-size:.44rem;font-weight:850}.song-metadata dd{margin-top:2px;font-size:.72rem;font-weight:900}.campaign-song footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.campaign-stars{gap:2px;display:flex}.campaign-stars i{color:#ffffff29;font-size:clamp(.68rem,1.5vw,1.05rem);font-style:normal}.campaign-stars i.is-earned{color:var(--amber);filter:drop-shadow(0 0 6px #ffcb528f)}.campaign-song footer button{border:1px solid rgb(var(--cyan-rgb) / 38%);letter-spacing:.06em;background:linear-gradient(110deg,#1b8491a8,#743091b8);border-radius:10px;min-height:36px;padding-inline:12px;font-size:.56rem;font-weight:900}.campaign-song-actions{justify-content:flex-end;align-items:stretch;gap:5px;display:flex}.campaign-song footer .jam-action{border-color:rgb(var(--magenta-rgb) / 54%);color:#ff9be0;background:#ff3fba14;min-width:45px;padding-inline:8px}.campaign-song footer .jam-action:hover:not(:disabled),.campaign-song footer .jam-action:focus-visible{background:#ff3fba2e}.game-stage-error{z-index:40;right:50%;bottom:max(16px, env(safe-area-inset-bottom));color:#ffd7e4;background:#2a0417f0;border:1px solid #ff4d7f73;border-radius:10px;max-width:min(90%,520px);margin:0;padding:9px 13px;font-size:.68rem;font-weight:750;position:absolute;transform:translate(50%);box-shadow:0 12px 34px #00000073}.campaign-hint{color:#9da5c1;text-align:center;margin:0;font-size:.62rem}.stinger-overlay{z-index:12;inset:var(--hud-height) 0 0;pointer-events:none;background:linear-gradient(90deg, #02040ff0 0 32%, #0305115e 67%, #030511bf), radial-gradient(circle at 73% 54%, rgb(var(--cyan-rgb) / 21%), transparent 42%);place-items:center start;padding:8%;display:grid;position:absolute;overflow:hidden}.stinger-overlay:after{content:"";background:linear-gradient(110deg,#0000 49%,#ffffff17 50%,#0000 51%);animation:.9s ease-out both stinger-sweep;position:absolute;inset:0;transform:translate(-100%)}.stinger-copy{z-index:2;width:min(46%,520px);position:relative}.stinger-copy p,.stinger-copy h2{margin:0}.stinger-copy p{color:var(--cyan);letter-spacing:.18em;font-size:clamp(.58rem,1.25vw,.82rem);font-weight:950}.stinger-copy h2{letter-spacing:-.06em;text-transform:uppercase;text-shadow:0 0 30px rgb(var(--cyan-rgb) / 32%);margin-block:8px 16px;font-size:clamp(1.65rem,4.6vw,4.2rem);line-height:.88}.stinger-meter{background:#ffffff1a;border-radius:99px;width:min(280px,100%);height:4px;overflow:hidden}.stinger-meter span{background:linear-gradient(90deg, var(--cyan), var(--magenta));height:100%;box-shadow:0 0 14px var(--cyan);display:block}.stinger-pulse{aspect-ratio:1;border:2px solid rgb(var(--cyan-rgb) / 38%);width:min(38vw,430px);box-shadow:0 0 24px rgb(var(--cyan-rgb) / 35%), inset 0 0 24px rgb(var(--cyan-rgb) / 20%);border-radius:50%;animation:.72s ease-out infinite stinger-pulse;position:absolute;right:16%}.game-frame[data-performance-paused=true] .stinger-overlay:after,.game-frame[data-performance-paused=true] .stinger-pulse{animation-play-state:paused}.stinger-overlay.vfx-magenta-ribbon{--cyan:#ff43b7;--cyan-rgb:255 67 183}.stinger-overlay.vfx-acid-beak-flash{--cyan:#d6ff55;--cyan-rgb:214 255 85}.stinger-overlay.vfx-amber-floor-pulse{--cyan:#ffb12e;--cyan-rgb:255 177 46}.stinger-overlay.vfx-violet-tongue-trail{--cyan:#b46cff;--cyan-rgb:180 108 255}.stinger-scanlines{opacity:.16;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff1a 4px);position:absolute;inset:0}.encore-stage{z-index:7;padding:max(13px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:radial-gradient(circle at 50% 20%, rgb(var(--magenta-rgb) / 18%), transparent 40%), linear-gradient(180deg, #0305118c, #030511eb);grid-template-rows:auto minmax(46px,1fr) auto auto;gap:clamp(5px,1.5vh,13px);display:grid;position:absolute;inset:0;overflow:hidden}.encore-stage.is-completion{background:radial-gradient(circle at 50% 48%, rgb(var(--cyan-rgb) / 27%), transparent 24%), radial-gradient(circle at 50% 50%, rgb(var(--magenta-rgb) / 22%), transparent 48%), linear-gradient(180deg, #0305117a, #030511f0)}.encore-stage.is-completion>header{z-index:3;position:relative}.encore-stage.is-completion h1{color:#fff;letter-spacing:-.055em;text-shadow:0 0 16px rgb(var(--cyan-rgb) / 70%), 0 0 42px rgb(var(--magenta-rgb) / 52%), 0 5px 22px #000;font-size:clamp(1.7rem,6vw,5.4rem);animation:.7s cubic-bezier(.2,.84,.24,1) both completion-title-arrival}.encore-stage.is-completion .encore-status,.encore-stage.is-completion .encore-pads,.encore-stage.is-completion .encore-grade{opacity:.24;filter:saturate(.5)brightness(.55)}.encore-completion-fx{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.encore-completion-fx:before,.encore-completion-fx:after{filter:blur(5px);content:"";mix-blend-mode:screen;transform-origin:50% 0;background:linear-gradient(#0000,#ffffff47,#0000 82%);border-radius:50%;width:15%;height:135%;animation:3.2s ease-in-out infinite alternate completion-searchlight;position:absolute;top:-28%}.encore-completion-fx:before{left:18%;transform:rotate(-20deg)}.encore-completion-fx:after{animation-delay:-1.6s;right:18%;transform:rotate(20deg)}.encore-completion-fx i{aspect-ratio:1;border:2px solid rgb(var(--cyan-rgb) / 55%);width:min(62vmin,560px);box-shadow:0 0 18px rgb(var(--cyan-rgb) / 40%), inset 0 0 18px rgb(var(--magenta-rgb) / 26%);border-radius:50%;animation:1.8s ease-out infinite completion-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.35)}.encore-completion-fx i:nth-child(2){border-color:rgb(var(--magenta-rgb) / 58%);animation-delay:.6s}.encore-completion-fx i:nth-child(3){animation-delay:1.2s}.encore-stage>header{justify-content:space-between;align-items:start;gap:16px;display:flex}.encore-stage h1,.encore-stage header p{margin:0}.encore-stage h1{margin-block:3px 1px;font-size:clamp(1.25rem,3.5vw,2.9rem);line-height:.92}.encore-stage header span{color:#aeb6d2;font-size:clamp(.55rem,1.15vw,.78rem)}.encore-status{border:1px solid rgb(var(--cyan-rgb) / 20%);text-align:right;background:#04081bb8;border-radius:12px;min-width:90px;padding:7px 10px}.encore-status span,.encore-status strong{display:block}.encore-status span{letter-spacing:.08em;font-size:.48rem;font-weight:850}.encore-status strong{color:var(--cyan);font-size:1.05rem}.encore-band{pointer-events:none;justify-content:center;align-items:end;gap:clamp(10px,4vw,54px);min-height:0;display:flex;position:relative}.encore-stage.is-completion .encore-band{z-index:3;filter:drop-shadow(0 0 22px rgb(var(--cyan-rgb) / 45%))}.encore-band>span{aspect-ratio:.76;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--animal-color) 34%, transparent));filter:saturate(.6)brightness(.7);border-radius:48% 48% 24% 24%;place-items:end center;width:clamp(38px,6vw,88px);transition:all 90ms ease-out;display:grid}.encore-band>span.is-active{filter:saturate(1.4) brightness(1.25) drop-shadow(0 0 12px var(--animal-color));transform:translateY(-6px)scale(1.08)}.encore-band i{background:var(--animal-color);width:58%;height:6px;box-shadow:0 0 18px var(--animal-color);border-radius:50%}.encore-pads{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(5px,1vw,11px);display:grid}.encore-pads button{border:1px solid color-mix(in srgb, var(--animal-color) 42%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--animal-color) 13%, #10152d), #080b1d 76%);text-align:left;touch-action:manipulation;border-radius:clamp(11px,1.6vw,18px);align-content:center;min-width:0;min-height:clamp(64px,15vh,118px);padding:clamp(7px,1.2vw,13px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.encore-pads button:after{aspect-ratio:1;background:var(--animal-color);opacity:.1;content:"";border-radius:50%;width:80%;position:absolute;bottom:-70%;right:-28%}.encore-pads button.is-active{background:color-mix(in srgb, var(--animal-color) 38%, #10152d);box-shadow:0 0 24px color-mix(in srgb, var(--animal-color) 52%, transparent), inset 0 0 22px #ffffff1f;transform:translateY(-3px)}.encore-pads small,.encore-pads strong,.encore-pads span{z-index:1;text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.encore-pads small{color:var(--animal-color);font-size:.47rem;font-weight:950}.encore-pads strong{margin-block:2px;font-size:clamp(.62rem,1.3vw,.92rem)}.encore-pads span{color:#9da6c3;font-size:clamp(.43rem,.9vw,.64rem)}.encore-grade{color:#8e96b2;letter-spacing:.18em;text-align:center;min-height:16px;font-size:.58rem;font-weight:950}.encore-grade.is-perfect{color:var(--acid);text-shadow:0 0 14px #d6ff55a3}.encore-grade.is-good,.encore-grade.is-hit{color:var(--cyan)}.encore-grade.is-miss{color:#ff5776}.encore-sound-prompt{z-index:5;border:1px solid rgb(var(--cyan-rgb) / 32%);text-align:center;background:#070a1ff5;border-radius:20px;width:min(100% - 34px,540px);padding:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0000009e}.encore-sound-prompt>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.resume-overlay{z-index:28;border:1px solid rgb(var(--cyan-rgb) / 34%);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06091df5;border-radius:22px;place-items:center;width:min(100% - 36px,430px);padding:22px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #000000ad}.resume-overlay h2{margin:5px 0;font-size:clamp(2rem,8vw,4rem)}.resume-overlay p:not(.eyebrow){color:#aeb6d2;margin:0 0 15px;font-size:.72rem}@keyframes stinger-sweep{to{transform:translate(110%)}}@keyframes stinger-pulse{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.2)}}@keyframes completion-title-arrival{0%{opacity:0;transform:translateY(-12px)scale(.84)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes completion-ring{0%{opacity:.9;transform:translate(-50%,-50%)scale(.28)}to{opacity:0;transform:translate(-50%,-50%)scale(1.18)}}@keyframes completion-searchlight{0%{opacity:.35;transform:rotate(-24deg)translate(-15%)}to{opacity:.82;transform:rotate(24deg)translate(15%)}}@media (orientation:landscape) and (max-height:500px){.campaign-hub{padding-block:max(9px, env(safe-area-inset-top)) max(7px, env(safe-area-inset-bottom));gap:7px}.campaign-heading h1{margin-top:2px;font-size:clamp(1.05rem,3.6vw,1.75rem)}.campaign-heading .icon-button{min-width:38px;min-height:38px}.campaign-song{border-radius:15px;gap:6px;padding:10px 12px}.song-order{font-size:clamp(1.8rem,6vw,3rem)}.song-card-copy h2{font-size:clamp(.9rem,2.5vw,1.2rem)}.song-card-copy strong,.campaign-hint{font-size:.52rem}.song-metadata div{padding:4px}.campaign-song footer button{min-height:30px;padding-inline:7px;font-size:.46rem}.stinger-overlay{padding-block:5%}.stinger-copy h2{margin-block:5px 10px}.encore-stage{padding-block:max(8px, env(safe-area-inset-top)) max(7px, env(safe-area-inset-bottom));gap:4px}.encore-stage h1{font-size:clamp(1rem,4vw,1.6rem)}.encore-status{padding-block:4px}.encore-band>span{width:clamp(32px,5.2vw,52px)}.encore-pads button{border-radius:10px;min-height:58px;padding:6px 8px}}@media (orientation:portrait) and (max-width:959px){.campaign-hub,.encore-stage,.stinger-overlay{visibility:hidden}}@media (prefers-reduced-motion:reduce){.stinger-overlay:after,.stinger-pulse{animation:none}}