*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.z-30{z-index:30}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-7{margin-top:1.75rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-14{height:3.5rem}.h-16{height:4rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.w-7{width:1.75rem}.w-auto{width:auto}.w-px{width:1px}.flex-1{flex:1 1 0%}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-white\/20{border-color:#fff3}.bg-\[\#061118\]{--tw-bg-opacity: 1;background-color:rgb(6 17 24 / var(--tw-bg-opacity, 1))}.bg-black\/25{background-color:#00000040}.bg-black\/70{background-color:#000000b3}.bg-white\/25{background-color:#ffffff40}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[max\(16px\,env\(safe-area-inset-left\)\)\]{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-left))}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-\[max\(14px\,env\(safe-area-inset-top\)\)\]{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-top))}.pt-2{padding-top:.5rem}.font-display{font-family:Impact,Arial Black,system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/85{color:#ffffffd9}.text-white\/90{color:#ffffffe6}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_8px_10px_rgba\(0\,0\,0\,\.55\)\]{--tw-drop-shadow: drop-shadow(0 8px 10px rgba(0,0,0,.55));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Inter,system-ui,sans-serif;background:#061118;overscroll-behavior:none}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100svh;height:100dvh}.app-stage{height:100%;min-height:0;padding-bottom:max(10px,env(safe-area-inset-bottom))}.app-header{flex:0 0 auto}.game-content{min-height:0;gap:clamp(6px,1.8dvh,16px)!important;overflow:hidden}.phase-listen .game-content,.phase-identify .game-content,.phase-sound-check .game-content{justify-content:flex-start!important}.level-pill,.game-controls{flex:0 0 auto}button{touch-action:manipulation}.stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/brand/backgroundphoto.png);background-position:center;background-size:cover;transform:scale(1.02)}.stage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 57%,#ffca7329,#070c160f 33%,#04070d8f 82%),linear-gradient(180deg,#02040c47,#03050c14 45%,#00000075)}.phase-sound-check .stage-vignette,.phase-listen .stage-vignette,.phase-identify .stage-vignette,.phase-success .stage-vignette,.phase-game-over .stage-vignette{background:linear-gradient(#0009,#0009),radial-gradient(circle at 50% 57%,#ffca7329,#070c160f 33%,#04070d8f 82%),linear-gradient(180deg,#02040c47,#03050c14 45%,#00000075)}.stage-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.stage-spotlight{position:absolute;top:-26%;height:92%;width:34%;opacity:.42;mix-blend-mode:screen;filter:blur(8px);transform-origin:top center;animation:spotlightSweep 8.5s ease-in-out infinite}.spotlight-left{left:16%;background:linear-gradient(180deg,rgba(255,235,178,.4),rgba(255,205,93,.12) 52%,transparent 86%);clip-path:polygon(45% 0,62% 0,100% 100%,0 100%)}.spotlight-right{right:16%;background:linear-gradient(180deg,rgba(172,241,255,.33),rgba(91,210,255,.1) 52%,transparent 86%);clip-path:polygon(38% 0,56% 0,100% 100%,0 100%);animation-delay:-4.25s}.stage-floor-glow{position:absolute;left:50%;bottom:3%;height:min(190px,28dvh);width:min(860px,86vw);border-radius:50%;background:radial-gradient(ellipse,rgba(255,184,61,.26),rgba(52,220,190,.1) 42%,transparent 72%);filter:blur(18px);transform:translate(-50%);animation:floorGlow 2.8s ease-in-out infinite}.phase-sound-check .stage-bg,.phase-listen .stage-bg,.phase-identify .stage-bg{animation:stageBreath 6s ease-in-out infinite}.firefly{--i: 0;position:absolute;left:calc(5% + ((var(--i) * 13) % 90) * 1%);top:calc(12% + ((var(--i) * 19) % 70) * 1%);height:5px;width:5px;border-radius:999px;background:#ffea99eb;box-shadow:0 0 12px #ffd247cc;opacity:.36;animation:fireflyDrift calc(4.6s + (var(--i) * .18s)) ease-in-out infinite;animation-delay:calc(var(--i) * -.31s)}.music-note-field{position:absolute;top:0;right:0;bottom:0;left:0}.floating-note{--i: 0;position:absolute;left:calc(10% + ((var(--i) * 17) % 78) * 1%);bottom:calc(12% + ((var(--i) * 7) % 24) * 1%);color:#fff9d5c7;font-family:Impact,Arial Black,system-ui,sans-serif;font-size:clamp(1.4rem,3vw,2.6rem);line-height:1;text-shadow:0 0 14px rgba(255,185,62,.86),0 4px 7px rgba(0,0,0,.35);animation:noteRise calc(2.7s + (var(--i) * .11s)) linear infinite;animation-delay:calc(var(--i) * -.24s)}.opening-screen{display:grid;flex:1;width:min(760px,94vw);align-content:center;justify-items:center;align-self:center;padding:clamp(8px,3dvh,40px) 0 clamp(8px,3dvh,28px);text-align:center}.opening-logo{width:min(500px,78vw,58dvh);margin-top:clamp(0px,2dvh,28px);filter:drop-shadow(0 16px 0 rgba(0,0,0,.34)) drop-shadow(0 17px 15px rgba(0,0,0,.46))}.opening-actions{display:grid;grid-template-columns:clamp(84px,14vw,116px) clamp(260px,42vw,360px);align-items:end;justify-content:center;gap:clamp(24px,4vw,34px);margin-top:clamp(14px,5dvh,56px)}.opening-help-button,.opening-start-button{display:inline-flex;min-height:74px;align-items:center;justify-content:center;border:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8f8f8 44%,#dddfe8);box-shadow:inset 0 -7px #7e7f9557,inset 0 2px #ffffffe6,0 9px #18192a47,0 15px 22px #00000038;color:#141416}.opening-help-button{color:#ffa600}.opening-start-button{gap:10px;padding:0 52px;font-family:Impact,Arial Black,system-ui,sans-serif;font-size:clamp(2.15rem,5vw,3.05rem);font-weight:900;letter-spacing:0}.opening-help-button:active,.opening-start-button:active{transform:translateY(4px);box-shadow:inset 0 -4px #7e7f9557,inset 0 2px #ffffffe6,0 5px #18192a47,0 10px 16px #0003}.instructions-panel{width:min(560px,90vw);border:5px solid rgba(255,255,255,.94);border-radius:8px;background:#091e24f5;box-shadow:0 28px 55px #0000008c;padding:clamp(24px,4.5vw,40px);text-align:center}.install-panel{display:grid;width:min(780px,92vw);grid-template-columns:clamp(104px,16vw,148px) minmax(0,1fr);-moz-column-gap:clamp(20px,4vw,34px);column-gap:clamp(20px,4vw,34px);align-items:center;border:5px solid rgba(255,255,255,.94);border-radius:8px;background:#091e24f7;box-shadow:0 28px 55px #0000008c;padding:clamp(22px,4vw,34px);text-align:left}.install-panel img{grid-row:1 / 4;width:clamp(96px,15vw,138px);aspect-ratio:1;border:3px solid rgba(255,255,255,.76);border-radius:22px;box-shadow:0 12px 22px #00000052}.instructions-panel h2{margin:0 0 14px;font-family:Impact,Arial Black,system-ui,sans-serif;font-size:clamp(2.5rem,7vw,4rem);line-height:1;color:#fff;text-transform:uppercase;text-shadow:0 4px 0 rgba(0,0,0,.4)}.install-panel h2{margin:0 0 8px;font-family:Impact,Arial Black,system-ui,sans-serif;font-size:clamp(2.25rem,5.2vw,3.65rem);line-height:1;color:#fff;text-transform:uppercase;text-shadow:0 4px 0 rgba(0,0,0,.4)}.instructions-panel p{margin:0 auto 12px;max-width:430px;color:#ffffffe0;font-size:clamp(1rem,2vw,1.2rem);font-weight:800;line-height:1.35}.install-panel p{max-width:470px;margin:0;color:#ffffffe0;font-size:clamp(1rem,2vw,1.18rem);font-weight:800;line-height:1.35}.instructions-panel .primary-button{margin-top:18px}.install-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:18px}.install-secondary-button{min-height:68px;border:0;border-radius:18px;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff40;color:#fff;font-family:Impact,Arial Black,system-ui,sans-serif;font-size:clamp(1.55rem,3.7vw,2.1rem);font-weight:900;padding-inline:28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.animal-arc{display:flex;flex:1 1 auto;min-height:0;align-items:center;justify-content:center;gap:clamp(10px,2.2vw,30px);padding:8px 0 4px}.animal-slot{position:relative;display:grid;place-items:center}.animal-grid{display:grid;flex:1 1 auto;width:min(1040px,94vw);min-height:0;grid-template-columns:repeat(6,minmax(88px,1fr));gap:clamp(10px,1.6vw,18px);align-items:center;align-self:center}.animal-card{--accent: #63ffc7;position:relative;display:flex;aspect-ratio:2 / 3;width:clamp(88px,min(12vw,24dvh),168px);flex-direction:column;border:5px solid rgba(255,255,255,.88);background:#0d1418d1;box-shadow:0 17px 26px #0000006b;color:#fff;overflow:hidden;transition:filter .18s ease,box-shadow .18s ease,border-color .18s ease;isolation:isolate;animation:cardIdle 4.2s ease-in-out infinite;animation-delay:calc(var(--card-delay, 0) * 1s)}.animal-card:disabled{cursor:default}.animal-card:not(:disabled){cursor:pointer}.animal-card-active{border-color:#fff;box-shadow:0 0 0 3px var(--accent),0 0 38px color-mix(in srgb,var(--accent) 74%,transparent),0 19px 30px #0000006b;filter:saturate(1.22) brightness(1.06);animation:activeCardBeat .74s ease-in-out infinite}.animal-card-highlighted{border-color:#fff7c6;box-shadow:0 0 0 4px #ffb71ee6,0 0 38px #ffb71ebd,0 19px 30px #0000006b;animation:tutorialPulse 1.2s ease-in-out infinite}.animal-card-wrong{border-color:#ffd8d8;box-shadow:0 0 0 4px #ff5f5fe6,0 0 34px #ff4c4cb8,0 19px 30px #0000006b;animation:wrongCardNudge .28s ease-in-out 2}.animal-card-concealed{border-color:#ffffff70;background:#d4dddb4d;box-shadow:0 0 28px #ffffff57,0 17px 26px #0000006b;pointer-events:none}.animal-card-concealed .animal-media,.animal-card-concealed .animal-caption{opacity:0;visibility:hidden}.animal-card-concealed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:repeating-linear-gradient(45deg,#ffffff21 0,#ffffff21 10px,#ffffff0a 10px,#ffffff0a 20px),radial-gradient(circle at 50% 38%,#ffffff6b,#343c49e6 42%,#11161ffa);filter:blur(13px) saturate(.3);transform:scale(1.22)}.animal-card-concealed:after{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;z-index:2;background:radial-gradient(circle,rgba(255,255,255,.36),rgba(255,255,255,.08) 46%,transparent 70%),linear-gradient(135deg,#070a105c,#ffffff14,#070a105c);filter:blur(16px);pointer-events:none;animation:mysteryGlow 1.6s ease-in-out infinite}.animal-card-compact{width:100%}.animal-media{position:relative;display:block;flex:1;min-height:0;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 40%,#101923),#2a2342)}.animal-video,.animal-image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.animal-video{opacity:0;transition:opacity .18s ease}.animal-card-active .animal-video{opacity:1}.animal-card-has-video.animal-card-active .animal-image{opacity:0}.animal-image{transition:opacity .18s ease,transform .26s ease}.animal-card:not(.animal-card-concealed):hover .animal-image{transform:scale(1.06)}.animal-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:12px;text-align:center}.animal-fallback span{display:grid;height:min(44%,72px);width:min(58%,88px);place-items:center;border:3px solid rgba(255,255,255,.86);border-radius:999px;background:#ffffff29;font-family:Impact,Arial Black,sans-serif;font-size:clamp(1.5rem,4vw,3.2rem)}.animal-fallback small{align-self:end;font-size:clamp(.62rem,1.1vw,.82rem);font-weight:900;text-transform:uppercase}.animal-caption{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;display:flex;justify-content:center;text-align:center;pointer-events:none}.animal-caption small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;max-width:100%;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--accent) 74%,rgba(255,255,255,.92));box-shadow:inset 0 0 0 1px #ffffffb8,0 4px 10px #00000047;color:#061118;font-size:clamp(.62rem,1.08vw,.78rem);font-weight:1000;line-height:1;padding:4px 9px;text-transform:uppercase}.choice-burst{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;z-index:12;display:flex;align-items:center;justify-content:center;gap:8px;border:4px solid currentColor;border-radius:999px;color:#ffe586;filter:drop-shadow(0 0 18px rgba(255,207,67,.88));pointer-events:none}.choice-burst-wrong{color:#ff5661;filter:drop-shadow(0 0 18px rgba(255,66,89,.75))}.stage-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:grid;place-items:center;align-content:center;gap:clamp(18px,4dvh,34px);background:radial-gradient(circle at 50% 46%,rgba(255,193,85,.22),transparent 34%),linear-gradient(180deg,#03080dc2,#03080deb);padding:clamp(18px,4vw,40px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stage-loading-photo-wrap{position:relative;width:min(520px,78vw);max-height:64dvh;overflow:hidden;border:5px solid rgba(255,255,255,.9);border-radius:8px;background:#061319db;box-shadow:0 28px 55px #00000085,0 0 42px #ffb94138}.stage-loading-photo{display:block;width:100%;max-height:64dvh;-o-object-fit:contain;object-fit:contain}.stage-loading-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 24%,rgba(255,255,255,.24) 42%,transparent 60%);mix-blend-mode:screen;transform:translate(-120%);animation:loadingPhotoShine 1.8s ease-in-out infinite;pointer-events:none}.stage-loading-bar{position:relative;height:clamp(18px,3.4dvh,26px);width:min(440px,72vw);overflow:hidden;border:3px solid rgba(255,255,255,.88);border-radius:999px;background:#ffffff29;box-shadow:inset 0 3px 8px #00000057,0 12px 22px #00000057}.stage-loading-bar span{position:absolute;inset:3px auto 3px 3px;width:42%;border-radius:inherit;background:linear-gradient(90deg,#fff,#ffd56f 44%,#78ffe3);box-shadow:0 0 20px #ffdc6fb8;animation:loadingBarSweep 1.15s ease-in-out infinite}.stage-select{display:grid;width:min(1000px,100%);grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;align-self:center;gap:clamp(8px,1.4vw,18px);padding:clamp(4px,1.4dvh,14px) 0}.stage-track{display:flex;min-height:0;align-items:center;justify-content:center;gap:clamp(12px,2.3vw,28px)}.stage-card{position:relative;display:grid;aspect-ratio:.68;width:clamp(82px,min(14vw,32dvh),158px);align-content:center;justify-items:center;overflow:hidden;border:4px solid #6f3515;border-radius:22px;background:linear-gradient(90deg,rgba(255,255,255,.14),transparent 22%,transparent 76%,rgba(70,28,7,.2)),linear-gradient(180deg,#c26b31,#8b431c 53%,#6e3216);box-shadow:inset 0 0 0 4px #ffbc654d,inset 0 -11px #2b11043d,0 16px 22px #0000006b;color:#fff3d7;cursor:pointer;transition:filter .17s ease,transform .17s ease}.stage-card:not(:disabled):hover{filter:brightness(1.1) saturate(1.08)}.stage-card:before,.stage-card:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:2px dashed rgba(82,34,11,.42);border-radius:16px;pointer-events:none}.stage-card:after{inset:auto 18px 14px;height:10px;border:0;border-radius:999px;background:#2f110333}.stage-card:disabled{cursor:wait;filter:brightness(.82)}.stage-number{font-family:Impact,Arial Black,system-ui,sans-serif;font-size:clamp(3.2rem,7.5vw,5rem);line-height:.95;color:#ffe8bd;text-shadow:0 3px 0 #57260d,0 6px 0 rgba(0,0,0,.22),0 0 11px rgba(255,221,145,.35)}.stage-stars{display:flex;gap:5px;margin-top:clamp(12px,2.4vh,22px)}.stage-stars span,.star{display:block;height:clamp(24px,4.5vw,38px);width:clamp(24px,4.5vw,38px);overflow:hidden;color:transparent;background:#ffb51e;clip-path:polygon(50% 0%,61% 33%,96% 34%,68% 55%,79% 90%,50% 69%,21% 90%,32% 55%,4% 34%,39% 33%);filter:drop-shadow(0 2px 0 #7a3b08) drop-shadow(0 4px 4px rgba(0,0,0,.35))}.stage-card small{position:absolute;bottom:12px;left:12px;right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.62rem,1.1vw,.78rem);font-weight:1000;text-transform:uppercase;color:#ffefcdd1}.stage-arrow{display:grid;height:clamp(76px,16dvh,118px);width:clamp(48px,6vw,64px);place-items:center;border:0;border-radius:18px;background:linear-gradient(180deg,#6f3412f2,#421908e6);box-shadow:inset 0 0 0 3px #ffac4938,0 12px 20px #00000059;color:#ffb12a}.stage-arrow:active{transform:translateY(3px)}.tutorial-coach{display:grid;position:relative;z-index:8;width:min(520px,92vw);justify-items:center;align-self:center;gap:3px;border:3px solid rgba(255,255,255,.82);border-radius:8px;background:#07151bd6;box-shadow:0 13px 24px #00000052,inset 0 0 0 1px #ffbc4838;padding:clamp(6px,1.5dvh,10px) 18px clamp(7px,1.7dvh,12px);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.tutorial-coach span{color:#ffb51e;font-family:Impact,Arial Black,system-ui,sans-serif;font-size:.95rem;font-weight:900;text-transform:uppercase}.tutorial-coach strong{color:#fff;font-family:Impact,Arial Black,system-ui,sans-serif;font-size:clamp(1.45rem,3.8vw,2.25rem);line-height:1;text-transform:uppercase;text-shadow:0 3px 0 rgba(0,0,0,.35)}.tutorial-coach p{max-width:520px;margin:0;color:#ffffffe0;font-size:clamp(.85rem,1.5vw,1rem);font-weight:800;line-height:1.25}.listen-progress{display:flex;min-height:clamp(42px,9dvh,64px);align-items:center;justify-content:center;gap:14px}.listen-bar{position:relative;height:16px;width:min(360px,52vw);overflow:hidden;border-radius:999px;background:#ffffff38;box-shadow:inset 0 2px 5px #00000047,0 4px 12px #00000047}.listen-bar-fill{position:absolute;inset:0 auto 0 0;width:0%;border-radius:inherit;background:#fff;box-shadow:0 0 18px #ffffffbf}.listen-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,196,61,.78),transparent);animation:progressShimmer .8s linear infinite}.skip-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:6px;border:0;border-radius:16px;background:linear-gradient(#fff,#e4e4e4);box-shadow:inset 0 -4px #0000002e,0 7px #00000047;color:#1a1a20;font-family:Impact,Arial Black,system-ui,sans-serif;font-size:1.35rem;font-weight:900;padding:0 18px}.sound-check-controls{display:grid;min-height:clamp(58px,12dvh,82px);align-items:center;justify-content:center;justify-items:center;gap:clamp(8px,1.8dvh,14px);margin-top:clamp(12px,3dvh,28px)}.sound-check-hint{margin:0;border:2px solid rgba(255,255,255,.26);border-radius:999px;background:#030e128f;box-shadow:inset 0 0 0 1px #ffbc481f,0 8px 18px #00000038;color:#ffffffe6;font-size:clamp(.82rem,1.45vw,1rem);font-weight:1000;line-height:1;padding:8px 15px;text-align:center;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tutorial-coach-animal{position:absolute;left:50%;bottom:calc(100% + 10px);width:clamp(210px,27vw,320px);translate:-50% 0}.tutorial-coach-listen,.tutorial-coach-check{width:min(360px,86vw);margin-inline:auto;margin-bottom:10px}.tutorial-coach-wrong{border-color:#ffdbdbe6;background:#300b10e6;box-shadow:0 13px 24px #00000052,inset 0 0 0 1px #ff6f6f59}.tutorial-coach:after{content:"";position:absolute;left:50%;bottom:-11px;width:18px;height:18px;border-right:3px solid rgba(255,255,255,.82);border-bottom:3px solid rgba(255,255,255,.82);background:inherit;transform:translate(-50%) rotate(45deg)}.tutorial-coach-listen:after,.tutorial-coach-check:after{bottom:-9px}.sound-check-start{position:relative;min-width:clamp(230px,34vw,340px);overflow:hidden;background:linear-gradient(180deg,#fff8d8,#ffd45a 46%,#f29b22);box-shadow:inset 0 -7px #7835043d,inset 0 2px #ffffffe0,0 10px #471f076b,0 0 24px #fff5b58a,0 0 52px #ffb93194;color:#2d1804;isolation:isolate;animation:startShowPulse 1.25s ease-in-out infinite}.sound-check-start:before,.sound-check-start:after{content:"";position:absolute;pointer-events:none}.sound-check-start:before{top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1;border-radius:inherit;background:radial-gradient(circle,rgba(255,248,198,.62),rgba(255,181,30,.28) 45%,transparent 70%);filter:blur(16px);animation:startShowAura 1.25s ease-in-out infinite}.sound-check-start:after{inset:-35% auto -35% -42%;z-index:1;width:36%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.82),transparent);transform:rotate(11deg);animation:startShowShine 1.8s ease-in-out infinite}.sound-check-start>span,.sound-check-start>svg{position:relative;z-index:2}.sound-check-start:not(:disabled):hover{animation-play-state:paused}.control-highlight{outline:4px solid rgba(255,181,30,.9);outline-offset:5px;animation:tutorialPulse 1.2s ease-in-out infinite}@keyframes tutorialPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}@keyframes startShowPulse{0%,to{filter:brightness(1) saturate(1);transform:translateY(0) scale(1)}50%{filter:brightness(1.15) saturate(1.12);transform:translateY(-4px) scale(1.055)}}@keyframes wrongCardNudge{0%,to{translate:0 0}35%{translate:-5px 0}70%{translate:5px 0}}@keyframes startShowAura{0%,to{opacity:.64;transform:scale(.94)}50%{opacity:1;transform:scale(1.12)}}@keyframes startShowShine{0%{transform:translate(0) rotate(11deg)}48%,to{transform:translate(420%) rotate(11deg)}}.mistake-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:grid;place-items:center;background:radial-gradient(circle at 50% 47%,rgba(255,0,18,.32),transparent 27%),radial-gradient(circle at 50% 56%,rgba(255,42,42,.16),transparent 46%),linear-gradient(90deg,rgba(176,0,19,.42),transparent 30%,transparent 70%,rgba(176,0,19,.42));box-shadow:inset 0 0 95px #ff0020b8;pointer-events:none;animation:mistakeShake .42s linear 2}.broken-heart{position:relative;height:clamp(110px,24vw,170px);width:clamp(130px,28vw,205px);filter:drop-shadow(0 8px 0 rgba(0,0,0,.28)) drop-shadow(0 0 22px rgba(255,0,0,.55))}.heart-left,.heart-right{position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:#df000b;border:3px solid white}.heart-left{clip-path:polygon(50% 20%,39% 7%,20% 0%,5% 9%,0% 27%,6% 44%,50% 92%,62% 79%,50% 69%,59% 59%,47% 43%,55% 33%)}.heart-right{clip-path:polygon(50% 20%,61% 7%,80% 0%,95% 9%,100% 27%,94% 44%,50% 92%,39% 81%,56% 65%,45% 52%,57% 41%,47% 27%)}.heart-crack{position:absolute;left:50%;top:13%;height:78%;width:30px;transform:translate(-50%) rotate(1deg);background:#fff;clip-path:polygon(32% 0%,100% 29%,58% 29%,82% 52%,31% 83%,0% 78%,48% 51%,22% 28%,58% 28%)}.primary-button,.check-button,.square-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;font-family:Impact,Arial Black,system-ui,sans-serif;font-weight:900;letter-spacing:0}.primary-button,.check-button{min-height:clamp(48px,9.5dvh,66px);border-radius:20px;background:linear-gradient(#fff,#e8e8e8);box-shadow:inset 0 -6px #00000029,0 10px #00000057;color:#171719;font-size:clamp(2rem,4.4vw,3rem);gap:10px;padding:0 46px;transition:filter .15s ease,transform .15s ease}.primary-button:not(:disabled):hover,.check-button:not(:disabled):hover,.square-button:not(:disabled):hover,.icon-button:not(:disabled):hover,.opening-help-button:hover,.opening-start-button:hover,.skip-button:hover,.stage-arrow:hover{filter:brightness(1.08);transform:translateY(-2px)}.primary-button.compact{min-height:68px;border-radius:18px;font-size:clamp(1.7rem,4vw,2.4rem);padding-inline:32px}.check-button{width:clamp(230px,32vw,320px)}.square-button,.icon-button{position:relative;height:clamp(48px,9.5dvh,66px);width:clamp(56px,10.5dvh,76px);border-radius:18px;background:linear-gradient(#fff,#d9d9dc);box-shadow:inset 0 -6px #0000002e,0 8px #0000004d;color:#3f2e42}.icon-button{height:48px;width:48px;border-radius:14px;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff40;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-button.light{background:#ffffffeb;color:#142027}.primary-button:disabled,.check-button:disabled,.square-button:disabled{cursor:not-allowed;filter:grayscale(.45) brightness(.72)}.cost{position:absolute;right:9px;top:8px;border-radius:999px;background:#d9121e;padding:1px 5px;font-family:Inter,system-ui,sans-serif;font-size:.68rem;font-weight:1000;color:#fff}.result-panel{width:min(560px,88vw);border:6px solid rgba(255,255,255,.92);background:#0a2228;box-shadow:0 28px 55px #0000008c;padding:clamp(28px,5vw,46px);text-align:center}.install-result-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;margin-top:18px;border:0;border-radius:8px;background:linear-gradient(180deg,#f8fffb,#d9f6ef);box-shadow:inset 0 -4px #0b36362e,0 8px #00000040;color:#0d2528;font-family:Impact,Arial Black,system-ui,sans-serif;font-size:1.35rem;font-weight:900;padding:0 20px}.star{height:clamp(54px,8vw,80px);width:clamp(54px,8vw,80px);background:transparent;box-shadow:inset 0 0 0 2px #fff;filter:drop-shadow(0 4px 0 rgba(0,0,0,.25))}.star-on{background:#ffac18;box-shadow:none;animation:starGlow 1.25s ease-in-out infinite}@keyframes stageBreath{0%,to{transform:scale(1.02)}50%{transform:scale(1.055)}}@keyframes spotlightSweep{0%,to{transform:rotate(-7deg) translate(-3%)}50%{transform:rotate(7deg) translate(3%)}}@keyframes floorGlow{0%,to{opacity:.52;transform:translate(-50%) scaleX(.95)}50%{opacity:.88;transform:translate(-50%) scaleX(1.06)}}@keyframes fireflyDrift{0%,to{opacity:.2;transform:translateZ(0) scale(.75)}50%{opacity:.7;transform:translate3d(22px,-18px,0) scale(1.15)}}@keyframes noteRise{0%{opacity:0;transform:translate3d(0,30px,0) rotate(-8deg) scale(.82)}14%,70%{opacity:.88}to{opacity:0;transform:translate3d(calc(((var(--i) % 2) * 34px) - 17px),-180px,0) rotate(12deg) scale(1.18)}}@keyframes cardIdle{0%,to{filter:brightness(1)}50%{filter:brightness(1.04)}}@keyframes activeCardBeat{0%,to{filter:saturate(1.22) brightness(1.06)}50%{filter:saturate(1.32) brightness(1.18)}}@keyframes mysteryGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes loadingPhotoShine{0%{transform:translate(-120%)}42%,to{transform:translate(120%)}}@keyframes loadingBarSweep{0%{transform:translate(-16%)}50%{transform:translate(134%)}to{transform:translate(-16%)}}@keyframes mistakeShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes starGlow{0%,to{filter:drop-shadow(0 4px 0 rgba(0,0,0,.25)) drop-shadow(0 0 8px rgba(255,172,24,.55))}50%{filter:drop-shadow(0 4px 0 rgba(0,0,0,.25)) drop-shadow(0 0 20px rgba(255,218,93,.95))}}.portrait-hint{display:none}.suno-page{width:min(1180px,96vw);max-height:100%;align-self:center;padding:clamp(4px,1.2dvh,14px) 0 clamp(4px,1.8dvh,18px);overflow:hidden}.suno-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:clamp(8px,2dvh,18px)}.suno-kicker,.suno-panel-title,.suno-status,.suno-track-actions,.suno-stem-links a,.suno-primary,.suno-back-button{display:inline-flex;align-items:center}.suno-kicker{gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#030d129e;padding:7px 12px;color:#9df1e7;font-size:.76rem;font-weight:900;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.suno-header h1{margin:10px 0 0;font-family:Impact,Arial Black,system-ui,sans-serif;font-size:clamp(2.6rem,6vw,5.2rem);line-height:.95;text-transform:uppercase;text-shadow:0 5px 0 rgba(0,0,0,.45)}.suno-back-button,.suno-primary,.suno-status button,.suno-track-actions button,.suno-track-actions a,.suno-stem-links a,.suno-download-all{border:0;border-radius:8px;font-weight:900}.suno-back-button{min-height:46px;justify-content:center;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff3d;color:#fff;padding:0 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.suno-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.35fr);gap:clamp(14px,2vw,22px);align-items:start;min-height:0}.suno-panel{border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#041117d1;box-shadow:0 18px 42px #0000005c;padding:clamp(16px,2.2vw,24px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.suno-form,.suno-results{display:grid;gap:14px}.suno-form label{display:grid;gap:7px}.suno-form label>span,.suno-panel-title h2{font-size:.78rem;font-weight:1000;text-transform:uppercase}.suno-form label>span{display:inline-flex;align-items:center;gap:7px;color:#ffffffc7}.suno-form input,.suno-form textarea,.suno-form select{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff17;color:#fff;font:800 .95rem/1.35 Inter,system-ui,sans-serif;outline:none;padding:11px 12px}.suno-form textarea{min-height:132px;resize:vertical}.suno-form select option{color:#111}.suno-form input:disabled{opacity:.42}.suno-switches,.suno-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.suno-check{display:flex!important;min-height:46px;align-items:center;gap:10px!important;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff14;padding:0 12px}.suno-check input{width:18px;height:18px;accent-color:#f7b733}.suno-error{margin:0;border-radius:8px;background:#ea404e2e;color:#ffd8dc;font-weight:800;padding:10px 12px}.suno-primary{min-height:56px;justify-content:center;gap:10px;background:linear-gradient(180deg,#f8fffb,#d9f6ef);box-shadow:inset 0 -5px #0b36362e,0 9px #00000040;color:#0d2528;font-family:Impact,Arial Black,system-ui,sans-serif;font-size:1.65rem}.suno-primary:disabled,.suno-track-actions button:disabled,.suno-status button:disabled{cursor:not-allowed;filter:grayscale(.42) brightness(.68)}.suno-spin{animation:sunoSpin .9s linear infinite}.suno-panel-title{justify-content:space-between;gap:10px;margin-bottom:12px}.suno-panel-title h2{flex:1;margin:0;color:#ffffffe6;font-size:1rem}.suno-panel-title code{max-width:min(260px,36vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;background:#ffffff1a;padding:5px 9px;color:#f9d66c;font-size:.72rem}.suno-status{justify-content:space-between;gap:10px;margin-bottom:10px}.suno-status span{border-radius:999px;background:#71e7bd24;color:#9df1c6;font-size:.72rem;font-weight:1000;padding:5px 9px}.suno-status button{background:#ffffff21;color:#fff;padding:7px 11px}.suno-track-list,.suno-stem-list{display:grid;gap:12px}.suno-track,.suno-stem-job{display:grid;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff12;padding:12px}.suno-track{grid-template-columns:86px minmax(0,1fr);gap:12px}.suno-track img{width:86px;aspect-ratio:1;border-radius:8px;-o-object-fit:cover;object-fit:cover}.suno-track strong,.suno-stem-job strong{display:block;overflow:hidden;color:#fff;font-size:1rem;font-weight:1000;text-overflow:ellipsis;white-space:nowrap}.suno-track small,.suno-stem-job small,.suno-empty,.suno-stem-links p{color:#ffffffa8;font-size:.82rem;font-weight:800}.suno-track audio{display:block;width:100%;height:34px;margin-top:9px}.suno-track-actions{grid-column:1 / -1;flex-wrap:wrap;gap:8px}.suno-track-actions button,.suno-track-actions a,.suno-stem-links a,.suno-download-all{min-height:38px;justify-content:center;gap:7px;background:#ffffffe6;color:#132327;padding:0 12px;text-decoration:none}.suno-download-all{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;margin-top:8px;background:linear-gradient(180deg,#ffe698,#f7b733)}.suno-stem-job{gap:5px}.suno-stem-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.suno-empty,.suno-stem-links p{margin:0;line-height:1.45}.phase-suno .portrait-hint{display:none}@keyframes sunoSpin{to{transform:rotate(360deg)}}@media(max-width:900px)and (orientation:landscape){.app-stage{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(6px,env(safe-area-inset-bottom))}.app-header img{height:clamp(44px,12dvh,58px)!important}.level-pill{margin-top:clamp(8px,2.4dvh,16px)!important;padding:4px 12px!important;font-size:.72rem!important}.opening-screen{padding-top:6px}.opening-logo{width:min(390px,58vw);margin-top:0}.opening-actions{grid-template-columns:82px minmax(230px,300px);gap:24px;margin-top:clamp(18px,5dvh,34px)}.opening-help-button,.opening-start-button{min-height:62px;border-radius:16px}.opening-start-button{padding:0 40px;font-size:clamp(1.9rem,5vw,2.5rem)}.instructions-panel{padding:20px 28px}.install-panel{width:min(720px,94vw);grid-template-columns:clamp(82px,16dvh,112px) minmax(0,1fr);-moz-column-gap:18px;column-gap:18px;padding:18px 24px}.install-panel img{width:clamp(82px,16dvh,112px);border-radius:18px}.install-panel h2{font-size:clamp(1.85rem,8dvh,2.7rem)}.install-panel p{font-size:.95rem}.install-actions{margin-top:14px}.install-secondary-button,.install-actions .primary-button.compact{min-height:54px;border-radius:15px;font-size:clamp(1.35rem,5dvh,1.8rem);padding-inline:24px}.instructions-panel p{margin-bottom:8px;font-size:.95rem}.animal-arc{gap:10px;padding-block:0}.animal-card{width:clamp(104px,min(16vw,31dvh),176px);border-width:4px}.animal-caption{left:7px;right:7px;bottom:7px}.stage-select{grid-template-columns:48px minmax(0,1fr) 48px}.stage-track{gap:10px}.stage-card{width:clamp(72px,min(15vw,31dvh),118px);border-width:3px;border-radius:17px}.stage-number{font-size:clamp(2.4rem,6.8vw,3.7rem)}.stage-card small{bottom:9px;font-size:.55rem}.stage-arrow{height:70px;width:44px;border-radius:14px}.listen-progress{min-height:58px}.sound-check-controls{min-height:58px;margin-top:clamp(16px,4dvh,28px)}.sound-check-start{min-height:clamp(48px,12dvh,58px);min-width:clamp(190px,34vw,270px);border-radius:16px;font-size:clamp(1.6rem,4vw,2.3rem)}.listen-bar{height:14px;width:min(330px,48vw)}.skip-button{min-height:44px;border-radius:14px;font-size:1.1rem;padding-inline:14px}.broken-heart{height:clamp(82px,22vw,120px);width:clamp(98px,26vw,145px)}.square-button{height:clamp(42px,10dvh,54px);width:clamp(50px,11dvh,62px);border-radius:15px}.check-button{min-height:clamp(42px,10dvh,54px);width:clamp(170px,31vw,250px);border-radius:16px;font-size:clamp(1.6rem,4vw,2.3rem)}}@media(max-height:520px){.app-stage{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.app-header img{height:clamp(38px,11dvh,54px)!important}.level-pill{margin-top:clamp(6px,2dvh,12px)!important;padding:2px 9px!important;font-size:.62rem!important}.animal-arc,.stage-track{padding-block:0}.animal-card{width:clamp(96px,min(15vw,28dvh),168px);border-width:3px}.animal-caption{left:6px;right:6px;bottom:6px}.animal-caption small{font-size:.54rem;padding:3px 7px}.tutorial-coach{gap:1px;padding-block:5px 6px}.tutorial-coach span{font-size:.68rem}.tutorial-coach strong{font-size:clamp(1.05rem,4.4dvh,1.35rem)}.tutorial-coach p{font-size:.72rem;line-height:1.12}.install-panel{width:min(650px,94vw);grid-template-columns:clamp(68px,18dvh,92px) minmax(0,1fr);-moz-column-gap:14px;column-gap:14px;padding:14px 18px}.install-panel img{width:clamp(68px,18dvh,92px);border-radius:16px}.install-panel h2{margin-bottom:5px;font-size:clamp(1.45rem,8dvh,2rem)}.install-panel p{font-size:.78rem;line-height:1.2}.install-actions{gap:8px;margin-top:10px}.install-secondary-button,.install-actions .primary-button.compact{min-height:42px;border-radius:12px;font-size:clamp(1.05rem,5.5dvh,1.45rem);padding-inline:18px}.listen-progress{min-height:38px}.sound-check-controls{min-height:44px;margin-top:clamp(14px,4dvh,22px)}.sound-check-start{min-height:44px;min-width:clamp(160px,32vw,230px);border-radius:13px;font-size:clamp(1.25rem,5dvh,1.75rem);padding-inline:24px}.skip-button{min-height:38px;font-size:1rem}.square-button,.icon-button{height:38px;width:46px;border-radius:12px}.check-button{min-height:38px;width:clamp(140px,28vw,200px);border-radius:13px;font-size:clamp(1.25rem,5dvh,1.75rem)}}.game-controls-with-coach{display:flex;align-items:flex-end;justify-content:center;gap:12px}.check-coach-target,.listen-coach-target{display:grid;justify-items:center}@media(max-width:740px)and (orientation:landscape){.opening-logo{width:min(350px,56vw)}.opening-actions{grid-template-columns:78px minmax(220px,284px);margin-top:16px}.animal-grid{grid-template-columns:repeat(6,minmax(64px,1fr));gap:8px}}@media(max-width:940px){.suno-layout{grid-template-columns:1fr}}@media(max-width:760px){.suno-page{width:min(100%,94vw)}.suno-header{align-items:start}.suno-header h1{font-size:clamp(2.1rem,10vw,3rem)}.suno-switches,.suno-grid-2{grid-template-columns:1fr}.suno-track{grid-template-columns:68px minmax(0,1fr)}.suno-track img{width:68px}}@media(orientation:portrait)and (max-width:760px){.portrait-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;align-content:center;gap:16px;background:#03080deb;padding:30px;text-align:center;font-family:Impact,Arial Black,system-ui,sans-serif;font-size:2rem}}@media(min-width:640px){.sm\:h-16{height:4rem}.sm\:text-5xl{font-size:3rem;line-height:1}}@media(min-width:768px){.md\:h-20{height:5rem}}