@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font-display: "Quicksand", system-ui, sans-serif;--font-body: "Quicksand", system-ui, sans-serif;--font-size-xs: clamp(.75rem, 2vw, .875rem);--font-size-sm: clamp(.875rem, 2.5vw, 1rem);--font-size-md: clamp(1rem, 3vw, 1.25rem);--font-size-lg: clamp(1.25rem, 4vw, 1.75rem);--font-size-xl: clamp(1.75rem, 5vw, 2.5rem);--font-size-2xl: clamp(2.5rem, 7vw, 4rem);--leading-normal: 1.5;--leading-tight: 1.2;--surface-bg: #1a3a2a;--surface-card: rgba(64, 145, 108, .6);--surface-overlay: rgba(0, 0, 0, .5);--surface-raised: #2d6a4f;--surface-inset: #163d2a;--color-bg-primary: var(--surface-bg);--color-bg-secondary: var(--surface-raised);--color-bg-card: var(--surface-card);--color-bg-overlay: var(--surface-overlay);--text-primary: #d8f3dc;--text-secondary: #b7e4c7;--text-muted: #74c69d;--text-on-accent: #0d2b1a;--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--accent-primary: #52b788;--accent-secondary: #95d5b2;--accent-warm: #ffd166;--accent-cool: #06d6a0;--color-accent-primary: var(--accent-primary);--color-accent-secondary: var(--accent-secondary);--color-accent-warm: var(--accent-warm);--color-accent-cool: var(--accent-cool);--feedback-success: #06d6a0;--feedback-success-bg: rgba(6, 214, 160, .15);--feedback-error: #ffd166;--feedback-error-bg: rgba(255, 209, 102, .15);--feedback-neutral: #b7e4c7;--feedback-neutral-bg: rgba(183, 228, 199, .15);--color-feedback-success: var(--feedback-success);--color-feedback-neutral: var(--feedback-neutral);--color-feedback-error: var(--feedback-error);--border-subtle: rgba(82, 183, 136, .2);--border-accent: rgba(82, 183, 136, .35);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .15);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .3), 0 4px 8px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(82, 183, 136, .3);--color-shadow: rgba(0, 0, 0, .35);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--duration-instant: 80ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-exit: .2s;--duration-xslow: .8s;--ease-gentle: cubic-bezier(.25, .1, .25, 1);--ease-snap: cubic-bezier(.2, 0, 0, 1);--ease-bounce: cubic-bezier(.34, 1.4, .64, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--spring-stiffness: 180;--spring-damping: 12;--z-base: 0;--z-overlay: 10;--z-modal: 100;--z-toast: 200;--z-drag: 300;--content-width: 480px;--content-width-wide: 720px;--game-padding: clamp(16px, 4vw, 32px);--game-max-width: var(--content-width-wide);--game-card-size: clamp(72px, 18vw, 120px);--game-btn-size: clamp(56px, 14vw, 88px);--drop-zone-size: clamp(80px, 20vw, 140px);--draggable-size: clamp(60px, 15vw, 100px);--mechanic-padding: var(--game-padding);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--character-monkey-color: #a0522d;--character-owl-color: #8b7355;--character-guide-color: var(--accent-primary);--glass-bg: rgba(255, 255, 255, .06);--glass-bg-hover: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .18);--glass-blur: 16px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .12);--glow-primary: 0 0 24px rgba(82, 183, 136, .15);--glow-accent: 0 0 20px rgba(255, 209, 102, .1);--glow-blue: 0 0 20px rgba(59, 130, 246, .15);--btn-radius: 16px;--btn-press-scale: .97;--bg-gradient: linear-gradient(160deg, #1a3a2a 0%, #2d6a4f 50%, #1b4332 100%);--card-border: 1px solid rgba(82, 183, 136, .3)}[data-animation=reduced] *{animation-duration:.01ms!important;transition-duration:.1s!important}[data-animation=minimal] *,[data-animation=minimal] *:before,[data-animation=minimal] *:after{animation:none!important;transition:none!important}[data-colors=calm]{--accent-primary: #6B8F71;--accent-secondary: #8BA888;--accent-warm: #C4A882;--accent-cool: #82A8B5;--feedback-success: #6B8F71;--feedback-error: #B5827A;filter:saturate(.7)}[data-colors=high-contrast]{--text-primary: #FFFFFF;--text-secondary: #E0E0E0;--text-muted: #BDBDBD;--surface-card: rgba(0, 0, 0, .8);--accent-primary: #00FF88;--feedback-success: #00FF88;--feedback-error: #FF4444}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y}body{font-family:var(--font-display),system-ui,sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}#app{position:relative;width:100%;height:100%;overflow:hidden;transition:background-color var(--duration-normal) var(--ease-gentle),color var(--duration-normal) var(--ease-gentle)}#view-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:clip}#particle-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}#drag-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200}#modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:300}#feedback-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:150}button,input,select,textarea{cursor:pointer;border:none;background:none;font:inherit;touch-action:none}img,svg{display:block;max-width:100%}[data-draggable],[data-drop-target],.drag-handle{touch-action:none}@media (min-width: 768px){:root{--content-width: 680px;--content-width-wide: 820px;--game-card-size: clamp(88px, 14vw, 140px);--game-btn-size: clamp(64px, 10vw, 100px);--drop-zone-size: clamp(100px, 15vw, 160px);--draggable-size: clamp(72px, 12vw, 120px)}}@media (min-width: 1024px){:root{--content-width: 780px;--content-width-wide: 960px}}.view-exit{animation:viewSlideOut .2s var(--ease-in) both}.view-enter{animation:viewSlideIn .3s var(--ease-out) both}@keyframes viewSlideOut{to{opacity:0;transform:translate(-30px)}}@keyframes viewSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}#aria-live-region{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes popIn{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.04);opacity:1}to{transform:scale(1);opacity:1}}@keyframes softPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes nudge{0%,to{transform:translate(0)}20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gentleDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ringFill{0%{stroke-dashoffset:var(--ring-circumference)}to{stroke-dashoffset:var(--ring-offset)}}@keyframes wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}60%{transform:rotate(5deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dropZoneHint{0%,to{box-shadow:0 0 0 0 var(--accent-primary);transform:scale(1)}50%{box-shadow:0 0 0 6px transparent;transform:scale(1.03)}}@keyframes particleBurst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}@keyframes wipeRight{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes characterTalk{0%,to{transform:scaleY(1)}50%{transform:scaleY(.9)}}@keyframes successRing{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes glassReveal{0%{transform:scale(.95) translateY(8px);opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{transform:scale(1) translateY(0);opacity:1;-webkit-backdrop-filter:blur(var(--glass-blur, 16px));backdrop-filter:blur(var(--glass-blur, 16px))}}@keyframes glowBreathe{0%,to{box-shadow:0 0 8px #52b7881a}50%{box-shadow:0 0 20px #52b78840}}@keyframes scalePress{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(1)}}@keyframes glowPulse{0%{box-shadow:0 0 0 0 var(--glow-color, rgba(52, 199, 123, .4))}50%{box-shadow:0 0 16px 4px var(--glow-color, rgba(52, 199, 123, .2))}to{box-shadow:0 0 0 0 var(--glow-color, rgba(52, 199, 123, 0))}}@keyframes confettiDrift{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-gentle) both}.animate-slide-up{animation:slideUp var(--duration-normal) var(--ease-snap) both}.animate-slide-down{animation:slideDown var(--duration-normal) var(--ease-snap) both}.animate-pop-in{animation:popIn var(--duration-normal) var(--ease-bounce) both}.animate-soft-pop{animation:softPop var(--duration-fast) var(--ease-gentle) both}.animate-float{animation:gentleDrift 3s ease-in-out infinite}.animate-breathe{animation:breathe 4s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-nudge{animation:nudge .3s var(--ease-gentle)}.animate-wobble{animation:wobble .5s ease-in-out}.animate-shimmer{background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 1.5s infinite}.animate-glass-reveal{animation:glassReveal var(--duration-normal) var(--ease-snap) both}.animate-glow-breathe{animation:glowBreathe 3s ease-in-out infinite}.animate-scale-press{animation:scalePress var(--duration-fast) var(--ease-snap)}.animate-fadeIn{animation:fadeIn var(--duration-normal) var(--ease-gentle) both}.animate-slideUp{animation:slideUp var(--duration-normal) var(--ease-snap) both}.animate-popIn{animation:popIn var(--duration-normal) var(--ease-bounce) both}.animate-shake{animation:nudge .3s var(--ease-gentle)}.skeleton{background:linear-gradient(90deg,var(--surface-raised) 30%,var(--surface-inset) 50%,var(--surface-raised) 70%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.view-header{display:flex;align-items:center;padding:var(--space-md) var(--space-lg);gap:var(--space-md);flex-shrink:0}.view-body{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.view-footer{flex-shrink:0;padding:var(--space-md) var(--space-lg)}.game-area{position:relative;flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.card{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-md)}.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--space-md)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.content-width{width:100%;max-width:var(--content-width)}.content-width-wide{width:100%;max-width:var(--content-width-wide)}::view-transition-old(root){animation:vt-slide-out .28s cubic-bezier(.4,0,.2,1) both}::view-transition-new(root){animation:vt-slide-in .28s cubic-bezier(.4,0,.2,1) both}@keyframes vt-slide-out{to{opacity:0;transform:translate(-30px)}}@keyframes vt-slide-in{0%{opacity:0;transform:translate(30px)}}.hidden{display:none!important}.invisible{visibility:hidden!important}.pointer-none{pointer-events:none!important}.touch-none{touch-action:none!important}.text-center{text-align:center}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.w-full{width:100%}.h-full{height:100%}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.accent-bg{background:var(--accent-primary)}.warm-bg{background:var(--accent-warm)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-size:var(--font-size-md);font-weight:700;background:var(--accent-primary);color:var(--text-on-accent, var(--color-bg-primary));box-shadow:var(--shadow-sm);transition:transform var(--duration-instant) var(--ease-snap),box-shadow var(--duration-fast) var(--ease-gentle);touch-action:none;cursor:pointer;border:none}.btn:active{transform:scale(.96)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg);font-weight:800}.btn-warm{background:var(--accent-warm);color:var(--text-on-accent)}.btn-ghost{background:transparent;color:var(--text-primary);border:2px solid var(--border-accent);box-shadow:none}.btn-ghost:active{background:var(--surface-raised)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-full);background:var(--surface-card);color:var(--text-secondary);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur, 16px));-webkit-backdrop-filter:blur(var(--glass-blur, 16px));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:background var(--duration-fast) var(--ease-gentle),border-color var(--duration-fast) var(--ease-gentle),box-shadow var(--duration-fast) var(--ease-gentle)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.glass-card--glow{box-shadow:var(--glass-shadow),var(--glow-primary)}.glass-card--solid{background:var(--surface-card);-webkit-backdrop-filter:none;backdrop-filter:none}.press-scale{transition:transform var(--duration-fast) var(--ease-snap);cursor:pointer}.press-scale:active{transform:scale(var(--btn-press-scale, .97))}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.theme-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.theme-bg svg{width:100%;height:100%}.view>*:not(.theme-bg){position:relative;z-index:1}:root[data-theme=forest]{--surface-bg: #1a3a2a;--surface-card: rgba(64, 145, 108, .6);--surface-raised: #2d6a4f;--surface-inset: #163d2a;--surface-overlay: rgba(0, 0, 0, .5);--color-bg-primary: var(--surface-bg);--color-bg-secondary: var(--surface-raised);--color-bg-card: var(--surface-card);--text-primary: #d8f3dc;--text-secondary: #b7e4c7;--text-muted: #74c69d;--text-on-accent: #0d2b1a;--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--accent-primary: #52b788;--accent-secondary: #95d5b2;--accent-warm: #ffd166;--accent-cool: #06d6a0;--color-accent-primary: var(--accent-primary);--color-accent-secondary: var(--accent-secondary);--color-accent-warm: var(--accent-warm);--color-accent-cool: var(--accent-cool);--feedback-success: #06d6a0;--feedback-success-bg: rgba(6, 214, 160, .15);--feedback-error: #ffd166;--feedback-error-bg: rgba(255, 209, 102, .15);--color-feedback-success: var(--feedback-success);--color-feedback-error: var(--feedback-error);--color-feedback-neutral: #b7e4c7;--border-subtle: rgba(82, 183, 136, .2);--border-accent: rgba(82, 183, 136, .35);--color-shadow: rgba(0, 0, 0, .35);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(82, 183, 136, .3);--bg-gradient: linear-gradient(160deg, #1a3a2a 0%, #2d6a4f 50%, #1b4332 100%);--card-border: 1px solid rgba(82, 183, 136, .3);--bg-sky-top: #0d2b1a;--bg-sky-bottom: #1a3a2a;--bg-hill-1: #2d6a4f;--bg-hill-2: #40916c;--bg-hill-3: rgba(82, 183, 136, .2);--bg-deco-primary: #52b788;--bg-deco-secondary: #95d5b2;--bg-deco-glow: rgba(82, 183, 136, .15);--bg-celestial: #ffd166}:root[data-theme=forest] body{background:var(--bg-gradient)}:root[data-theme=space]{--surface-bg: #0a0a2e;--surface-card: rgba(22, 33, 90, .7);--surface-raised: #16213e;--surface-inset: #0d0d3a;--surface-overlay: rgba(0, 0, 30, .6);--color-bg-primary: var(--surface-bg);--color-bg-secondary: var(--surface-raised);--color-bg-card: var(--surface-card);--text-primary: #e0e0ff;--text-secondary: #a0a0e8;--text-muted: #6060b0;--text-on-accent: #0a0a2e;--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--accent-primary: #7b68ee;--accent-secondary: #9d8fff;--accent-warm: #ff9f43;--accent-cool: #00d2ff;--color-accent-primary: var(--accent-primary);--color-accent-secondary: var(--accent-secondary);--color-accent-warm: var(--accent-warm);--color-accent-cool: var(--accent-cool);--feedback-success: #06d6a0;--feedback-success-bg: rgba(6, 214, 160, .15);--feedback-error: #ff9f43;--feedback-error-bg: rgba(255, 159, 67, .15);--color-feedback-success: var(--feedback-success);--color-feedback-error: var(--feedback-error);--color-feedback-neutral: #a0a0e8;--border-subtle: rgba(123, 104, 238, .2);--border-accent: rgba(123, 104, 238, .35);--color-shadow: rgba(0, 0, 60, .5);--shadow-sm: 0 1px 3px rgba(0, 0, 60, .25);--shadow-md: 0 4px 12px rgba(0, 0, 60, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 60, .4);--shadow-glow: 0 0 20px rgba(123, 104, 238, .3);--bg-gradient: radial-gradient(ellipse at top, #1a1a4e 0%, #0a0a2e 60%);--card-border: 1px solid rgba(123, 104, 238, .3);--bg-sky-top: #050520;--bg-sky-bottom: #0a0a2e;--bg-hill-1: #1a1a4e;--bg-hill-2: #252560;--bg-hill-3: rgba(123, 104, 238, .15);--bg-deco-primary: #7b68ee;--bg-deco-secondary: #9d8fff;--bg-deco-glow: rgba(123, 104, 238, .2);--bg-celestial: #00d2ff}:root[data-theme=space] body{background:var(--bg-gradient)}:root[data-theme=bugs]{--surface-bg: #0d1f1a;--surface-card: rgba(30, 100, 70, .55);--surface-raised: #1a3830;--surface-inset: #081510;--surface-overlay: rgba(0, 15, 10, .5);--color-bg-primary: var(--surface-bg);--color-bg-secondary: var(--surface-raised);--color-bg-card: var(--surface-card);--text-primary: #fff8e7;--text-secondary: #e0dcc0;--text-muted: #a8c090;--text-on-accent: #0d1f1a;--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--accent-primary: #ffa500;--accent-secondary: #ffd700;--accent-warm: #ff6b35;--accent-cool: #90ee90;--color-accent-primary: var(--accent-primary);--color-accent-secondary: var(--accent-secondary);--color-accent-warm: var(--accent-warm);--color-accent-cool: var(--accent-cool);--feedback-success: #90ee90;--feedback-success-bg: rgba(144, 238, 144, .15);--feedback-error: #ffd700;--feedback-error-bg: rgba(255, 215, 0, .15);--color-feedback-success: var(--feedback-success);--color-feedback-error: var(--feedback-error);--color-feedback-neutral: #e0dcc0;--border-subtle: rgba(255, 165, 0, .2);--border-accent: rgba(255, 165, 0, .35);--color-shadow: rgba(0, 10, 5, .4);--shadow-sm: 0 1px 3px rgba(0, 10, 5, .25);--shadow-md: 0 4px 12px rgba(0, 10, 5, .3);--shadow-lg: 0 12px 32px rgba(0, 10, 5, .4);--shadow-glow: 0 0 20px rgba(255, 165, 0, .3);--bg-gradient: linear-gradient(135deg, #0d1f1a 0%, #1a3830 50%, #122a22 100%);--card-border: 1px solid rgba(255, 165, 0, .3);--bg-sky-top: #081510;--bg-sky-bottom: #0d1f1a;--bg-hill-1: #1a3830;--bg-hill-2: #245040;--bg-hill-3: rgba(255, 165, 0, .12);--bg-deco-primary: #ffa500;--bg-deco-secondary: #ffd700;--bg-deco-glow: rgba(255, 165, 0, .15);--bg-celestial: #ff6b35}:root[data-theme=bugs] body{background:var(--bg-gradient)}:root[data-theme=lab]{--surface-bg: #0d1117;--surface-card: rgba(30, 45, 60, .7);--surface-raised: #161b22;--surface-inset: #0a0e14;--surface-overlay: rgba(0, 20, 40, .6);--color-bg-primary: var(--surface-bg);--color-bg-secondary: var(--surface-raised);--color-bg-card: var(--surface-card);--text-primary: #e0f7fa;--text-secondary: #80deea;--text-muted: #4dd0e1;--text-on-accent: #0d1117;--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--accent-primary: #00bcd4;--accent-secondary: #4dd0e1;--accent-warm: #ff5722;--accent-cool: #64ffda;--color-accent-primary: var(--accent-primary);--color-accent-secondary: var(--accent-secondary);--color-accent-warm: var(--accent-warm);--color-accent-cool: var(--accent-cool);--feedback-success: #64ffda;--feedback-success-bg: rgba(100, 255, 218, .15);--feedback-error: #ff9f43;--feedback-error-bg: rgba(255, 159, 67, .15);--color-feedback-success: var(--feedback-success);--color-feedback-error: var(--feedback-error);--color-feedback-neutral: #80deea;--border-subtle: rgba(0, 188, 212, .15);--border-accent: rgba(0, 188, 212, .3);--color-shadow: rgba(0, 20, 40, .5);--shadow-sm: 0 1px 3px rgba(0, 20, 40, .25);--shadow-md: 0 4px 12px rgba(0, 20, 40, .3);--shadow-lg: 0 12px 32px rgba(0, 20, 40, .4);--shadow-glow: 0 0 20px rgba(0, 188, 212, .3);--bg-gradient: linear-gradient(145deg, #0d1117 0%, #1a2535 50%, #0d1117 100%);--card-border: 1px solid rgba(0, 188, 212, .3);--bg-sky-top: #060a10;--bg-sky-bottom: #0d1117;--bg-hill-1: #161b22;--bg-hill-2: #1e2733;--bg-hill-3: rgba(0, 188, 212, .1);--bg-deco-primary: #00bcd4;--bg-deco-secondary: #4dd0e1;--bg-deco-glow: rgba(0, 188, 212, .15);--bg-celestial: #64ffda}:root[data-theme=lab] body{background:var(--bg-gradient)}:root[data-theme=medieval]{--surface-bg: #2c1810;--surface-card: rgba(90, 55, 30, .7);--surface-raised: #4a2c1a;--surface-inset: #221008;--surface-overlay: rgba(20, 5, 0, .5);--color-bg-primary: var(--surface-bg);--color-bg-secondary: var(--surface-raised);--color-bg-card: var(--surface-card);--text-primary: #fdf0d5;--text-secondary: #e8d5b0;--text-muted: #c4a165;--text-on-accent: #2c1810;--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--accent-primary: #d4a017;--accent-secondary: #f0c040;--accent-warm: #e05c2a;--accent-cool: #5da0d0;--color-accent-primary: var(--accent-primary);--color-accent-secondary: var(--accent-secondary);--color-accent-warm: var(--accent-warm);--color-accent-cool: var(--accent-cool);--feedback-success: #06d6a0;--feedback-success-bg: rgba(6, 214, 160, .15);--feedback-error: #f0c040;--feedback-error-bg: rgba(240, 192, 64, .15);--color-feedback-success: var(--feedback-success);--color-feedback-error: var(--feedback-error);--color-feedback-neutral: #e8d5b0;--border-subtle: rgba(212, 160, 23, .2);--border-accent: rgba(212, 160, 23, .4);--color-shadow: rgba(20, 5, 0, .45);--shadow-sm: 0 1px 3px rgba(20, 5, 0, .25);--shadow-md: 0 4px 12px rgba(20, 5, 0, .3);--shadow-lg: 0 12px 32px rgba(20, 5, 0, .4);--shadow-glow: 0 0 20px rgba(212, 160, 23, .3);--bg-gradient: linear-gradient(150deg, #2c1810 0%, #4a2c1a 50%, #3c2010 100%);--card-border: 1px solid rgba(212, 160, 23, .35);--bg-sky-top: #1a0e06;--bg-sky-bottom: #2c1810;--bg-hill-1: #4a2c1a;--bg-hill-2: #5a3822;--bg-hill-3: rgba(212, 160, 23, .12);--bg-deco-primary: #d4a017;--bg-deco-secondary: #f0c040;--bg-deco-glow: rgba(212, 160, 23, .15);--bg-celestial: #e05c2a}:root[data-theme=medieval] body{background:var(--bg-gradient)}.character-bubble{display:flex;align-items:flex-end;gap:12px;padding:12px;position:relative}.character-bubble__avatar{width:64px;height:64px;border-radius:50%;background:var(--accent-primary, var(--color-accent-primary));flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 4px #00000026,0 6px 12px #0003;border:2.5px solid rgba(255,255,255,.15)}.character-bubble__avatar svg{width:48px;height:48px}.character-bubble__text{background:var(--surface-card, var(--color-bg-card));border:2.5px solid rgba(255,255,255,.12);border-bottom-width:4px;border-bottom-color:#0000001f;border-radius:20px;padding:var(--space-md);font-family:var(--font-display);font-size:var(--font-size-md);font-weight:600;color:var(--text-primary, var(--color-text-primary));max-width:300px;line-height:var(--leading-normal, 1.5);box-shadow:0 4px #0000001a;position:relative}.character-bubble__avatar.is-talking{animation:characterTalk .3s ease-in-out infinite}[class*=char--]{transition:filter .3s ease;transform-origin:center bottom}.char--idle{filter:brightness(1) saturate(1)}.char--blinking [data-part=eyes]{transform:scaleY(.1);transition:transform 80ms ease-in}.char--blinking [data-part=eyes]{transform-origin:center center}[class*=char--] [data-part=eyes]{transform:scaleY(1);transition:transform .1s ease-out;transform-origin:center center}.char--happy{filter:brightness(1.1) drop-shadow(0 0 12px rgba(251,191,36,.3))}.char--happy [data-part=eyes]{transform:scaleY(.6);transition:transform .2s ease}.char--thinking{filter:brightness(.95) saturate(.9)}.char--encouraging{filter:brightness(1.05) drop-shadow(0 0 8px rgba(52,211,153,.25))}.char--celebrating{filter:brightness(1.15) saturate(1.2) drop-shadow(0 0 16px rgba(251,191,36,.4))}.char--concerned{filter:brightness(.9) saturate(.85)}.char--speaking [data-part=mouth]{animation:char-speak .12s ease-in-out infinite alternate;transform-origin:center center}@keyframes char-speak{0%{transform:scaleY(.6)}to{transform:scaleY(1)}}.char--happy [data-part=ears],.char--celebrating [data-part=ears]{animation:char-ear-twitch .4s ease-in-out 2;transform-origin:center bottom}@keyframes char-ear-twitch{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(4deg)}}.char--happy [data-part=wings],.char--celebrating [data-part=wings]{animation:char-wing-flap .3s ease-in-out 3;transform-origin:center center}@keyframes char-wing-flap{0%,to{transform:rotate(0)}50%{transform:rotate(-15deg)}}.char--thinking [data-part=head]{animation:char-owl-tilt 1.5s ease-in-out 1;transform-origin:center bottom}@keyframes char-owl-tilt{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@media (prefers-reduced-motion: reduce){[class*=char--]{transition:filter .1s ease}.char--speaking [data-part=mouth],.char--happy [data-part=ears],.char--celebrating [data-part=ears],.char--happy [data-part=wings],.char--celebrating [data-part=wings],.char--thinking [data-part=head]{animation:none}}.progress-ring{position:relative;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.progress-ring__track{fill:none;stroke:#ffffff1f;stroke-width:5}.progress-ring__arc{fill:none;stroke:var(--accent-primary, var(--color-accent-primary));stroke-width:5;stroke-linecap:round;transition:stroke-dasharray var(--duration-normal) var(--ease-gentle)}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:50;animation:fadeIn .2s ease both}.modal-content{max-width:var(--content-width);width:100%;text-align:center;background:var(--surface-card, var(--color-bg-card));border-radius:24px;padding:var(--space-xl) var(--space-lg);border:2.5px solid rgba(255,255,255,.1);border-bottom-width:5px;border-bottom-color:#00000026;box-shadow:0 8px #0000001f,0 12px 40px #0000004d;animation:popIn .3s cubic-bezier(.34,1.56,.64,1) both}.modal-content__title{font-size:var(--font-size-xl);margin-bottom:var(--space-md);color:var(--text-primary, var(--color-text-primary));font-weight:900}.draggable-item{border-radius:16px;background:var(--surface-card, var(--color-bg-card));border:2.5px solid var(--accent-primary, var(--color-accent-primary));border-bottom-width:4px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative;box-shadow:0 4px #00000026;transition:box-shadow var(--duration-exit) var(--ease-gentle),transform var(--duration-exit) var(--ease-gentle)}.draggable-item:active{transform:translateY(2px);box-shadow:0 2px #00000026;border-bottom-width:2.5px}.draggable-item.is-dragging{opacity:.5;cursor:grabbing}.drag-ghost{pointer-events:none}.drop-target{border-radius:16px;border:3px dashed var(--accent-secondary, var(--color-accent-secondary));display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);color:var(--text-muted, var(--color-text-muted));touch-action:none;position:relative;transition:border-color var(--duration-exit) var(--ease-gentle),background var(--duration-exit) var(--ease-gentle)}.drop-target.is-hovered{border-color:var(--accent-primary, var(--color-accent-primary));border-style:solid;background:#52b78826;box-shadow:0 0 0 4px #52b7881a}.drop-target.is-hint{animation:dropZoneHint 1.2s ease-in-out infinite}.metacog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:inherit;opacity:0;transition:opacity var(--duration-normal) ease;padding:20px}.metacog-overlay.is-visible{opacity:1}.metacog-overlay__title{color:#fff;font-size:1.2rem;font-weight:800;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5)}.metacog-overlay__buttons{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px}.metacog-overlay__buttons--row{flex-direction:row;justify-content:center;gap:12px}.metacog-btn{padding:14px 20px;border-radius:16px;border:2.5px solid rgba(255,255,255,.2);border-bottom-width:4px;border-bottom-color:#0003;background:#ffffff14;color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;touch-action:manipulation;transition:all var(--duration-fast) ease;text-align:center;box-shadow:0 3px #00000026}.metacog-btn:active{transform:translateY(2px);box-shadow:0 1px #00000026;border-bottom-width:2px}.metacog-btn.is-selected{background:#22c55e4d;border-color:#22c55e;box-shadow:0 3px #15803d66}.metacog-btn--difficulty{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:80px}.metacog-btn--difficulty .metacog-btn__emoji{font-size:2rem}.feedback-bubble{position:fixed;z-index:999;padding:8px 18px;border-radius:999px;font-family:var(--font-display);font-size:.85rem;font-weight:800;pointer-events:none;white-space:nowrap;opacity:0;transform:translate(-50%);transition:opacity .35s ease,transform .35s ease}.feedback-bubble--success{background:linear-gradient(135deg,#4ade80,#22c55e);color:#052e16;box-shadow:0 4px #15803d,0 6px 12px #22c55e4d}.feedback-bubble--error{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#451a03;box-shadow:0 4px #b45309,0 6px 12px #fbbf244d}.feedback-bubble.is-visible{opacity:1;transform:translate(-50%,-20px)}.feedback-bubble.is-exiting{opacity:0;transform:translate(-50%,-40px)}.btn-3d{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:none;border-radius:16px;font-family:var(--font-display);font-size:var(--font-size-md);font-weight:800;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none;min-height:48px;background:var(--btn-bg, #58cc02);box-shadow:0 var(--btn-depth, 5px) 0 var(--btn-shadow, #46a302),0 var(--btn-depth, 5px) 8px #00000026;transform:translateY(0);transition:transform .1s,box-shadow .1s,filter .15s}.btn-3d:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 calc(var(--btn-depth, 5px) + 1px) 0 var(--btn-shadow, #46a302),0 calc(var(--btn-depth, 5px) + 1px) 12px #0000002e}.btn-3d:active{transform:translateY(var(--btn-depth, 5px));box-shadow:0 0 0 var(--btn-shadow, #46a302),0 0 4px #0000001a;transition:transform 34ms}.btn-3d--green{--btn-bg: #58cc02;--btn-shadow: #46a302;color:#fff}.btn-3d--blue{--btn-bg: #1cb0f6;--btn-shadow: #1899d6;color:#fff}.btn-3d--red{--btn-bg: #ff4b4b;--btn-shadow: #e03b3b;color:#fff}.btn-3d--gold{--btn-bg: #ffc800;--btn-shadow: #e0b000;color:#3c2a00}.btn-3d--purple{--btn-bg: #ce82ff;--btn-shadow: #a855f7;color:#fff}.btn-3d--orange{--btn-bg: #ff9600;--btn-shadow: #e07e00;color:#fff}.btn-3d--ghost{--btn-bg: rgba(255,255,255,.08);--btn-shadow: rgba(0,0,0,.15);--btn-depth: 3px;color:var(--text-primary);border:2px solid var(--border-subtle)}.btn-3d--accent{--btn-bg: var(--accent-primary);--btn-shadow: color-mix(in srgb, var(--accent-primary) 70%, black);color:var(--text-on-accent)}.btn-3d--sm{padding:10px 20px;font-size:var(--font-size-sm);border-radius:12px;--btn-depth: 4px}.btn-3d--lg{padding:18px 40px;font-size:var(--font-size-lg);border-radius:18px;--btn-depth: 6px;min-height:56px}.btn-3d--xl{padding:20px 48px;font-size:var(--font-size-xl);border-radius:20px;--btn-depth: 7px}.btn-3d--full{width:100%}.btn-3d--pill{border-radius:999px}.btn-3d--icon{width:52px;height:52px;padding:0;border-radius:50%}.btn-3d:disabled,.btn-3d.is-disabled{--btn-bg: #e5e5e5;--btn-shadow: #b0b0b0;color:#afafaf;cursor:not-allowed;filter:none}.btn-3d:disabled:active,.btn-3d.is-disabled:active{transform:translateY(0);box-shadow:0 var(--btn-depth, 5px) 0 var(--btn-shadow)}.btn-modern{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:1px solid var(--glass-border);border-radius:var(--btn-radius, 16px);font-family:var(--font-display);font-size:var(--font-size-md);font-weight:700;color:var(--text-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none;min-height:48px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur, 16px));-webkit-backdrop-filter:blur(var(--glass-blur, 16px));box-shadow:var(--glass-shadow);transform:scale(1);transition:transform var(--duration-fast) var(--ease-snap),background var(--duration-fast) var(--ease-gentle),border-color var(--duration-fast) var(--ease-gentle),box-shadow var(--duration-fast) var(--ease-gentle);overflow:hidden}.btn-modern:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(255,255,255,.25) 0%,transparent 60%);opacity:0;transform:scale(0);transition:opacity .4s,transform .5s;pointer-events:none}.btn-modern:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glow-primary)}.btn-modern:active{transform:scale(var(--btn-press-scale, .97));transition-duration:50ms}.btn-modern:active:after{opacity:1;transform:scale(2.5);transition:opacity 0s,transform 0s}.btn-modern--primary{background:linear-gradient(135deg,#52b78840,#52b7881a);border-color:#52b7884d;color:var(--accent-primary)}.btn-modern--primary:hover{background:linear-gradient(135deg,#52b78859,#52b78826);box-shadow:var(--glow-primary)}.btn-modern--accent{background:linear-gradient(135deg,#ffd16633,#ffd16614);border-color:#ffd1664d;color:var(--accent-warm)}.btn-modern--accent:hover{background:linear-gradient(135deg,#ffd1664d,#ffd1661f);box-shadow:var(--glow-accent)}.btn-modern--blue{background:linear-gradient(135deg,#3b82f633,#3b82f614);border-color:#3b82f64d;color:#60a5fa}.btn-modern--blue:hover{background:linear-gradient(135deg,#3b82f64d,#3b82f61f);box-shadow:var(--glow-blue)}.btn-modern--solid{background:var(--accent-primary);border-color:transparent;color:var(--text-on-accent);box-shadow:0 2px 8px #52b7884d}.btn-modern--solid:hover{filter:brightness(1.1);box-shadow:0 4px 16px #52b78866}.btn-modern--ghost{background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.btn-modern--ghost:hover{background:var(--glass-bg);box-shadow:none}.btn-modern--sm{padding:10px 20px;font-size:var(--font-size-sm);border-radius:12px;min-height:40px}.btn-modern--lg{padding:18px 40px;font-size:var(--font-size-lg);border-radius:20px;min-height:56px}.btn-modern--xl{padding:20px 48px;font-size:var(--font-size-xl);border-radius:24px}.btn-modern--full{width:100%}.btn-modern--pill{border-radius:999px}.btn-modern--icon{width:48px;height:48px;padding:0;border-radius:50%}.btn-modern:disabled,.btn-modern.is-disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5);pointer-events:none}.hint-highlight{position:relative;animation:hintPulse 1s ease-in-out 3;box-shadow:0 0 0 3px #ffd16699!important;z-index:10}.hint-highlight:after{content:"💡";position:absolute;top:-12px;right:-8px;font-size:1.2rem;animation:hintBounce .6s ease infinite;pointer-events:none;z-index:11}.hint-partial{animation:hintFlash .4s ease 3;box-shadow:0 0 20px #52b788cc!important;border-color:var(--accent-primary)!important;transform:scale(1.05);transition:transform .3s var(--ease-spring)}.hint-auto-solve{box-shadow:0 0 16px #06d6a0b3!important;border-color:var(--feedback-success)!important;animation:hintSolve 1.5s ease both;position:relative}.hint-auto-solve:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:900;color:var(--feedback-success);text-shadow:0 2px 8px rgba(0,0,0,.3);animation:popIn .4s var(--ease-spring) both;pointer-events:none}@keyframes hintPulse{0%,to{box-shadow:0 0 0 3px #ffd1664d}50%{box-shadow:0 0 0 6px #ffd16699,0 0 20px #ffd1664d}}@keyframes hintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes hintFlash{0%{opacity:1}50%{opacity:.4;background:#52b7884d}to{opacity:1}}@keyframes hintSolve{0%{transform:scale(1)}30%{transform:scale(1.08)}to{transform:scale(1);opacity:.7}}.celebration-flame{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:1.6rem;animation:flameRise 1.2s ease-out both;pointer-events:none;z-index:50;filter:drop-shadow(0 0 8px rgba(255,150,30,.6))}@keyframes flameRise{0%{transform:translate(-50%) translateY(0) scale(.5);opacity:0}20%{transform:translate(-50%) translateY(-8px) scale(1.2);opacity:1}70%{opacity:1}to{transform:translate(-50%) translateY(-40px) scale(.6);opacity:0}}.celebration-recovery{position:fixed;font-size:2.5rem;transform:translate(-50%,-50%);animation:recoveryPop 1.5s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)) both;pointer-events:none;z-index:200;filter:drop-shadow(0 2px 12px rgba(6,214,160,.5))}@keyframes recoveryPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}30%{transform:translate(-50%,-50%) scale(1.4);opacity:1}60%{transform:translate(-50%,-80%) scale(1);opacity:1}to{transform:translate(-50%,-120%) scale(.5);opacity:0}}.celebration-summary{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:500;background:#0000;transition:background .4s ease;pointer-events:all}.celebration-summary.is-visible{background:#00000080}.celebration-summary.is-exiting{opacity:0;transition:opacity .5s ease}.celebration-summary__card{background:#0d2b1af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid rgba(82,183,136,.3);border-radius:var(--radius-xl, 28px);padding:var(--space-xl, 40px) var(--space-lg, 24px);text-align:center;max-width:320px;width:90%;animation:popIn .5s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)) both;box-shadow:0 16px 48px #0006}.celebration-summary__title{font-family:var(--font-display, "Quicksand", sans-serif);font-size:var(--font-size-lg, 1.5rem);font-weight:900;color:var(--accent-warm, #ffd166);margin-bottom:var(--space-lg, 24px)}.celebration-summary__stats{display:flex;justify-content:center;gap:var(--space-lg, 24px);flex-wrap:wrap}.celebration-summary__stat{display:flex;flex-direction:column;align-items:center;gap:4px}.celebration-summary__stat-value{font-size:var(--font-size-xl, 2rem);font-weight:900;color:var(--text-primary, #d8f3dc)}.celebration-summary__stat-label{font-size:var(--font-size-xs, .75rem);font-weight:700;color:var(--text-muted, #74c69d);text-transform:uppercase;letter-spacing:.05em}.celebration-summary__xp{color:var(--accent-warm, #ffd166)!important;text-shadow:0 0 12px rgba(255,209,102,.4)}.celebration-flame--big{font-size:2.4rem;filter:drop-shadow(0 0 14px rgba(255,150,30,.8))}.celebration-sparkle{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:200;width:0;height:0}.celebration-sparkle__ray{position:absolute;width:4px;height:20px;background:linear-gradient(to top,transparent,#ffd166,#fff);border-radius:2px;transform-origin:center bottom;transform:rotate(var(--angle)) translateY(-10px);animation:sparkleRay .7s ease-out both}@keyframes sparkleRay{0%{opacity:0;height:0}30%{opacity:1;height:24px}to{opacity:0;height:8px;transform:rotate(var(--angle)) translateY(-30px)}}.celebration-screen-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;pointer-events:none;opacity:0;transition:opacity .1s ease}.celebration-screen-flash.is-visible{opacity:.6}.celebration-edge-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;pointer-events:none;opacity:0;box-shadow:inset 0 0 60px 20px #ffd16680;transition:opacity .15s ease}.celebration-edge-flash.is-visible{opacity:1}.celebration-golden-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;opacity:0;background:linear-gradient(120deg,transparent 30%,rgba(255,215,0,.25) 45%,rgba(255,215,0,.4) 50%,rgba(255,215,0,.25) 55%,transparent 70%);background-size:200% 100%;transition:opacity .2s ease}.celebration-golden-shimmer.is-visible{opacity:1;animation:goldenSweep .6s ease-out both}@keyframes goldenSweep{0%{background-position:200% 0}to{background-position:-200% 0}}.celebration-badge-stamp{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:5rem;z-index:610;pointer-events:none;filter:drop-shadow(0 4px 20px rgba(0,0,0,.4))}.celebration-badge-stamp.is-visible{animation:badgeStampIn .5s cubic-bezier(.34,1.56,.64,1) both}.celebration-badge-stamp.is-exiting{animation:badgeStampOut .4s ease-in both}@keyframes badgeStampIn{0%{transform:translate(-50%,-50%) scale(0) rotate(-20deg);opacity:0}60%{transform:translate(-50%,-50%) scale(1.3) rotate(5deg);opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}@keyframes badgeStampOut{to{transform:translate(-50%,-50%) scale(.5);opacity:0}}.wellbeing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:400;background:#0000;transition:background .4s ease;pointer-events:all}.wellbeing-overlay.is-visible{background:#00000073}.wellbeing-overlay.is-exiting{opacity:0;transition:opacity .4s ease;pointer-events:none}.wellbeing-card{background:#0d2b1af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid rgba(82,183,136,.25);border-radius:var(--radius-xl, 28px);padding:var(--space-lg, 24px);text-align:center;max-width:340px;width:90%;animation:popIn .5s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)) both;box-shadow:0 16px 48px #0006}.wellbeing-title{font-family:var(--font-display, "Quicksand", sans-serif);font-size:var(--font-size-md, 1.25rem);font-weight:800;color:var(--text-primary, #d8f3dc);margin-bottom:var(--space-md, 16px)}.wellbeing-options{display:flex;justify-content:center;gap:var(--space-md, 16px)}.wellbeing-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-md, 16px);border-radius:var(--radius-lg, 20px);background:#ffffff0f;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease;min-width:80px;touch-action:manipulation}.wellbeing-option:active{transform:scale(.93);background:#52b78826;border-color:var(--accent-primary, #52b788)}.wellbeing-option__emoji{font-size:2.5rem;line-height:1}.wellbeing-option__label{font-size:var(--font-size-sm, .9rem);font-weight:700;color:var(--text-primary, #d8f3dc)}.wellbeing-option__sublabel{font-size:.65rem;font-weight:600;color:var(--text-muted, #74c69d);text-transform:uppercase;letter-spacing:.04em}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm, 8px);padding:var(--space-lg, 24px)}.loading-spinner__icon{font-size:2.5rem;animation:spinnerBounce 1.2s ease-in-out infinite}.loading-spinner__text{font-family:var(--font-display, "Quicksand", sans-serif);font-size:var(--font-size-sm, .9rem);font-weight:700;color:var(--text-muted, #74c69d);animation:spinnerFade 1.2s ease-in-out infinite}@keyframes spinnerBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.1)}}@keyframes spinnerFade{0%,to{opacity:.5}50%{opacity:1}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md, 14px)}.skeleton--circle{border-radius:50%}.skeleton--text{height:1em;border-radius:var(--radius-sm, 8px)}.skeleton--card{height:80px;border-radius:var(--radius-lg, 20px)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1a3a2ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;animation:fadeIn .2s ease both}.loading-overlay.is-exiting{animation:fadeOut .3s ease both}.loading-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-md, 16px);text-align:center;padding:var(--space-xl, 40px)}.loading-error__icon{font-size:2.5rem}.loading-error__text{font-size:var(--font-size-sm, .9rem);font-weight:700;color:var(--text-muted, #74c69d)}.loading-error__retry{padding:var(--space-sm, 8px) var(--space-lg, 24px);border-radius:var(--radius-full, 9999px);background:var(--accent-primary, #52b788);color:#0d2b1a;font-weight:800;font-size:var(--font-size-sm, .9rem);border:none;cursor:pointer;transition:transform .2s ease}.loading-error__retry:active{transform:scale(.95)}@keyframes fadeOut{to{opacity:0}}.breathing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:350;background:#0000;transition:background .6s ease;pointer-events:all;gap:var(--space-md, 16px)}.breathing-overlay.is-visible{background:#0d2b1ad9}.breathing-overlay.is-exiting{opacity:0;transition:opacity .5s ease;pointer-events:none}.breathing-text{font-family:var(--font-display, "Quicksand", sans-serif);font-size:var(--font-size-lg, 1.5rem);font-weight:800;color:var(--text-primary, #d8f3dc);text-align:center;transition:opacity .4s ease}.breathing-subtext{font-size:var(--font-size-sm, .9rem);font-weight:600;color:var(--text-muted, #74c69d);text-align:center}.breathing-circle{width:120px;height:120px;border-radius:50%;border:3px solid var(--accent-primary, #52b788);background:#52b7881a;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:transform 3s ease-in-out,background 3s ease-in-out,border-color 3s ease-in-out}.breathing-circle.is-inhale{transform:scale(1.5);background:#52b78840;border-color:var(--accent-cool, #06d6a0)}.breathing-circle.is-exhale{transform:scale(1);background:#52b78814;border-color:var(--accent-primary, #52b788)}.breathing-skip{margin-top:var(--space-sm, 8px);font-size:var(--font-size-xs, .75rem);font-weight:600;color:#ffffff4d;cursor:pointer;border:none;background:none;transition:color .2s ease}.breathing-skip:active{color:#fff9}.transition-narrator{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:350;background:#0d2b1a00;transition:background .3s ease;pointer-events:none;gap:var(--space-sm, 8px)}.transition-narrator.is-visible{background:#0d2b1ae6;pointer-events:all}.transition-narrator.is-exiting{opacity:0;transition:opacity .4s ease}.transition-narrator__emoji{font-size:3.5rem;animation:transNarratorBounce .6s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)) both;filter:drop-shadow(0 4px 12px rgba(82,183,136,.4))}.transition-narrator__text{font-family:var(--font-display, "Quicksand", sans-serif);font-size:var(--font-size-lg, 1.5rem);font-weight:800;color:var(--text-primary, #d8f3dc);text-align:center;animation:transNarratorSlide .5s var(--ease-spring) .15s both;text-shadow:0 2px 8px rgba(0,0,0,.3)}@keyframes transNarratorBounce{0%{transform:scale(0) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes transNarratorSlide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}:focus-visible{outline:3px solid var(--accent-warm, #ffd166);outline-offset:3px;border-radius:var(--radius-sm, 8px)}button:focus-visible,[role=button]:focus-visible{outline:3px solid var(--accent-warm, #ffd166);outline-offset:2px;box-shadow:0 0 0 6px #ffd16633}.skip-link{position:fixed;top:-100%;left:50%;transform:translate(-50%);z-index:9999;padding:var(--space-sm) var(--space-lg);background:var(--accent-primary);color:#0d2b1a;font-weight:800;border-radius:0 0 var(--radius-md) var(--radius-md);text-decoration:none;transition:top .2s ease}.skip-link:focus{top:0}.feedback-bubble--success:before{content:"✓ "}.feedback-bubble--error:before{content:"↻ "}@media (prefers-color-scheme: dark){:root{--surface-bg: #0d1f15;--surface-card: rgba(45, 106, 79, .5);--surface-raised: #1a3a2a}}[data-night-mode=true]{--surface-bg: #0d1f15;--surface-card: rgba(45, 106, 79, .4);--surface-raised: #162d21;--text-primary: #c8e8d0;--text-secondary: #a0d4b0;--accent-primary: #3d9a70;--accent-warm: #e6b85a}[data-font=lexend]{--font-display: "Lexend", system-ui, sans-serif;--font-body: "Lexend", system-ui, sans-serif}[data-font=lexend] *{letter-spacing:.02em;word-spacing:.05em;text-transform:uppercase}[data-high-contrast=true]{--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #b0b0b0;--border-subtle: rgba(255, 255, 255, .4);--border-accent: rgba(255, 255, 255, .6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game__cell--correct{border-color:var(--feedback-success)!important;position:relative}.game__cell--wrong{border-color:var(--feedback-error)!important}.owl-word{transition:background .12s ease-out,color .12s ease-out;border-radius:4px;padding:1px 2px}.owl-word--active{background:var(--accent-warm, #ffd166);color:var(--text-on-accent, #0d2b1a);border-radius:5px;padding:1px 4px}[data-animation=reduced] .owl-word,[data-animation=minimal] .owl-word{transition:none}.owl-waiting__emoji{font-size:3rem;animation:game-pulse 1.5s ease-in-out infinite alternate}.owl-waiting__text{font-size:1.1rem;color:var(--text-secondary, #a0a0a0);font-style:italic;text-align:center;max-width:240px}.login-view{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:24px;background:var(--bg-primary, #0a1628)}.login-card{display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px 32px;max-width:360px;width:100%}.login-logo{text-align:center;margin-bottom:8px}.login-logo__icon{display:block;margin:0 auto 16px}.login-logo__title{font-size:2.5rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0;letter-spacing:-.02em}.login-logo__subtitle{font-size:.9rem;color:var(--text-secondary, #a0a0a0);margin:8px 0 0;line-height:1.5;letter-spacing:.01em}.login-form{display:flex;flex-direction:column;gap:12px;width:100%}.login-input{width:100%;padding:14px 16px;border:2px solid var(--border, rgba(255, 255, 255, .12));border-radius:12px;font-size:1rem;background:var(--bg-secondary, rgba(255, 255, 255, .06));color:var(--text-primary, #ffffff);outline:none;transition:border-color .2s;box-sizing:border-box}.login-input::placeholder{color:var(--text-tertiary, #6b7280)}.login-input:focus{border-color:var(--accent, #22c55e)}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.login-btn:active{transform:scale(.97)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn--primary{background:var(--accent, #22c55e);color:#fff;box-shadow:0 2px 12px #22c55e4d}.login-btn--primary:hover:not(:disabled){box-shadow:0 4px 20px #22c55e66}.login-btn--google{background:#fff;color:#1f1f1f;box-shadow:0 2px 12px #00000026}.login-btn--google:hover:not(:disabled){box-shadow:0 4px 20px #00000040}.login-btn--apple{background:#000;color:#fff;border:1px solid rgba(255,255,255,.15)}.login-btn--apple:hover:not(:disabled){background:#1a1a1a}.login-btn__icon{flex-shrink:0}.login-error{width:100%;padding:12px 16px;border-radius:10px;background:#ef44441f;color:#ef4444;font-size:.875rem;text-align:center}.login-success{width:100%;padding:12px 16px;border-radius:10px;background:#22c55e1f;color:#22c55e;font-size:.875rem;text-align:center}.login-toggle{font-size:.875rem;color:var(--text-secondary, #a0a0a0)}.login-toggle a{color:var(--accent, #22c55e);text-decoration:none;font-weight:600}.login-toggle a:hover{text-decoration:underline}.login-divider{display:flex;align-items:center;width:100%;gap:12px;color:var(--text-tertiary, #6b7280);font-size:.8rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border, rgba(255, 255, 255, .12))}.login-terms{font-size:.75rem;color:var(--text-tertiary, #6b7280);text-align:center;line-height:1.5;max-width:280px}.login-link{color:var(--accent, #22c55e);text-decoration:none}.login-link:hover{text-decoration:underline}.profiles-view{display:flex;flex-direction:column;align-items:center;min-height:100dvh;padding:48px 24px;background:var(--bg-primary, #0a1628)}.profiles-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px;margin-bottom:32px}.profiles-title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0}.profiles-logout{background:none;border:1px solid var(--text-tertiary, #6b7280);border-radius:8px;padding:6px 16px;color:var(--text-secondary, #a0a0a0);font-size:.85rem;cursor:pointer}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;width:100%;max-width:480px}.profile-card{position:relative;display:flex;flex-direction:column;align-items:center;border:2px solid var(--border, rgba(255,255,255,.1));border-radius:16px;background:var(--bg-card, rgba(255,255,255,.05));transition:transform .15s,border-color .15s}.profile-card:hover{border-color:var(--accent, #22c55e)}.profile-card__play{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px 20px;width:100%;background:none;border:none;cursor:pointer}.profile-card__play:active{transform:scale(.95)}.profile-card__edit{position:absolute;top:6px;right:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:#ffffff14;font-size:.8rem;cursor:pointer;opacity:0;transition:opacity .15s;z-index:1}.profile-card:hover .profile-card__edit{opacity:1}@media (hover: none){.profile-card__edit{opacity:.7}}.profile-card--add{border-style:dashed;opacity:.6}.profile-card--add:hover{opacity:1}.profile-card__avatar{font-size:2.8rem;line-height:1}.profile-card__name{font-size:.95rem;font-weight:600;color:var(--text-primary, #ffffff)}.profile-card__age{font-size:.8rem;color:var(--text-secondary, #a0a0a0)}.profile-form-container{display:flex;justify-content:center;width:100%}.profile-form{display:flex;flex-direction:column;gap:18px;width:100%;max-width:380px;padding:32px;border-radius:16px;background:var(--bg-card, rgba(255,255,255,.05))}.profile-form h2{color:var(--text-primary, #ffffff);margin:0;font-size:1.25rem}.profile-form label{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary, #a0a0a0);font-size:.85rem}.profile-form input,.profile-form select{padding:12px;border:2px solid var(--border, rgba(255,255,255,.12));border-radius:10px;background:var(--bg-primary, #0a1628);color:var(--text-primary, #ffffff);font-size:1rem;outline:none;transition:border-color .2s}.profile-form input:focus,.profile-form select:focus{border-color:var(--accent, #22c55e)}.avatar-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.avatar-option{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid transparent;border-radius:10px;background:#ffffff0f;cursor:pointer;transition:border-color .15s,transform .15s}.avatar-option:hover{border-color:#fff3;transform:scale(1.1)}.avatar-option--selected{border-color:var(--accent, #22c55e);background:#22c55e26;transform:scale(1.1)}.profile-form__actions{display:flex;gap:12px;margin-top:4px}.profile-form__error{padding:10px 14px;border-radius:8px;background:#ef44441f;color:#ef4444;font-size:.85rem;text-align:center}.btn-primary{flex:1;padding:12px;border:none;border-radius:10px;background:var(--accent, #22c55e);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:opacity .15s}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{flex:1;padding:12px;border:1px solid var(--border, rgba(255,255,255,.15));border-radius:10px;background:transparent;color:var(--text-secondary, #a0a0a0);font-size:.95rem;cursor:pointer}.btn-danger{width:100%;padding:12px;border:1px solid rgba(239,68,68,.3);border-radius:10px;background:transparent;color:#ef4444;font-size:.85rem;cursor:pointer;transition:background .15s}.btn-danger:hover{background:#ef44441a}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.legal-view{min-height:100dvh;padding:24px;background:var(--bg-primary, #0a1628);color:var(--text-primary, #e0e0e0);display:flex;justify-content:center}.legal-container{max-width:640px;width:100%;padding:32px 0 64px}.legal-back{background:none;border:none;color:var(--accent, #52b788);font-size:.9rem;cursor:pointer;padding:8px 0;margin-bottom:24px;display:inline-block}.legal-back:hover{text-decoration:underline}.legal-container h1{font-size:1.75rem;font-weight:700;margin:0 0 8px;color:var(--text-primary, #ffffff)}.legal-updated{font-size:.8rem;color:var(--text-tertiary, #6b7280);margin:0 0 32px}.legal-container h2{font-size:1.1rem;font-weight:600;margin:28px 0 12px;color:var(--text-primary, #ffffff)}.legal-container h3{font-size:.95rem;font-weight:600;margin:16px 0 8px;color:var(--text-secondary, #a0a0a0)}.legal-container p{font-size:.9rem;line-height:1.7;color:var(--text-secondary, #a0a0a0);margin:0 0 12px}.legal-container ul{margin:0 0 12px;padding-left:20px}.legal-container li{font-size:.9rem;line-height:1.7;color:var(--text-secondary, #a0a0a0);margin-bottom:4px}.legal-container section{border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:8px}.legal-container section:last-of-type{border-bottom:none}.legal-link{color:var(--accent, #52b788);text-decoration:none}.legal-link:hover{text-decoration:underline}.game{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--game-gap, 14px);background:transparent;border-radius:16px;padding:var(--game-pad, 18px);box-sizing:border-box;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;font-family:var(--font-display, "Quicksand", system-ui, sans-serif)}.game--compact{--game-gap: 8px;--game-pad: 14px}.game--spacious{--game-gap: 18px;--game-pad: 24px}.game--stretch{justify-content:stretch}.game--top{justify-content:flex-start}.game__progress{width:85%;height:10px;background:#ffffff0f;border-radius:6px;overflow:hidden;z-index:1;position:relative;border:1px solid rgba(255,255,255,.04)}.game__progress-fill{height:100%;width:0%;border-radius:6px;transition:width .5s ease;background:linear-gradient(90deg,var(--progress-from, #a78bfa),var(--progress-to, #c084fc))}.game__progress--purple .game__progress-fill{--progress-from: #a78bfa;--progress-to: #c084fc}.game__progress--orange .game__progress-fill{--progress-from: #f59e0b;--progress-to: #f97316}.game__progress--green .game__progress-fill{--progress-from: #4ade80;--progress-to: #22c55e}.game__progress--pink .game__progress-fill{--progress-from: #ec4899;--progress-to: #f472b6}.game__progress--blue .game__progress-fill{--progress-from: #3b82f6;--progress-to: #60a5fa}.game__progress--teal .game__progress-fill{--progress-from: #14b8a6;--progress-to: #2dd4bf}.game__stars{display:flex;gap:5px;z-index:1;min-height:24px;align-items:center}.game__star{font-size:1.1rem;transition:opacity .3s,transform .3s}.game__star--off{opacity:.2;filter:grayscale(1)}.game__title{color:#fff;font-size:clamp(1rem,3vw,1.15rem);font-weight:700;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5);z-index:1}.game__title--lg{font-size:clamp(1.2rem,3.5vw,1.5rem);font-weight:800}.game__instruction{color:#ffffffb3;font-size:.9rem;font-weight:600;text-align:center;z-index:1}.game__label{color:#fff;font-size:1rem;font-weight:700;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.4);z-index:1;min-height:28px}.game__label--small{font-size:.85rem;color:#fff9}.game__label--bold{font-size:1.2rem;font-weight:800}.game__emoji{font-size:var(--emoji-size, 3rem);z-index:1;line-height:1}.game__emoji--xl{--emoji-size: 5rem}.game__emoji--lg{--emoji-size: 4rem}.game__emoji--sm{--emoji-size: 2rem}.game__feedback{color:#fff;font-size:1.1rem;font-weight:700;z-index:1;min-height:28px;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.4);transition:color .3s ease}.game__feedback--success{color:#4ade80}.game__feedback--warning{color:#fbbf24}.game__feedback--error{color:#f87171}.game__row{display:flex;gap:var(--row-gap, 12px);z-index:1;flex-wrap:wrap;justify-content:center;align-items:center}.game__row--dense{--row-gap: 6px}.game__row--spacious{--row-gap: 16px}.game__row--nowrap{flex-wrap:nowrap}.game__row--stretch{width:100%}.game__grid{display:grid;gap:var(--grid-gap, 8px);z-index:1;justify-items:center;align-items:center}.game__cell{border-radius:12px;background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast) var(--ease-gentle),border-color var(--duration-fast) var(--ease-gentle),transform var(--duration-fast) var(--ease-snap),box-shadow var(--duration-fast) var(--ease-gentle);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:var(--glass-shadow);font-size:var(--cell-font, 2rem);min-width:48px;min-height:48px}.game__cell:active{transform:scale(.95)}.game__cell--correct{border-color:#22c55e80;background:#22c55e26;box-shadow:0 0 16px #22c55e40;transform:scale(1.03)}.game__cell--wrong{border-color:#f59e0b80;background:#f59e0b1a;animation:game-shake .35s ease}.game__cell--selected{border-color:#60a5fa80;background:#60a5fa1f;box-shadow:0 0 16px #60a5fa33}.game__cell--disabled{opacity:.4;pointer-events:none}.game__cell--hidden{visibility:hidden}.game__choice{padding:var(--choice-pad, 12px 24px);border-radius:16px;background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;font-family:var(--font-display, "Quicksand", system-ui, sans-serif);font-size:var(--choice-font, 1rem);font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast) var(--ease-gentle),border-color var(--duration-fast) var(--ease-gentle),transform var(--duration-fast) var(--ease-snap),box-shadow var(--duration-fast) var(--ease-gentle);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--glass-shadow);z-index:1;min-height:48px;min-width:48px}.game__choice:active{transform:scale(.95)}.game__choice--correct{border-color:#22c55e80;background:#22c55e33;box-shadow:0 0 16px #22c55e40;transform:scale(1.03)}.game__choice--wrong{border-color:#f59e0b80;background:#f59e0b1f;animation:game-shake .35s ease}.game__choice--emoji{--choice-pad: 0;--choice-font: 2rem;width:var(--choice-size, clamp(64px, 16vw, 88px));height:var(--choice-size, clamp(64px, 16vw, 88px))}.game__choice--lg{--choice-size: clamp(70px, 18vw, 100px);--choice-font: clamp(2.5rem, 9vw, 3.5rem)}.game__dropzone{border:2px dashed rgba(255,255,255,.15);background:#ffffff08;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:border-color var(--duration-fast) var(--ease-gentle),background var(--duration-fast) var(--ease-gentle),transform var(--duration-fast) var(--ease-snap),box-shadow var(--duration-fast) var(--ease-gentle);position:relative}.game__dropzone--hover{border-color:#4ade8080;border-style:solid;background:#4ade801a;transform:scale(1.03);box-shadow:0 0 16px #4ade8026}.game__dropzone--filled{border-style:solid;border-color:var(--glass-border);background:var(--glass-bg)}.game__dropzone--correct{border-color:#22c55e80;border-style:solid;background:#22c55e1f;box-shadow:0 0 12px #22c55e26}.game__draggable{cursor:grab;touch-action:none;transition:opacity .2s,transform .15s;-webkit-tap-highlight-color:transparent}.game__draggable--dragging{opacity:.3;cursor:grabbing}.game__draggable--placed{opacity:.2;pointer-events:none}.game__display{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.game__display--bordered{border:3px solid rgba(255,255,255,.1);border-bottom-width:5px;border-bottom-color:#00000026;border-radius:16px;background:#ffffff0a;box-shadow:0 4px #0000001a;overflow:hidden}.game__timer{width:85%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;z-index:1}.game__timer-fill{height:100%;border-radius:4px;transition:width .1s linear;background:linear-gradient(90deg,#fbbf24,#ef4444)}.game__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:inherit;opacity:0;transition:opacity var(--duration-normal) var(--ease-gentle);pointer-events:none}.game__overlay.is-visible{opacity:1;pointer-events:auto}@keyframes game-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes game-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes game-bounce{0%{transform:scale(.8)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes game-glow{0%,to{box-shadow:0 0 #fbbf2480}50%{box-shadow:0 0 0 10px #fbbf2400}}@keyframes game-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes game-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes game-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes game-fade-in{0%{opacity:0}to{opacity:1}}.game--m3{height:100%;padding:2rem 1.5rem;gap:1.2rem;text-align:center;animation:fadeIn .3s ease-out}.game--m3-compact{padding:1.5rem 1rem;gap:1rem}.game__m3-title{font-size:clamp(1rem,3vw,1.3rem);font-weight:700;color:var(--text-primary, var(--color-text-primary));margin:0;z-index:1}.game__m3-subtitle{font-size:clamp(.8rem,2.5vw,1rem);color:var(--text-muted, var(--color-text-muted));margin:0;z-index:1}.game__m3-subtitle--bold{font-weight:600}.game__m3-label{font-size:clamp(.85rem,2.5vw,1.1rem);font-weight:600;color:var(--text-muted, var(--color-text-muted, #718096));margin:0;letter-spacing:.05em;z-index:1}.game__m3-message{font-size:clamp(1.1rem,3.8vw,1.6rem);font-weight:600;color:var(--text-primary, var(--color-text-primary, #d8f3dc));max-width:500px;line-height:1.5;margin:0;padding:0 .5rem;z-index:1}.game__m3-heading{font-size:clamp(1.2rem,4vw,1.8rem);color:var(--color-text, #2d3748);margin:0;text-align:center;z-index:1}.game__m3-heading--lg{font-size:clamp(1.3rem,4.5vw,2rem)}.game__m3-body-text{font-size:1.1rem;color:var(--color-text-muted, #718096);margin-top:.5rem;z-index:1}.game__m3-scene-emoji{font-size:clamp(3rem,18vw,6rem);letter-spacing:.3rem;line-height:1;z-index:1}.game__m3-result-text{font-size:clamp(1rem,3.5vw,1.3rem);text-align:center;font-weight:600;color:var(--color-text, #2d3748);padding:0 1rem;z-index:1}.game__m3-result-text--success{color:var(--color-primary, #52b788)}.game__m3-caption{font-size:.9rem;color:var(--color-text-muted, #718096);margin-top:.5rem;z-index:1}.game__m3-hint{font-size:1rem;color:var(--color-text-muted, #718096);z-index:1}.game__m3-compare{display:flex;gap:1.5rem;align-items:center;justify-content:center;flex-wrap:wrap;z-index:1}.game__m3-compare-item{text-align:center}.game__m3-compare-symbol{font-size:2rem;z-index:1}.game__m3-compare-emoji{font-size:clamp(2.5rem,10vw,4rem);z-index:1}.game__m3-compare-img{width:clamp(100px,30vw,150px);height:clamp(100px,30vw,150px);object-fit:cover;border-radius:1rem}.game__m3-compare-img--error{border:3px solid var(--color-error, #e53e3e)}.game__m3-compare-img--success{border:3px solid var(--color-success, #52b788)}.game__m3-compare-placeholder{width:clamp(100px,30vw,150px);height:clamp(100px,30vw,150px);background:var(--color-surface, #f7f7f7);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:3rem}.game__m3-compare-placeholder--error{border:3px solid var(--color-error, #e53e3e)}.game__m3-compare-placeholder--success{border:3px solid var(--color-success, #52b788)}.game__m3-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:340px}.game__m3-theme-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:var(--radius-md, 14px);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;touch-action:manipulation;transition:background var(--duration-fast) var(--ease-gentle),border-color var(--duration-fast) var(--ease-gentle),transform var(--duration-fast) var(--ease-snap)}.game__m3-theme-btn__emoji{font-size:2rem}.game__m3-theme-btn__label{font-size:.75rem;font-weight:700;color:var(--text-primary, #fff)}.game__m3-theme-btn.is-pressed{transform:scale(.92);border-color:var(--accent-primary, #52b788);background:#52b78833}.game__m3-owl{font-size:clamp(3.5rem,14vw,5.5rem);line-height:1;z-index:1}.game__m3-owl--speaking{animation:pulse .8s ease-in-out infinite alternate}.game__m3-owl--thinking{animation:pulse 1.2s ease-in-out infinite alternate;filter:grayscale(.3)}.game__m3-thinking-emoji{font-size:4rem;animation:pulse 1s ease-in-out infinite alternate}.game__mic-btn{width:clamp(80px,20vw,110px);height:clamp(80px,20vw,110px);border-radius:50%;border:none;background:var(--accent-primary, var(--color-primary, #52b788));color:#fff;font-size:clamp(2rem,8vw,3rem);cursor:pointer;box-shadow:0 6px 20px #52b78866;display:flex;align-items:center;justify-content:center;transition:transform .1s,background .2s;touch-action:manipulation}.game__mic-btn--sm{width:70px;height:70px;font-size:2rem;box-shadow:0 4px 16px #52b78866}.game__mic-btn--recording{background:#e53e3e;box-shadow:0 0 0 8px #e53e3e40}.game__mic-btn--pulse{animation:micPulse 1.5s ease-in-out infinite}@keyframes micPulse{0%,to{box-shadow:0 6px 20px #52b78880;transform:scale(1)}50%{box-shadow:0 6px 30px #52b788cc,0 0 0 12px #52b78826;transform:scale(1.06)}}.game__mic-btn--processing{background:#718096;pointer-events:none}.game__mic-status{font-size:.95rem;color:var(--text-muted, var(--color-text-muted, #718096));z-index:1}.game__mic-status--sm{font-size:.85rem;min-height:1.2em}.game__m3-divider{font-size:.85rem;color:var(--text-muted, var(--color-text-muted));margin:0;font-weight:600}.game__spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.game__spinner--sm{width:24px;height:24px}.sys-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border-radius:inherit;opacity:0;transition:opacity .4s ease;padding:24px}.sys-overlay.is-visible{opacity:1}.sys-overlay--break{z-index:300;gap:20px;transition:opacity .8s ease}.sys-overlay--checkin{z-index:250;background:#000000b3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.sys-overlay__emoji{font-size:4rem;line-height:1;animation:float 4s ease-in-out infinite}.sys-overlay__text{color:#ffffffe6;font-size:1.1rem;font-weight:700;text-align:center;max-width:280px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.sys-overlay__title{color:#fff;font-size:1.2rem;font-weight:800;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.4)}.sys-overlay__breathe-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}.sys-overlay__breathe-circle{width:60px;height:60px;border-radius:50%;background:#ffffff26;border:3px solid rgba(255,255,255,.4);transition:transform 3s ease-in-out}.sys-overlay__breathe-label{color:#ffffffb3;font-size:.85rem;font-weight:600}.sys-overlay__skip-btn{position:absolute;bottom:16px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:6px 16px;color:#ffffff80;font-size:.75rem;font-weight:600;cursor:pointer;touch-action:manipulation}.sys-overlay__emotion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:320px;width:100%}.sys-overlay__emotion-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:16px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;touch-action:manipulation;transition:transform var(--duration-fast) var(--ease-snap),background var(--duration-fast) var(--ease-gentle),border-color var(--duration-fast) var(--ease-gentle),box-shadow var(--duration-fast) var(--ease-gentle)}.sys-overlay__emotion-btn:active{transform:scale(1.1);border-color:var(--glass-border-hover);background:var(--glass-bg-hover);box-shadow:0 0 12px #52b78826}.sys-overlay__emotion-emoji{font-size:2rem}.sys-overlay__emotion-label{font-size:.65rem;font-weight:700;opacity:.8}.sys-overlay__response-emoji{font-size:3rem;animation:popInEmotion .4s ease}.game .z1{z-index:1}.game .z2{z-index:2}.game .hidden{visibility:hidden}.game .invisible{opacity:0}.splash-view{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);padding:var(--space-xl) var(--space-lg);overflow:hidden;font-family:var(--font-display)}.splash-view:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;width:160%;height:160%;background:radial-gradient(ellipse 55% 45% at 30% 20%,rgba(82,183,136,.2) 0%,transparent 70%),radial-gradient(ellipse 45% 40% at 70% 30%,rgba(6,214,160,.12) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 50% 75%,rgba(139,92,246,.08) 0%,transparent 70%),radial-gradient(ellipse 35% 30% at 80% 70%,rgba(255,209,102,.06) 0%,transparent 70%);pointer-events:none;animation:meshDrift 18s ease-in-out infinite alternate}@keyframes meshDrift{0%{transform:translate(0) scale(1)}50%{transform:translate(-2%,1.5%) scale(1.02)}to{transform:translate(1%,-1%) scale(1)}}.splash-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);animation:float 4s ease-in-out infinite;position:relative;z-index:1}.splash-logo-icon{line-height:1;filter:drop-shadow(0 0 28px rgba(82,183,136,.35))}.splash-logo-icon svg{width:clamp(100px,20vw,140px);height:clamp(100px,20vw,140px)}.splash-logo-text{font-size:var(--font-size-2xl);font-weight:900;background:linear-gradient(135deg,#95d5b2,#52b788,#ffd166);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.splash-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);text-align:center;font-weight:600;opacity:0;animation:fadeIn var(--duration-slow) var(--ease-gentle) .4s both;position:relative;z-index:1}.splash-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%;max-width:400px;opacity:0;animation:glassReveal var(--duration-slow) var(--ease-snap) .7s both;position:relative;z-index:1}.splash-mic-card{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);width:100%;text-align:center;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);overflow:hidden}.splash-mic-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);pointer-events:none}.splash-mic-icon{font-size:3rem;animation:breathe 3s ease-in-out infinite}.splash-mic-text{font-size:var(--font-size-md);color:var(--text-primary);font-weight:600;line-height:var(--leading-normal)}.splash-mic-subtext{font-size:var(--font-size-sm);color:var(--text-muted)}.splash-mic-btn{background:var(--accent-primary);color:var(--text-on-accent);border:none;border-radius:var(--radius-full);padding:var(--space-sm) var(--space-xl);font-family:var(--font-display);font-size:var(--font-size-md);font-weight:800;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 12px #52b7884d;transition:transform var(--duration-fast) var(--ease-snap),box-shadow var(--duration-fast) var(--ease-gentle)}.splash-mic-btn:hover{box-shadow:0 4px 20px #52b78866}.splash-mic-btn:active{transform:scale(.96)}.splash-start-btn{background:linear-gradient(135deg,var(--accent-warm),#f4a261);color:var(--text-on-accent);border:none;border-radius:var(--radius-full);padding:var(--space-lg) var(--space-2xl);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:900;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 24px #ffd1664d;letter-spacing:.01em;width:100%;max-width:360px;animation:glowBreathe 3s ease-in-out infinite;--glow-color: rgba(255, 209, 102, .3);transition:transform var(--duration-fast) var(--ease-snap),box-shadow var(--duration-fast) var(--ease-gentle)}.splash-start-btn:active{animation:none;transform:scale(.96)}.splash-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.splash-star{position:absolute;width:3px;height:3px;background:#ffffff80;border-radius:50%;animation:twinkle 3s ease-in-out infinite;box-shadow:0 0 6px #ffffff26}@media (prefers-reduced-motion: reduce){.splash-view:before{animation:none}.splash-logo,.splash-start-btn,.splash-star{animation:none}}.home-view{position:relative;display:flex;flex-direction:column;height:100%;font-family:var(--font-display);overflow:hidden;background:var(--surface-bg)}.home-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.home-mesh{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;width:180%;height:180%;background:radial-gradient(ellipse 50% 40% at 20% 15%,rgba(82,183,136,.18) 0%,transparent 70%),radial-gradient(ellipse 45% 35% at 75% 25%,rgba(6,214,160,.12) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 50% 70%,rgba(139,92,246,.1) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 85% 80%,rgba(249,115,22,.08) 0%,transparent 70%);animation:meshDrift 20s ease-in-out infinite alternate}@keyframes meshDrift{0%{transform:translate(0) rotate(0)}33%{transform:translate(-2%,1%) rotate(.5deg)}66%{transform:translate(1%,-1.5%) rotate(-.3deg)}to{transform:translate(-1%,2%) rotate(.2deg)}}.home-scroll{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;flex:1 1 0%;min-height:0;padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px));gap:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.home-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--content-width, 480px);animation:fadeIn .4s var(--ease-gentle) both}.home-header__title{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#4ade80,#22d3ee,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.02em}.home-header__gear{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:50%;width:44px;height:44px;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;color:var(--text-secondary);transition:transform var(--duration-fast) var(--ease-snap),background var(--duration-fast) var(--ease-gentle),border-color var(--duration-fast) var(--ease-gentle)}.home-header__gear:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.home-header__gear:active{transform:scale(.92)}.home-guide{display:flex;align-items:flex-end;gap:12px;width:100%;max-width:var(--content-width, 480px);animation:slideUp .4s var(--ease-snap) .1s both}.home-guide__avatar{flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(82,183,136,.2))}.home-guide__avatar svg{display:block}.home-guide__bubble{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:18px;padding:14px 18px;font-family:var(--font-display);font-size:clamp(.9rem,2.8vw,1.05rem);font-weight:600;color:var(--text-primary);line-height:1.4;box-shadow:var(--glass-shadow);max-width:280px}.home-guide__bubble-arrow{position:absolute;left:-7px;bottom:16px;width:14px;height:14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-right:none;border-top:none;transform:rotate(45deg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.journey-path{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:var(--content-width, 480px);padding:8px 0}.journey-path__connector{width:2px;height:28px;background:linear-gradient(to bottom,#52b7884d,#52b78814);border-radius:1px;position:relative}.journey-path__connector:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:6px;margin-left:-2px;background:linear-gradient(to bottom,rgba(82,183,136,.1),transparent);border-radius:3px;filter:blur(3px)}.journey-node{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:nodeReveal .5s var(--ease-snap) both}@keyframes nodeReveal{0%{opacity:0;transform:scale(.9) translateY(12px);filter:blur(4px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.journey-node__circle{position:relative;width:clamp(90px,22vw,120px);height:clamp(90px,22vw,120px);border-radius:50%;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.08) 0%,transparent 60%),linear-gradient(160deg,color-mix(in srgb,var(--node-color) 15%,transparent),color-mix(in srgb,var(--node-color) 8%,transparent));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 0 24px color-mix(in srgb,var(--node-color) 20%,transparent),inset 0 1px #ffffff14;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast) var(--ease-snap),box-shadow var(--duration-fast) var(--ease-gentle),border-color var(--duration-fast) var(--ease-gentle);overflow:hidden}.journey-node__circle:hover{border-color:color-mix(in srgb,var(--node-color) 40%,transparent);box-shadow:0 0 32px color-mix(in srgb,var(--node-color) 30%,transparent),0 0 8px color-mix(in srgb,var(--node-color) 15%,transparent),inset 0 1px #ffffff1f}.journey-node__circle:active{transform:scale(.94);transition-duration:50ms}.journey-node__circle:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid transparent;background:conic-gradient(from 0deg,color-mix(in srgb,var(--node-color) 40%,transparent),transparent 40%,transparent 60%,color-mix(in srgb,var(--node-color) 30%,transparent)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ringRotate 8s linear infinite;pointer-events:none}@keyframes ringRotate{to{transform:rotate(360deg)}}.journey-node__character{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.journey-node__character svg{display:block;width:70px;height:70px}.journey-node--locked .journey-node__circle{filter:saturate(.3) brightness(.6)}.journey-node--locked .journey-node__circle:before{animation:none;opacity:.3}.journey-node__lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:50%;z-index:2}.journey-node__lock svg{width:28px;height:28px;color:#fff9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.journey-node__circle.is-shaking{animation:nodeshake .4s var(--ease-gentle)}@keyframes nodeshake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.journey-node__label{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--text-primary);text-align:center;letter-spacing:.02em}.journey-node__desc{font-family:var(--font-display);font-size:.78rem;font-weight:600;color:var(--text-muted);text-align:center;line-height:1.3}.journey-node__countdown{font-family:var(--font-display);font-size:.85rem;font-weight:800;color:var(--accent-warm);text-align:center;text-shadow:0 0 12px rgba(255,209,102,.3)}.home-sanctuary{width:100%;max-width:var(--content-width, 480px);padding-top:4px;padding-bottom:16px;flex-shrink:0;animation:slideUp .3s var(--ease-snap) .5s both}.home-sanctuary__btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);font-family:var(--font-display);font-size:var(--font-size-md);font-weight:700;color:var(--text-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast) var(--ease-snap),background var(--duration-fast) var(--ease-gentle),border-color var(--duration-fast) var(--ease-gentle),box-shadow var(--duration-fast) var(--ease-gentle)}.home-sanctuary__btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glow-primary)}.home-sanctuary__btn:active{transform:scale(.97)}.home-sanctuary__btn svg{width:22px;height:22px;color:var(--accent-primary);flex-shrink:0}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.home-mesh{animation:none}.journey-node__circle:before{animation:none}.journey-node{animation-duration:.01ms}}@media (min-width: 768px){.home-scroll{padding:20px 24px 24px;gap:16px}.home-guide__avatar svg{width:90px;height:90px}.journey-node__circle{width:130px;height:130px}.journey-node__character svg{width:85px;height:85px}.journey-node__label{font-size:1.2rem}.journey-path__connector{height:20px}.home-sanctuary{max-width:400px}}@media (min-width: 1024px) and (min-height: 900px){.home-scroll{padding:32px 24px 40px;gap:24px}.journey-node__circle{width:140px;height:140px}.journey-node__character svg{width:95px;height:95px}.journey-path__connector{height:36px}}@media (min-width: 768px) and (max-height: 800px){.home-scroll{padding:12px 24px 16px;gap:8px}.home-guide__avatar svg{width:70px;height:70px}.home-guide__bubble{padding:10px 14px;font-size:.9rem}.journey-node__circle{width:100px;height:100px}.journey-node__character svg{width:65px;height:65px}.journey-path__connector{height:12px}.journey-node__label{font-size:1rem}.journey-node{gap:3px}}@media (max-height: 680px){.home-scroll{padding:10px 12px 16px;gap:8px}.home-guide__avatar svg{width:70px;height:70px}.home-guide__bubble{padding:10px 14px;font-size:.85rem}.journey-node__circle{width:80px;height:80px}.journey-node__character svg{width:55px;height:55px}.journey-path__connector{height:14px}.journey-node__label{font-size:.95rem}.journey-node__desc{font-size:.7rem}}.motor-view{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100dvh;min-height:100vh;background:var(--surface-bg);padding:var(--space-lg) var(--space-md) var(--space-md);gap:var(--space-md);font-family:var(--font-display);box-sizing:border-box;animation:fadeIn var(--duration-normal) var(--ease-gentle) both;overflow:hidden}.motor-view__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.motor-view>*:not(.motor-view__bg){position:relative;z-index:1}.motor-view__topbar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--game-max-width, 720px)}.motor-view__topbar--narrow{max-width:var(--content-width)}.motor-view__title{font-size:var(--font-size-lg);font-weight:900;color:var(--text-primary, var(--color-text-primary));display:flex;align-items:center;gap:var(--space-xs)}.motor-view__title-icon{display:flex;align-items:center}.motor-view__title-icon svg{width:48px;height:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.motor-view__label{font-size:var(--font-size-md);font-weight:700;text-align:center;min-height:1.5em;transition:opacity var(--duration-exit) ease}.motor-view__label--green{color:var(--accent-primary, var(--color-accent-primary))}.motor-view__label--teal{color:var(--accent-cool, var(--color-accent-cool))}.motor-view__label--warm{color:var(--accent-warm, var(--color-accent-warm))}.motor-view__stage{flex:1;width:100%;max-width:var(--game-max-width, 720px);display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.motor-view__stage--card{background:var(--surface-card, var(--color-bg-card));box-shadow:var(--shadow-md);max-width:var(--content-width)}.back-btn{display:flex;align-items:center;gap:var(--space-xs);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-md);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:700;color:var(--accent-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:var(--glass-shadow);transition:transform var(--duration-fast) var(--ease-snap),background var(--duration-fast) var(--ease-gentle),border-color var(--duration-fast) var(--ease-gentle)}.back-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.back-btn:active{transform:scale(.95)}.back-btn--teal{border-color:var(--accent-cool, var(--color-accent-cool));color:var(--accent-cool, var(--color-accent-cool))}.back-btn--warm{border-color:var(--accent-warm, var(--color-accent-warm));color:var(--accent-warm, var(--color-accent-warm))}.mechanic-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);color:#fff;padding:12px 28px;border-radius:999px;font-size:1.2rem;font-weight:800;z-index:100;pointer-events:none;opacity:0;transition:all var(--duration-normal) var(--ease-bounce);box-shadow:var(--glow-primary)}.mechanic-banner.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.mechanic-banner.is-exiting{opacity:0;transform:translate(-50%,-50%) scale(.85)}.feedback-toast{position:absolute;top:12px;left:50%;transform:translate(-50%) translateY(-16px);color:var(--text-primary);padding:8px 20px;border-radius:999px;font-size:.85rem;font-weight:800;z-index:150;pointer-events:none;opacity:0;transition:all var(--duration-normal) var(--ease-snap);white-space:nowrap;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.feedback-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.feedback-toast.is-exiting{opacity:0;transform:translate(-50%) translateY(-8px)}.complete-banner{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);z-index:10;border-radius:var(--radius-lg);animation:fadeIn var(--duration-normal) var(--ease-gentle) both}.complete-banner__emoji{font-size:5rem;animation:popIn var(--duration-slow) var(--ease-bounce) both}.complete-banner__title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:900;color:var(--text-primary, var(--color-text-primary));text-align:center}.complete-banner__sub{font-family:var(--font-display);font-size:var(--font-size-md);color:var(--text-secondary, var(--color-text-secondary));text-align:center;padding:0 var(--space-lg);line-height:var(--leading-normal, 1.5)}.complete-banner__btn{border:none;border-radius:var(--radius-full);padding:var(--space-md) var(--space-xl);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:900;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--text-on-accent);transition:transform var(--duration-fast) var(--ease-snap),box-shadow var(--duration-fast) var(--ease-gentle)}.complete-banner__btn:active{transform:scale(.96)}.complete-banner__btn--green{background:linear-gradient(135deg,#06d6a0,#52b788);box-shadow:0 4px 20px #06d6a059}.complete-banner__btn--green:hover{box-shadow:0 4px 28px #06d6a080}.complete-banner__btn--warm{background:linear-gradient(135deg,#ffd166,#f4a261);box-shadow:0 4px 20px #ffd16659}.complete-banner__btn--warm:hover{box-shadow:0 4px 28px #ffd16680}.mic-widget{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.mic-btn{width:80px;height:80px;border-radius:50%;border:none;background:var(--surface-card, var(--color-bg-card));font-size:2.5rem;cursor:pointer;touch-action:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);-webkit-tap-highlight-color:transparent;position:relative;transition:background var(--duration-exit) ease,box-shadow var(--duration-exit) ease}.mic-btn.is-recording{background:var(--feedback-error, var(--color-feedback-error));box-shadow:0 0 0 8px #ff9f4333,var(--shadow-md);animation:pulse 1s ease-in-out infinite}.mic-label{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:700;color:var(--text-muted, var(--color-text-muted));transition:color var(--duration-exit) ease}.mic-label.is-recording{color:var(--feedback-error, var(--color-feedback-error))}.motor-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-lg);padding:var(--space-xl);animation:slideUp .4s var(--ease-snap) both}.motor-fallback__icon{font-size:5rem}.motor-fallback__msg{font-size:var(--font-size-lg);font-weight:800;color:var(--text-primary, var(--color-text-primary));text-align:center}.motor-fallback__hint{font-size:var(--font-size-sm);color:var(--text-muted, var(--color-text-muted));text-align:center}.mic-row{width:100%;max-width:var(--content-width);display:flex;justify-content:center;padding:var(--space-md) 0;animation:slideUp .4s var(--ease-snap) .3s both}@media (min-width: 768px){.motor-view{padding:var(--space-xl) var(--space-lg) var(--space-lg)}.motor-view__stage{border-radius:var(--radius-xl)}.mic-btn{width:100px;height:100px;font-size:3rem}.mechanic-banner{font-size:1.5rem;padding:16px 36px}}.garden-view{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100dvh;min-height:100vh;background:var(--surface-bg);padding:var(--space-lg) var(--space-md) var(--space-md);gap:var(--space-sm);font-family:var(--font-display);box-sizing:border-box;animation:fadeIn .4s var(--ease-gentle) both;overflow-y:auto;overflow-x:hidden}.garden-topbar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--content-width);z-index:5}.garden-topbar .back-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--glass-shadow)}.garden-title{font-size:var(--font-size-lg);font-weight:900;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-xs)}.garden-balance-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e;border-radius:999px;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:800;min-width:50px;text-align:center;box-shadow:0 2px 12px #fbbf244d;border:none}.garden-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:600;text-align:center;max-width:var(--content-width)}.garden-scene{width:100%;max-width:var(--content-width);border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:0 4px 24px #0003,inset 0 1px #ffffff0d;border:1px solid var(--glass-border);min-height:360px;aspect-ratio:6 / 5}.garden-scene__bg{position:absolute;top:0;right:0;bottom:0;left:0}.garden-item{position:absolute;transform:translate(-50%,-50%);z-index:10;cursor:grab;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:filter .2s ease}.garden-item__inner{font-size:2.2rem;line-height:1;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.garden-item.is-idle{animation:gardenSway 4s ease-in-out infinite}.garden-item.is-new{animation:popIn .6s var(--ease-spring) both}.garden-item.is-tapped{animation:gardenPulse .4s ease both}.garden-item.is-dragging{z-index:100;cursor:grabbing;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));animation:none;transform:translate(-50%,-50%) scale(1.15)}.garden-item:active{filter:drop-shadow(0 4px 16px rgba(255,255,200,.4)) drop-shadow(0 0 8px rgba(82,183,136,.3))}.garden-fab{position:absolute;bottom:16px;right:16px;z-index:50;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-cool));color:#fff;font-size:2rem;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #52b78866;transition:transform .15s ease,box-shadow .15s ease;line-height:1}.garden-fab:hover{box-shadow:0 6px 28px #52b78880}.garden-bubble{position:absolute;bottom:8%;left:50%;transform:translate(-50%);z-index:100;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);max-width:85%;display:flex;flex-direction:column;align-items:center;gap:4px;animation:bubbleIn .3s var(--ease-spring) both;box-shadow:var(--glass-shadow),0 0 20px #0003}.garden-bubble.is-fading{animation:bubbleOut .4s var(--ease-gentle) both}.garden-bubble__emoji{font-size:1.6rem}.garden-bubble__label{font-size:var(--font-size-sm);font-weight:800;color:var(--accent-primary)}.garden-bubble__text{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;line-height:1.5;font-weight:600}.garden-firefly{position:absolute;left:var(--ff-x);top:var(--ff-y);width:4px;height:4px;border-radius:50%;background:#ffffb4cc;box-shadow:0 0 6px 2px #ffff9666,0 0 16px 4px #ffff961a;pointer-events:none;animation:fireflyFloat var(--ff-duration, 5s) ease-in-out infinite;animation-delay:var(--ff-delay, 0s);z-index:5}.garden-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);pointer-events:none}.garden-empty__icon{font-size:4rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(82,183,136,.2))}.garden-empty__text{font-family:var(--font-display);font-size:var(--font-size-md);color:var(--text-muted);font-weight:700;text-align:center;padding:0 var(--space-lg)}.garden-twinkle{animation:twinkle 3s ease-in-out infinite}.garden-shop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0009;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease both}.garden-shop__panel{width:100%;max-width:420px;max-height:75vh;background:var(--surface-bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);overflow-y:auto;animation:slideUp .3s var(--ease-snap) both;border:1px solid var(--glass-border);border-bottom:none}.garden-shop__header{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-lg);font-weight:900;color:var(--text-primary)}.garden-shop__balance{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e;border-radius:999px;padding:4px 12px;font-size:var(--font-size-sm);font-weight:800}.garden-shop__close{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);width:36px;height:36px;border-radius:50%;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.garden-shop__tabs{display:flex;gap:var(--space-xs)}.garden-shop__tab{flex:1;padding:8px 4px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.garden-shop__tab.is-active{background:#52b78826;border-color:#52b78866;color:var(--accent-primary)}.garden-shop__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.garden-shop__card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm);border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.garden-shop__card:active:not(.is-locked){transform:scale(.95);background:#52b7881f;border-color:#52b7884d}.garden-shop__card.is-locked{opacity:.35;cursor:not-allowed}.garden-shop__card-emoji{font-size:2rem}.garden-shop__card-name{font-size:var(--font-size-xs);font-weight:700;color:var(--text-secondary)}.garden-shop__card-price{font-size:var(--font-size-xs);font-weight:800;color:#fbbf24}.garden-shop__colors{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md) 0;animation:fadeIn .2s ease both}.garden-shop__colors-label{font-size:var(--font-size-sm);font-weight:700;color:var(--text-secondary)}.garden-shop__colors-row{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.garden-shop__swatch{width:44px;height:44px;border-radius:50%;border:3px solid rgba(255,255,255,.15);cursor:pointer;transition:transform .1s,border-color .15s,box-shadow .15s}.garden-shop__swatch:hover{border-color:#ffffff80;box-shadow:0 0 12px #ffffff26}.garden-shop__swatch:active{transform:scale(.9)}.garden-shop__cancel{background:none;border:1px solid var(--glass-border);color:var(--text-muted);padding:6px 20px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer}@keyframes gardenSway{0%,to{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(-50%,-50%) rotate(1.5deg) translateY(-1px)}75%{transform:translate(-50%,-50%) rotate(-1.5deg) translateY(1px)}}@keyframes gardenPulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.25);filter:drop-shadow(0 4px 16px rgba(255,255,200,.5))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes fireflyFloat{0%,to{transform:translate(0);opacity:.3}25%{transform:translate(12px,-8px);opacity:.8}50%{transform:translate(-6px,-14px);opacity:.5}75%{transform:translate(8px,4px);opacity:.9}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes bubbleIn{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes bubbleOut{to{opacity:0;transform:translate(-50%) translateY(10px) scale(.9)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.garden-item.is-idle{animation:none}.garden-firefly{animation:none;opacity:.5}.garden-twinkle,.garden-empty__icon{animation:none}}@media (min-width: 768px){.garden-scene{min-height:450px;border-radius:var(--radius-xl)}.garden-item__inner{font-size:2.8rem}.garden-shop__panel{max-width:480px;border-radius:var(--radius-xl);margin-bottom:var(--space-lg);border-bottom:1px solid var(--glass-border)}.garden-shop{align-items:center}.garden-shop__grid{grid-template-columns:repeat(4,1fr)}}.parent-view{--p-bg: #000000;--p-card: #0A0A0A;--p-border: #1A1A1A;--p-border-hover: #2A2A2A;--p-text: #FAFAFA;--p-text-secondary: #737373;--p-text-muted: #525252;--p-accent: #3B82F6;--p-success: #22C55E;--p-warning: #EAB308;--p-error: #EF4444;--p-purple: #8B5CF6;display:flex;flex-direction:column;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--p-bg);padding:16px;padding-bottom:calc(24px + var(--safe-bottom, 0px));font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:400;color:var(--p-text);box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;line-height:1.5}.parent-view::-webkit-scrollbar{width:3px}.parent-view::-webkit-scrollbar-track{background:transparent}.parent-view::-webkit-scrollbar-thumb{background:var(--p-border);border-radius:2px}.parent-view *{font-family:Inter,system-ui,-apple-system,sans-serif;box-sizing:border-box}@keyframes p-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes p-slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@media (prefers-reduced-motion: reduce){.parent-view *,.parent-view *:before,.parent-view *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.pin-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:28px;padding:32px 24px;animation:p-fadeIn .4s ease both}.pin-header{display:flex;flex-direction:column;align-items:center;gap:10px}.pin-header__icon{opacity:.4}.pin-header__icon svg{width:32px;height:32px}.pin-header__title{font-size:22px;font-weight:800;color:var(--p-text);letter-spacing:-.02em}.pin-header__sub{font-size:13px;color:var(--p-text-secondary);font-weight:300}.pin-display{display:flex;gap:14px;padding:12px 0}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--p-border-hover);background:transparent;transition:background .2s,border-color .2s}.pin-dot.is-filled{background:var(--p-accent);border-color:var(--p-accent)}.pin-dot.is-success{background:var(--p-success);border-color:var(--p-success)}.pin-error{font-size:12px;color:var(--p-error);font-weight:600;min-height:18px}.pin-keypad{display:grid;grid-template-columns:repeat(3,64px);gap:10px}.pin-key{width:64px;height:56px;border:1px solid var(--p-border);border-radius:12px;background:var(--p-card);color:var(--p-text);font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.pin-key:active{background:var(--p-border)}.pin-key--delete{color:var(--p-error)}.pin-key--delete svg{width:20px;height:20px;stroke:var(--p-error)}.pin-key--confirm{color:var(--p-success);font-size:14px;font-weight:800}.parent-dashboard{display:flex;flex-direction:column;gap:12px;width:100%;max-width:480px;animation:p-fadeIn .3s ease both}.p-header{display:flex;align-items:center;justify-content:space-between;padding:4px 0 8px;position:sticky;top:0;z-index:10;background:var(--p-bg)}.p-header__title{font-size:18px;font-weight:800;color:var(--p-text);letter-spacing:-.02em}.p-header__close{width:36px;height:36px;border-radius:10px;border:1px solid var(--p-border);background:var(--p-card);color:var(--p-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s}.p-header__close:hover{border-color:var(--p-border-hover)}.p-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.p-kpi{background:var(--p-card);border:1px solid var(--p-border);border-radius:12px;padding:12px 8px;text-align:center;animation:p-slideUp .4s ease both}.p-kpi:nth-child(1){animation-delay:0ms}.p-kpi:nth-child(2){animation-delay:50ms}.p-kpi:nth-child(3){animation-delay:.1s}.p-kpi:nth-child(4){animation-delay:.15s}.p-kpi__icon{color:var(--p-text-muted);margin-bottom:4px;display:flex;justify-content:center}.p-kpi__value{font-size:22px;font-weight:800;color:var(--p-text);font-variant-numeric:tabular-nums;line-height:1.1}.p-kpi__label{font-size:9px;font-weight:600;color:var(--p-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.p-card{background:var(--p-card);border:1px solid var(--p-border);border-radius:12px;padding:14px;animation:p-slideUp .4s ease both}.p-card--chart{padding:14px 10px}.p-card__header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:700;color:var(--p-text-secondary);text-transform:uppercase;letter-spacing:.04em}.p-card__header svg{opacity:.5}.p-mid-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}@media (max-width: 420px){.p-mid-row{grid-template-columns:1fr}}.p-progress-row{display:grid;grid-template-columns:100px 1fr 36px;gap:8px;align-items:center;padding:5px 0;animation:p-fadeIn .3s ease both}.p-progress-row__label{font-size:11px;font-weight:600;color:var(--p-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-progress-row__bar{height:6px;background:var(--p-border);border-radius:3px;overflow:hidden}.p-progress-row__fill{height:100%;border-radius:3px;transition:width .8s ease-out}.p-progress-row__pct{font-size:11px;font-weight:700;color:var(--p-text-muted);text-align:right;font-variant-numeric:tabular-nums}.p-timeline{display:flex;flex-direction:column;gap:0;padding-left:10px}.p-timeline__item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;position:relative;animation:p-fadeIn .3s ease both}.p-timeline__item:not(:last-child):after{content:"";position:absolute;left:4px;top:26px;bottom:-6px;width:1px;background:var(--p-border)}.p-timeline__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:4px}.p-timeline__content{flex:1}.p-timeline__date{font-size:10px;font-weight:600;color:var(--p-text-muted);font-variant-numeric:tabular-nums}.p-timeline__detail{font-size:12px;font-weight:600;color:var(--p-text);margin-top:1px}.p-sub-card{padding:10px 12px;margin-top:8px;border-radius:8px;background:#ffffff05}.p-sub-card__header{display:flex;align-items:center;justify-content:space-between}.p-sub-card__name{font-size:12px;font-weight:700;color:var(--p-text)}.p-sub-card__stats{display:flex;gap:12px;margin-top:4px;font-size:10px;font-weight:700}.p-sub-card__stats span{color:var(--p-text-muted)}.p-sub-card__stats span:first-child{color:inherit}.p-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px}.p-status-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;margin-bottom:8px}.p-legend{display:flex;flex-wrap:wrap;gap:10px}.p-legend__item{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--p-text-secondary)}.p-legend__dot{width:6px;height:6px;border-radius:50%;display:inline-block}.p-cat-row{display:flex;align-items:center;gap:8px;margin-top:4px}.p-cat-row__name{flex:1;font-size:11px;font-weight:600;color:var(--p-text-secondary);text-transform:capitalize}.p-cat-row__count{font-size:10px;color:var(--p-text-muted);font-weight:600;font-variant-numeric:tabular-nums}.p-cat-row__bar{width:40px;height:3px;background:var(--p-border);border-radius:2px;overflow:hidden}.p-chips{display:flex;flex-wrap:wrap;gap:5px}.p-chip{padding:3px 10px;border-radius:8px;font-size:11px;font-weight:700}.p-chip--success{background:#22c55e1f;color:var(--p-success);border:1px solid rgba(34,197,94,.25)}.p-chip--purple{background:#8b5cf61f;color:#c4b5fd;border:1px solid rgba(139,92,246,.25)}.p-mini-stats{display:flex;justify-content:space-around;text-align:center;gap:12px}.p-mini-stat__val{font-size:20px;font-weight:800;color:var(--p-text);font-variant-numeric:tabular-nums}.p-mini-stat__label{font-size:9px;font-weight:600;color:var(--p-text-muted);text-transform:uppercase;letter-spacing:.04em}.p-quote{padding:10px 14px;border-radius:8px;background:#8b5cf60f;border-left:3px solid var(--p-purple);font-size:12px;font-weight:500;color:var(--p-text);line-height:1.4;font-style:italic;margin-top:6px}.p-belief-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#8b5cf60d;margin-top:4px}.p-belief-row__text{flex:1;font-size:11px;font-weight:600;color:var(--p-text);line-height:1.3}.p-belief-row__tag{font-size:9px;font-weight:700;color:var(--p-purple);white-space:nowrap}.p-alert-badge{background:var(--p-error);color:#fff;font-size:10px;font-weight:800;padding:1px 7px;border-radius:8px}.p-alert-row{padding:8px 10px;border-radius:8px;background:#ffffff05;border-left:3px solid var(--p-text-muted);margin-top:4px}.p-alert-row--unseen{background:#ef44440f;border-left-color:var(--p-error)}.p-alert-row__msg{font-size:12px;font-weight:600;color:var(--p-text);line-height:1.3}.p-alert-row__ts{font-size:9px;color:var(--p-text-muted);font-weight:600;margin-top:2px}.p-insight-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;animation:p-fadeIn .3s ease both}.p-insight-row .p-icon{margin-top:2px;color:var(--p-text-muted)}.p-insight-row__title{font-size:12px;font-weight:700;color:var(--p-text)}.p-insight-row__text{font-size:11px;font-weight:400;color:var(--p-text-secondary);margin-top:1px;line-height:1.3}.p-emotion-row{display:flex;gap:6px;flex-wrap:wrap}.p-emotion-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;border-radius:8px;background:#ffffff08;border:1px solid var(--p-border)}.p-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.p-toggle-row:not(:last-child){border-bottom:1px solid var(--p-border)}.p-toggle-row__label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--p-text)}.p-toggle-row__label svg{opacity:.4}.p-toggle{width:42px;height:24px;border-radius:12px;border:none;padding:0;position:relative;background:#ffffff1f;cursor:pointer;transition:background .2s;flex-shrink:0}.p-toggle.is-on{background:var(--p-accent)}.p-toggle__knob{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:left .2s;box-shadow:0 1px 3px #0000004d}.p-toggle.is-on .p-toggle__knob{left:21px}.p-select{padding:6px 12px;border-radius:8px;background:#ffffff14;border:1px solid var(--p-border);color:var(--p-text);font-size:13px;font-weight:700}.p-link-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:10px;border:1px solid var(--p-border);background:var(--p-card);color:var(--p-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}.p-link-btn:hover{border-color:var(--p-border-hover);color:var(--p-text)}.p-link-btn--accent{border-color:var(--p-accent);color:var(--p-accent)}.p-link-btn--accent:hover{border-color:#60a5fa;background:#3b82f614;color:#60a5fa}.p-link-btn--danger{border-color:#ef44444d;color:var(--p-error);font-size:11px;margin-top:8px}.p-text-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:8px;background:transparent;color:var(--p-text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:color .15s;margin:8px auto 0}.p-text-btn:hover{color:var(--p-text-secondary)}.p-empty{font-size:12px;color:var(--p-text-muted);font-weight:400;padding:8px 0;text-align:center}.p-suggestion{font-size:12px;color:var(--p-text-secondary);padding:4px 0 4px 12px;position:relative}.p-suggestion:before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background:var(--p-accent)}.p-method{max-width:600px}.p-method__content{padding:0 4px}.p-method__hero{text-align:center;padding:24px 0 16px}.p-method__hero-title{font-size:28px;font-weight:800;color:var(--p-text);letter-spacing:-.03em;margin:0}.p-method__hero-sub{font-size:13px;color:var(--p-text-secondary);font-weight:300;margin-top:4px}.p-method__section{margin-top:28px}.p-method__section h3{font-size:18px;font-weight:800;color:var(--p-text);letter-spacing:-.02em;margin:0 0 8px}.p-method__subtitle{font-size:12px;color:var(--p-text-muted);font-weight:500;margin-bottom:8px}.p-method__section p{font-size:13px;color:var(--p-text-secondary);font-weight:400;line-height:1.6;margin:8px 0}.p-method__section ul{list-style:none;padding:0;margin:8px 0}.p-method__section li{font-size:12px;color:var(--p-text-secondary);line-height:1.5;padding:4px 0 4px 16px;position:relative}.p-method__section li:before{content:"";position:absolute;left:0;top:11px;width:4px;height:4px;border-radius:50%;background:var(--p-accent)}.p-method__section li strong{color:var(--p-text);font-weight:700}.p-method__refs{margin-top:12px;padding:10px 12px;border-radius:8px;background:#ffffff05;border:1px solid var(--p-border)}.p-method__ref{font-size:10px;color:var(--p-text-muted);font-weight:500;line-height:1.6;margin:0}.p-method__footer{font-size:11px;color:var(--p-text-muted);text-align:center;margin-top:32px;padding-bottom:16px;font-weight:400}@media (max-width: 360px){.p-kpi-row{grid-template-columns:repeat(2,1fr)}.p-kpi__value{font-size:18px}.p-progress-row{grid-template-columns:80px 1fr 30px}}.pin-gate{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:24px}.pin-gate__card{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:320px;width:100%}.pin-gate__icon{color:var(--p-accent, #3B82F6);transform:scale(2);margin-bottom:8px}.pin-gate__title{font-size:1.15rem;font-weight:600;color:var(--p-text, #FAFAFA);margin:0;text-align:center}.pin-gate__dots{display:flex;gap:16px;transition:transform .1s}.pin-gate__dots--shake{animation:pinShake .4s ease}@keyframes pinShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--p-border-hover, #2A2A2A);background:transparent;transition:background .15s,border-color .15s}.pin-dot--filled{background:var(--p-accent, #3B82F6);border-color:var(--p-accent, #3B82F6)}.pin-gate__error{font-size:.85rem;color:#ef4444;text-align:center;min-height:1.2em}.pin-gate__pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:260px}.pin-key{aspect-ratio:1.4;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:600;color:var(--p-text, #FAFAFA);background:var(--p-card, #0A0A0A);border:1px solid var(--p-border, #1A1A1A);border-radius:12px;cursor:pointer;transition:background .1s,transform .1s;user-select:none;-webkit-user-select:none}.pin-key:active{transform:scale(.93);background:var(--p-border, #1A1A1A)}.pin-key--empty{visibility:hidden}.pin-key--del{font-size:1.6rem;color:var(--p-text-secondary, #737373)}.pin-gate__actions{display:flex;gap:20px;margin-top:8px}.pin-gate__back,.pin-gate__reset{background:none;border:none;color:var(--p-text-secondary, #737373);font-size:.85rem;cursor:pointer;padding:4px 8px}.pin-gate__back:hover,.pin-gate__reset:hover{color:var(--p-text, #FAFAFA)}.pin-gate__reset{color:var(--p-accent, #3B82F6)}