.app-shell{width:100%;min-height:100vh}.hero{position:relative;min-height:100vh;overflow:hidden;display:grid;place-items:end start;padding:clamp(1.5rem,4vw,3.5rem);color:var(--ink)}.hero-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;animation:sky-drift 14s ease-in-out infinite alternate}.hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#cfe9f826,#fff3 35%,#ffffffe0 68%,#fff)}.hero-content{position:relative;z-index:1;max-width:34rem;animation:rise-in .9s cubic-bezier(.22,1,.36,1) .15s both}.brand{margin:0 0 .35rem;font-family:var(--font-display);font-size:clamp(2.6rem,8vw,4.4rem);font-weight:700;line-height:.95;letter-spacing:-.03em;color:#1a3a52}.hero-title{margin:0 0 .85rem;font-family:var(--font-display);font-size:clamp(1.55rem,4.5vw,2.15rem);font-weight:600;color:#2a6f9c}.hero-lead{margin:0 0 1.5rem;max-width:28rem;font-size:1.05rem;line-height:1.65;color:#3d6480}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero-survey{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label go" "copy go";align-items:center;gap:.15rem 1rem;margin-top:1.1rem;padding:.85rem 1rem;max-width:28rem;text-decoration:none;color:#1a3a52;background:#ffffffeb;border:2px solid rgba(42,111,156,.22);border-radius:1rem;box-shadow:0 10px 24px #1a3a521a;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.hero-survey:hover,.hero-survey:focus-visible{transform:translateY(-2px);border-color:#2a6f9c73;box-shadow:0 14px 28px #1a3a5224;outline:none}.hero-survey-label{grid-area:label;font-size:.78rem;font-weight:800;letter-spacing:.04em;color:#2a6f9c}.hero-survey-copy{grid-area:copy;font-size:.95rem;line-height:1.4;color:#3d6480}.hero-survey-go{grid-area:go;align-self:center;padding:.55rem .9rem;border-radius:999px;background:#2a6f9c;color:#fff;font-size:.88rem;font-weight:800;white-space:nowrap}.page{width:min(960px,calc(100% - 2rem));margin:0 auto;padding:4.75rem 0 4rem;animation:page-fade .45s ease both}.page.narrow{width:min(640px,calc(100% - 2rem))}.page-header h1{margin:.35rem 0 .5rem;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15;color:var(--ink)}.page-header p{margin:0;color:var(--muted);line-height:1.6}.eyebrow{margin:0;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.soft-en{display:block;margin-top:.2rem;font-size:.55em;font-weight:500;color:var(--muted)}.link-btn{border:0;padding:0;margin-bottom:1rem;background:transparent;color:var(--leaf);font:inherit;font-weight:700;cursor:pointer}.link-btn:hover{color:var(--ink)}.back-nav{position:fixed;top:0;left:50%;z-index:50;display:flex;align-items:center;width:min(960px,calc(100% - 2rem));margin:0;padding:max(.55rem,env(safe-area-inset-top,0px)) .75rem .55rem;min-height:3.25rem;border:0;border-radius:0 0 .95rem .95rem;background:#f7fbfef5;box-shadow:0 8px 20px #1a3a5214;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--leaf);font:inherit;font-size:1.08rem;font-weight:800;line-height:1.2;letter-spacing:.01em;text-align:left;cursor:pointer;transform:translate(-50%);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.page.narrow .back-nav{width:min(640px,calc(100% - 2rem))}.back-nav:hover,.back-nav:focus-visible{color:var(--ink);outline:none}.back-nav:active{filter:brightness(.97)}.back-nav:before{content:"←";display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.55rem;height:2.55rem;margin-right:.5rem;border-radius:999px;background:#6bb3dc47;color:var(--leaf);font-size:1.2rem;font-weight:800}.btn{border:0;border-radius:.85rem;padding:.85rem 1.25rem;font:inherit;font-weight:700;cursor:pointer;transition:transform .18s ease,background-color .18s ease,color .18s ease}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--leaf);color:#f7fbfe}.btn-primary:hover:not(:disabled){background:#2a6f9c}.btn-secondary{background:#1a3a521a;color:var(--ink)}.btn-quiet{background:#ffffffb3;color:var(--ink);border:1px solid rgba(26,58,82,.15)}.unit-list{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1rem}.unit-card{width:100%;display:grid;gap:0;text-align:left;border:1px solid rgba(26,58,82,.1);border-radius:1.15rem;padding:0;overflow:hidden;background:#fff;border-left:5px solid var(--unit-accent, var(--leaf));cursor:pointer;font:inherit;color:inherit;transition:transform .18s ease,background-color .18s ease}.unit-card:hover{transform:translateY(-3px)}.unit-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#eaf5fc}.unit-body{display:grid;grid-template-columns:auto 1fr auto;gap:.85rem;align-items:center;padding:.95rem 1.1rem 1.1rem}.unit-hero-cover{width:100%;margin:1rem 0 .35rem;border-radius:1.1rem;aspect-ratio:16 / 9;object-fit:cover;border:1px solid rgba(26,58,82,.08)}.unit-index{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--unit-accent, var(--leaf))}.unit-copy{display:grid;gap:.2rem}.unit-title{display:flex;flex-wrap:wrap;gap:.45rem;align-items:baseline;font-weight:800;font-size:1.1rem}.unit-title-zh{font-weight:600;color:var(--muted);font-size:.95rem}.unit-blurb{color:var(--muted);font-size:.95rem}.unit-go{font-weight:700;color:var(--leaf)}.lesson-grid{display:grid;gap:2rem;margin-top:2.25rem}@media (min-width: 860px){.lesson-grid{grid-template-columns:1.15fr .85fr;align-items:start}}.content-block h2{margin:0 0 1rem;font-family:var(--font-display);font-size:1.35rem}.word-list,.pattern-list,.choice-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.word-item,.pattern-item{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.95rem 0;border-bottom:1px solid rgba(26,58,82,.12)}.word-en,.pattern-en{margin:0;font-size:1.2rem;font-weight:800;color:var(--ink)}.word-zh,.pattern-zh{margin:.15rem 0 0;color:var(--muted)}.word-tip{margin:.35rem 0 0;font-size:.9rem;color:#5a7a90}.pattern-item{display:block}.pattern-item.has-media{display:grid;grid-template-columns:5.5rem 1fr;gap:.85rem;align-items:center}.pattern-image{width:5.5rem;height:4.1rem;object-fit:cover;border-radius:.7rem;border:1px solid rgba(26,58,82,.08)}.quiz-prompt-image{width:100%;max-height:180px;object-fit:cover;border-radius:1rem;margin:.75rem 0 1rem;border:1px solid rgba(26,58,82,.08)}.choice-btn.has-pic{display:grid;grid-template-columns:3.4rem 1fr;gap:.75rem;align-items:center}.choice-btn.has-pic img{width:3.4rem;height:2.55rem;object-fit:cover;border-radius:.55rem}.example-chip{margin-top:.65rem;border:0;border-radius:.7rem;padding:.55rem .8rem;background:#3b8fc41f;color:var(--ink);font:inherit;font-size:.95rem;text-align:left;cursor:pointer}.example-chip:hover{background:#3b8fc433}.flashcard{position:relative;width:100%;min-height:280px;margin-top:1.5rem;border:0;border-radius:1.4rem;padding:0;background:transparent;perspective:1000px;cursor:pointer}.flashcard.has-image{min-height:min(58vw,360px)}.flash-image{width:100%;height:100%;object-fit:cover;border-radius:1.4rem}.flash-overlay{position:absolute;left:0;right:0;bottom:0;display:grid;gap:.15rem;padding:.85rem 1rem 1rem;background:linear-gradient(180deg,transparent,rgba(26,58,82,.72));color:#fff;border-radius:0 0 1.4rem 1.4rem}.flash-overlay .flash-main,.flash-overlay .flash-hint{color:#fff}.letter-gallery{margin-top:2rem}.letter-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.letter-tile{width:100%;border:1px solid rgba(26,58,82,.1);border-radius:1rem;padding:0;overflow:hidden;background:#fff;cursor:pointer;text-align:left;font:inherit;transition:transform .18s ease}.letter-tile:hover{transform:translateY(-3px)}.letter-tile img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.letter-tile-label{display:block;padding:.55rem .7rem .7rem;font-weight:800;color:var(--ink)}.word-copy{display:flex;gap:.85rem;align-items:center;min-width:0}.word-thumb{width:4.5rem;height:3.4rem;object-fit:cover;border-radius:.65rem;flex-shrink:0;border:1px solid rgba(26,58,82,.08)}.flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.55rem;padding:1.5rem;border-radius:1.4rem;background:#ffffffeb;border:1px solid rgba(26,58,82,.12);backface-visibility:hidden;transition:transform .45s ease;overflow:hidden}.flashcard.has-image .flashcard-front{padding:0;place-content:stretch}.flashcard-front{transform:rotateY(0)}.flashcard-back{transform:rotateY(180deg);background:linear-gradient(160deg,#e8f4fb,#f5fbff)}.flashcard.is-flipped .flashcard-front{transform:rotateY(180deg)}.flashcard.is-flipped .flashcard-back{transform:rotateY(360deg)}.flash-label{font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--leaf)}.flash-main{font-family:var(--font-display);font-size:clamp(2rem,7vw,3rem);font-weight:700;color:var(--ink)}.flash-hint{color:var(--muted);font-size:.95rem}.flash-toolbar{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.done-banner{margin-top:1.5rem;padding:1.1rem 1.2rem;border-radius:1rem;background:#3b8fc41f}.done-banner p{margin:0 0 .85rem;font-weight:700}.quiz-panel,.score-panel{margin-top:1.5rem;padding:1.35rem;border-radius:1.25rem;background:#ffffffbf;border:1px solid rgba(26,58,82,.1)}.quiz-prompt-zh{margin:0;color:var(--muted)}.quiz-prompt{margin:.45rem 0 1.2rem;font-family:var(--font-display);font-size:clamp(1.4rem,4vw,1.9rem);font-weight:700}.choice-btn{width:100%;text-align:left;border:1px solid rgba(26,58,82,.14);border-radius:.9rem;padding:.95rem 1rem;background:#fff;color:var(--ink);font:inherit;font-weight:700;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.choice-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--leaf)}.choice-btn.is-correct{background:#dff0fa;border-color:var(--leaf)}.choice-btn.is-wrong{background:#fde8e4;border-color:#c45c3a}.feedback{margin-top:1rem;display:grid;gap:.85rem}.feedback p{margin:0;font-weight:700}.feedback.ok p{color:#2a6f9c}.feedback.nope p{color:#a14a32}.score-number{margin:0 0 .5rem;font-family:var(--font-display);font-size:4rem;line-height:1;font-weight:700;color:var(--leaf)}.score-number span{font-size:.45em;color:var(--muted)}.score-note{margin:0 0 1.2rem;color:var(--muted);line-height:1.6}.star-row{display:flex;align-items:center;gap:.35rem;margin:.85rem 0 0}.star-row.compact{margin:.55rem 0 0}.star-caption{margin-left:.35rem;font-size:.9rem;color:var(--muted);font-weight:600}.star{width:1.05rem;height:1.05rem;display:inline-block;background:#1a3a5226;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.star.is-on{background:#4aa3d8;animation:star-pop .45s cubic-bezier(.22,1,.36,1) both}.listen-big{position:relative;width:100%;margin:1rem 0 1.2rem;border:0;border-radius:1.1rem;padding:1.35rem 1rem;background:linear-gradient(160deg,#3b8fc4,#6eb4de);color:#f7fbfe;font:inherit;font-size:1.15rem;font-weight:800;cursor:pointer;overflow:hidden;transition:transform .18s ease}.listen-big:hover{transform:translateY(-2px)}.listen-wave{position:absolute;inset:50% auto auto 1.1rem;width:1.4rem;height:1.4rem;margin-top:-.7rem;border-radius:50%;border:2px solid rgba(244,255,248,.75);animation:pulse-ring 1.6s ease-out infinite}.quiz-panel.is-burst,.listen-panel.is-burst{animation:panel-burst .55s ease}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes page-fade{0%{opacity:0}to{opacity:1}}@keyframes hills-rise{0%{transform:translateY(40px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes leaf-float{0%,to{transform:translateY(0) rotate(var(--leaf-rot, -20deg))}50%{transform:translateY(-12px) rotate(calc(var(--leaf-rot, -20deg) + 8deg))}}@keyframes sky-drift{0%{filter:saturate(1)}to{filter:saturate(1.08) brightness(1.03)}}@keyframes star-pop{0%{transform:scale(.6);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes pulse-ring{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.8);opacity:0}}@keyframes panel-burst{0%{box-shadow:inset 0 0 #3b8fc400}40%{box-shadow:inset 0 0 0 4px #3b8fc447}to{box-shadow:inset 0 0 #3b8fc400}}.character-grid{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:1rem}.character-enter{animation:char-rise .85s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * .12s)}.character-card{width:100%;display:grid;gap:.55rem;padding:.85rem;border:1px solid rgba(26,58,82,.12);border-radius:1.1rem;background:#ffffffeb;text-align:center;cursor:pointer;font:inherit;color:inherit;transition:transform .18s ease,box-shadow .18s ease;perspective:900px}.character-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 14px 28px #1a3a5224}.character-card:active{transform:scale(.97)}.character-avatar-wrap{display:block;transform-origin:center bottom;animation:avatar-bob 1.35s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .12s);will-change:transform}.character-avatar-clip{display:block;border-radius:.9rem;overflow:hidden;background:#eaf5fc}.character-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#eaf5fc}.character-name{font-weight:800;font-size:1.05rem;line-height:1.2}.character-blurb{color:var(--muted);font-size:.9rem}.player-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin:1.25rem 0 .25rem;padding:.85rem 1rem;border-radius:1rem;background:#ffffffd9;border:1px solid rgba(26,58,82,.1)}.player-bar-enter{animation:soft-rise .7s ease both}.player-chip,.reward-chip{display:inline-flex;align-items:center;gap:.65rem;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:.2rem;text-align:left}.player-avatar{width:3rem;height:3rem;border-radius:999px;object-fit:cover;background:#d9eef8;animation:avatar-bob 1.5s ease-in-out infinite}.player-avatar.placeholder{display:grid;place-items:center;font-weight:800;color:var(--leaf)}.player-sub{display:block;font-size:.82rem;color:var(--muted)}.player-rewards{display:flex;flex-wrap:wrap;gap:.5rem}.reward-chip{padding:.45rem .75rem;border-radius:999px;background:#6bb3dc29;color:var(--leaf-deep);font-weight:700;font-size:.92rem}.reward-icon{display:inline-block;animation:flower-bounce 1.2s ease-in-out infinite}.reward-wiggle{animation:chip-wiggle 2.2s ease-in-out infinite}.reward-wiggle.delay{animation-delay:.35s}.btn-pulse{animation:cta-pulse 1.4s ease-in-out infinite;transition:background-color .18s ease,color .18s ease;will-change:transform,box-shadow}.flower-earned-tag{margin-left:.35rem;color:#e091b0;font-size:1rem}.flower-summary,.sticker-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:1.25rem 0;padding:1rem 1.1rem;border-radius:1.1rem;background:#ffffffe6;border:1px solid rgba(26,58,82,.1)}.flower-big{font-size:2.8rem;color:#e091b0;line-height:1}.flower-sway{display:inline-block;animation:flower-sway 2.4s ease-in-out infinite}.flower-enter{animation:soft-rise .45s ease both;animation-delay:calc(var(--i, 0) * 40ms)}.flower-bounce{display:inline-block;animation:flower-bounce 1.8s ease-in-out infinite}.flower-count{margin:0;font-weight:800;font-size:1.15rem}.flower-hint,.sticker-tip{margin:.25rem 0 .75rem;color:var(--muted)}.flower-album{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.flower-slot{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.75rem .9rem;border-radius:.9rem;background:#ffffffbf;border:1px solid rgba(26,58,82,.08);opacity:.72}.flower-slot.is-earned{opacity:1;background:#fff0f6f2;border-color:#e091b059}.flower-icon{font-size:1.4rem;color:#e091b0}.flower-label{font-weight:700}.flower-status{font-size:.85rem;color:var(--muted)}.reward-banner{margin:.75rem 0;padding:.7rem .9rem;border-radius:.85rem;background:#e091b02e;color:#8a3d5c;font-weight:700}.pop-in{animation:pop-in .5s cubic-bezier(.22,1,.36,1) both}.score-enter{animation:soft-rise .45s ease both}.score-panel.has-celebration{position:relative}.celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:1.5rem;background:#1a3a528c;animation:overlay-fade .35s ease both;pointer-events:none}.celebration-card{position:relative;width:min(340px,92vw);padding:1.4rem 1.1rem 1.2rem;border-radius:1.35rem;text-align:center;background:linear-gradient(180deg,#fff7fb,#eaf5fc);border:2px solid rgba(224,145,176,.55);box-shadow:0 18px 40px #1a3a5240;animation:pop-in .55s cubic-bezier(.22,1,.36,1) both;overflow:hidden}.celebration-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.celebration-spark{position:absolute;left:50%;top:48%;color:#e091b0;font-size:1.7rem;opacity:0;animation:spark-fly 1.5s ease-out both;animation-delay:calc(var(--i, 0) * 40ms);--angle: calc(var(--i, 0) * 22.5deg)}.celebration-sticker .celebration-spark{color:#3b8fc4}.celebration-emoji{position:relative;margin:0;font-size:3.4rem;line-height:1;animation:flower-bounce .9s ease both}.celebration-title{position:relative;margin:.45rem 0 .2rem;font-weight:800;font-size:1.45rem;color:var(--ink)}.celebration-sub{position:relative;margin:0;color:var(--muted);font-size:1.02rem}.sticker-grid{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.85rem}.sticker-enter{animation:soft-rise .4s ease both;animation-delay:calc(var(--i, 0) * 28ms)}.sticker-card{width:100%;display:grid;gap:.4rem;padding:.55rem;border:1px solid rgba(26,58,82,.1);border-radius:.95rem;background:#fff;cursor:pointer;font:inherit;color:inherit;transition:transform .18s ease,box-shadow .18s ease;perspective:900px}.sticker-card:hover{transform:translateY(-2px)}.sticker-card.is-locked .sticker-silhouette{animation:silhouette-pulse 1.4s ease-in-out infinite}.sticker-card.is-revealing{animation:sticker-reveal 1.05s cubic-bezier(.22,1,.36,1) both;z-index:2}.sticker-frame{display:grid;place-items:center;aspect-ratio:1;border-radius:.75rem;overflow:hidden;background:#eef6fb}.sticker-frame img{width:100%;height:100%;object-fit:cover}.sticker-card.is-locked .sticker-frame{background:linear-gradient(160deg,#d7e3ec,#c5d4e0)}.sticker-silhouette{font-size:2.4rem;opacity:.55;filter:grayscale(1)}.sticker-caption{font-size:.82rem;font-weight:700;text-align:center;color:var(--muted)}.sticker-card.is-unlocked .sticker-caption{color:var(--ink)}.sticker-preview{margin:.5rem 0 1rem;padding:.85rem;border-radius:1rem;background:#fffffff2;border:1px solid rgba(26,58,82,.1);text-align:center}.sticker-preview.is-revealing img{animation:sticker-flip-in .85s cubic-bezier(.22,1,.36,1) both}.sticker-preview img{width:min(220px,70%);margin:0 auto .65rem;border-radius:1rem}@keyframes char-rise{0%{opacity:0;transform:translateY(36px) scale(.82)}70%{opacity:1;transform:translateY(-8px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes soft-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes avatar-bob{0%,to{transform:translateY(0) rotate(-3deg) scale(1)}50%{transform:translateY(-18px) rotate(3deg) scale(1.04)}}@keyframes flower-sway{0%,to{transform:rotate(-14deg) scale(1)}50%{transform:rotate(14deg) scale(1.14)}}@keyframes flower-bounce{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-10px) scale(1.22)}70%{transform:translateY(0) scale(.96)}}@keyframes chip-wiggle{0%,to{transform:translateY(0)}30%{transform:translateY(-4px) rotate(-2deg)}60%{transform:translateY(-2px) rotate(2deg)}}@keyframes cta-pulse{0%,to{transform:scale(1);box-shadow:0 0 #3b8fc473}50%{transform:scale(1.05);box-shadow:0 0 0 12px #3b8fc400}}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}65%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes spark-fly{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-130px) scale(1.45)}}@keyframes silhouette-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}@keyframes sticker-reveal{0%{transform:scale(.75) rotate(-8deg);filter:brightness(.25) saturate(0)}45%{transform:scale(1.18) rotate(4deg);filter:brightness(1.15) saturate(1.2)}to{transform:scale(1) rotate(0);filter:brightness(1) saturate(1)}}@keyframes sticker-flip-in{0%{opacity:.15;transform:scale(.6) rotate(-12deg);filter:brightness(.15)}to{opacity:1;transform:scale(1) rotate(0);filter:brightness(1)}}@media (prefers-reduced-motion: reduce){.character-avatar-wrap,.flower-sway,.flower-bounce,.player-avatar,.reward-icon,.reward-wiggle,.btn-pulse,.sticker-card.is-locked .sticker-silhouette{animation-duration:2.8s!important}}.story-stage{position:relative;min-height:100vh;padding:1rem 1rem 1.75rem;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:.85rem;color:var(--ink);background:radial-gradient(circle at 12% 10%,rgba(186,224,245,.65),transparent 28%),radial-gradient(circle at 88% 8%,rgba(255,224,234,.5),transparent 26%),linear-gradient(180deg,#e7f5fc,#f7fbfe 55%,#fff)}.story-stage:not(.mood-home){background:radial-gradient(circle at 14% 12%,color-mix(in srgb,var(--story-accent, #7ec8e8) 38%,white),transparent 30%),radial-gradient(circle at 86% 8%,rgba(255,214,170,.35),transparent 28%),linear-gradient(180deg,#e8f6fc,#fff8ef 52%,#fff)}.story-stage.mood-toys,.story-stage.mood-ball,.story-stage.mood-sun,.story-stage.mood-cake,.story-stage.mood-one,.story-stage.mood-three,.story-stage.mood-five,.story-stage.mood-ten{background:radial-gradient(circle at 18% 12%,rgba(255,214,170,.55),transparent 30%),radial-gradient(circle at 84% 10%,rgba(186,236,210,.45),transparent 28%),linear-gradient(180deg,#eaf7ff,#fff8ef 55%,#fff)}.story-stage.mood-draw,.story-stage.mood-red,.story-stage.mood-yellow,.story-stage.mood-pink,.story-stage.mood-mix,.story-stage.mood-mom,.story-stage.mood-happy,.story-stage.mood-friends,.story-stage.mood-cake{background:radial-gradient(circle at 16% 12%,rgba(255,190,210,.45),transparent 28%),radial-gradient(circle at 82% 10%,rgba(190,210,255,.5),transparent 30%),linear-gradient(180deg,#eaf0ff,#fff2f7 55%,#fff)}.story-stage.mood-blue,.story-stage.mood-green,.story-stage.mood-water,.story-stage.mood-rain,.story-stage.mood-night,.story-stage.mood-tired,.story-stage.mood-sad,.story-stage.mood-scared{background:radial-gradient(circle at 14% 12%,rgba(126,200,232,.5),transparent 30%),radial-gradient(circle at 86% 8%,rgba(186,224,245,.45),transparent 28%),linear-gradient(180deg,#e0f2fb,#f4f9fd 55%,#fff)}.story-unit-list{margin-top:.35rem}.story-top{display:grid;gap:.55rem}.story-meta h1{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,5vw,2.3rem);line-height:1.15}.story-meta p{margin:.2rem 0 0;color:var(--muted)}.story-frame{position:relative;width:min(920px,100%);margin:0 auto;border-radius:1.4rem;overflow:hidden;background:#d9eef8;box-shadow:0 18px 40px #1a3a5229;aspect-ratio:16 / 10;max-height:min(58vh,520px)}.story-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.story-scene.cast-left-active,.story-scene.peter-active{transform:translate(2.2%) scale(1.03);transform-origin:28% 55%}.story-scene.cast-right-active,.story-scene.pixie-active{transform:translate(-2.2%) scale(1.03);transform-origin:72% 55%}.story-cast-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:clamp(.4rem,2vw,1.2rem);padding:8% 6% 6%;background:radial-gradient(ellipse at 30% 20%,rgba(255,248,230,.9),transparent 55%),radial-gradient(ellipse at 75% 15%,rgba(210,235,255,.85),transparent 50%),linear-gradient(180deg,#d8ecf8,#f3e7d5 58%,#e8d4b8)}.story-cast-stage.is-finished .story-cast-card{transform:translateY(0) scale(1);filter:none;opacity:1}.story-cast-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.45rem;transition:transform .45s cubic-bezier(.22,1.2,.36,1),filter .45s ease,opacity .45s ease;opacity:.72;filter:saturate(.85)}.story-cast-card.is-speaking{opacity:1;filter:none;transform:translateY(-4%) scale(1.06);z-index:2}.story-cast-card img{width:min(100%,280px);aspect-ratio:1;object-fit:cover;border-radius:1.35rem;border:4px solid #fff;box-shadow:0 14px 28px #1a3a522e;background:#fff}.story-cast-card.is-adult img{width:min(92%,260px)}.story-cast-card.is-kid img{width:min(78%,220px)}.story-cast-name{font-size:.78rem;font-weight:800;letter-spacing:.03em;color:#1a3a52;background:#ffffffeb;padding:.25rem .65rem;border-radius:999px;box-shadow:0 4px 10px #1a3a521a}.story-scene-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:0;transition:opacity .7s ease}.story-scene-img.is-shown{opacity:1}.story-action-glow{position:absolute;bottom:18%;width:28%;height:42%;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .55s ease}.peter-glow,.left-glow{left:10%;background:radial-gradient(circle,rgba(59,143,196,.22),transparent 72%)}.pixie-glow,.right-glow{right:8%;background:radial-gradient(circle,rgba(224,145,176,.24),transparent 72%)}.story-stage.speaker-peter .peter-glow,.story-stage.speaker-pixie .pixie-glow,.story-stage.side-left .left-glow,.story-stage.side-right .right-glow{opacity:1}.story-talk-badge{position:absolute;top:11%;width:1.15rem;height:1.15rem;border-radius:50% 50% 50% .12rem;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;box-shadow:0 4px 10px #1a3a5224}.peter-badge,.left-badge{left:22%;background:#3b8fc4}.pixie-badge,.right-badge{right:18%;background:#e091b0}.story-stage.speaker-peter .peter-badge,.story-stage.speaker-pixie .pixie-badge,.story-stage.side-left .left-badge,.story-stage.side-right .right-badge{opacity:1;transform:translateY(0);animation:story-badge-float 2.4s ease-in-out infinite}.story-memory{position:absolute;top:8%;right:4%;width:min(42%,280px);border-radius:1rem;overflow:hidden;border:3px solid #fff;box-shadow:0 14px 28px #1a3a5238;background:#fff;z-index:2;animation:story-memory-bounce .7s cubic-bezier(.22,1.45,.36,1) both}.story-memory img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.story-memory-label{margin:0;padding:.35rem .55rem;font-size:.78rem;font-weight:800;letter-spacing:.03em;color:#fff;background:linear-gradient(90deg,#3b8fc4,#6bcb77)}.story-memory.memory-draw .story-memory-label{background:linear-gradient(90deg,#e091b0,#c77dff)}.story-caption{position:relative;width:min(920px,100%);margin:0 auto;z-index:1;min-height:5.8rem;padding:.85rem 1rem .95rem;border-radius:1.05rem;background:#fffffff5;border:2px solid rgba(59,143,196,.25);box-shadow:0 10px 24px #1a3a521f;animation:story-caption-in .45s ease both}.story-caption.speaker-pixie,.story-caption.speaker-penny,.story-caption.side-right{border-color:#e091b073}.story-caption.speaker-polly{border-color:#e091b080}.story-caption.speaker-grandma{border-color:#9b7bb873}.story-caption.speaker-grandpa{border-color:#5a8f6b73}.story-who{margin:0 0 .25rem;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--leaf-deep)}.story-caption.speaker-pixie .story-who,.story-caption.speaker-penny .story-who,.story-caption.side-right .story-who{color:#8a3d5c}.story-caption.speaker-polly .story-who{color:#a3456d}.story-caption.speaker-grandma .story-who{color:#6b4f86}.story-caption.speaker-grandpa .story-who{color:#3f6b4c}.story-en{margin:0;min-height:2.2rem;font-family:var(--font-display);font-size:clamp(1.1rem,3.2vw,1.55rem);line-height:1.35;font-weight:700}.story-zh{margin:.45rem 0 0;color:var(--muted);opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;font-size:clamp(1.02rem,2.8vw,1.2rem);line-height:2.15}.story-zh.is-shown{opacity:1;transform:translateY(0)}.zhuyin-text{display:inline;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;letter-spacing:.02em}.zhuyin-text ruby{ruby-position:over;ruby-align:center;margin:0 .04em}.zhuyin-text rt{font-size:.55em;font-weight:600;line-height:1.1;color:#5a7a90;letter-spacing:0;-webkit-user-select:none;user-select:none}.zhuyin-punct{padding:0 .02em}.flash-main .zhuyin-text{font-size:inherit;line-height:2.2}.flash-main .zhuyin-text rt{font-size:.48em;color:#6b8799}.story-caret{display:inline-block;margin-left:1px;color:var(--leaf);animation:story-blink .9s step-end infinite}.story-caret.is-hidden{opacity:0;animation:none}.story-controls{width:min(920px,100%);margin:0 auto;display:grid;gap:.55rem}.story-progress{height:.45rem;border-radius:999px;background:#1a3a521a;overflow:hidden}.story-progress-bar{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--story-accent, var(--leaf)),#7ec8e8);transition:width .25s ease}.story-hint{margin:0;color:var(--muted);font-size:.88rem}.story-scene.cartoon-hop.peter-active,.story-scene.cartoon-hop.cast-left-active{animation:story-hop-peter .55s cubic-bezier(.22,1.4,.36,1) both}.story-scene.cartoon-hop.pixie-active,.story-scene.cartoon-hop.cast-right-active{animation:story-hop-pixie .55s cubic-bezier(.22,1.4,.36,1) both}.story-doodles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.story-doodle,.doodle{position:absolute;width:.7rem;height:.7rem;border-radius:50%;opacity:.75;animation:story-doodle-float 2.8s ease-in-out infinite}.doodle.d1{top:16%;left:12%;background:#ffd93d}.doodle.d2{top:22%;right:14%;background:#ff6b9d;animation-delay:.4s;border-radius:.15rem;transform:rotate(18deg)}.doodle.d3{bottom:34%;left:46%;background:#6bcb77;animation-delay:.8s;width:.55rem;height:.55rem}.story-stage.mood-toys .doodle.d1{background:#ffb347}.story-stage.mood-draw .doodle.d2{background:#c77dff}.story-memory{animation:story-memory-bounce .7s cubic-bezier(.22,1.45,.36,1) both}.story-vocab-prompt{display:grid;gap:.75rem;justify-items:center;margin:1rem 0 1.25rem}.story-vocab-prompt img{width:min(260px,80%);aspect-ratio:1;object-fit:cover;border-radius:1.2rem;border:3px solid rgba(255,255,255,.95);box-shadow:0 12px 28px #1a3a5224}.story-vocab-card{margin-bottom:.5rem}@keyframes story-hop-peter{0%{transform:translate(0) scale(1)}55%{transform:translate(2.4%) scale(1.05) translateY(-1.2%)}to{transform:translate(2.2%) scale(1.03)}}@keyframes story-hop-pixie{0%{transform:translate(0) scale(1)}55%{transform:translate(-2.4%) scale(1.05) translateY(-1.2%)}to{transform:translate(-2.2%) scale(1.03)}}@keyframes story-doodle-float{0%,to{transform:translateY(0) rotate(0);opacity:.55}50%{transform:translateY(-10px) rotate(12deg);opacity:1}}@keyframes story-memory-bounce{0%{opacity:0;transform:translate(24px) scale(.82)}70%{opacity:1;transform:translate(-4px) scale(1.04)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes story-badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes story-memory-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes story-caption-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes story-blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width: 900px){.hero{min-height:0;display:flex;flex-direction:column;justify-content:flex-start;place-items:stretch;padding:0 0 1.5rem;background:radial-gradient(circle at 20% 0%,rgba(186,224,245,.55),transparent 40%),linear-gradient(180deg,#e7f5fc,#fff 55%)}.hero-photo{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;object-position:center center;background:#e7f5fc;animation:none}.hero-veil{display:none}.hero-content{padding:1.1rem 1.15rem .25rem;max-width:none}.brand{font-size:clamp(2.2rem,11vw,3.2rem)}.hero-title{font-size:clamp(1.35rem,5.5vw,1.75rem)}.hero-lead{font-size:.98rem;margin-bottom:1.15rem}.hero-actions{gap:.65rem}.hero-actions .btn{flex:1 1 auto;min-width:0;justify-content:center}.hero-survey{max-width:none;margin-top:.9rem;grid-template-columns:1fr;grid-template-areas:"label" "copy" "go";gap:.35rem}.hero-survey-go{justify-self:start;margin-top:.25rem}.story-frame{aspect-ratio:16 / 10;max-height:min(48vh,420px);width:100%;border-radius:1.1rem}.story-scene.peter-active,.story-scene.pixie-active,.story-scene.cast-left-active,.story-scene.cast-right-active,.story-scene.cartoon-hop.peter-active,.story-scene.cartoon-hop.pixie-active,.story-scene.cartoon-hop.cast-left-active,.story-scene.cartoon-hop.cast-right-active{transform:none;animation:none}.story-scene-img{object-fit:contain;object-position:center center;background:#d9eef8}.story-memory{top:5%;right:2.5%;width:min(42%,160px)}.story-memory img{aspect-ratio:1;object-fit:contain;background:#f3f9fc}.unit-cover,.unit-hero-cover{aspect-ratio:16 / 9;object-fit:contain;object-position:center;background:#eaf5fc}.flash-image,.story-vocab-prompt img,.choice-btn.has-pic img,.quiz-prompt-image,.pattern-image{object-fit:contain;background:#eaf5fc}}@media (max-width: 640px){.word-item{flex-direction:column;align-items:flex-start}.unit-body{grid-template-columns:auto 1fr}.unit-go{display:none}.player-bar{align-items:flex-start}.story-caption{min-height:6.4rem;padding:.75rem .85rem}.story-en{font-size:1.08rem}}.trace-stage{min-height:100vh;padding:1rem 1rem 1.5rem;color:var(--ink);background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.75),transparent 28%),radial-gradient(circle at 88% 8%,rgba(186,224,245,.55),transparent 26%),linear-gradient(180deg,#e8f4fb,#f4ebe0 48%,#fff8ef)}.trace-top{display:grid;gap:.45rem;margin-bottom:.85rem}.trace-meta h1{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,5vw,2.3rem);line-height:1.15}.trace-meta p{margin:.2rem 0 0;color:var(--muted)}.trace-layout{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr) minmax(150px,220px);gap:.9rem;align-items:stretch;min-height:min(72vh,720px)}.trace-buddy{position:relative;display:grid;align-content:start;gap:.65rem;padding:.75rem;border-radius:1.3rem;background:#ffffffb8;border:2px solid rgba(255,255,255,.95);box-shadow:0 12px 28px #1a3a521a}.trace-buddy img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center top;border-radius:1.05rem;background:#eaf5fc}.trace-tip-board{display:grid;gap:.35rem;justify-items:center}.trace-tip-title,.trace-cheer-label{margin:0;font-weight:800;color:#2a6f9c}.trace-tip-canvas{width:160px;height:160px;border-radius:1rem;box-shadow:inset 0 0 0 1px #1a3a520f}.trace-tip-note{margin:0;font-size:.85rem;color:var(--muted);text-align:center}.trace-board-wrap{display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;gap:.7rem;min-width:0}.trace-board{position:relative;min-height:320px;border-radius:1.5rem;overflow:hidden;background:linear-gradient(180deg,#fffdf8,#f3e6d4);border:5px solid #c9a27a;box-shadow:inset 0 0 0 6px #ffffff73,0 18px 36px #1a3a5224}.trace-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.trace-ink-hint{margin:0;text-align:center;color:#5a7a90;font-weight:700}.trace-score-label{margin:-.25rem 0 0;text-align:center;color:#3b8fc4;font-weight:800;font-size:.95rem}.trace-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;align-items:center}.trace-btn{min-width:7.5rem;border-radius:999px;font-weight:800}.trace-case-toggle{display:inline-flex;gap:.35rem;padding:.2rem;border-radius:999px;background:#ffffffbf;border:1px solid rgba(59,143,196,.2)}.trace-case-btn{border:0;border-radius:999px;padding:.45rem .85rem;background:transparent;color:#2a6f9c;font-weight:800;cursor:pointer}.trace-case-btn.is-active{background:#3b8fc4;color:#fff}.trace-letter-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:.35rem;max-width:720px;margin:0 auto;width:100%}.trace-letter-btn{width:100%;aspect-ratio:1;min-height:2.35rem;border-radius:.75rem;border:2px solid rgba(59,143,196,.28);background:#fff;color:#2a6f9c;font-family:var(--font-display);font-size:clamp(.95rem,2.8vw,1.2rem);font-weight:800;cursor:pointer}.trace-letter-btn.is-active{background:#3b8fc4;color:#fff;border-color:#3b8fc4;box-shadow:0 6px 14px #3b8fc447}@media (max-width: 900px){.trace-letter-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}.trace-bubble{position:absolute;top:8%;right:6%;left:6%;padding:.7rem .85rem;border-radius:1.1rem;background:#fff;color:#e091b0;font-family:var(--font-display);font-size:1.35rem;font-weight:800;text-align:center;box-shadow:0 10px 24px #1a3a5229;animation:trace-bubble-pop .45s cubic-bezier(.22,1.4,.36,1) both}.trace-bubble.tone-retry{color:#d97706}.trace-bubble:after{content:"";position:absolute;left:50%;bottom:-10px;width:16px;height:16px;background:#fff;transform:translate(-50%) rotate(45deg)}.trace-stars{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.trace-star{position:absolute;top:-10%;font-size:1.4rem;animation:trace-star-fall 2.4s linear both;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}@keyframes trace-star-fall{0%{transform:translateY(0) rotate(0) scale(.6);opacity:0}12%{opacity:1}to{transform:translateY(120vh) rotate(220deg) scale(1.15);opacity:0}}@keyframes trace-bubble-pop{0%{opacity:0;transform:translateY(8px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 900px){.trace-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(48vh,1fr) auto;min-height:0}.trace-penny,.trace-pixie{grid-template-columns:96px 1fr;align-items:center}.trace-buddy img{aspect-ratio:1;max-width:96px}.trace-penny .trace-tip-board{justify-items:start}.trace-tip-canvas{width:120px;height:120px}.trace-board{min-height:48vh}.trace-pixie{order:3}}.battle-stage{min-height:100vh;padding:4.6rem 1rem 1.25rem;display:grid;grid-template-rows:auto minmax(220px,1fr) auto;gap:.75rem;color:var(--ink);background:radial-gradient(circle at 12% 8%,rgba(186,236,210,.55),transparent 28%),radial-gradient(circle at 88% 12%,rgba(186,224,245,.5),transparent 26%),linear-gradient(180deg,#dff3ff,#eef9f2 48%,#fff8e8)}.battle-top{position:fixed;top:max(.55rem,env(safe-area-inset-top,0px));right:max(.75rem,env(safe-area-inset-right,0px));z-index:55;display:flex;justify-content:flex-end;pointer-events:none}.battle-top .back-nav{display:none}.battle-flowers{pointer-events:auto;display:inline-flex;align-items:baseline;gap:.35rem;padding:.45rem .8rem;border-radius:999px;background:#fffffff0;border:2px solid rgba(107,203,119,.45);box-shadow:0 8px 18px #1a3a521f;font-weight:800}.battle-flowers small{color:var(--muted);font-weight:700}.battle-prompt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;width:min(920px,100%);margin:0 auto}.battle-penny{display:flex;align-items:center;gap:.7rem;min-width:min(100%,18rem)}.battle-penny img{width:3.4rem;height:3.4rem;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 16px #1a3a5224}.battle-penny-name{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#2a6f9c}.battle-status{margin:.15rem 0 0;font-family:var(--font-display);font-size:clamp(1.05rem,3vw,1.35rem);font-weight:700;line-height:1.25}.battle-speak{flex:0 0 auto}.battle-arena{position:relative;width:min(920px,100%);margin:0 auto;border-radius:1.35rem;overflow:hidden;min-height:240px;border:3px solid rgba(255,255,255,.9);box-shadow:0 16px 36px #1a3a5224;background:linear-gradient(180deg,#9ad4f0,#c8ebff 42%,#b8e4a8 42%,#8fce74)}.battle-sky{position:absolute;top:0;right:0;bottom:55%;left:0;background:radial-gradient(circle at 18% 35%,rgba(255,255,255,.85),transparent 18%),radial-gradient(circle at 72% 28%,rgba(255,255,255,.7),transparent 16%);pointer-events:none}.battle-hills{position:absolute;left:-8%;right:-8%;bottom:0;height:38%;background:radial-gradient(ellipse at 20% 120%,#7ec86a 0 42%,transparent 43%),radial-gradient(ellipse at 70% 130%,#6bb85a 0 48%,transparent 49%);pointer-events:none}.battle-cake{position:absolute;left:6%;bottom:14%;display:grid;justify-items:center;gap:.15rem;z-index:2}.battle-cake span{font-size:3rem;filter:drop-shadow(0 8px 10px rgba(26,58,82,.18));animation:battle-cake-bob 2.4s ease-in-out infinite}.battle-cake small,.battle-monster small{font-size:.72rem;font-weight:800;color:#1a3a52;background:#ffffffd1;padding:.15rem .45rem;border-radius:999px}.battle-monster{position:absolute;bottom:12%;transform:translate(-50%);display:grid;justify-items:center;gap:.1rem;z-index:3;transition:filter .25s ease;will-change:left}.battle-monster-body{font-size:clamp(3.2rem,10vw,4.4rem);line-height:1;filter:drop-shadow(0 10px 12px rgba(26,58,82,.2));animation:battle-monster-wobble 1.1s ease-in-out infinite}.battle-monster.is-hit .battle-monster-body{animation:battle-monster-pop .55s ease both}.battle-monster.is-win .battle-monster-body{animation:none;transform:scale(1.15)}.battle-hearts{position:absolute;top:-.6rem;right:-.4rem;font-size:1.5rem;animation:battle-heart-float .8s ease both}.battle-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-content:center;gap:.75rem;background:#ffffffb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;font-family:var(--font-display);font-size:1.4rem;font-weight:700}.battle-hand{width:min(920px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;touch-action:none}.battle-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid rgba(59,143,196,.28);border-radius:1.1rem;background:#fffffff2;box-shadow:0 12px 24px #1a3a521f;padding:.55rem .45rem .7rem;display:grid;gap:.25rem;justify-items:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .2s ease,box-shadow .2s ease}.battle-card:active,.battle-card.is-dragging{cursor:grabbing;box-shadow:0 18px 32px #1a3a5233}.battle-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.75rem;pointer-events:none;background:#eaf5fc}.battle-card-emoji{font-size:1.35rem;line-height:1}.battle-card strong{font-family:var(--font-display);font-size:clamp(.95rem,2.8vw,1.15rem)}.battle-card.is-return{animation:battle-card-return .32s ease}.battle-card.is-glow{border-color:#6bcb77;box-shadow:0 0 0 4px #6bcb7747,0 16px 30px #1a3a5229;animation:battle-card-glow .7s ease}@keyframes battle-cake-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes battle-monster-wobble{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-4px)}}@keyframes battle-monster-pop{0%{transform:scale(1)}40%{transform:scale(1.25) rotate(-8deg)}to{transform:scale(.2);opacity:0}}@keyframes battle-heart-float{0%{opacity:0;transform:translateY(8px) scale(.6)}to{opacity:1;transform:translateY(-10px) scale(1.15)}}@keyframes battle-card-return{0%{transform:translateY(-10px) scale(1.04)}to{transform:translateY(0) scale(1)}}@keyframes battle-card-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}@media (max-width: 640px){.battle-arena{min-height:210px}.battle-cake span{font-size:2.4rem}.battle-card{padding:.4rem .3rem .55rem}}.resto-stage{min-height:100vh;padding:4.6rem 1rem 1.25rem;display:grid;grid-template-rows:auto auto minmax(160px,auto) auto;gap:.7rem;color:var(--ink);background:radial-gradient(circle at 14% 10%,rgba(255,214,170,.45),transparent 28%),radial-gradient(circle at 86% 8%,rgba(186,224,245,.5),transparent 26%),linear-gradient(180deg,#fff4e6,#f7fbfe 48%,#fff)}.resto-coins{position:fixed;top:max(.55rem,env(safe-area-inset-top,0px));right:max(.75rem,env(safe-area-inset-right,0px));z-index:55;display:inline-flex;align-items:baseline;gap:.35rem;padding:.45rem .8rem;border-radius:999px;background:#fffffff0;border:2px solid rgba(242,183,72,.55);box-shadow:0 8px 18px #1a3a521f;font-weight:800}.resto-counter{width:min(920px,100%);margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:center;padding:.85rem;border-radius:1.25rem;background:linear-gradient(180deg,#fff,#f3f9fc);border:3px solid rgba(59,143,196,.2);box-shadow:0 14px 28px #1a3a521a}.resto-customer{position:relative;width:min(34vw,7.5rem);display:grid;justify-items:center;gap:.25rem}.resto-customer img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:1rem;border:3px solid #fff;box-shadow:0 10px 18px #1a3a5224}.resto-customer-name{margin:0;font-size:.78rem;font-weight:800;color:#2a6f9c}.resto-face{position:absolute;top:-.35rem;right:-.35rem;font-size:1.45rem;filter:drop-shadow(0 4px 6px rgba(26,58,82,.16));transition:transform .25s ease}.resto-counter.mood-happy .resto-face{transform:scale(1.2) rotate(-8deg)}.resto-counter.mood-confused .resto-face{animation:resto-shake .45s ease}.resto-bubble{position:relative;padding:.85rem 1rem;border-radius:1.1rem;background:#fff;border:2px solid rgba(59,143,196,.28);box-shadow:0 8px 18px #1a3a5214}.resto-bubble:before{content:"";position:absolute;left:-.45rem;top:1.2rem;width:.8rem;height:.8rem;background:#fff;border-left:2px solid rgba(59,143,196,.28);border-bottom:2px solid rgba(59,143,196,.28);transform:rotate(45deg)}.resto-bubble-text{margin:0 0 .55rem;font-family:var(--font-display);font-size:clamp(1.05rem,3.2vw,1.4rem);font-weight:700;line-height:1.3}.resto-speak{padding:.35rem .7rem}.resto-status{width:min(920px,100%);margin:0 auto;text-align:center;font-weight:700;color:#3d6480}.resto-tray-wrap{width:min(920px,100%);margin:0 auto}.resto-tray{padding:.75rem;border-radius:1.25rem;background:linear-gradient(180deg,#ffffffeb,#fff8e8f2);border:3px dashed rgba(242,183,72,.55);box-shadow:inset 0 0 0 6px #ffffff8c}.resto-tray-label{margin:0 0 .45rem;font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#9a6a1f}.resto-tray-slots{min-height:5.5rem;display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;justify-content:center}.resto-tray-empty{color:var(--muted);font-weight:700}.resto-tray-item{width:min(42%,8rem);display:grid;justify-items:center;gap:.2rem;padding:.4rem;border-radius:.9rem;background:#fff;border:2px solid rgba(59,143,196,.2);animation:resto-pop .35s ease}.resto-tray-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.65rem}.resto-tray-actions{margin-top:.65rem;display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap}.resto-serve{min-width:10rem;font-size:1.05rem}.resto-kitchen{width:min(920px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.resto-food{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid rgba(59,143,196,.22);border-radius:1rem;background:#fffffff2;box-shadow:0 10px 20px #1a3a521a;padding:.45rem .35rem .55rem;display:grid;gap:.15rem;justify-items:center;cursor:pointer;transition:transform .18s ease}.resto-food:active{transform:scale(.96)}.resto-food img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.7rem;background:#eaf5fc}.resto-food-emoji{font-size:1.1rem}.resto-emoji-lg{display:grid;place-items:center;width:100%;aspect-ratio:1;font-size:clamp(2.4rem,8vw,3.2rem);background:#eaf5fc;border-radius:.7rem}.resto-fly{position:fixed;left:0;top:0;z-index:60;width:3.2rem;height:3.2rem;pointer-events:none;animation:resto-fly .42s cubic-bezier(.22,1,.36,1) both}.resto-fly img,.resto-fly span{display:grid;place-items:center;width:100%;height:100%;border-radius:.7rem;background:#fff;box-shadow:0 10px 18px #1a3a522e;font-size:1.8rem;object-fit:cover}@keyframes resto-fly{0%{transform:translate(calc(var(--from-x) - 1.6rem),calc(var(--from-y) - 1.6rem)) scale(1);opacity:1}to{transform:translate(calc(var(--to-x) - 1.6rem),calc(var(--to-y) - 1.6rem)) scale(.85);opacity:.2}}@keyframes resto-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes resto-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (max-width: 640px){.resto-counter{grid-template-columns:1fr;justify-items:center;text-align:center}.resto-bubble:before{display:none}.resto-kitchen{grid-template-columns:repeat(3,minmax(0,1fr))}}.shadow-stage{position:relative;min-height:100vh;overflow:hidden;padding:4.6rem 1rem 1.5rem;display:grid;grid-template-rows:1fr auto;gap:1rem;align-content:center;color:var(--ink);background:radial-gradient(circle at 18% 12%,rgba(255,190,210,.4),transparent 28%),radial-gradient(circle at 84% 10%,rgba(186,224,245,.55),transparent 26%),linear-gradient(180deg,#eaf4ff,#fff5f8 52%,#fff)}.shadow-hero{width:min(520px,100%);margin:0 auto;text-align:center;display:grid;gap:.45rem;justify-items:center}.shadow-pixie{position:relative;width:min(58vw,220px)}.shadow-pixie img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:1.4rem;border:4px solid #fff;box-shadow:0 16px 32px #1a3a5229}.shadow-mic{position:absolute;right:-.35rem;bottom:.4rem;font-size:2.4rem;filter:drop-shadow(0 8px 10px rgba(26,58,82,.2));animation:shadow-mic-bob 1.6s ease-in-out infinite}.shadow-title{margin:.35rem 0 0;font-family:var(--font-display);font-size:clamp(1.7rem,5vw,2.2rem)}.shadow-line{margin:0;font-family:var(--font-display);font-size:clamp(1.15rem,3.5vw,1.45rem);font-weight:700;color:#2a6f9c}.shadow-status{margin:.15rem 0 0;min-height:1.5rem;font-weight:700;color:#3d6480}.shadow-countdown{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;background:#ffffff8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-family:var(--font-display);font-size:clamp(4rem,18vw,6.5rem);font-weight:800;color:#e091b0;animation:shadow-count-pop .55s ease}.shadow-wave{width:min(420px,100%);margin:0 auto;display:flex;align-items:flex-end;justify-content:center;gap:.28rem;min-height:4.5rem}.shadow-wave span{width:.55rem;border-radius:999px;background:linear-gradient(180deg,#ff7b9c,#e091b0);transition:height .08s linear}.shadow-rec-label{position:absolute;left:50%;transform:translate(-50%);margin-top:4.8rem;color:#d6456a;font-weight:800;animation:shadow-blink 1s step-end infinite}.shadow-stage.phase-recording .shadow-wave{position:relative}.shadow-error{width:min(520px,100%);margin:0 auto;padding:.7rem .9rem;border-radius:.9rem;background:#fff0f5f2;border:2px solid rgba(224,145,176,.45);color:#8a3d5c;font-weight:700;text-align:center}.shadow-actions{width:min(520px,100%);margin:0 auto;display:grid;gap:.65rem}.shadow-btn{display:grid;justify-items:center;gap:.15rem;min-height:3.6rem;font-size:1.15rem}.shadow-btn small{font-size:.82rem;font-weight:700;opacity:.8}.shadow-btn.is-stop{background:linear-gradient(180deg,#ff7b9c,#e45d82);border-color:#d6456a}.shadow-btn:disabled{opacity:.45;cursor:not-allowed}.shadow-confetti{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:6}.shadow-confetti span{position:absolute;top:-12px;width:10px;height:14px;border-radius:2px;animation:shadow-confetti-fall 1.6s ease-in forwards}@keyframes shadow-mic-bob{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(6deg)}}@keyframes shadow-count-pop{0%{transform:scale(.6);opacity:.2}to{transform:scale(1);opacity:1}}@keyframes shadow-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes shadow-confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(var(--spin, 260deg));opacity:.15}}.dress-stage{min-height:100vh;padding:4.6rem 1rem 1.25rem;display:grid;grid-template-rows:auto minmax(260px,1fr) auto;gap:.75rem;color:var(--ink);background:radial-gradient(circle at 16% 10%,rgba(186,224,245,.5),transparent 28%),radial-gradient(circle at 86% 12%,rgba(255,224,180,.4),transparent 26%),linear-gradient(180deg,#e8f5ff,#f7fbfe 55%,#fff);transition:background .6s ease}.dress-stage.weather-rainy{background:radial-gradient(circle at 20% 8%,rgba(140,180,210,.45),transparent 30%),linear-gradient(180deg,#d5e4ef,#eef4f8 55%,#fff)}.dress-stage.weather-snowy{background:radial-gradient(circle at 70% 10%,rgba(220,235,255,.7),transparent 28%),linear-gradient(180deg,#e9f1ff,#f5f8ff 55%,#fff)}.dress-flowers{position:fixed;top:max(.55rem,env(safe-area-inset-top,0px));right:max(.75rem,env(safe-area-inset-right,0px));z-index:55;display:inline-flex;align-items:baseline;gap:.35rem;padding:.45rem .8rem;border-radius:999px;background:#fffffff0;border:2px solid rgba(107,203,119,.45);box-shadow:0 8px 18px #1a3a521f;font-weight:800}.dress-prompt{width:min(920px,100%);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem}.dress-polly{display:flex;align-items:center;gap:.7rem;min-width:min(100%,18rem)}.dress-polly img{width:3.3rem;height:3.3rem;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 16px #1a3a5224}.dress-polly-name{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#2a6f9c}.dress-status{margin:.15rem 0 0;font-family:var(--font-display);font-size:clamp(1rem,3vw,1.3rem);font-weight:700;line-height:1.25}.dress-window{position:relative;width:min(920px,100%);margin:0 auto;border-radius:1.35rem;overflow:hidden;min-height:280px;border:4px solid rgba(255,255,255,.95);box-shadow:0 16px 34px #1a3a5224;display:grid;place-items:end center;padding:1rem}.dress-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#9ad4f0,#cfe9f8 48%,#b8e4a8 48%,#8fce74)}.dress-stage.weather-rainy .dress-sky{background:linear-gradient(180deg,#8aa7bc,#a9bfd0 50%,#7ea07a 50%,#628a5f)}.dress-stage.weather-snowy .dress-sky{background:linear-gradient(180deg,#d8e7ff,#eef4ff 50%,#d9e8d4 50%,#c3d8b8)}.dress-weather-emoji{position:absolute;top:.7rem;right:.9rem;font-size:2.4rem;filter:drop-shadow(0 6px 8px rgba(26,58,82,.16))}.dress-sunbeams{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 78% 18%,rgba(255,236,150,.75),transparent 22%),radial-gradient(circle at 70% 22%,rgba(255,255,255,.35),transparent 18%)}.dress-rain,.dress-snow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.7}.dress-rain{background-image:repeating-linear-gradient(-20deg,transparent 0 14px,rgba(255,255,255,.45) 14px 16px);animation:dress-rain-fall .7s linear infinite}.dress-snow{background-image:radial-gradient(circle at 20% 10%,#fff 0 2px,transparent 3px),radial-gradient(circle at 60% 30%,#fff 0 2px,transparent 3px),radial-gradient(circle at 80% 18%,#fff 0 3px,transparent 4px),radial-gradient(circle at 35% 55%,#fff 0 2px,transparent 3px),radial-gradient(circle at 70% 70%,#fff 0 2px,transparent 3px);animation:dress-snow-fall 4s linear infinite}.dress-pixie{position:relative;z-index:2;width:min(58%,220px);transition:transform .35s ease}.dress-pixie img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:1.2rem;border:3px solid #fff;box-shadow:0 14px 26px #1a3a522e;background:#fff}.dress-pixie.mood-happy{animation:dress-spin .9s ease}.dress-pixie.mood-no{animation:dress-shake .5s ease}.dress-worn{position:absolute;font-size:2.2rem;filter:drop-shadow(0 6px 8px rgba(26,58,82,.2));animation:dress-pop .35s ease}.dress-worn.worn-hat,.dress-worn.worn-sunglasses{top:4%;left:50%;transform:translate(-50%)}.dress-worn.worn-scarf,.dress-worn.worn-tshirt{top:42%;left:50%;transform:translate(-50%)}.dress-worn.worn-boots{bottom:4%;left:50%;transform:translate(-50%)}.dress-worn.worn-umbrella{top:8%;right:-8%}.dress-rack{width:min(920px,100%);margin:0 auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(5.4rem,1fr);gap:.55rem;overflow-x:auto;padding-bottom:.25rem;touch-action:pan-x}.dress-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid rgba(59,143,196,.24);border-radius:1rem;background:#fffffff5;box-shadow:0 10px 20px #1a3a521a;padding:.55rem .35rem;display:grid;gap:.2rem;justify-items:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;min-width:5.4rem}.dress-item:active,.dress-item.is-dragging{cursor:grabbing}.dress-item-emoji{font-size:2rem;line-height:1}.dress-item strong{font-size:.82rem;font-family:var(--font-display)}.dress-item.is-return{animation:dress-return .28s ease}.dress-item.is-worn{opacity:.45}@keyframes dress-rain-fall{0%{background-position:0 0}to{background-position:0 28px}}@keyframes dress-snow-fall{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:0 60px,12px 80px,-8px 70px,6px 90px,-10px 100px}}@keyframes dress-spin{0%{transform:rotate(0) scale(1)}40%{transform:rotate(20deg) scale(1.05)}70%{transform:rotate(-360deg) scale(1.08)}to{transform:rotate(-360deg) scale(1)}}@keyframes dress-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes dress-pop{0%{transform:translate(-50%) scale(.4);opacity:0}to{opacity:1}}@keyframes dress-return{0%{transform:translateY(-8px) scale(1.05)}to{transform:translateY(0) scale(1)}}.rhythm-stage{position:relative;min-height:100vh;overflow:hidden;padding:4.5rem .85rem 1rem;color:var(--ink);background:radial-gradient(circle at 20% 10%,rgba(255,190,210,.45),transparent 28%),radial-gradient(circle at 80% 8%,rgba(186,224,245,.5),transparent 26%),linear-gradient(180deg,#1a3a52,#2a6f9c 42%,#eaf5fc 42%,#fff);transition:filter .45s ease,background .45s ease}.rhythm-stage.theme-1{filter:hue-rotate(40deg)}.rhythm-stage.theme-2{filter:hue-rotate(110deg)}.rhythm-stage.theme-3{filter:hue-rotate(200deg)}.rhythm-stage.is-dance .rhythm-pixie img{animation:rhythm-dance .85s ease}.rhythm-hud{position:fixed;top:max(.55rem,env(safe-area-inset-top,0px));right:max(.7rem,env(safe-area-inset-right,0px));z-index:55;display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.rhythm-hud span{padding:.35rem .65rem;border-radius:999px;background:#ffffffeb;font-weight:800;font-size:.85rem;box-shadow:0 6px 14px #0000001f}.rhythm-pixie{position:relative;width:min(150px,34vw);margin:0 auto .55rem}.rhythm-pixie img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:1rem;border:3px solid #fff;box-shadow:0 12px 24px #00000038}.rhythm-mic{position:absolute;right:-.35rem;bottom:.2rem;font-size:1.6rem}.rhythm-start,.rhythm-result{width:min(420px,100%);margin:.5rem auto;padding:1rem;border-radius:1.2rem;background:#fffffff2;text-align:center;box-shadow:0 14px 28px #1a3a5229}.rhythm-start h1,.rhythm-result h2{margin:0 0 .4rem;font-family:var(--font-display)}.rhythm-progress{width:min(920px,100%);margin:0 auto .45rem;height:.4rem;border-radius:999px;background:#ffffff59;overflow:hidden}.rhythm-progress span{display:block;height:100%;background:linear-gradient(90deg,#ffd76a,#6bcb77)}.rhythm-board{width:min(920px,100%);margin:0 auto;height:min(48vh,360px);display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;padding:.4rem;border-radius:1.1rem;background:#0a1e2d59;box-shadow:inset 0 0 0 2px #ffffff26}.rhythm-lane{position:relative;overflow:hidden;border-radius:.85rem;background:linear-gradient(180deg,#ffffff1f,#ffffff0a);border:2px solid color-mix(in srgb,var(--lane) 55%,white)}.rhythm-lane-label{position:absolute;top:.35rem;left:50%;transform:translate(-50%);z-index:2;font-size:.75rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.rhythm-hitline{position:absolute;left:8%;right:8%;top:82%;height:4px;border-radius:999px;background:var(--lane);box-shadow:0 0 12px var(--lane);z-index:2}.rhythm-note{position:absolute;left:50%;transform:translate(-50%,-50%);width:clamp(2.2rem,8vw,2.8rem);height:clamp(2.2rem,8vw,2.8rem);border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.95rem;color:#1a3a52;background:#fff;border:3px solid var(--lane);box-shadow:0 8px 16px #0003;z-index:3}.rhythm-judge{position:absolute;left:50%;top:70%;transform:translate(-50%);z-index:4;font-weight:800;font-size:.85rem;color:#fff;animation:rhythm-judge-pop .65s ease both;text-shadow:0 2px 6px rgba(0,0,0,.35)}.rhythm-judge.is-perfect{color:#ffe566}.rhythm-judge.is-good{color:#b6ffce}.rhythm-judge.is-miss{color:#ffb3c4}.rhythm-pads{width:min(920px,100%);margin:.65rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.rhythm-pad{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;min-height:4.2rem;border-radius:1rem;background:var(--lane);color:#fff;display:grid;place-content:center;gap:.1rem;box-shadow:0 10px 18px #0000002e;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.rhythm-pad:active{transform:scale(.96);filter:brightness(1.08)}.rhythm-pad strong{font-size:1.15rem}.rhythm-pad small{opacity:.85;font-weight:700}.rhythm-result{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;width:min(420px,calc(100% - 2rem))}.rhythm-score{margin:.35rem 0;font-family:var(--font-display);font-size:1.8rem;font-weight:700}.rhythm-stars{margin:.2rem 0 .55rem;font-size:1.8rem;letter-spacing:.15em}.rhythm-result-actions{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap}@keyframes rhythm-dance{0%,to{transform:rotate(0) scale(1)}30%{transform:rotate(-8deg) scale(1.08)}60%{transform:rotate(10deg) scale(1.12)}}@keyframes rhythm-judge-pop{0%{opacity:0;transform:translate(-50%,8px) scale(.8)}to{opacity:0;transform:translate(-50%,-18px) scale(1.1)}20%,70%{opacity:1}}.ispy-stage{min-height:100vh;padding:4.5rem .85rem 1rem;display:grid;grid-template-rows:auto minmax(320px,1fr);gap:.7rem;color:var(--ink);background:linear-gradient(180deg,#dff3ff,#f4fbf2 55%,#fff)}.ispy-flowers{position:fixed;top:max(.55rem,env(safe-area-inset-top,0px));right:max(.75rem,env(safe-area-inset-right,0px));z-index:55;display:inline-flex;gap:.35rem;align-items:baseline;padding:.45rem .8rem;border-radius:999px;background:#fffffff0;border:2px solid rgba(107,203,119,.45);font-weight:800;box-shadow:0 8px 18px #1a3a521f}.ispy-taskbar{width:min(960px,100%);margin:0 auto;display:grid;gap:.55rem;padding:.7rem;border-radius:1.15rem;background:#fffffff2;border:2px solid rgba(59,143,196,.2);box-shadow:0 12px 24px #1a3a521a}.ispy-penny{display:flex;align-items:center;gap:.65rem}.ispy-penny img{width:3rem;height:3rem;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 12px #1a3a5224}.ispy-penny-name{margin:0;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#2a6f9c}.ispy-status{margin:.1rem 0 0;font-family:var(--font-display);font-size:clamp(1rem,3vw,1.25rem);font-weight:700}.ispy-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.ispy-target{position:relative;display:grid;grid-template-columns:auto 1fr;gap:.35rem;align-items:center;padding:.35rem;border-radius:.85rem;background:#f3f9fc;border:2px solid transparent}.ispy-target.is-current{border-color:#3b8fc48c;box-shadow:0 0 0 3px #3b8fc41f}.ispy-target.is-found{background:#e9f8ec;opacity:.9}.ispy-target img{width:2.4rem;height:2.4rem;object-fit:cover;border-radius:.55rem}.ispy-target span{font-size:.82rem;font-weight:800}.ispy-target em{position:absolute;right:.35rem;top:.25rem;color:#2f9e5b;font-style:normal;font-weight:900}.ispy-scene{position:relative;width:min(960px,100%);margin:0 auto;min-height:min(58vh,520px);border-radius:1.35rem;overflow:hidden;border:4px solid #fff;box-shadow:0 16px 34px #1a3a5229;touch-action:none}.ispy-sky{position:absolute;top:0;right:0;bottom:42%;left:0;background:radial-gradient(circle at 78% 22%,rgba(255,236,150,.85),transparent 18%),linear-gradient(180deg,#8ec8ef,#cfe9f8)}.ispy-hills{position:absolute;top:45%;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 0%,#7ec86a 0 45%,transparent 46%),radial-gradient(ellipse at 70% 10%,#6bb85a 0 50%,transparent 51%),linear-gradient(180deg,#8fce74,#6fad5c)}.ispy-bush{position:absolute;width:28%;height:22%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#74c46a,#3f8f4a 70%);filter:blur(.2px)}.ispy-bush.left{left:-4%;bottom:18%}.ispy-bush.right{right:-2%;bottom:28%;width:24%}.ispy-tree{position:absolute;left:62%;top:18%;width:10%;height:36%;background:linear-gradient(180deg,transparent 0 18%,#8b5a2b 18% 100%),radial-gradient(circle at 50% 28%,#4f9d4a 0 42%,transparent 43%);border-radius:40%;opacity:.9}.ispy-hotspot{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid rgba(255,255,255,.85);border-radius:.9rem;padding:0;overflow:hidden;background:#fff;box-shadow:0 10px 18px #1a3a5233;cursor:pointer}.ispy-hotspot img{display:block;width:100%;aspect-ratio:1;object-fit:cover;pointer-events:none}.ispy-hotspot.is-glow{animation:ispy-glow .7s ease;z-index:8!important}.ispy-magnifier{position:absolute;width:7.5rem;height:7.5rem;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:9;box-shadow:0 0 0 4px #ffffffe6,0 12px 24px #1a3a5247;overflow:hidden}.ispy-magnifier.is-on{opacity:1}.ispy-magnifier-glass{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 78% 22%,rgba(255,236,150,.85),transparent 18%),linear-gradient(180deg,#8ec8ef,#cfe9f8 45%,#8fce74 45%,#6fad5c);background-size:220% 220%;transform:scale(1.35);filter:contrast(1.05) saturate(1.1)}.ispy-mag-handle{position:absolute;z-index:10;transform:translate(-50%,-50%);width:3rem;height:3rem;border-radius:50%;border:0;background:#ffffffeb;box-shadow:0 8px 16px #1a3a522e;font-size:1.35rem;cursor:grab;touch-action:none}.ispy-mag-handle:active{cursor:grabbing}.ispy-done{position:fixed;left:50%;bottom:1.2rem;transform:translate(-50%);z-index:30;display:flex;gap:.65rem;align-items:center;padding:.75rem 1rem;border-radius:1rem;background:#fffffff5;box-shadow:0 12px 28px #1a3a5229;font-weight:800}.ispy-fly{position:fixed;left:0;top:0;z-index:40;width:3.4rem;height:3.4rem;pointer-events:none;animation:ispy-fly .7s cubic-bezier(.22,1,.36,1) both}.ispy-fly img{width:100%;height:100%;object-fit:cover;border-radius:.7rem;border:3px solid #fff;box-shadow:0 10px 18px #1a3a5233}@keyframes ispy-glow{0%{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}40%{transform:translate(-50%,-50%) scale(1.25);filter:brightness(1.2)}to{transform:translate(-50%,-50%) scale(1.05)}}@keyframes ispy-fly{0%{transform:translate(calc(var(--from-x) - 1.7rem),calc(var(--from-y) - 1.7rem)) scale(1.1);opacity:1}to{transform:translate(calc(var(--to-x) - 1.7rem),calc(var(--to-y) - 1.7rem)) scale(.55);opacity:.35}}@media (max-width: 640px){.ispy-target span{font-size:.72rem}.ispy-scene{min-height:52vh}}:root{--font-display: "Fraunces", "Palatino Linotype", Palatino, serif;--font-body: "Nunito", "Segoe UI", sans-serif;--ink: #1a3a52;--muted: #5a7a90;--leaf: #3b8fc4;--leaf-deep: #2a6f9c;--sun: #7ec8e8;--snow: #ffffff;--page-bg: radial-gradient(circle at 14% 12%, rgba(186, 224, 245, .7), transparent 30%), radial-gradient(circle at 86% 8%, rgba(214, 236, 250, .8), transparent 28%), linear-gradient(180deg, #eaf5fc 0%, #f7fbfe 45%, #ffffff 100%);font-family:var(--font-body);line-height:1.5;font-weight:500;color:var(--ink);background:var(--page-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px}button,input,textarea{font:inherit}img{max-width:100%;display:block}