@import"https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--ziling-primary-50: #FFF6ED;--ziling-primary-100: #FFE9D0;--ziling-primary-200: #FFD1A0;--ziling-primary-300: #FFB46B;--ziling-primary-400: #FF9C50;--ziling-primary-500: #FF8C42;--ziling-primary-600: #E87230;--ziling-primary-700: #C45824;--ziling-primary-800: #9C4520;--ziling-primary-900: #7D3A1E;--ziling-accent-50: #E8FAF8;--ziling-accent-100: #C5F3EF;--ziling-accent-200: #8FE8E0;--ziling-accent-300: #55D8CC;--ziling-accent-400: #3DCABD;--ziling-accent-500: #2EC4B6;--ziling-accent-600: #25A99D;--ziling-accent-700: #1E887E;--ziling-accent-800: #1A6B63;--ziling-accent-900: #155750;--ziling-success-50: #EDFCF2;--ziling-success-100: #D3F8DF;--ziling-success-200: #A9EEC4;--ziling-success-300: #72DFA5;--ziling-success-400: #48C986;--ziling-success-500: #34B76E;--ziling-success-600: #289B5A;--ziling-success-700: #217D4B;--ziling-success-800: #1D633E;--ziling-success-900: #1A4F33;--ziling-warning-50: #FFF9E6;--ziling-warning-100: #FFF0C2;--ziling-warning-200: #FFE28A;--ziling-warning-300: #FFCF4F;--ziling-warning-400: #FFC025;--ziling-warning-500: #FFAD00;--ziling-warning-600: #DB9400;--ziling-warning-700: #B07800;--ziling-warning-800: #885C00;--ziling-warning-900: #6B4700;--ziling-error-50: #FFF0F0;--ziling-error-100: #FFDBDB;--ziling-error-200: #FFB8B8;--ziling-error-300: #FF8C8C;--ziling-error-400: #FF5F5F;--ziling-error-500: #FF3B3B;--ziling-error-600: #E82020;--ziling-error-700: #C11818;--ziling-error-800: #9E1414;--ziling-error-900: #7E1212;--ziling-info-50: #F0F6FF;--ziling-info-100: #DBE9FF;--ziling-info-200: #BFD4FF;--ziling-info-300: #8CB8FF;--ziling-info-400: #5A99FF;--ziling-info-500: #3B82F6;--ziling-info-600: #2563EB;--ziling-info-700: #1D4ED8;--ziling-info-800: #1E40AF;--ziling-info-900: #1E3A8A;--ziling-cream-50: #FFFDFB;--ziling-cream-100: #FFFBF5;--ziling-cream-200: #FFF5E6;--ziling-cream-300: #FFEDCF;--ziling-cream-400: #FFE0B2;--ziling-cream-500: #FFD19A;--ziling-cream-600: #F0BC78;--ziling-cream-700: #D4A05C;--ziling-cream-800: #B88445;--ziling-cream-900: #9C6D3A;--ziling-surface-50: #FFFFFF;--ziling-surface-100: #FFFBF5;--ziling-surface-200: #FFF5E6;--ziling-surface-300: #FFE8CC;--ziling-surface-400: #FFD9AD;--ziling-surface-500: #FFC888;--ziling-surface-600: #E0AA6C;--ziling-surface-700: #B88B56;--ziling-surface-800: #907040;--ziling-surface-900: #705830;--ziling-text-50: #F0F0F0;--ziling-text-100: #C8C8C8;--ziling-text-200: #A0A0A0;--ziling-text-300: #888888;--ziling-text-400: #636E72;--ziling-text-500: #4A5459;--ziling-text-600: #3D484C;--ziling-text-700: #344142;--ziling-text-800: #2D3436;--ziling-text-900: #1A2022;--background: var(--ziling-surface-100);--foreground: var(--ziling-text-800);--primary: var(--ziling-primary-500);--primary-foreground: #FFFFFF;--accent: var(--ziling-accent-500);--accent-foreground: #FFFFFF;--secondary: var(--ziling-primary-100);--secondary-foreground: var(--ziling-primary-900);--muted: var(--ziling-text-400);--muted-foreground: var(--ziling-text-400);--border: var(--ziling-primary-200);--ring: var(--ziling-primary-500);--surface: #FFFFFF;--surface-dim: var(--ziling-surface-200);--surface-container: var(--ziling-surface-100);--surface-container-low: #FFFDFB;--surface-container-high: var(--ziling-surface-200);--fg: var(--ziling-text-800);--bg: var(--ziling-surface-100);--rule: var(--ziling-primary-200);--link: var(--ziling-primary-600);--success: var(--ziling-success-500);--warning: var(--ziling-warning-500);--error: var(--ziling-error-500);--info: var(--ziling-info-500);--magic: #FFB347;--color-background: var(--bg);--color-foreground: var(--fg);--color-surface: var(--surface);--color-surface-dim: var(--surface-dim);--color-surface-variant: var(--surface-container-high);--color-surface-container: var(--surface-container);--color-surface-container-low: var(--surface-container-low);--color-surface-container-high: var(--surface-container-high);--color-card: var(--surface);--color-on-surface: var(--fg);--color-on-surface-variant: var(--muted);--color-muted-foreground: var(--muted);--color-primary: var(--primary);--color-primary-foreground: var(--primary-foreground);--color-primary-container: var(--ziling-primary-50);--color-on-primary-container: var(--ziling-primary-900);--color-accent: var(--accent);--color-accent-foreground: var(--accent-foreground);--color-secondary: var(--secondary);--color-secondary-foreground: var(--secondary-foreground);--color-error: var(--error);--color-outline: var(--rule);--color-border: var(--rule);--color-success: var(--ziling-success-600);--color-warning: var(--ziling-warning-600);--font-display: "ZCOOL KuaiLe", "Noto Sans SC", sans-serif;--font-heading: "ZCOOL KuaiLe", "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", sans-serif;--font-size-display: 56px;--font-size-h1: 40px;--font-size-h2: 32px;--font-size-h3: 24px;--font-size-h4: 20px;--font-size-body: 16px;--font-size-lead: 18px;--font-size-caption: 12px;--font-size-eyebrow: 11px;--font-weight-display: 400;--font-weight-h1: 400;--font-weight-h2: 400;--font-weight-h3: 400;--font-weight-h4: 400;--font-weight-body: 400;--font-weight-lead: 400;--font-weight-caption: 400;--font-weight-eyebrow: 600;--line-height-display: 1.2;--line-height-h1: 1.25;--line-height-h2: 1.3;--line-height-h3: 1.35;--line-height-h4: 1.4;--line-height-body: 1.7;--line-height-lead: 1.7;--line-height-caption: 1.5;--line-height-eyebrow: 1.4;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--size-button-sm: 32px;--size-button-md: 40px;--size-button-lg: 48px;--size-input-height: 40px;--size-icon-sm: 16px;--size-icon-md: 20px;--size-icon-lg: 24px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-1: 0 1px 3px rgba(45,52,54,.06), 0 1px 2px rgba(45,52,54,.04);--shadow-2: 0 4px 8px -2px rgba(45,52,54,.08), 0 2px 4px -1px rgba(255,140,66,.06);--shadow-3: 0 8px 20px -6px rgba(45,52,54,.12), 0 4px 8px -2px rgba(255,140,66,.08);--shadow-4: 0 16px 40px -12px rgba(45,52,54,.16), 0 8px 16px -6px rgba(255,140,66,.1);--shadow-5: 0 24px 56px -16px rgba(45,52,54,.22), 0 12px 24px -8px rgba(255,140,66,.12);--color-primary: var(--ziling-primary-500);--color-magic: var(--magic);--color-correct: var(--ziling-success-500);--color-wrong: var(--ziling-error-500);--color-bg: var(--ziling-surface-100);--color-text: var(--ziling-text-800);--color-text-light: var(--ziling-text-400);--color-surface: var(--ziling-surface-50);--color-border: var(--ziling-primary-200);--color-letterbox: #1a1a2e;--sprite-size: 128px;--radius-card: 16px;--radius-button: 24px;--radius-sm: 8px;--font-base: 16px;--font-lg: 20px;--font-xl: 28px;--font-xxl: 40px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;font-family:var(--font-body);font-size:var(--font-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}#app{height:100%;background:var(--color-letterbox)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--font-lg);font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .2s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--ziling-primary-400),var(--ziling-primary-600));color:#fff;box-shadow:0 4px 15px #ff8c424d}.btn-magic{background:var(--color-magic);color:#fff;box-shadow:0 4px 12px #ffb34766}.btn-ghost{background:transparent;color:var(--color-primary);border:2px solid var(--ziling-primary-400);border-radius:var(--radius-full);font-size:var(--font-base);padding:var(--space-sm) var(--space-md)}.glass-panel{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 16px #00000026}.rotate-hint{display:none}@media (orientation: portrait){.rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);background:var(--color-letterbox);color:#fff;text-align:center;padding:var(--space-xl)}.rotate-hint-icon{font-size:64px;animation:rotate-wiggle 1.8s ease-in-out infinite}.rotate-hint-text{font-size:var(--font-lg);font-weight:600;opacity:.9;line-height:1.6}}@keyframes rotate-wiggle{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}.start-screen.svelte-14erc7o{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(170deg,var(--ziling-primary-200) 0%,var(--ziling-primary-300) 25%,var(--ziling-primary-400) 50%,var(--ziling-primary-600) 80%,var(--ziling-primary-800) 100%);color:#fff;padding:var(--space-lg)}.atmo.svelte-14erc7o{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.atmo--mid.svelte-14erc7o{background:radial-gradient(ellipse 60% 50% at 50% 20%,rgba(255,255,255,.12) 0%,transparent 100%)}.atmo--glow.svelte-14erc7o{background:radial-gradient(circle at 50% 55%,rgba(255,179,71,.18) 0%,transparent 60%)}.particles.svelte-14erc7o{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particle.svelte-14erc7o{position:absolute;left:var(--x);bottom:-40px;font-size:var(--size);font-weight:700;font-family:var(--font-display);opacity:0;animation:svelte-14erc7o-drift var(--dur) ease-in-out infinite;animation-delay:var(--delay);color:#ffffff59;text-shadow:0 2px 10px rgba(0,0,0,.1)}@keyframes svelte-14erc7o-drift{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}8%{opacity:.35}50%{transform:translateY(-55vh) translate(var(--drift)) rotate(8deg);opacity:.25}92%{opacity:.08}to{transform:translateY(-105vh) translate(calc(var(--drift) * -.5)) rotate(-6deg);opacity:0}}.hero.svelte-14erc7o{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);max-width:420px;text-align:center}.logo-mark.svelte-14erc7o{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-sm)}.logo-char.svelte-14erc7o{font-size:56px;font-weight:700;font-family:var(--font-display);color:#fff;text-shadow:0 4px 24px rgba(255,140,66,.5),0 0 60px rgba(255,179,71,.2);position:relative;z-index:1}.logo-ring.svelte-14erc7o{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2.5px solid rgba(255,255,255,.3);animation:svelte-14erc7o-ring-breathe 3s ease-in-out infinite}@keyframes svelte-14erc7o-ring-breathe{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.2}}.hero-text.svelte-14erc7o{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.eyebrow.svelte-14erc7o{font-family:var(--font-body);font-size:var(--font-base);font-weight:600;letter-spacing:.15em;text-transform:uppercase;opacity:.7;color:var(--ziling-primary-100)}.title.svelte-14erc7o{font-size:42px;font-family:var(--font-display);line-height:1.2;text-shadow:0 3px 16px rgba(0,0,0,.12),0 0 40px rgba(255,179,71,.15)}.subtitle.svelte-14erc7o{font-size:var(--font-base);font-family:var(--font-body);opacity:.85;margin-top:var(--space-xs)}.cta.svelte-14erc7o{display:inline-flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-md) var(--space-xl);background:#fff;color:var(--ziling-primary-700);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--font-lg);font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .25s;box-shadow:0 4px 20px #0000001f,0 0 40px #ffffff26;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.cta.svelte-14erc7o:active{transform:scale(.96);box-shadow:0 2px 10px #0000001a}.cta-text.svelte-14erc7o{line-height:1}.cta-arrow.svelte-14erc7o{font-size:var(--font-lg);transition:transform .2s}.cta.svelte-14erc7o:hover .cta-arrow:where(.svelte-14erc7o){transform:translate(3px)}.wave-container.svelte-14erc7o{position:absolute;bottom:0;left:0;right:0;height:80px;z-index:1;pointer-events:none}.wave.svelte-14erc7o{width:100%;height:100%}@media (max-height: 600px){.logo-mark.svelte-14erc7o{width:72px;height:72px}.logo-char.svelte-14erc7o{font-size:40px}.title.svelte-14erc7o{font-size:32px}.hero.svelte-14erc7o{gap:var(--space-sm)}}@media (max-width: 400px){.title.svelte-14erc7o{font-size:34px}}.select-screen.svelte-pdyxar{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(175deg,var(--ziling-primary-50) 0%,var(--ziling-surface-50) 40%,var(--ziling-surface-100) 100%)}.bg-showcase.svelte-pdyxar{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden;transition:opacity .3s}.bg-char.svelte-pdyxar{width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:0;animation:svelte-pdyxar-concept-reveal .6s cubic-bezier(.22,1,.36,1) forwards;filter:brightness(.65) saturate(.8)}@keyframes svelte-pdyxar-concept-reveal{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.overlay-top.svelte-pdyxar{position:absolute;top:0;left:0;right:0;height:140px;background:linear-gradient(180deg,var(--ziling-surface-100) 0%,rgba(255,251,245,.85) 40%,transparent 100%);z-index:1;pointer-events:none}.overlay-bottom.svelte-pdyxar{position:absolute;bottom:0;left:0;right:0;height:240px;background:linear-gradient(0deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.7) 40%,rgba(255,255,255,.3) 70%,transparent 100%);z-index:1;pointer-events:none}.top-section.svelte-pdyxar{position:relative;z-index:2;padding:var(--space-md) var(--space-lg) var(--space-sm);flex-shrink:0}.back.svelte-pdyxar{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--color-text-light);font-family:var(--font-body);font-size:var(--font-base);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:color .15s,background .15s;-webkit-tap-highlight-color:transparent}.back.svelte-pdyxar:active{color:var(--color-primary);background:var(--ziling-primary-50)}.back-arrow.svelte-pdyxar{font-size:var(--font-lg);line-height:1}.header.svelte-pdyxar{text-align:center;margin-top:var(--space-sm)}.title.svelte-pdyxar{font-size:var(--font-xl);font-family:var(--font-display);color:var(--ziling-text-800);line-height:1.25}.subtitle.svelte-pdyxar{font-family:var(--font-body);font-size:var(--font-base);color:var(--ziling-text-400);margin-top:var(--space-xs)}.shelf.svelte-pdyxar{position:relative;z-index:2;margin-top:auto;flex-shrink:0;padding:var(--space-3) var(--space-5) var(--space-3);background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -1px 12px #0000000d}.shelf-inner.svelte-pdyxar{display:flex;gap:var(--space-4);justify-content:center;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.shelf-inner.svelte-pdyxar::-webkit-scrollbar{display:none}.char-btn.svelte-pdyxar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:transform .15s,border-color .2s,box-shadow .2s,filter .2s;-webkit-tap-highlight-color:transparent;flex-shrink:0}.char-btn.active.svelte-pdyxar,.char-btn.svelte-pdyxar:hover{border-color:var(--color-primary);background:var(--color-primary-container);box-shadow:var(--shadow-2);transform:translateY(-2px)}.char-btn.svelte-pdyxar:active{transform:translateY(0);box-shadow:var(--shadow-1)}.char-avatar.svelte-pdyxar{width:44px;height:44px;border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--color-primary);flex-shrink:0;transition:border-color .2s;box-shadow:0 4px 12px #ff8c4233}.char-avatar.svelte-pdyxar img:where(.svelte-pdyxar){width:100%;height:100%;object-fit:cover}.char-btn.active.svelte-pdyxar .char-avatar:where(.svelte-pdyxar),.char-btn.svelte-pdyxar:hover .char-avatar:where(.svelte-pdyxar){border-color:var(--accent)}.char-info.svelte-pdyxar{display:flex;flex-direction:column;gap:2px}.char-name.svelte-pdyxar{font-family:var(--font-display);font-size:var(--font-size-h4);font-weight:var(--font-weight-h4);color:var(--color-on-surface);line-height:var(--line-height-h4);white-space:nowrap}.char-trait.svelte-pdyxar{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-primary-container);color:var(--color-on-primary-container);font-size:var(--type-caption);font-weight:500;white-space:nowrap;align-self:flex-start;transition:background .2s,color .2s}.char-btn.active.svelte-pdyxar .char-trait:where(.svelte-pdyxar),.char-btn.svelte-pdyxar:hover .char-trait:where(.svelte-pdyxar){background:var(--accent-bg);color:var(--accent)}.quality-text.svelte-pdyxar{position:absolute;bottom:200px;left:50%;transform:translate(-50%);z-index:2;text-align:center;font-family:var(--font-body);font-size:var(--font-lg);color:#fff;max-width:320px;line-height:1.6;text-shadow:0 2px 12px rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.2);pointer-events:none;white-space:nowrap}.confirm-bar.svelte-pdyxar{position:absolute;bottom:130px;left:50%;transform:translate(-50%);z-index:3}.confirm-btn.svelte-pdyxar{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--font-lg);font-weight:700;cursor:pointer;box-shadow:0 6px 20px #ff8c4266;transition:transform .15s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.confirm-btn.svelte-pdyxar:hover{transform:scale(1.05);box-shadow:0 8px 24px #ff8c4280}.confirm-btn.svelte-pdyxar:active{transform:scale(.98)}.confirming-hint.svelte-pdyxar{position:absolute;bottom:130px;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#ffffffe6;border-radius:var(--radius-full);box-shadow:var(--shadow-2);color:var(--color-primary);font-family:var(--font-display);font-weight:600}.spinner.svelte-pdyxar{width:18px;height:18px;border:2px solid var(--ziling-primary-200);border-top-color:var(--color-primary);border-radius:50%;animation:svelte-pdyxar-spin .8s linear infinite}@keyframes svelte-pdyxar-spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.shelf.svelte-pdyxar{padding:var(--space-3) var(--space-3) var(--space-2)}.shelf-inner.svelte-pdyxar{gap:var(--space-2);padding:0}.char-btn.svelte-pdyxar{padding:var(--space-1) var(--space-2)}.char-name.svelte-pdyxar{font-size:var(--font-size-body)}.title.svelte-pdyxar{font-size:var(--font-size-h3)}.overlay-top.svelte-pdyxar{height:110px}.overlay-bottom.svelte-pdyxar{height:200px}.quality-text.svelte-pdyxar{bottom:180px;font-size:var(--font-size-body)}.confirm-bar.svelte-pdyxar,.confirming-hint.svelte-pdyxar{bottom:110px}}@media (min-height: 700px){.overlay-bottom.svelte-pdyxar{height:280px}}.sprite-wrapper.svelte-4j2mrf{position:absolute;width:var(--sprite-size);height:var(--sprite-size);transform-origin:center center;will-change:transform}.sprite-frame.svelte-4j2mrf{width:100%;height:100%;background-repeat:no-repeat;background-size:calc(var(--sprite-size) * 6) calc(var(--sprite-size) * 3);image-rendering:-webkit-optimize-contrast}.sprite-wrapper.plank-rotate-drop.svelte-4j2mrf{animation:svelte-4j2mrf-plank-rotate-drop .5s ease-in forwards}@keyframes svelte-4j2mrf-plank-rotate-drop{0%{transform:translateY(-300%) rotate(-90deg);opacity:0}60%{transform:translateY(0) rotate(0);opacity:1}75%{transform:translateY(-8%) rotate(4deg)}to{transform:translateY(0) rotate(0);opacity:1}}.game-screen.svelte-18guh5e{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-letterbox)}.safe-zone.svelte-18guh5e{position:relative;aspect-ratio:16 / 9;width:100%;height:100%;max-width:calc(100vh * 16 / 9);max-height:56.25vw;margin:auto;overflow:hidden;background:var(--ziling-accent-50);box-shadow:0 0 0 1px #0003}.stage.svelte-18guh5e{position:absolute;top:0;right:0;bottom:0;left:0}.bg.svelte-18guh5e{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.water-overlay.svelte-18guh5e{position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(180deg,#2ec4b600,#2ec4b626 30%,#2ec4b64d);pointer-events:none;z-index:1}.water-overlay.svelte-18guh5e:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 20px,rgba(255,255,255,.1) 20px,rgba(255,255,255,.1) 40px);animation:svelte-18guh5e-water-shimmer 3s linear infinite}@keyframes svelte-18guh5e-water-shimmer{0%{transform:translate(0)}to{transform:translate(40px)}}.player-header.svelte-18guh5e{position:absolute;top:var(--space-md);left:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);z-index:6}.player-avatar.svelte-18guh5e{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid var(--color-primary);flex-shrink:0}.player-avatar.svelte-18guh5e img:where(.svelte-18guh5e){width:100%;height:100%;object-fit:cover}.avatar-placeholder.svelte-18guh5e{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg);font-size:20px;color:var(--color-text-light)}.player-info.svelte-18guh5e{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.player-name.svelte-18guh5e{font-size:var(--font-base);font-weight:600;color:var(--color-text)}.player-trait.svelte-18guh5e{font-size:13px;color:var(--color-primary);font-family:var(--font-display);font-weight:600}.status-overlay.svelte-18guh5e{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.status-box.svelte-18guh5e{padding:var(--space-lg);border-radius:var(--radius-card);font-size:var(--font-base);display:flex;flex-direction:column;gap:var(--space-sm);align-items:center;justify-content:center;max-width:400px;color:#fff;text-align:center}.status-box.info.svelte-18guh5e{background:#ff8c42e6}.status-box.error.svelte-18guh5e{background:#ff3b3be6}.error-detail.svelte-18guh5e{font-size:12px;white-space:pre-wrap;word-break:break-all;max-height:120px;overflow-y:auto;margin:var(--space-xs) 0;background:#0000004d;padding:var(--space-sm);border-radius:var(--radius-sm)}.dialogue-bubble.svelte-18guh5e{position:absolute;top:12%;left:50%;transform:translate(-50%);max-width:70%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);font-size:var(--font-base);font-weight:600;text-align:center;z-index:7;box-shadow:0 4px 12px #0003;animation:svelte-18guh5e-bubble-pop .3s ease-out}@keyframes svelte-18guh5e-bubble-pop{0%{transform:translate(-50%) scale(.7);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.dialogue-bubble.magic.svelte-18guh5e{background:linear-gradient(135deg,#fff9e6,#ffe0b2);color:#e65100;border:2px solid var(--color-magic)}.dialogue-bubble.completion.svelte-18guh5e{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#1b5e20;border:2px solid var(--color-correct)}.dialogue-bubble.wrong.svelte-18guh5e{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#b71c1c;border:2px solid var(--color-wrong)}.dialogue-bubble.no-match.svelte-18guh5e{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#0d47a1;border:2px solid var(--ziling-info-500)}.narration-subtitle.svelte-18guh5e{position:absolute;bottom:22%;left:50%;transform:translate(-50%);max-width:80%;padding:var(--space-xs) var(--space-md);background:#000000b3;color:#fff;border-radius:var(--radius-sm);font-size:14px;text-align:center;z-index:6;animation:svelte-18guh5e-bubble-pop .3s ease-out}.wrong-emoji.svelte-18guh5e{position:absolute;top:30%;left:50%;transform:translate(-50%);font-size:64px;z-index:4;pointer-events:none}.wrong-float-away.svelte-18guh5e{animation:svelte-18guh5e-wrong-float-away 2.5s ease-in-out forwards}.wrong-splash-sink.svelte-18guh5e{animation:svelte-18guh5e-wrong-splash-sink 2.5s ease-in forwards}.wrong-fall.svelte-18guh5e{animation:svelte-18guh5e-wrong-fall 2.5s ease-in forwards}.wrong-ice-slip.svelte-18guh5e{animation:svelte-18guh5e-wrong-ice-slip 2.5s ease-in forwards}.wrong-burn.svelte-18guh5e{animation:svelte-18guh5e-wrong-burn 2.5s ease-in forwards}@keyframes svelte-18guh5e-wrong-float-away{0%{transform:translate(-50%) translateY(-80px) rotate(0);opacity:0}25%{transform:translate(-50%) translateY(0) rotate(15deg);opacity:1}50%{transform:translate(-50%) translateY(10px) rotate(-10deg)}75%{transform:translate(-30%) translateY(-5px) rotate(20deg);opacity:.8}to{transform:translate(80px) translateY(-20px) rotate(45deg);opacity:0}}@keyframes svelte-18guh5e-wrong-splash-sink{0%{transform:translate(-50%) translateY(-80px);opacity:0}30%{transform:translate(-50%) translateY(0);opacity:1}40%{transform:translate(-50%) translateY(-25px) scale(1.3)}55%{transform:translate(-50%) translateY(5px) scale(.7)}to{transform:translate(-50%) translateY(80px) scale(.2);opacity:0}}@keyframes svelte-18guh5e-wrong-fall{0%{transform:translate(-50%) translateY(-80px);opacity:0}30%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(80px);opacity:0}}@keyframes svelte-18guh5e-wrong-ice-slip{0%{transform:translate(-50%) translateY(-80px) rotate(0);opacity:0}25%{transform:translate(-50%) translateY(0) rotate(0);opacity:1}40%{transform:translate(-50%) translateY(-15px) rotate(-10deg)}60%{transform:translate(-30%) translateY(10px) rotate(30deg)}to{transform:translate(80px) translateY(60px) rotate(90deg);opacity:0}}@keyframes svelte-18guh5e-wrong-burn{0%{transform:translate(-50%) translateY(-80px) scale(1);opacity:0}25%{transform:translate(-50%) translateY(0) scale(1);opacity:1}30%{transform:translate(calc(-50% - 5px)) translateY(0) scale(1.1)}40%{transform:translate(calc(-50% + 5px)) translateY(0) scale(.9)}50%{transform:translate(calc(-50% - 5px)) translateY(0) scale(1.1)}60%{transform:translate(calc(-50% + 5px)) translateY(0) scale(.95)}70%{transform:translate(calc(-50% - 3px)) translateY(0) scale(1.05)}to{transform:translate(-50%) translateY(0) scale(1);opacity:0}}.control-bar.svelte-18guh5e{position:absolute;bottom:var(--space-md);left:var(--space-md);right:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);z-index:6}.candidate-cards.svelte-18guh5e{flex:1;display:flex;gap:var(--space-sm)}.candidate-card.svelte-18guh5e{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-sm) var(--space-xs);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:transform .12s,border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.candidate-card.svelte-18guh5e:not(:disabled):active{transform:scale(.94);border-color:var(--color-primary);box-shadow:0 3px 12px #ff8c424d}.candidate-card.svelte-18guh5e:disabled{opacity:.5;cursor:not-allowed}.candidate-icon.svelte-18guh5e{font-size:28px;line-height:1}.candidate-char.svelte-18guh5e{font-size:var(--font-xl);font-weight:700;color:var(--color-text);line-height:1.1}.candidate-pinyin.svelte-18guh5e{font-size:12px;color:var(--color-text-light)}.mic-btn.svelte-18guh5e{width:56px;height:56px;border-radius:50%;border:2px solid var(--color-primary);background:var(--color-surface);font-size:24px;flex-shrink:0;transition:background .2s;position:relative;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none}.mic-btn.listening.svelte-18guh5e{background:var(--color-accent);animation:svelte-18guh5e-mic-pulse 1.2s ease-out infinite}@keyframes svelte-18guh5e-mic-pulse{0%{box-shadow:0 0 #2ec4b6b3}70%{box-shadow:0 0 0 18px #2ec4b600}to{box-shadow:0 0 #2ec4b600}}.mic-hint-bar.svelte-18guh5e{position:absolute;bottom:calc(56px + var(--space-lg) + var(--space-md));left:50%;transform:translate(-50%);text-align:center;padding:var(--space-xs) var(--space-sm);background:var(--ziling-warning-100);color:var(--ziling-warning-700);border-radius:var(--radius-sm);font-size:13px;z-index:6;white-space:nowrap}.mic-toast.svelte-18guh5e{position:absolute;bottom:calc(56px + var(--space-lg) + var(--space-md) + 32px);left:50%;transform:translate(-50%);padding:var(--space-sm) var(--space-md);background:#000c;color:#fff;border-radius:var(--radius-sm);font-size:13px;z-index:20;animation:svelte-18guh5e-bubble-pop .25s ease-out;white-space:nowrap}.ending-screen.svelte-1nutsfd{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,var(--ziling-primary-50) 0%,var(--ziling-cream-200) 40%,var(--ziling-cream-400) 100%);text-align:center;padding:var(--space-lg)}.particle-layer.svelte-1nutsfd{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.particle.svelte-1nutsfd{position:absolute;top:50%;left:50%;width:var(--size);height:var(--size);font-size:var(--size);line-height:1;opacity:0;transform:translate(-50%,-50%) rotate(var(--rotate));animation:svelte-1nutsfd-particle-burst 1.2s ease-out forwards}@keyframes svelte-1nutsfd-particle-burst{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--rotate)) scale(.2)}20%{opacity:1;transform:translate(calc(-50% + var(--tx) * .5),calc(-50% + var(--ty) * .5)) rotate(var(--rotate)) scale(1.1)}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(var(--rotate)) scale(.6)}}.ending-content.svelte-1nutsfd{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);max-width:100%}.ending-title.svelte-1nutsfd{font-size:var(--font-xxl);color:var(--color-primary);text-shadow:0 2px 8px rgba(255,140,66,.4);font-weight:800;font-family:var(--font-display)}.ending-avatar.svelte-1nutsfd{display:flex;flex-direction:column;align-items:center;gap:2px;opacity:0;transform:scale(.5);animation:svelte-1nutsfd-avatar-enter .4s ease-out .4s forwards}@keyframes svelte-1nutsfd-avatar-enter{to{opacity:1;transform:scale(1)}}.ending-avatar.svelte-1nutsfd img:where(.svelte-1nutsfd){width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid var(--color-primary);box-shadow:0 6px 20px #ff8c4280;background:var(--color-surface)}.avatar-name.svelte-1nutsfd{font-size:var(--font-lg);font-weight:700;font-family:var(--font-display);color:var(--color-text);margin-top:var(--space-xs)}.avatar-trait.svelte-1nutsfd{font-size:13px;color:var(--color-primary);font-weight:600;font-family:var(--font-display)}.star-rating.svelte-1nutsfd{display:flex;gap:var(--space-sm)}.star.svelte-1nutsfd{font-size:40px;line-height:1;opacity:0;filter:drop-shadow(0 2px 6px rgba(255,179,71,.6));animation:svelte-1nutsfd-star-pop .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes svelte-1nutsfd-star-pop{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.score-box.svelte-1nutsfd{display:flex;align-items:baseline;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-2)}.score-label.svelte-1nutsfd{font-size:var(--font-base);color:var(--color-text-light);font-weight:600}.score-value.svelte-1nutsfd{font-size:var(--font-xxl);font-weight:800;color:var(--color-primary);font-family:var(--font-display);font-variant-numeric:tabular-nums}.ending-dialogue.svelte-1nutsfd{font-size:var(--font-base);color:var(--color-text);line-height:1.6;max-width:320px;padding:var(--space-sm) var(--space-md);background:#ffffffb3;border-radius:var(--radius-card);font-weight:500}.replay-btn.svelte-1nutsfd{margin-top:var(--space-sm)}