.starfield,.particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.star{position:absolute;border-radius:50%;background:var(--c-cream);opacity:calc(var(--bright) * .5);box-shadow:0 0 4px #f7f0e5cc;animation:twinkle var(--dur) ease-in-out var(--delay) infinite}.star--static{animation:none;opacity:calc(var(--bright) * .5)}@keyframes twinkle{0%,to{opacity:calc(var(--bright) * .25);transform:scale(.8)}50%{opacity:var(--bright);transform:scale(1.15)}}.mote{position:absolute;bottom:-10px;border-radius:50%;background:radial-gradient(circle,var(--c-amber) 0%,rgba(255,198,109,0) 70%);opacity:0;animation:float-up var(--dur) linear var(--delay) infinite}@keyframes float-up{0%{transform:translate(0) scale(.6);opacity:0}12%{opacity:.9}85%{opacity:.6}to{transform:translate(var(--drift),-102vh) scale(1);opacity:0}}.intro{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(120% 80% at 50% 40%,#121a30 0%,var(--c-night) 70%);overflow:hidden}.intro__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 60% at 50% 45%,transparent 40%,rgba(0,0,0,.55) 100%);pointer-events:none}.intro__inner{position:relative;z-index:2;width:min(92vw,640px);padding:var(--sp-5);text-align:center}.intro__terminal{font-family:var(--font-mono);font-size:clamp(.82rem,3.4vw,1rem);color:var(--c-blue-soft);text-align:left;margin:0 auto;width:fit-content;min-height:7.5em}.intro__line{display:flex;align-items:baseline;gap:.5ch;white-space:pre;margin:.15em 0}.intro__prompt{color:var(--c-gold);opacity:.8}.intro__cursor{display:inline-block;width:.6ch;height:1.05em;margin-left:1px;background:var(--c-gold);transform:translateY(2px);animation:blink 1s steps(2) infinite}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.intro__reveal{margin-top:var(--sp-6)}.intro__name{font-size:var(--fs-4xl);font-weight:600;letter-spacing:.28em;padding-left:.28em;color:var(--c-cream);text-shadow:0 0 36px rgba(232,184,90,.35)}.intro__name-char{display:inline-block}.intro__meta{margin-top:var(--sp-5);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.intro__status{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--c-gold);padding:.35rem .9rem;border:1px solid rgba(232,184,90,.35);border-radius:var(--r-pill)}.intro__tagline{color:var(--c-cream-dim);font-size:var(--fs-base);max-width:32ch}.intro__enter{margin-top:var(--sp-3)}.intro__skip{position:absolute;bottom:calc(env(safe-area-inset-bottom,0) + var(--sp-5));right:var(--sp-5);z-index:3;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;color:var(--c-cream-dim);padding:.5rem .9rem;border-radius:var(--r-pill);background:var(--glass);border:1px solid var(--hairline);transition:color var(--t-fast),background var(--t-fast)}.intro__skip:hover{color:var(--c-cream);background:var(--glass-strong)}.character{width:100%;height:100%;transform-origin:50% 90%;animation:char-idle 5.5s ease-in-out infinite}.character svg{width:100%;height:100%;overflow:visible}.char-shadow{fill:#00000054}.char-head{transform-origin:80px 92px;animation:head-tilt 6s ease-in-out infinite}@keyframes char-idle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-.6deg)}}@keyframes head-tilt{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.character--celebrate{animation:char-celebrate 1.4s ease-in-out infinite}@keyframes char-celebrate{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-3deg)}75%{transform:translateY(-6px) rotate(3deg)}}.character--still,.character--still .char-head{animation:none}.sidebar{position:absolute;left:var(--sp-4);top:50%;transform:translateY(-50%);z-index:var(--z-ui);display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);width:210px;background:linear-gradient(180deg,#141c30b8,#0c1222d1);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--sh-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar__brand{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-3);margin-bottom:var(--sp-1);border-bottom:1px solid var(--hairline)}.sidebar__brand-mark{display:grid;place-items:center;width:34px;height:34px;font-family:var(--font-script);font-size:1.5rem;color:var(--c-night);background:linear-gradient(180deg,var(--c-gold-soft),var(--c-gold));border-radius:10px;box-shadow:var(--glow-gold)}.sidebar__list{list-style:none;display:flex;flex-direction:column;gap:2px}.sidebar__item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:.6rem .7rem;border-radius:var(--r-md);color:var(--c-cream-dim);font-size:var(--fs-sm);font-weight:500;text-align:left;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast)}.sidebar__item:hover{background:var(--glass);color:var(--c-cream);transform:translate(2px)}.sidebar__item.is-active{background:linear-gradient(90deg,rgba(232,184,90,.2),transparent);color:var(--c-gold)}.sidebar__item.is-active .sidebar__icon{color:var(--c-gold)}.sidebar__icon{display:grid;place-items:center;width:24px;height:24px;color:var(--c-blue-soft);flex-shrink:0}.sidebar__settings{margin-top:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--hairline);border-radius:0 0 var(--r-md) var(--r-md)}@media(max-width:820px){.sidebar{left:50%;top:auto;bottom:calc(env(safe-area-inset-bottom,0) + var(--sp-3));transform:translate(-50%);flex-direction:row;align-items:center;width:auto;max-width:94vw;gap:0;padding:var(--sp-2);overflow-x:auto}.sidebar__brand{display:none}.sidebar__list{flex-direction:row;gap:2px}.sidebar__item{flex-direction:column;gap:2px;padding:.4rem .55rem;min-width:60px}.sidebar__item:hover{transform:none}.sidebar__label{font-size:10px;white-space:nowrap}.sidebar__settings{margin-top:0;padding-top:.4rem;border-top:none;border-left:1px solid var(--hairline)}}@media(max-width:420px){.sidebar__label{display:none}.sidebar__item{min-width:44px;padding:.5rem}}.mem-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-panel);display:grid;place-items:center;padding:var(--sp-4);background:#090d18d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mem{position:relative;width:100%;max-width:680px;max-height:86vh;overflow-y:auto;padding:var(--sp-6);color:var(--c-cream);background:#111827f5;border:1px solid rgba(232,184,90,.3);border-radius:var(--r-lg);box-shadow:var(--sh-lg);-webkit-overflow-scrolling:touch}.mem__x{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:38px;height:38px;color:#f7f0e58c;border-radius:50%;transition:color var(--t-fast),background var(--t-fast)}.mem__x:hover{color:var(--c-cream);background:#ffffff0f}.mem__eyebrow{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;color:var(--c-gold);margin-bottom:6px}.mem__title{font-size:var(--fs-2xl);color:var(--c-cream);letter-spacing:-.01em;margin-bottom:var(--sp-2)}.mem__sub{font-size:var(--fs-sm);color:var(--c-cream-dim);opacity:.75;margin-bottom:var(--sp-6)}.mem__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5)}.polaroid{background:var(--c-cream);color:var(--c-midnight);padding:var(--sp-3);border-radius:var(--r-md);border:1px solid rgba(232,184,90,.4);box-shadow:var(--sh-md);transform:rotate(var(--tilt));transition:transform var(--t-med) var(--ease-out)}.polaroid:hover{transform:rotate(0) translateY(-3px)}.polaroid__photo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:128px;padding:var(--sp-3);border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#1e293b,#0f172a 55%,#1e293b);border:1px solid rgba(0,0,0,.15)}.polaroid__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent)}.polaroid__emoji{position:relative;z-index:1;font-size:1.8rem}.polaroid__tag{position:relative;z-index:1;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-gold)}.polaroid__caption{margin-top:var(--sp-3)}.polaroid__meta{display:flex;justify-content:space-between;gap:var(--sp-2);font-family:var(--font-mono);font-size:10px;color:#6b7280}.polaroid__quote{margin-top:4px;font-family:var(--font-display);font-style:italic;font-size:var(--fs-sm);line-height:1.5;color:#374151}.mem__footer{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--hairline);text-align:center}.mem__return{padding:.55rem 1.4rem;font-size:var(--fs-sm);color:#f7f0e5cc;background:#ffffff0d;border-radius:var(--r-md);transition:background var(--t-fast),color var(--t-fast)}.mem__return:hover{background:#ffffff1a;color:var(--c-cream)}@media(max-width:540px){.mem{padding:var(--sp-5)}.mem__grid{grid-template-columns:1fr;gap:var(--sp-4)}}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-panel);display:grid;place-items:center;padding:var(--sp-5);background:radial-gradient(80% 80% at 50% 40%,#090d189e,#090d18db);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel{position:relative;width:min(92vw,460px);padding:var(--sp-6) var(--sp-5) var(--sp-5);background:linear-gradient(180deg,#171f32f7,#0e1424fa);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--sh-lg);overflow:hidden}.panel__x{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:38px;height:38px;color:#f7f0e58c;border-radius:50%;transition:color var(--t-fast),background var(--t-fast)}.panel__x:hover{color:var(--c-cream);background:#ffffff0f}.panel__head{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4);padding-right:32px}.panel__icon{flex-shrink:0;width:68px;height:68px;display:grid;place-items:center;padding:8px;background:linear-gradient(180deg,#f7f0e514,#f7f0e505);border:1px solid rgba(232,184,90,.35);border-radius:var(--r-md);box-shadow:inset 0 1px #ffffff1a}.panel__icon svg{width:100%;height:100%;overflow:visible}.panel__headtext{display:flex;flex-direction:column;gap:4px;min-width:0}.panel__chip{align-self:flex-start;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--c-gold);padding:.18rem .55rem;border:1px solid rgba(232,184,90,.45);border-radius:var(--r-pill)}.panel__title{font-size:var(--fs-xl);line-height:1.1;color:var(--c-cream)}.panel__subtitle{font-size:var(--fs-sm);color:var(--c-cream-dim);opacity:.75}.panel__rule{height:1px;background:linear-gradient(90deg,transparent,var(--hairline),transparent);margin:0 0 var(--sp-4)}.panel__quote{position:relative;padding-left:var(--sp-4);margin-bottom:var(--sp-5);border-left:3px solid var(--c-gold);font-family:var(--font-display);font-style:italic;font-size:var(--fs-lg);line-height:1.5;color:var(--c-cream)}.panel__quote:before{content:"“"}.panel__quote:after{content:"”"}.panel__connection{padding:var(--sp-4);margin-bottom:var(--sp-5);background:#090d1880;border:1px solid var(--hairline);border-radius:var(--r-md)}.panel__connection-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:6px;color:var(--c-gold);font-weight:600;font-size:var(--fs-sm)}.panel__connection p{color:var(--c-cream-dim);font-size:var(--fs-sm);line-height:1.5}.panel__return{color:#f7f0e5b3;font-size:var(--fs-sm);padding:.4rem 0;transition:color var(--t-fast)}.panel__return:hover{color:var(--c-cream)}.panel__title--center{text-align:center;margin-bottom:var(--sp-3)}.panel__accent{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--c-gold),transparent)}.panel__badge{display:inline-block;margin-bottom:var(--sp-3);padding:.3rem .8rem;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;color:#8ad17f;background:#8ad17f1f;border:1px solid rgba(138,209,127,.3);border-radius:var(--r-pill)}.panel__message{color:var(--c-cream-dim);font-size:var(--fs-base);white-space:pre-line;margin-bottom:var(--sp-5);line-height:1.6;text-align:center}.panel__close{display:block;margin:0 auto;min-width:120px}.panel--egg{background:linear-gradient(180deg,#0a101efa,#060a14fc);border-color:#7599d64d;text-align:center}.panel--egg .panel__accent{background:linear-gradient(90deg,transparent,var(--c-blue),transparent)}.panel--egg .panel__title{font-family:var(--font-mono);font-size:var(--fs-base);letter-spacing:.2em;color:var(--c-blue-soft)}.panel--egg .panel__message{font-family:var(--font-mono);font-size:var(--fs-sm)}@media(max-width:420px){.panel__head{gap:var(--sp-3)}.panel__icon{width:56px;height:56px}}.world{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(120% 90% at 50% 6%,#16223f 0%,var(--c-night-2) 52%,var(--c-night) 100%)}.world__ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(58% 44% at 55% 58%,rgba(255,198,109,.1),transparent 70%)}.world__terminal{position:absolute;left:var(--sp-4);top:calc(env(safe-area-inset-top,0) + var(--sp-4));z-index:var(--z-ui);padding:.7rem 1rem;font-family:var(--font-mono);font-size:var(--fs-xs);line-height:1.7;color:var(--c-blue-soft);background:#0a101e99;border:1px solid var(--hairline);border-radius:var(--r-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.world__heart,.world__sunflower{color:var(--c-gold)}.world__title{position:absolute;right:var(--sp-5);top:calc(env(safe-area-inset-top,0) + var(--sp-4));z-index:var(--z-ui);text-align:right;display:flex;flex-direction:column;align-items:flex-end}.world__title-script{font-family:var(--font-script);font-size:clamp(2.2rem,6vw,3.6rem);line-height:.9;color:var(--c-cream);text-shadow:0 0 24px rgba(232,184,90,.4)}.world__title-sub{font-family:var(--font-body);font-size:clamp(.6rem,1.6vw,.8rem);letter-spacing:.28em;color:var(--c-gold-soft);margin-top:4px}.world__diorama-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;z-index:var(--z-scene)}.world__diorama{position:relative;width:min(100%,86vh);aspect-ratio:1 / 1;border-radius:var(--r-lg);overflow:visible}.world__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--sh-lg);-webkit-user-select:none;user-select:none}.world__svgroom{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(100% 80% at 50% 20%,#1a2644,#0c1428);box-shadow:var(--sh-lg)}.world__svgroom .room-shell{position:absolute;left:50%;top:54%;width:108%;height:108%;transform:translate(-50%,-50%)}.world__svgchar{position:absolute;left:47%;top:56%;width:15%;transform:translate(-50%,-70%)}.spot{position:absolute;transform:translate(-50%,-50%);aspect-ratio:1;background:none;border:none;padding:0;z-index:var(--z-objects);cursor:pointer}.spot__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(232,184,90,0);background:radial-gradient(circle,#e8b85a00 40%,#e8b85a00 70%);transition:background var(--t-med),border-color var(--t-med),box-shadow var(--t-med)}.spot:hover .spot__ring,.spot:focus-visible .spot__ring{border-color:#e8b85ab3;background:radial-gradient(circle,rgba(232,184,90,.28) 20%,transparent 70%);box-shadow:0 0 24px #e8b85a66}.spot:not(.spot--egg):after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:var(--c-gold);box-shadow:0 0 12px #e8b85acc;opacity:.75;animation:spot-pulse 2.6s ease-in-out infinite}@keyframes spot-pulse{0%,to{opacity:.35;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.15)}}.spot:hover:after,.spot:focus-visible:after{opacity:0}.spot__sprite{position:absolute;left:50%;bottom:0;width:150%;transform:translate(-50%);pointer-events:none}.spot__sprite svg{width:100%;height:auto;overflow:visible}.world__svgroom~.spot:after,.world__diorama:has(.world__svgroom) .spot:after{display:none}.spot__label{position:absolute;left:50%;top:50%;font-family:var(--font-hand);font-size:clamp(.9rem,2.2vw,1.2rem);font-weight:600;line-height:1.1;color:var(--c-cream);background:#0a101ec7;border:1px solid var(--hairline);padding:.2rem .6rem;border-radius:var(--r-pill);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--t-med),transform var(--t-med);transform:translate(-50%,-50%);text-shadow:0 1px 4px rgba(0,0,0,.6)}.spot--show .spot__label,.spot:hover .spot__label,.spot:focus-visible .spot__label{opacity:1}.spot--left .spot__label{transform:translate(-108%,-50%)}.spot--right .spot__label{transform:translate(8%,-50%)}.spot--up .spot__label{transform:translate(-50%,-150%)}.spot--down .spot__label{transform:translate(-50%,60%)}.world__hbd{position:absolute;right:var(--sp-5);bottom:calc(env(safe-area-inset-bottom,0) + var(--sp-4));z-index:var(--z-ui);font-family:var(--font-script);font-size:clamp(1.3rem,3.4vw,2rem);color:var(--c-gold-soft);text-shadow:0 0 18px rgba(232,184,90,.35)}@media(min-width:821px){.world__diorama-wrap{padding-left:250px;padding-right:40px}.world__terminal{left:250px}}@media(max-width:820px){.world__diorama-wrap{padding:92px 10px 104px;align-items:start}.world__diorama{width:min(100%,64vh)}.world__hbd{bottom:calc(env(safe-area-inset-bottom,0) + 86px);font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.spot:after{animation:none}}.world--image .world__diorama-wrap{padding:0;place-items:center}.world--image .world__diorama{width:min(100vw,100vh);height:min(100vw,100vh);aspect-ratio:1 / 1;border-radius:0;overflow:visible}.world__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.menuhit,.objhit{position:absolute;padding:0;margin:0;background:transparent;border:none;border-radius:12px;cursor:pointer;z-index:var(--z-objects);-webkit-tap-highlight-color:transparent}.menuhit{border-radius:var(--r-pill);transition:background var(--t-fast),box-shadow var(--t-fast)}.menuhit:hover,.menuhit:focus-visible{background:#e8b85a24;box-shadow:inset 0 0 0 1px #e8b85a66}.objhit{border-radius:50%}.objhit__glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,#ffc66d00 45%,#ffc66d00 70%);box-shadow:0 0 #e8b85a00;transition:background var(--t-med),box-shadow var(--t-med),transform var(--t-med)}.objhit:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%);border-radius:50%;background:var(--c-gold);box-shadow:0 0 10px 2px #e8b85a80;opacity:.4;animation:spot-pulse 3.4s ease-in-out infinite;pointer-events:none}.objhit:hover .objhit__glow,.objhit:focus-visible .objhit__glow{background:radial-gradient(circle,rgba(255,198,109,.3) 20%,transparent 70%);box-shadow:0 0 30px 6px #e8b85a73}.objhit:hover:after,.objhit:focus-visible:after{opacity:0}.objhit--egg:after{display:none}@media(prefers-reduced-motion:reduce){.objhit:after{animation:none;opacity:.4}}.world--image .sidebar,.world__mhint{display:none}@media(max-width:820px){.world--image .sidebar{display:flex}.world--image .world__diorama-wrap{padding-bottom:56px}.world__mhint{display:block;position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0) + 92px);transform:translate(-50%);z-index:var(--z-ui);white-space:nowrap;font-size:var(--fs-xs);color:var(--c-cream);background:#0a101eb8;border:1px solid var(--hairline);padding:.35rem .85rem;border-radius:var(--r-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:hint-fade 5s ease forwards}}@keyframes hint-fade{0%,70%{opacity:1}to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.world__mhint{animation:none}}.boutique{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;background:radial-gradient(120% 90% at 50% 0%,#1c2238 0%,var(--c-night-2) 55%,var(--c-night) 100%);-webkit-overflow-scrolling:touch}.boutique__room{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(50% 40% at 50% 60%,rgba(255,198,109,.12),transparent 70%),repeating-linear-gradient(90deg,transparent 0 58px,rgba(247,240,229,.03) 58px 60px)}.boutique__header{position:relative;z-index:2;padding:calc(env(safe-area-inset-top,0) + var(--sp-5)) var(--sp-5) 0;text-align:center}.boutique__back{position:absolute;left:var(--sp-4);top:calc(env(safe-area-inset-top,0) + var(--sp-5))}.boutique__title{margin:var(--sp-7) auto var(--sp-5)}.boutique__eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.24em;text-transform:uppercase;color:var(--c-gold)}.boutique__title h1{font-size:var(--fs-2xl);color:var(--c-cream);margin:var(--sp-2) 0}.boutique__title p{color:var(--c-cream-dim);font-size:var(--fs-sm)}.boutique__shelf{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:var(--sp-5);padding:var(--sp-5) var(--sp-5) var(--sp-8);max-width:820px;margin:0 auto}.frag{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);width:150px;padding:var(--sp-4) var(--sp-3);background:linear-gradient(180deg,var(--glass),transparent);border:1px solid var(--hairline);border-radius:var(--r-lg);transition:border-color var(--t-med),box-shadow var(--t-med),background var(--t-med)}.frag:hover,.frag:focus-visible{border-color:#e8b85a66;box-shadow:var(--sh-md);background:linear-gradient(180deg,var(--glass-strong),transparent)}.frag__bottle{width:86px;position:relative}.frag__bottle svg{width:100%;height:auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.4))}.frag__plate{display:flex;flex-direction:column;gap:2px}.frag__num{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;color:var(--c-gold)}.frag__name{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--c-cream)}.frag--signature{width:172px;background:linear-gradient(180deg,rgba(232,184,90,.14),transparent);border-color:#e8b85a73;box-shadow:var(--glow-gold)}.frag--signature .frag__bottle{width:104px}.frag__sparkle{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,rgba(255,198,109,.3),transparent 60%);animation:breathe 3.4s ease-in-out infinite;border-radius:var(--r-lg)}.frag-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-panel);display:grid;place-items:center;padding:var(--sp-5);background:radial-gradient(80% 80% at 50% 40%,#090d18b8,#090d18eb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.frag-detail{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);width:min(92vw,460px);max-height:86vh;overflow-y:auto;padding:var(--sp-6) var(--sp-5);text-align:center;background:linear-gradient(180deg,#1b2234f7,#101626fa);border:1px solid var(--hairline);border-radius:var(--r-xl);box-shadow:var(--sh-lg)}.frag-detail--signature{border-color:#e8b85a80;box-shadow:var(--sh-lg),var(--glow-gold)}.frag-detail__visual{position:relative;width:120px}.frag-detail__visual svg{width:100%;height:auto;filter:drop-shadow(0 14px 20px rgba(0,0,0,.45))}.frag-detail__num{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;color:var(--c-gold)}.frag-detail__info h2{font-size:var(--fs-2xl);color:var(--c-cream);margin:var(--sp-1) 0 var(--sp-4)}.frag-detail__notes{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);list-style:none;margin-bottom:var(--sp-4)}.frag-detail__notes li{font-size:var(--fs-sm);color:var(--c-cream-dim);padding:.3rem .8rem;border:1px solid var(--hairline);border-radius:var(--r-pill)}.frag-detail__layers{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-4);text-align:left}.frag-detail__layers div{display:flex;align-items:baseline;gap:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--hairline)}.frag-detail__layers dt{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--c-gold);width:56px;flex-shrink:0}.frag-detail__layers dd{color:var(--c-cream);font-size:var(--fs-base)}.frag-detail__desc{color:var(--c-cream-dim);font-style:italic;font-family:var(--font-display);font-size:var(--fs-lg);line-height:1.5;margin-bottom:var(--sp-5)}.frag-detail__sparkles span{position:absolute;left:50%;top:40%;width:6px;height:6px;background:var(--c-amber);border-radius:50%;box-shadow:var(--glow-amber);animation:sparkle 2.6s ease-in-out infinite;animation-delay:calc(var(--i) * .22s)}@keyframes sparkle{0%{transform:translate(0) scale(0);opacity:0}40%{opacity:1}to{transform:translate(calc((var(--i) - 5) * 14px),-70px) scale(1);opacity:0}}@media(max-width:420px){.frag,.frag--signature{width:42%}}.tira{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;display:grid;place-items:center;background:radial-gradient(90% 70% at 50% 35%,#241b2e 0%,var(--c-night-2) 60%,var(--c-night) 100%)}.tira__spot{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(40% 34% at 50% 42%,rgba(255,198,109,.18),transparent 70%)}.tira__back{position:absolute;left:var(--sp-4);top:calc(env(safe-area-inset-top,0) + var(--sp-5));z-index:3}.tira__inner{position:relative;z-index:2;text-align:center;padding:var(--sp-8) var(--sp-5);width:min(92vw,440px)}.tira__dessert{position:relative;width:200px;margin:0 auto var(--sp-4)}.tira__dessert svg{width:100%;height:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.5))}.tira__title{font-size:var(--fs-2xl);color:var(--c-cream);margin-bottom:var(--sp-5)}.tira__recipe{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-5)}.tira__recipe li{font-family:var(--font-mono);font-size:var(--fs-base);color:var(--c-cream-dim)}.tira__recipe li:last-child{color:var(--c-gold);font-weight:500}.tira__reveal p{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--c-cream);margin-bottom:var(--sp-5)}.tira__sparkles span{position:absolute;left:50%;top:45%;width:7px;height:7px;background:var(--c-amber);border-radius:50%;box-shadow:var(--glow-amber);animation:sparkle 2.4s ease-out infinite;animation-delay:calc(var(--i) * .18s)}.letter-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;display:grid;place-items:center;padding:var(--sp-6) var(--sp-4);background:radial-gradient(90% 70% at 50% 20%,#1a2338 0%,var(--c-night-2) 60%,var(--c-night) 100%);perspective:1200px}.letter-scene__back{position:absolute;left:var(--sp-4);top:calc(env(safe-area-inset-top,0) + var(--sp-5));z-index:3}.letter-env{position:relative;width:240px;height:160px;background:none}.letter-env__body{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f3ead8,#e2d1ad);border-radius:var(--r-md);box-shadow:var(--sh-lg)}.letter-env__flap{position:absolute;top:0;left:0;right:0;height:0;border-left:120px solid transparent;border-right:120px solid transparent;border-top:86px solid #e8d7b6;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));z-index:2}.letter-env__seal{position:absolute;left:50%;top:70px;transform:translate(-50%,-50%);width:40px;height:40px;display:grid;place-items:center;font-family:var(--font-display);color:var(--c-cream);background:radial-gradient(circle at 38% 32%,#c9505f,#8f2b3a);border-radius:50%;box-shadow:var(--sh-sm);z-index:3}.letter-env__hint{position:absolute;left:50%;bottom:-32px;transform:translate(-50%);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;color:var(--c-cream-dim);white-space:nowrap;animation:hint-pulse 2s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.5}50%{opacity:1}}.paper{position:relative;width:min(92vw,540px);margin:var(--sp-6) auto;padding:clamp(1.6rem,6vw,3rem) clamp(1.4rem,6vw,3rem);color:var(--c-ink);background:linear-gradient(180deg,#f8f1e3,#f1e7d2);border-radius:var(--r-md);box-shadow:var(--sh-lg),inset 0 0 60px #c9b28640;transform-origin:top center}.paper__grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:var(--r-md);opacity:.5;background-image:radial-gradient(rgba(140,110,60,.08) 1px,transparent 1px);background-size:4px 4px}.paper__salutation{font-family:var(--font-display);font-size:var(--fs-xl);margin-bottom:var(--sp-4);color:#3a2c18}.paper__para--lead:first-letter{float:left;font-family:var(--font-display);font-weight:600;font-size:3.1rem;line-height:.82;padding:.1rem .6rem 0 0;color:#8f5a2b}.letter-scroll-cue{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0) + var(--sp-4));transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-cream-dim);pointer-events:none;animation:cue-bounce 1.8s ease-in-out infinite,cue-fade 6s ease forwards}@keyframes cue-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}@keyframes cue-fade{0%,60%{opacity:.8}to{opacity:0;visibility:hidden}}.paper__para{font-size:var(--fs-base);line-height:1.75;margin-bottom:var(--sp-3);color:#4a3a24}.paper__closing{font-family:var(--font-display);font-size:var(--fs-lg);margin-top:var(--sp-4);color:#3a2c18}.paper__signoff{margin-top:var(--sp-2);color:#4a3a24}.paper__from{font-family:var(--font-display);font-size:var(--fs-lg);margin-top:var(--sp-3);color:#8f5a2b}.paper__continue{margin-top:var(--sp-6)}.paper__salutation:after{content:"";display:block;width:60px;height:2px;margin-top:var(--sp-2);background:linear-gradient(90deg,var(--c-gold),transparent)}.final{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;padding:var(--sp-6) var(--sp-4) var(--sp-8);background:radial-gradient(100% 70% at 50% 20%,#141f3a 0%,var(--c-night-2) 55%,var(--c-night) 100%)}.final__vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(70% 60% at 50% 38%,transparent 40%,rgba(0,0,0,.5) 100%)}.final__globe-wrap{position:relative;z-index:2;margin-top:var(--sp-5);display:flex;flex-direction:column;align-items:center}.final__globe{position:relative;width:min(68vw,300px);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 60px #ffc66d59,inset 0 0 50px #7599d64d}.final__globe--float{animation:globe-float 7s ease-in-out infinite}@keyframes globe-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.final__world{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(100% 80% at 50% 20%,#1a2644,#0c1428)}.final__world .room-shell{position:absolute;left:50%;top:58%;width:150%;height:150%;transform:translate(-50%,-50%)}.final__worldimg{position:absolute;left:50%;top:50%;width:118%;height:118%;transform:translate(-50%,-50%);object-fit:cover}.final__globe-sparkles span{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--c-amber);box-shadow:var(--glow-amber);animation:globe-sparkle 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * .2s)}@keyframes globe-sparkle{0%{transform:translate(-50%,-50%) rotate(calc(var(--i) * 26deg)) translate(0) scale(0);opacity:0}40%{opacity:1}to{transform:translate(-50%,-50%) rotate(calc(var(--i) * 26deg)) translate(130px) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){.final__globe-sparkles{display:none}}.final__char{position:absolute;left:50%;top:60%;width:20%;transform:translate(-50%,-70%)}.final__glass{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(40% 30% at 32% 24%,rgba(255,255,255,.4),transparent 60%),radial-gradient(60% 50% at 70% 80%,rgba(117,153,214,.18),transparent 70%);box-shadow:inset 0 0 40px #ffffff26}.final__glow{position:absolute;top:-16%;right:-16%;bottom:-16%;left:-16%;border-radius:50%;background:radial-gradient(circle,rgba(255,198,109,.22),transparent 60%);pointer-events:none;animation:breathe 5s ease-in-out infinite}.final__base{width:46%;height:20px;margin-top:-6px;background:linear-gradient(180deg,#caa06a,#7a5a34);border-radius:0 0 40% 40%/0 0 100% 100%;box-shadow:var(--sh-md)}.final__text{position:relative;z-index:2;text-align:center;margin-top:var(--sp-7);width:min(92vw,560px)}.final__line{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--c-cream-dim);margin-bottom:var(--sp-3)}.final__hero{margin-top:var(--sp-5)}.final__title{font-size:var(--fs-4xl);color:var(--c-cream);letter-spacing:.01em;text-shadow:0 0 40px rgba(232,184,90,.4);line-height:1.05}.final__sub{margin-top:var(--sp-4);color:var(--c-cream-dim);font-size:var(--fs-base)}.final__decor{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);margin:var(--sp-5) 0;font-size:var(--fs-lg)}.final__star{color:var(--c-gold)}.final__replay{margin-top:var(--sp-2)}.final__sig{margin-top:var(--sp-5);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;color:var(--c-cream-dim);opacity:.7}:root{--c-midnight: #111827;--c-night: #090d18;--c-night-2: #0d1324;--c-gold: #e8b85a;--c-gold-soft: #f0cd86;--c-cream: #f7f0e5;--c-cream-dim: #e9ddc8;--c-blue: #7599d6;--c-blue-soft: #9db8e6;--c-amber: #ffc66d;--c-ink: #1b2234;--c-paper: #f6eeddff;--c-paper-shadow: #d9ccae;--glass: rgba(247, 240, 229, .06);--glass-strong: rgba(247, 240, 229, .1);--hairline: rgba(247, 240, 229, .14);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--font-script: "Dancing Script", "Great Vibes", cursive;--font-hand: "Caveat", "Comic Sans MS", cursive;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.6rem;--fs-2xl: 2.2rem;--fs-3xl: 3rem;--fs-4xl: clamp(2.6rem, 10vw, 5rem);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-xl: 32px;--r-pill: 999px;--sh-sm: 0 2px 8px rgba(0, 0, 0, .35);--sh-md: 0 10px 30px rgba(0, 0, 0, .45);--sh-lg: 0 24px 60px rgba(0, 0, 0, .55);--glow-gold: 0 0 24px rgba(232, 184, 90, .45);--glow-blue: 0 0 22px rgba(117, 153, 214, .5);--glow-amber: 0 0 30px rgba(255, 198, 109, .55);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--t-fast: .18s;--t-med: .42s;--t-slow: .9s;--z-scene: 1;--z-objects: 5;--z-ui: 20;--z-panel: 40;--z-overlay: 60}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--c-cream);background:var(--c-night);line-height:1.55;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}#root{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.01em}button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--c-gold);outline-offset:3px;border-radius:4px}.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}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(130% 90% at 50% -10%,#16203a 0%,var(--c-night-2) 45%,var(--c-night) 100%)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.85rem 1.6rem;min-height:48px;font-size:var(--fs-base);font-weight:500;letter-spacing:.01em;color:var(--c-night);background:linear-gradient(180deg,var(--c-gold-soft),var(--c-gold));border-radius:var(--r-pill);box-shadow:var(--sh-md),inset 0 1px #fff6;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),filter var(--t-fast) var(--ease-out)}.btn:hover{transform:translateY(-2px);box-shadow:var(--sh-lg),var(--glow-gold),inset 0 1px #fff6;filter:brightness(1.04)}.btn:active{transform:translateY(0)}.btn--ghost{color:var(--c-cream);background:var(--glass);border:1px solid var(--hairline);box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn--ghost:hover{background:var(--glass-strong);box-shadow:none;filter:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.scene{position:absolute;top:0;right:0;bottom:0;left:0}.app-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4)}.app-loader__mark{animation:loader-spin 3.4s linear infinite;filter:drop-shadow(0 0 16px rgba(232,184,90,.4))}@keyframes loader-spin{to{transform:rotate(360deg)}}.app-loader__text{font-family:var(--font-display);font-style:italic;color:var(--c-cream-dim);letter-spacing:.02em}@media(prefers-reduced-motion:reduce){.app-loader__mark{animation:none}}.topbar{position:fixed;top:calc(env(safe-area-inset-top,0) + var(--sp-4));right:var(--sp-4);z-index:var(--z-ui);display:flex;gap:var(--sp-2)}.iconbtn{width:42px;height:42px;display:grid;place-items:center;font-size:1.1rem;color:var(--c-cream);background:var(--glass);border:1px solid var(--hairline);border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background var(--t-fast),transform var(--t-fast)}.iconbtn:hover{background:var(--glass-strong);transform:translateY(-1px)}.finale-trigger{position:fixed;top:calc(env(safe-area-inset-top,0) + var(--sp-4));left:50%;transform:translate(-50%);z-index:var(--z-ui);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;color:var(--c-gold);background:#e8b85a1a;border:1px solid rgba(232,184,90,.4);border-radius:var(--r-pill);padding:.55rem 1.1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:breathe 3s ease-in-out infinite;transition:background var(--t-fast),transform var(--t-fast)}.finale-trigger:hover{background:#e8b85a2e;transform:translate(-50%) translateY(-1px)}@keyframes breathe{0%,to{opacity:.8}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.finale-trigger{animation:none}}