@font-face{font-family:"Baloo 2";src:url(/assets/fonts/baloo2-latin.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/fonts/nunito-latin.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}:root{--paper: #fdf6ec;--paper-deep: #f3e8d8;--ink: #4a3f35;--ink-soft: #7a6e60;--sky: #aedcf5;--cream: #fff6e9;--coral: #f0887c;--coral-deep: #d96a5e;--bow-red: #e2574c;--gold: #f5c86e;--gold-deep: #cf9a3a;--leaf: #8fd18a;--leaf-deep: #5aa668;--mint: #a8e6cf;--lilac: #c9b6f2;--amber: #e8a13d;--world-accent: var(--coral);--world-accent-soft: var(--sky);--display: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-card: 16px;--radius-btn: 12px;--shadow-paper: 0 2px 0 var(--paper-deep), 0 6px 14px rgb(74 63 53 / .12);--shadow-lift: 0 3px 0 var(--paper-deep), 0 12px 24px rgb(74 63 53 / .18);--dur-micro: .2s;--dur-panel: .32s;--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--body);color:var(--ink);background:var(--sky);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{min-height:100%}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.12;margin:0;color:var(--ink)}p{margin:0 0 .75em}p:last-child{margin-bottom:0}#scene-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;display:block}.screen{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;animation:screen-in var(--dur-panel) var(--ease)}.screen--solid{background:radial-gradient(120% 90% at 50% 0%,var(--cream) 0%,var(--sky) 100%)}.screen--parchment{background:radial-gradient(130% 100% at 50% -10%,var(--cream),var(--paper) 60%,var(--paper-deep))}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.wrap{width:min(880px,100% - 2rem);margin-inline:auto}.btn{font-family:var(--display);font-weight:600;font-size:1.05rem;border:none;border-radius:var(--radius-btn);padding:.7em 1.4em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;transition:transform var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease),background var(--dur-micro) var(--ease);text-decoration:none}.btn:disabled{cursor:default;opacity:.55}.btn--primary{background:var(--btn-primary-bg, var(--coral));color:var(--cream);box-shadow:0 3px 0 var(--btn-primary-deep, var(--coral-deep)),0 8px 16px #4a3f3529}.btn--primary:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.07)}.btn--primary:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 var(--btn-primary-deep, var(--coral-deep)),0 4px 8px #4a3f3529}.btn--secondary{background:var(--paper);color:var(--ink);border:1.5px solid var(--paper-deep);box-shadow:var(--shadow-paper)}.btn--secondary:not(:disabled):hover{transform:translateY(-1px);background:var(--cream)}.btn--ghost{background:transparent;color:var(--ink);min-height:44px;padding:.5em .9em}.btn--ghost:hover{background:#ffffff80}.btn--lg{font-size:1.2rem;padding:.8em 1.8em;min-height:56px}.btn__icon{width:1.25em;height:1.25em;display:inline-flex}.btn__icon svg{width:100%;height:100%}.icon{display:inline-flex;width:24px;height:24px}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card{background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-paper);padding:1.5rem;position:relative}.card--grain:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--paper-grain, none);background-size:180px;opacity:.05;pointer-events:none;mix-blend-mode:multiply}.hud{display:flex;align-items:center;gap:.75rem;padding:.75rem clamp(.75rem,3vw,1.5rem);z-index:2}.hud__spacer{flex:1}.hud-audio{padding:.5em}.hud-audio[aria-pressed=false]{opacity:.6}.chip{display:inline-flex;align-items:center;gap:.4em;background:var(--paper);border-radius:999px;padding:.35em .8em;box-shadow:var(--shadow-paper);font-family:var(--display);font-weight:600;font-size:.95rem;color:var(--ink)}.chip .icon{width:20px;height:20px}.chip--kp .icon{color:var(--gold)}.chip--bow .icon{color:var(--bow-red)}.title{align-items:center;justify-content:center;text-align:center;gap:1.5rem;padding:2rem 1rem}.title__mark{width:min(560px,84vw);filter:drop-shadow(0 8px 18px rgb(74 63 53 / .22))}.title__tagline{font-family:var(--body);color:var(--ink);background:#fff6e9b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:.4em 1em;border-radius:999px;font-weight:700;max-width:30rem}.title__actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.map-head{text-align:center;padding:.5rem 1rem 0}.map-head h1{font-size:clamp(1.5rem,5vw,2.2rem)}.map-head p{color:var(--ink);font-weight:600}.map-stage{position:relative;flex:1;min-height:60vh}.map-fallback{display:grid;gap:.75rem;width:min(560px,100% - 2rem);margin:1rem auto 2rem}.marker{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.3rem;border:none;background:transparent;cursor:pointer;font-family:var(--display);color:var(--ink);padding:.2rem}.marker:disabled{cursor:default}.marker__pin{width:54px;height:54px;border-radius:50% 50% 50% 4px;transform:rotate(45deg);display:grid;place-items:center;box-shadow:0 6px 12px #4a3f3540;transition:transform var(--dur-micro) var(--ease)}.marker__pin>*{transform:rotate(-45deg)}.marker--available .marker__pin{background:var(--world-accent);color:var(--ink)}.marker--complete .marker__pin{background:var(--leaf);color:var(--cream)}.marker--coming-soon .marker__pin,.marker--locked .marker__pin{background:var(--lilac);color:#5a4f7a}.marker:not(:disabled):hover .marker__pin,.marker:not(:disabled):focus-visible .marker__pin{transform:rotate(45deg) scale(1.1)}.marker__label{display:flex;align-items:center;gap:.4rem;background:var(--paper);border-radius:999px;padding:.2rem .7rem .2rem .25rem;box-shadow:var(--shadow-paper);border:2px solid color-mix(in srgb,var(--world-accent) 45%,var(--paper));white-space:nowrap}.marker__label-text{display:flex;flex-direction:column;line-height:1.1}.marker__island{font-family:var(--display);font-weight:700;font-size:.9rem;color:var(--ink)}.marker__world{font-size:.7rem;font-weight:700;color:var(--world-accent-deep, var(--ink-soft))}.marker__num{font-family:var(--display);font-weight:700;font-size:1.2rem}.guide-face{flex:0 0 auto;width:var(--face-size, 44px);height:var(--face-size, 44px);border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--face-accent, var(--world-accent)) 30%,var(--cream));box-shadow:0 0 0 2px color-mix(in srgb,var(--face-accent, var(--world-accent)) 70%,white);display:grid;place-items:center}.guide-face__img{width:100%;height:100%;object-fit:cover;display:block;filter:none}.guide-face .guide-placeholder.guide-face__img{aspect-ratio:auto;padding:8%}.guide-face--locked{filter:saturate(.85)}.world-row{display:flex;align-items:center;gap:1rem;text-align:left;width:100%;padding:1rem 1.1rem;border:none;border-radius:var(--radius-card);background:var(--paper);box-shadow:var(--shadow-paper);cursor:pointer;font-family:var(--body);color:var(--ink);transition:transform var(--dur-micro) var(--ease)}.world-row:not(:disabled):hover{transform:translateY(-2px)}.world-row:disabled{cursor:default}.world-row__badge{flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:1.2rem;color:var(--cream);background:var(--world-accent-deep, var(--world-accent))}.world-row__avatar{flex:0 0 auto}.world-row__body{flex:1;min-width:0}.world-row__eyebrow{display:block;font-weight:800;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--world-accent-deep, var(--ink-soft))}.world-row__title{display:block;font-family:var(--display);font-weight:700;font-size:1.1rem}.world-row__sub{display:block;color:var(--ink-soft);font-size:.95rem}.world-row__state{flex:0 0 auto;display:inline-flex;align-items:center;gap:.35em;font-weight:700;font-size:.85rem;color:var(--ink-soft);white-space:nowrap}.state-complete{color:var(--leaf-deep)}.state-locked{color:#6f639a}.arrival{justify-content:flex-end;padding-bottom:clamp(1rem,4vh,2.5rem)}.arrival-eyebrow{display:inline-block;font-weight:800;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--world-accent-deep, var(--ink-soft))}.arrival-head h2{margin:.15rem 0 0}.arrival-desc{width:min(600px,100% - 2rem);margin:.6rem auto 0;color:var(--ink);background:#fff6e9d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius-card);padding:.7rem 1.1rem;font-size:.98rem;line-height:1.5}.dialogue{width:min(680px,100% - 2rem);margin:0 auto;display:flex;align-items:flex-end;gap:clamp(.5rem,3vw,1.5rem)}.guide-billboard{flex:0 0 auto;width:min(var(--bb-size, 168px),100%);align-self:flex-end}.guide-billboard img,.guide-placeholder{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 12px rgb(74 63 53 / .25))}.guide-placeholder{aspect-ratio:1}.guide-placeholder__svg{width:100%;height:100%;display:block}.guide-billboard--idle{animation:guide-bob 3.4s ease-in-out infinite;transform-origin:50% 100%}@keyframes guide-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.01,.99)}}.dialogue__bubble{flex:1;background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-lift);padding:1.1rem 1.25rem;position:relative}.dialogue__name{font-family:var(--display);font-weight:700;color:var(--world-accent);margin-bottom:.15rem}.dialogue__text{font-size:1.05rem}.dialogue__foot{display:flex;align-items:center;gap:.75rem;margin-top:.9rem}.dialogue__dots{display:inline-flex;gap:.3rem;margin-right:auto}.dialogue__dots i{width:8px;height:8px;border-radius:50%;background:var(--paper-deep)}.dialogue__dots i.on{background:var(--world-accent)}.quest{padding:0 0 2rem}.stepper{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;padding:.5rem 1rem 1rem}.stepper__item{display:inline-flex;align-items:center;gap:.35em;font-size:.82rem;font-weight:700;color:var(--ink-soft);background:var(--paper);border-radius:999px;padding:.25em .7em;box-shadow:var(--shadow-paper)}.stepper__item.on{color:var(--cream);background:var(--world-accent-deep, var(--coral))}.stepper__item.done{color:var(--leaf-deep)}.arrival,.hub,.quest{--btn-primary-bg: var(--world-accent-deep, var(--coral));--btn-primary-deep: color-mix(in srgb, var(--world-accent-deep, var(--coral-deep)) 62%, black)}.quest-title{display:flex;align-items:center;justify-content:center;gap:.75rem;text-align:center;padding:0 1rem .5rem}.quest-title__text{min-width:0}.quest-title h2{font-size:clamp(1.3rem,4.5vw,1.9rem)}.quest-objective{color:var(--ink-soft);max-width:40rem;margin:.3rem auto 0}.quest-companion{--face-size: 56px;flex:0 0 auto}.quest-companion.is-celebrating{animation:companion-pop .62s var(--ease)}@keyframes companion-pop{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.16) rotate(-6deg)}55%{transform:scale(1.05) rotate(5deg)}to{transform:scale(1) rotate(0)}}.reduce-motion .quest-companion.is-celebrating{animation:none}@media(max-width:480px){.quest-companion{--face-size: 44px}}.panel{animation:panel-in var(--dur-panel) var(--ease)}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.learn-card .eyebrow,.reflection .eyebrow,.example .eyebrow{font-family:var(--display);font-weight:700;font-size:.8rem;letter-spacing:.02em;text-transform:uppercase;color:var(--world-accent-deep, var(--coral-deep));margin-bottom:.4rem}.learn-card h3{font-size:1.35rem;margin-bottom:.5rem}.learn-card p,.reflection p,.example p{font-size:1.06rem}.triangle-figure{margin:1.1rem 0 0;display:flex;justify-content:center}.triangle-svg{width:min(340px,100%);height:auto}.reflection{border-left:6px solid var(--world-accent)}.reflection blockquote{margin:0;font-style:italic}.reflection .eyebrow{font-style:normal}.example{background:var(--cream)}.card-nav{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem}.card-nav .spacer{flex:1}.dot-row{display:inline-flex;gap:.4rem}.dot-row i{width:9px;height:9px;border-radius:50%;background:var(--paper-deep);transition:background var(--dur-micro)}.dot-row i.on{background:var(--world-accent)}.source-ref{margin-top:1rem;font-size:.78rem;color:var(--ink-soft);display:flex;flex-wrap:wrap;align-items:center;gap:.35em}.source-ref code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95em;background:var(--paper-deep);padding:.1em .4em;border-radius:6px;max-width:100%;overflow-wrap:anywhere}.quiz__q{font-family:var(--display);font-weight:700;font-size:1.25rem;margin-bottom:1rem}.quiz__progress{font-size:.85rem;font-weight:700;color:var(--world-accent-deep, var(--ink-soft));margin-bottom:.5rem}.options{display:grid;gap:.7rem;list-style:none;margin:0;padding:0}.option{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;font-family:var(--body);font-size:1.02rem;font-weight:600;color:var(--ink);background:var(--paper);border:2px solid var(--paper-deep);border-radius:var(--radius-btn);padding:.85rem 1rem;min-height:48px;cursor:pointer;transition:border-color var(--dur-micro),background var(--dur-micro),transform var(--dur-micro)}.option:not(:disabled):hover{border-color:var(--world-accent-deep, var(--world-accent));transform:translateY(-1px)}.option__key{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:2px solid color-mix(in srgb,var(--world-accent) 55%,var(--paper-deep));background:var(--world-accent-soft, transparent);color:var(--world-accent-deep, var(--ink));display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:.85rem}.option[aria-disabled=true]{cursor:default}.option.is-correct{border-color:var(--leaf-deep);background:#eef8ec}.option.is-correct .option__key{background:var(--leaf);border-color:var(--leaf-deep);color:var(--cream)}.option.is-wrong{border-color:var(--amber);background:#fdf1df}.option.is-wrong .option__key{background:var(--amber);border-color:#cf8a2b;color:var(--cream)}.feedback{margin-top:1rem;border-radius:var(--radius-btn);padding:.9rem 1rem;display:flex;gap:.6rem;align-items:flex-start;font-weight:600;animation:panel-in var(--dur-micro) var(--ease)}.feedback .icon{flex:0 0 auto}.feedback--correct{background:#eef8ec;color:#33683a}.feedback--correct .icon{color:var(--leaf-deep)}.feedback--retry{background:#fdf1df;color:#8a5a17}.feedback--retry .icon{color:var(--amber)}.feedback__title{font-family:var(--display);font-weight:700}.reward{align-items:center;justify-content:center;text-align:center;gap:1.2rem;padding:2rem 1rem}.reward__card{max-width:30rem}.reward__stamp{width:92px;height:92px;margin:0 auto .5rem;color:var(--leaf-deep)}.reward__stamp .icon,.bow-big .icon{width:100%;height:100%}.reward__points{font-family:var(--display);font-weight:700;font-size:2.4rem;color:var(--gold-deep, #cf9a3a);display:flex;align-items:center;justify-content:center;gap:.3rem}.reward__points .icon{width:34px;height:34px;color:var(--gold)}.reward__breakdown{list-style:none;margin:.5rem 0 0;padding:0;color:var(--ink-soft);font-size:.95rem}.reward__breakdown li{display:flex;justify-content:space-between;padding:.15rem 0}.learn-badge{--badge-size: 40px;display:inline-grid;place-items:center;width:var(--badge-size);height:var(--badge-size);border-radius:50%;flex:0 0 auto}.learn-badge .icon{width:58%;height:58%}.learn-badge--done{background:color-mix(in srgb,var(--leaf) 40%,var(--cream));color:var(--leaf-deep);box-shadow:inset 0 0 0 2px var(--leaf),0 2px 4px #4a3f352e}.learn-badge--perfect{background:radial-gradient(circle at 50% 35%,#fff3d0,var(--gold));color:var(--gold-deep);box-shadow:inset 0 0 0 2px var(--gold-deep),0 2px 8px #cf9a3a80}.learn-badge--empty{background:transparent;color:var(--ink-soft);box-shadow:inset 0 0 0 2px var(--paper-deep);opacity:.7}.reward__badge{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-top:1rem}.reward__badge-caption{font-weight:800;font-size:.9rem;color:var(--ink-soft)}.token-chip{--token-size: 48px;display:inline-grid;place-items:center;width:var(--token-size);height:var(--token-size);border-radius:30% 30% 34% 34%;flex:0 0 auto;color:var(--tk-deep, var(--world-accent-deep, var(--ink)));background:linear-gradient(160deg,color-mix(in srgb,var(--tk-soft, var(--world-accent)) 55%,var(--cream)),color-mix(in srgb,var(--tk-soft, var(--world-accent)) 20%,var(--cream)));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--tk-deep, var(--world-accent)) 40%,white),0 2px 5px #4a3f3529}.token-chip .icon{width:60%;height:60%}.token-chip--empty{color:var(--ink-soft);background:transparent;box-shadow:inset 0 0 0 2px var(--paper-deep);opacity:.65}.bow-stage{position:relative;width:132px;height:132px;margin:0 auto}.bow-big{width:120px;height:120px;margin:6px auto 0;color:var(--bow-red);transform-origin:50% 100%;animation:bow-drop .46s var(--ease) both}@keyframes bow-drop{0%{transform:translateY(-46px) scale(.62,1.18);opacity:0}55%{transform:translateY(4px) scale(1.16,.84);opacity:1}74%{transform:translateY(-2px) scale(.95,1.06)}to{transform:translateY(0) scale(1);opacity:1}}.sparkle-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sparkle-burst i{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;color:var(--gold);opacity:0;animation:sparkle-pop .62s var(--ease) both}.sparkle-burst i .icon{width:100%;height:100%}@keyframes sparkle-pop{0%{transform:translate(0) scale(0) rotate(0);opacity:0}35%{opacity:1}to{transform:translate(var(--dx, 0),var(--dy, 0)) scale(.9) rotate(140deg);opacity:0}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.confetti i{position:absolute;top:-10vh;width:10px;height:14px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(120vh) rotate(540deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#4a3f3566;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:1rem;animation:panel-in var(--dur-micro) var(--ease)}.dialog{width:min(440px,100%);background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-lift);padding:1.5rem}.dialog h2{margin-bottom:.75rem}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;border-top:1px solid var(--paper-deep)}.setting-row:first-of-type{border-top:none}.setting-row__label{font-weight:700}.setting-row__hint{font-size:.85rem;color:var(--ink-soft);font-weight:400}.switch{flex:0 0 auto;position:relative;width:52px;height:30px;border-radius:999px;border:2px solid var(--paper-deep);background:var(--paper-deep);cursor:pointer;transition:background var(--dur-micro)}.switch[aria-checked=true]{background:var(--leaf);border-color:var(--leaf-deep)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--cream);box-shadow:0 1px 3px #00000040;transition:transform var(--dur-micro) var(--ease)}.switch[aria-checked=true]:after{transform:translate(22px)}.dialog__actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;flex-wrap:wrap}.link-btn{background:none;border:none;color:var(--coral-deep);font:inherit;font-weight:700;cursor:pointer;padding:.3em 0;text-decoration:underline}.webgl-note{width:min(560px,100% - 2rem);margin:0 auto 1rem;background:var(--cream);border:1.5px solid var(--paper-deep);border-radius:var(--radius-card);padding:.8rem 1rem;font-size:.9rem;color:var(--ink-soft);display:flex;gap:.6rem;align-items:flex-start}.webgl-note .icon{flex:0 0 auto;color:var(--world-accent)}.stack{display:flex;flex-direction:column;gap:1rem}.center{text-align:center}.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}.visually-hidden-focus:focus{position:fixed;top:.5rem;left:.5rem;width:auto;height:auto;padding:.5rem 1rem;clip:auto;background:var(--paper);border-radius:8px;box-shadow:var(--shadow-lift);z-index:50}:focus-visible{outline:3px solid var(--coral-deep);outline-offset:2px;border-radius:4px}.marker:focus-visible{outline:none}#a11y-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.btn--sm{font-size:.92rem;padding:.45em .9em;min-height:40px}.map-head__actions{margin-top:.6rem;display:flex;justify-content:center}.map-head__actions .icon{width:18px;height:18px;color:var(--bow-red)}.hub-list{width:min(620px,100% - 2rem);margin:.5rem auto 2rem}.hub-eyebrow{font-family:var(--display);font-weight:700;font-size:.85rem;letter-spacing:.02em;text-transform:uppercase;color:var(--world-accent)}.hub-progress{font-weight:700;color:var(--ink-soft)}.quest-row .world-row__badge{background:var(--world-accent-deep, var(--world-accent))}.world-row__badge--done{background:var(--leaf)!important}.world-row__badge--done .icon{width:24px;height:24px;color:var(--cream)}.quest-row[data-next="1"]{outline:2px solid var(--world-accent);outline-offset:2px}.friends-grid{list-style:none;margin:1.25rem auto;padding:0;width:min(720px,100% - 2rem);display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.5rem,3vw,1.25rem)}.friends-grid--compact{gap:.75rem}.friend-cell{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:clamp(96px,26vw,132px)}.friend-cell__name{font-family:var(--display);font-weight:700;font-size:.95rem}.friend-cell__role{font-size:.8rem;color:var(--ink-soft)}.friend-unlock{max-width:32rem}.friend-unlock .guide-billboard{margin:.25rem auto .75rem}.friend-unlock .eyebrow{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.02em}.celebration{align-items:center;text-align:center;gap:.5rem;padding:clamp(1.5rem,5vh,3rem) 1rem 3rem;justify-content:flex-start}.bow-row{display:flex;gap:.4rem;justify-content:center}.bow-row__bow .icon,.collect-bow .icon{width:40px;height:40px;color:var(--bow-red)}.bow-row__bow{animation:bow-pop var(--dur-panel) var(--ease) backwards}.bow-row__bow:nth-child(2){animation-delay:90ms}.bow-row__bow:nth-child(3){animation-delay:.18s}.bow-row__bow:nth-child(4){animation-delay:.27s}.bow-row__bow:nth-child(5){animation-delay:.36s}.celebration__title{font-size:clamp(1.6rem,6vw,2.6rem);margin-top:.5rem}.celebration__sub{color:var(--ink-soft);font-weight:600;max-width:34rem}.celebration__message{width:min(620px,100% - 2rem);margin:.5rem auto 0;text-align:left;border-left:6px solid var(--gold)}.celebration__quote{font-size:1.1rem;font-style:italic;line-height:1.55}.friend-pop{animation:friend-slide .44s var(--ease) both;transform-origin:50% 100%}@keyframes friend-slide{0%{transform:translateY(28px) scale(.82);opacity:0}65%{transform:translateY(-5px) scale(1.05);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.friends-grid--photo{background:linear-gradient(160deg,var(--cream),var(--paper-deep));border:4px solid var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-lift);padding:1.1rem clamp(.5rem,3vw,1.4rem) 1.25rem;align-items:flex-end}.friends-grid--photo .friend-cell{animation:friend-slide .46s var(--ease) both}.friends-grid--photo .friend-cell:nth-child(1){animation-delay:80ms}.friends-grid--photo .friend-cell:nth-child(2){animation-delay:.18s}.friends-grid--photo .friend-cell:nth-child(3){animation-delay:.28s}.friends-grid--photo .friend-cell:nth-child(4){animation-delay:.38s}.friends-grid--photo .friend-cell:nth-child(5){animation-delay:.48s}.collect-wrap{padding-bottom:2.5rem}.collect-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:.5rem 0 1.5rem}.collect-stat{flex:1 1 140px;max-width:220px;background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-paper);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.15rem}.collect-stat__icon .icon{width:28px;height:28px}.collect-stat__value{font-family:var(--display);font-weight:700;font-size:1.8rem}.collect-stat__label{font-size:.85rem;color:var(--ink-soft);font-weight:700}.collect-h2{font-size:1.2rem;margin:1.25rem 0 .6rem}.collect-bows{display:flex;gap:.5rem;flex-wrap:wrap}.collect-bow--empty .icon{color:var(--paper-deep)}.collect-friend__face{width:clamp(76px,22vw,104px);aspect-ratio:1;display:block}.collect-friend__portrait{width:clamp(76px,22vw,104px);align-self:center}.collect-friend__portrait img,.collect-friend__portrait .guide-placeholder{filter:drop-shadow(0 4px 8px rgb(74 63 53 / .2))}.collect-friend__face svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgb(74 63 53 / .2))}.collect-friend__face.is-locked{display:grid;place-items:center;background:var(--paper-deep);border-radius:50%}.collect-friend__face.is-locked .icon{width:40%;height:40%;color:#6f639a}.collect-worlds{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.collect-world{display:flex;align-items:center;gap:.9rem;background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-paper);padding:.8rem 1rem}.collect-world__icon .icon{width:24px;height:24px;color:var(--ink-soft)}.collect-world.is-complete .collect-world__icon .icon{color:var(--leaf-deep)}.collect-world__body{flex:1;min-width:0}.collect-world__title{display:block;font-family:var(--display);font-weight:700}.collect-world__sub{display:block;font-size:.85rem;color:var(--ink-soft)}.collect-world__badges{display:inline-flex;gap:.3rem;margin-top:.4rem;flex-wrap:wrap}.token-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem}.token-cell{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:4.5rem}.token-cell__name{font-size:.78rem;font-weight:700;color:var(--ink-soft);text-align:center}.collect-world__state{flex:0 0 auto;font-weight:700;font-size:.85rem;color:var(--ink-soft)}.collect-world.is-complete .collect-world__state{color:var(--leaf-deep)}@media(max-width:560px){body{font-size:16px}.card{padding:1.15rem}.dialogue{flex-direction:column;align-items:center}.dialogue .guide-billboard{width:120px}.dialogue__bubble{width:100%}.marker__label{font-size:.78rem;padding:.1em .5em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reduce-motion .guide-billboard--idle{animation:none}.screen--sky{position:relative;overflow:hidden}.sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#bfe0f7,#d8e9fb 38%,#f6e6ef 78%,#fdeee6)}.sky--dawn{background:linear-gradient(180deg,#f8d8c8,#f6e0ee 45%,#dfe7fb)}.sky__cloud{position:absolute;opacity:.9;animation:cloud-drift var(--drift, 90s) linear infinite;will-change:transform}.sky__cloud--1{width:26%;top:9%;left:-30%;--drift: 110s}.sky__cloud--2{width:17%;top:24%;left:-30%;--drift: 150s;animation-delay:-60s}.sky__cloud--3{width:21%;top:64%;left:-30%;--drift: 130s;animation-delay:-35s}.sky__cloud--4{width:13%;top:44%;left:-30%;--drift: 170s;animation-delay:-100s}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(520%)}}.screen--sky>:not(.sky):not(.title__isle):not(.arrival__isle){position:relative;z-index:1}.title__isle,.arrival__isle{z-index:0}.archipelago{position:relative;flex:1;min-height:0;z-index:1}.isle{position:absolute;transform:translate(-50%,-50%);background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.isle:focus-visible{outline:3px solid var(--world-accent-deep, #2e6fa6);outline-offset:6px;border-radius:24px}.isle__float{display:block;position:relative;animation:isle-bob 7s ease-in-out infinite;animation-delay:var(--float-delay, 0s);will-change:transform}@keyframes isle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.4%)}}.isle__sprite{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 22px rgb(74 63 53 / .18))}.isle__pin{position:absolute;top:-6%;left:50%;transform:translate(-50%)}.isle__label{margin-top:.4rem}.isle--locked .isle__sprite,.isle--coming-soon .isle__sprite{filter:grayscale(.45) brightness(1.04) drop-shadow(0 14px 18px rgb(74 63 53 / .12));opacity:.88}.isle--available .isle__sprite{filter:drop-shadow(0 18px 26px rgb(46 111 166 / .28))}.isle:hover .isle__float,.isle:focus-visible .isle__float{transform:translateY(-1.5%) scale(1.02)}.title__isle{position:absolute;left:50%;bottom:-6%;transform:translate(-50%);width:min(58vh,78vw);pointer-events:none;animation:isle-bob 9s ease-in-out infinite}.title__isle-img{width:100%;height:auto;filter:drop-shadow(0 24px 30px rgb(74 63 53 / .2))}.arrival__isle{position:absolute;right:-4%;top:46%;transform:translateY(-50%);width:min(52vh,46vw);pointer-events:none;animation:isle-bob 8s ease-in-out infinite}.arrival__isle-img{width:100%;height:auto;filter:drop-shadow(0 22px 28px rgb(74 63 53 / .2))}@media(max-width:900px){.arrival__isle{right:-18%;opacity:.6;width:62vw;top:40%}}.screen--painted{position:relative;overflow:hidden}.painted-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.painted-backdrop img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);filter:blur(14px) saturate(1.05);opacity:.26}.painted-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fdf6ec8c,#fdf6ecd1 46%,#fdf6ece6)}.screen--painted>:not(.painted-backdrop){position:relative;z-index:1}.sticker-accent{position:absolute;width:clamp(44px,6vw,72px);z-index:1;pointer-events:none;filter:drop-shadow(0 4px 6px rgb(74 63 53 / .18));animation:sticker-sway 6s ease-in-out infinite}.sticker-accent--tl{top:84px;left:3%;transform:rotate(-8deg)}.sticker-accent--br{bottom:4%;right:3.5%;transform:rotate(7deg);animation-delay:-3s}@keyframes sticker-sway{0%,to{translate:0 0}50%{translate:0 -6px}}@media(max-width:700px){.sticker-accent{display:none}}body.reduce-motion .sky__cloud,body.reduce-motion .isle__float,body.reduce-motion .title__isle,body.reduce-motion .arrival__isle,body.reduce-motion .sticker-accent{animation:none!important}@media(prefers-reduced-motion:reduce){.sky__cloud,.isle__float,.title__isle,.arrival__isle,.sticker-accent{animation:none!important}}.isle__pin{position:absolute;top:-4%;left:50%;transform:translate(-50%) rotate(45deg);width:46px;height:46px;border:3px solid var(--cream)}.isle--available .isle__pin{background:var(--world-accent-deep, var(--coral));color:var(--cream)}.isle--complete .isle__pin{background:var(--leaf);color:var(--cream)}.isle--locked .isle__pin,.isle--coming-soon .isle__pin{background:#8d81b3;color:var(--cream)}.isle__pin .marker__num{color:var(--cream);font-size:1.25rem;font-weight:800}.isle__pin svg{width:22px;height:22px}.isle__ribbon{position:absolute;top:8%;right:2%;background:var(--world-accent-deep, var(--coral));color:var(--cream);font-family:var(--display);font-weight:700;font-size:.85rem;padding:.3rem .85rem;border-radius:999px;border:2px solid var(--cream);box-shadow:0 4px 10px #4a3f3547;transform:rotate(6deg);animation:ribbon-pulse 2.2s ease-in-out infinite}@keyframes ribbon-pulse{0%,to{transform:rotate(6deg) scale(1)}50%{transform:rotate(6deg) scale(1.09)}}body.reduce-motion .isle__ribbon{animation:none}.option.is-shaking{animation:option-shake .4s var(--ease)}@keyframes option-shake{0%,to{translate:0 0}20%{translate:-6px 0}40%{translate:5px 0}60%{translate:-4px 0}80%{translate:2px 0}}body.reduce-motion .option.is-shaking{animation:none}.option{position:relative;overflow:visible}.btn--primary{border-radius:16px;box-shadow:0 5px 0 var(--btn-primary-deep, var(--coral-deep)),0 10px 18px #4a3f352e;transition:transform var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease),filter var(--dur-micro) var(--ease)}.btn--primary:not(:disabled):hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.08)}.btn--primary:not(:disabled):active{transform:translateY(3px) scale(.97);box-shadow:0 1px 0 var(--btn-primary-deep, var(--coral-deep)),0 3px 6px #4a3f3524}.btn--secondary{transition:transform var(--dur-micro) var(--ease)}.btn--secondary:not(:disabled):hover{transform:translateY(-1px)}.btn--secondary:not(:disabled):active{transform:translateY(1px) scale(.98)}body.reduce-motion .btn--primary,body.reduce-motion .btn--secondary{transition:none}.stepper__item{padding-inline:.85rem;gap:.3rem}.friend-actions{display:flex;flex-direction:column;align-items:center;gap:.6rem}