.px-btn{--btn-bg: var(--grass);--btn-bg-hover: var(--grass-bright);--btn-shadow: var(--grass-deep);--btn-ink: #fff;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:var(--px-border) solid oklch(.12 .02 290);background:var(--btn-bg);color:var(--btn-ink);font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:.01em;line-height:1;padding:.85em 1.4em;min-height:48px;box-shadow:0 var(--px-shadow) 0 0 var(--btn-shadow);transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.px-btn:hover{background:var(--btn-bg-hover)}.px-btn:active{transform:translateY(3px);box-shadow:0 1px 0 0 var(--btn-shadow)}.px-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.px-btn--lg{font-size:1.25rem;padding:1em 1.7em;min-height:58px}.px-btn--love{--btn-bg: var(--love);--btn-bg-hover: var(--love-bright);--btn-shadow: var(--love-deep)}.px-btn--gold{--btn-bg: var(--gold);--btn-bg-hover: oklch(.88 .13 88);--btn-shadow: var(--gold-deep);--btn-ink: oklch(.24 .06 75)}.px-btn--ghost{--btn-bg: transparent;--btn-bg-hover: oklch(1 0 0 / .08);--btn-shadow: oklch(.1 .02 290);--btn-ink: var(--ink);border-color:var(--border)}.px-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:2em;padding:.25em .5em;background:var(--surface-2);border:2px solid var(--border);box-shadow:0 3px #030308;font-family:var(--font-display);font-size:.95em;font-weight:700;color:var(--gold);line-height:1.1}.heart-row{display:flex;gap:.4rem;align-items:center}.heart-row .pixel-heart{font-size:1.15rem;--heart-color: oklch(.4 .05 320);transition:transform var(--dur-med) var(--ease-out)}.heart-row .pixel-heart.is-done{--heart-color: var(--love);animation:heart-pop var(--dur-med) var(--ease-out)}.px-toast{position:fixed;--toast-bottom: max(1.25rem, env(safe-area-inset-bottom));bottom:var(--toast-bottom);left:50%;translate:-50% 0;z-index:var(--z-toast);background:var(--surface-2);border:var(--px-border) solid var(--border);box-shadow:0 var(--px-shadow) 0 0 #020105;color:var(--ink);font-family:var(--font-display);font-size:1rem;padding:.8em 1.3em;animation:rise-in var(--dur-med) var(--ease-out);max-width:min(92vw,26rem);text-align:center}.px-toast--lifted{--toast-bottom: 11.5rem}.intro{position:fixed;inset:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to bottom,#201136,#562353 38%,#aa4d75 62%,#e28b63)}.intro__stars{position:absolute;inset:0 0 40%;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 34% 8%,#ffe9f0 50%,transparent 51%),radial-gradient(2px 2px at 56% 22%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 71% 12%,#ffd7e2 50%,transparent 51%),radial-gradient(2px 2px at 88% 26%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 44% 32%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 5% 38%,#ffe9f0 50%,transparent 51%),radial-gradient(2px 2px at 64% 40%,#fff 50%,transparent 51%);animation:star-twinkle 3.4s ease-in-out infinite alternate}.intro__stars--far{background-image:radial-gradient(1px 1px at 22% 14%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 48% 6%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 79% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 92% 8%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 15% 30%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 60% 30%,#fff 50%,transparent 51%);animation-delay:1.7s;opacity:.7}@keyframes star-twinkle{0%{opacity:.35}to{opacity:1}}.intro__sun{position:absolute;bottom:26%;left:12%;width:clamp(70px,9vw,120px);aspect-ratio:1;background:#ffdfb4;background:oklch(.92 .1 75);box-shadow:0 0 80px 30px #ffa56680;box-shadow:0 0 80px 30px oklch(.8 .14 55 / .5);clip-path:polygon(25% 0%,75% 0%,75% 12.5%,87.5% 12.5%,87.5% 25%,100% 25%,100% 75%,87.5% 75%,87.5% 87.5%,75% 87.5%,75% 100%,25% 100%,25% 87.5%,12.5% 87.5%,12.5% 75%,0% 75%,0% 25%,12.5% 25%,12.5% 12.5%,25% 12.5%)}.intro__hills{position:absolute;inset:auto 0 0;height:26%;background:#1c3c03;clip-path:polygon(0% 42%,6% 42%,6% 28%,14% 28%,14% 48%,24% 48%,24% 20%,32% 20%,32% 38%,44% 38%,44% 55%,55% 55%,55% 30%,64% 30%,64% 14%,72% 14%,72% 36%,82% 36%,82% 50%,90% 50%,90% 26%,100% 26%,100% 100%,0% 100%)}.intro__hills--back{height:34%;background:#55335dd9;clip-path:polygon(0% 55%,9% 55%,9% 34%,20% 34%,20% 52%,30% 52%,30% 22%,42% 22%,42% 44%,52% 44%,52% 60%,63% 60%,63% 28%,74% 28%,74% 46%,86% 46%,86% 30%,100% 30%,100% 100%,0% 100%)}.intro__hearts{position:absolute;inset:0;pointer-events:none}.intro__heart{position:absolute;bottom:-3vh;--heart-color: oklch(.72 .16 10 / .75);animation:heart-rise linear infinite}@keyframes heart-rise{0%{transform:translateY(0) scale(1);opacity:0}12%{opacity:1}to{transform:translateY(-108vh) scale(1.25);opacity:0}}.intro__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:1.5rem;max-width:46rem;animation:rise-in var(--dur-slow) var(--ease-out)}.intro__crest{font-size:3.4rem;filter:drop-shadow(0 5px 0 oklch(.3 .12 15));animation:float-y 3s ease-in-out infinite}.intro__title{font-size:var(--text-hero);color:#fff;text-shadow:0 4px 0 oklch(.34 .1 330),0 10px 34px oklch(.2 .08 320 / .6)}.intro__name{color:#ffe1a2;color:oklch(.92 .09 85)}.intro__subtitle{font-family:var(--font-display);font-size:var(--text-xl);color:#fff0f9;text-shadow:0 3px 0 oklch(.35 .1 330 / .8)}.intro__hint{font-size:var(--text-base);color:#fdf1f8;text-shadow:0 2px 6px oklch(.25 .08 320 / .8);max-width:34rem}.intro__route{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;justify-content:center;font-family:var(--font-display);font-size:var(--text-sm);color:#fff;text-shadow:0 2px 0 oklch(.35 .1 330 / .8)}.intro__route-step{display:inline-flex;align-items:center;gap:.4rem;background:#1e0c2a8c;border:2px solid oklch(.55 .08 330 / .6);padding:.35em .8em}.intro__route-step .pixel-heart{font-size:.85rem;--heart-color: var(--love-bright)}.intro__route-arrow{color:#ffe1a2;color:oklch(.92 .09 85)}.intro__actions .px-btn--love{animation:start-breathe 2.6s ease-in-out infinite}@keyframes start-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.intro__actions .px-btn--love:active{animation:none}@media(prefers-reduced-motion:reduce){.intro__actions .px-btn--love{animation:none}}.intro__progress{font-family:var(--font-display);font-size:var(--text-sm);color:#2d1b00;color:oklch(.24 .06 75);background:var(--gold);border:2px solid oklch(.4 .08 75);padding:.3em .9em}.intro__actions{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center;margin-top:.75rem}.intro__howto{padding:clamp(1.5rem,4vw,2.5rem);display:flex;flex-direction:column;gap:1.25rem;text-align:left;width:min(30rem,92vw)}.intro__howto-title{font-size:var(--text-xl);color:var(--gold);text-align:center}.intro__howto-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}.intro__howto-list li{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:var(--text-base);color:var(--ink)}.intro__howto-icon{font-size:1.3rem;min-width:2rem;text-align:center}.intro__footer{position:absolute;bottom:max(.9rem,env(safe-area-inset-bottom));z-index:1;font-family:var(--font-display);font-size:var(--text-xs);color:#fdf6fbe6;text-shadow:0 2px 4px oklch(.2 .08 135)}@media(prefers-reduced-motion:reduce){.intro__heart{display:none}}.minv{--par-x: 0;--par-y: 0;position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;background:linear-gradient(to bottom,#1b0e2d,#501e4d 42%,#a0446d 68%,#d57f57)}.minv__stars{position:fixed;inset:0 0 45%;background-image:radial-gradient(1.5px 1.5px at 15% 15%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 40% 8%,#ffe9f0 50%,transparent 51%),radial-gradient(2px 2px at 62% 20%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 80% 10%,#ffd7e2 50%,transparent 51%),radial-gradient(1.5px 1.5px at 28% 28%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 90% 30%,#fff 50%,transparent 51%);animation:star-twinkle 3.2s ease-in-out infinite alternate;pointer-events:none;transform:translate(calc(var(--par-x) * -6px),calc(var(--par-y) * -4px))}@keyframes star-twinkle{0%{opacity:.4}to{opacity:1}}.minv__layer{position:fixed;inset:auto 0 0;pointer-events:none}.minv__layer--far{height:30%;background:#4f2e57d9;clip-path:polygon(0% 50%,10% 50%,10% 30%,22% 30%,22% 48%,34% 48%,34% 20%,48% 20%,48% 42%,60% 42%,60% 56%,72% 56%,72% 26%,86% 26%,86% 44%,100% 44%,100% 100%,0% 100%);transform:translate(calc(var(--par-x) * 8px),calc(var(--par-y) * 4px))}.minv__layer--near{height:22%;background:#1a3a00;clip-path:polygon(0% 40%,8% 40%,8% 24%,18% 24%,18% 46%,30% 46%,30% 16%,42% 16%,42% 38%,56% 38%,56% 54%,68% 54%,68% 28%,80% 28%,80% 48%,92% 48%,92% 34%,100% 34%,100% 100%,0% 100%);transform:translate(calc(var(--par-x) * 16px),calc(var(--par-y) * 8px))}.minv__hearts{position:fixed;inset:0;pointer-events:none}.minv__heart{position:absolute;bottom:-3vh;--heart-color: oklch(.72 .16 10 / .7);animation:heart-rise linear infinite}.minv__content{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:max(2rem,env(safe-area-inset-top)) 1.25rem max(2.5rem,env(safe-area-inset-bottom));text-align:center}.minv__title{font-size:var(--text-2xl);color:#fff;text-shadow:0 4px 0 oklch(.34 .1 330)}.minv__name{color:#ffe1a2;color:oklch(.92 .09 85)}.minv-chest{position:relative;width:132px;height:116px;background:none;border:none;padding:0;perspective:420px;-webkit-tap-highlight-color:transparent;animation:float-y 3.2s ease-in-out infinite}.minv-chest:disabled{animation:none;margin-top:3.25rem}.minv-chest__glow{position:absolute;inset:-26px;background:radial-gradient(circle,oklch(.85 .12 85 / .5),transparent 65%);animation:star-twinkle 2.2s ease-in-out infinite alternate}.minv-chest__lid{position:absolute;top:0;left:0;right:0;height:44px;background:#855831;border:4px solid oklch(.3 .06 55);transform-origin:top center;transition:transform .7s var(--ease-out);display:block}.minv-chest.is-open .minv-chest__lid{transform:rotateX(118deg)}.minv-chest__base{position:absolute;inset:44px 0 0;background:#714725;border:4px solid oklch(.3 .06 55);border-top:none;display:block}.minv-chest__band{position:absolute;top:0;bottom:0;left:50%;width:18px;translate:-50% 0;background:var(--gold);border-inline:3px solid oklch(.55 .1 80)}.minv-chest__lock{position:absolute;top:-8px;left:50%;translate:-50% 0;width:26px;height:24px;background:var(--gold);border:3px solid oklch(.45 .09 78);z-index:1}.minv-chest__burst{position:absolute;inset:-40px 0 auto;height:60px;pointer-events:none}.chest-heart{position:absolute;bottom:0;font-size:1.1rem;--heart-color: var(--love-bright);animation:burst-up 1.1s var(--ease-out) forwards;opacity:0}.chest-confetti{position:absolute;bottom:0;left:50%;width:.5rem;height:.5rem;opacity:0;animation:chest-confetti-fly 1.3s var(--ease-out) forwards}.chest-confetti--0{background:var(--love)}.chest-confetti--1{background:var(--gold)}.chest-confetti--2{background:var(--grass-bright)}.chest-confetti--3{background:#fff}.chest-confetti--4{background:#91c3f6}@keyframes chest-confetti-fly{0%{transform:translate(0) rotate(0) scale(1);opacity:0}15%{opacity:1}to{transform:translate(var(--cx),-9rem) rotate(var(--cr)) scale(.6);opacity:0}}.minv__sound{position:fixed;top:max(.9rem,env(safe-area-inset-top));right:max(.9rem,env(safe-area-inset-right));z-index:var(--z-hud)}.minv__card--invite{animation:rise-in var(--dur-med) var(--ease-out)}.minv__mystery{font-family:var(--font-display);font-size:var(--text-base);color:#fde7f5e6;text-shadow:0 2px 0 oklch(.3 .09 330 / .9);animation:fade-in 1.2s var(--ease-out)}.minv__msg--lead{font-family:var(--font-display);font-size:var(--text-lg);color:var(--love-bright)}.minv-chest.is-open .minv-chest__glow{animation:chest-glow-pop 1.2s var(--ease-out)}@keyframes chest-glow-pop{0%{transform:scale(.7);opacity:.4}35%{transform:scale(1.7);opacity:1}to{transform:scale(1);opacity:.7}}.minv__tap-hint{font-family:var(--font-display);font-size:var(--text-lg);color:#fff;text-shadow:0 3px 0 oklch(.34 .1 330 / .9);line-height:1.5}.minv__tap-cta{display:inline-block;margin-top:.5rem;font-size:var(--text-base);color:#ffe1a2;color:oklch(.92 .09 85);animation:float-y 1.8s ease-in-out infinite}.minv__card{width:min(26rem,100%);padding:1.5rem 1.4rem;display:flex;flex-direction:column;gap:.9rem;animation:rise-in var(--dur-slow) var(--ease-out);text-align:center}.minv__msg{font-size:var(--text-base);line-height:1.6;color:var(--ink)}.minv__msg strong{color:var(--gold)}.minv__actions{display:flex;flex-direction:column;gap:.7rem;margin-top:.4rem}.minv__actions .px-btn{width:100%}.minv-preview{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;justify-content:flex-end}.minv-preview__backdrop{position:absolute;inset:0;background:#03030899;border:none;animation:fade-in var(--dur-fast) var(--ease-out)}.minv-preview__sheet{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.1rem;padding:1.5rem 1.25rem max(1.5rem,env(safe-area-inset-bottom));animation:sheet-up var(--dur-med) var(--ease-out);max-height:82svh;overflow-y:auto}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.minv-preview__title{font-size:var(--text-lg);color:var(--gold)}.minv-preview__marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.minv-preview__track{display:flex;gap:.9rem;width:max-content;animation:marquee 28s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.minv-preview__frame{margin:0;padding:.4rem;background:var(--wood);border:3px solid oklch(.3 .05 60);box-shadow:0 4px #281606;flex:none}.minv-preview__frame img{width:108px;height:132px;object-fit:cover}.minv-preview__tease{display:flex;align-items:center;gap:1rem;text-align:left;font-size:var(--text-sm);color:var(--ink);max-width:24rem}.minv-preview__tease em{color:var(--muted)}.minv-preview__tnt{position:relative;flex:none;width:52px;height:52px;background:#e14660;border:3px solid oklch(.4 .16 15);animation:tnt-hop 1.6s var(--ease-out) infinite}.minv-preview__tnt-band{position:absolute;inset:0 auto 0 50%;width:12px;translate:-50% 0;background:var(--gold)}@keyframes tnt-hop{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-7px) scale(1.04)}50%{transform:translateY(0) scale(.98)}}@media(prefers-reduced-motion:reduce){.minv__heart{display:none}.minv-preview__track{animation:none;overflow-x:auto}}.hud-progress{position:fixed;top:max(1rem,env(safe-area-inset-top));left:max(1rem,env(safe-area-inset-left));z-index:var(--z-hud);display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem}.hud-progress__label{font-family:var(--font-display);font-size:.95rem;color:var(--gold)}.hud-progress__count{font-family:var(--font-display);font-size:1rem;color:var(--ink);min-width:2.4ch;text-align:right}.hud-lighter{font-size:1.1rem;line-height:1;padding-left:.25rem;border-left:2px solid var(--border);animation:heart-pop var(--dur-med) var(--ease-out)}.hud-objective{position:fixed;top:max(1rem,env(safe-area-inset-top));left:50%;translate:-50% 0;z-index:var(--z-hud);display:flex;align-items:center;gap:.5rem;max-width:min(92vw,34rem);padding:.55rem 1.1rem;background:#0d0a1bd1;border:2px solid var(--border);font-family:var(--font-display);font-size:.98rem;color:var(--ink);text-align:center;animation:rise-in var(--dur-med) var(--ease-out),objective-settle 1.2s var(--ease-out) 7s forwards}@keyframes objective-settle{to{opacity:.68;transform:scale(.96)}}.hud-objective__pin{animation:float-y 2.2s ease-in-out infinite}@media(max-width:1320px){.hud-objective{top:calc(max(1rem,env(safe-area-inset-top)) + 3.9rem)}}.hud-flash{position:fixed;inset:0;z-index:var(--z-countdown);background:#fff8e9;background:oklch(.98 .04 85);pointer-events:none;animation:flash-out .7s var(--ease-out) forwards}.hud-portalfx{position:fixed;inset:0;z-index:var(--z-countdown);pointer-events:none;background:radial-gradient(ellipse at center,oklch(.85 .12 350 / .55),oklch(.6 .2 330 / .25) 55%,transparent 80%);animation:portalfx-out 1.1s var(--ease-out) forwards;overflow:hidden}.hud-portalfx__ring{position:absolute;top:50%;left:50%;width:12vmin;height:12vmin;translate:-50% -50%;border:4px solid oklch(.92 .08 350 / .8);border-radius:50%;animation:portalfx-ring .9s var(--ease-out) forwards}@keyframes portalfx-ring{0%{scale:.2;opacity:1}to{scale:10;opacity:0}}.hud-portalfx__heart{position:absolute;bottom:20%;font-size:2rem;--heart-color: oklch(.9 .09 350 / .9);animation:burst-up 1s var(--ease-out) forwards;opacity:0}@keyframes portalfx-out{0%{opacity:0}22%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.hud-portalfx{animation-duration:.4s!important}.hud-portalfx__heart{display:none}}@keyframes flash-out{0%{opacity:.95}to{opacity:0}}.hud-actions{position:fixed;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));z-index:var(--z-hud);display:flex;gap:.5rem}.hud-icon-btn{width:48px;height:48px;display:grid;place-items:center;font-size:1.25rem;line-height:1;background:var(--surface);border:var(--px-border) solid var(--border);box-shadow:0 var(--px-shadow) 0 0 #020105;color:var(--ink);transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.hud-icon-btn:hover{background:var(--surface-2)}.hud-icon-btn:active{transform:translateY(3px);box-shadow:0 1px #020105}@media(max-width:720px){.hud-progress{gap:.5rem;padding:.5rem .65rem;max-width:calc(100vw - 12.5rem)}.hud-progress__label{display:none}.hud-progress .heart-row{gap:.22rem}.hud-progress .heart-row .pixel-heart{font-size:.85rem}.hud-icon-btn{width:44px;height:44px}}.hud-prompt{position:fixed;bottom:4.5rem;left:50%;translate:-50% 0;z-index:var(--z-prompt);display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.8rem 1.4rem;text-align:center;animation:rise-in var(--dur-med) var(--ease-out);max-width:min(92vw,34rem)}.hud-prompt__title{font-family:var(--font-display);font-size:1.05rem;color:var(--gold)}.hud-prompt__title--locked{color:var(--muted)}.hud-prompt__title--done{color:var(--grass-bright)}.hud-prompt__action{font-size:var(--text-sm);color:var(--ink)}.hud-crosshair{position:fixed;top:50%;left:50%;translate:-50% -50%;z-index:var(--z-hud);width:6px;height:6px;background:#ffffffe6;outline:2px solid oklch(.2 .03 290 / .6);pointer-events:none}.hud-esc{position:fixed;bottom:max(1rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left));z-index:var(--z-hud);font-size:var(--text-xs);color:var(--ink);opacity:.75;pointer-events:none}.hud-countdown{position:fixed;inset:0;z-index:var(--z-countdown);display:grid;place-items:center;pointer-events:none}.hud-countdown__num{font-family:var(--font-body);font-size:clamp(6rem,22vw,13rem);font-weight:900;color:var(--gold);text-shadow:0 6px 0 oklch(.3 .08 60),0 0 60px oklch(.7 .15 30 / .55);animation:countdown-punch 1s var(--ease-out)}@keyframes countdown-punch{0%{transform:scale(1.7);opacity:0}25%{transform:scale(1);opacity:1}85%{opacity:1}to{transform:scale(.92);opacity:0}}.hud-lock-overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;background:#0604109e;border:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--dur-med) var(--ease-out);cursor:pointer}.hud-lock-overlay__heart{font-size:3rem;animation:float-y 2.6s ease-in-out infinite}.hud-lock-overlay__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--ink)}.hud-lock-overlay__hint{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center;font-size:var(--text-sm);color:var(--muted)}.hud-lock-overlay--quiet{background:#06041059;-webkit-backdrop-filter:none;backdrop-filter:none}.hud-lock-overlay__title--sm{font-size:var(--text-lg);text-shadow:0 2px 8px oklch(.1 .02 290 / .9)}.hud-confirm-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;background:#030308a6;animation:fade-in var(--dur-fast) var(--ease-out);padding:1rem}.hud-confirm{padding:1.5rem 1.75rem;max-width:24rem;animation:rise-in var(--dur-med) var(--ease-out)}.hud-confirm__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink);margin-bottom:.4rem}.hud-confirm__text{color:var(--muted);font-size:var(--text-sm);margin-bottom:1.1rem}.hud-confirm__actions{display:flex;gap:.75rem;flex-wrap:wrap}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:clamp(.75rem,3vw,2rem);background:#03020ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--dur-med) var(--ease-out);overflow-y:auto}.modal-backdrop--gold{background:#0c020fcc}.memory-modal:focus,.final-modal:focus{outline:none}.memory-modal{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:0;width:min(58rem,100%);max-height:min(88svh,46rem);animation:rise-in var(--dur-med) var(--ease-out);overflow:hidden}.memory-modal.is-closing{animation:modal-save var(--dur-slow) var(--ease-out) forwards}@keyframes modal-save{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-18px) scale(.96);opacity:0}}.memory-modal__photo-wrap{position:relative;background:var(--wood);border-right:var(--px-border) solid var(--border);padding:clamp(.75rem,2vw,1.25rem);display:grid;place-items:center;min-height:0}.memory-modal__photo{width:100%;height:100%;max-height:100%;object-fit:cover;object-position:center 28%;border:var(--px-border) solid oklch(.3 .05 60);box-shadow:0 4px #301d0d;background:#37273a}.memory-modal__photo-fallback{width:100%;height:100%;min-height:16rem;display:grid;place-items:center;background:#7e2e39;border:var(--px-border) solid oklch(.3 .05 60)}.memory-modal__photo-fallback .pixel-heart{font-size:4rem;--heart-color: oklch(.85 .09 15);animation:float-y 2.4s ease-in-out infinite}.memory-modal__pin{position:absolute;top:-.55rem;left:50%;translate:-50% 0;font-size:1.6rem;filter:drop-shadow(0 3px 0 oklch(.2 .05 15))}.memory-modal__content{padding:clamp(1.25rem,3vw,2.25rem);display:flex;flex-direction:column;gap:.9rem;overflow-y:auto;min-height:0}.memory-modal__badge{align-self:flex-start;font-family:var(--font-display);font-size:.9rem;color:#2d1b00;color:oklch(.24 .06 75);background:var(--gold);border:2px solid oklch(.4 .08 75);padding:.25em .7em}.memory-modal__title{font-size:var(--text-xl);color:var(--love-bright)}.memory-modal__text{font-size:1.15rem;line-height:1.65;color:var(--ink);max-width:62ch}.memory-modal__actions{margin-top:auto;padding-top:.75rem;display:flex;gap:.75rem;flex-wrap:wrap}.memory-modal__burst{position:absolute;inset:0;pointer-events:none;overflow:hidden}.burst-heart{position:absolute;bottom:18%;animation:burst-up .9s var(--ease-out) forwards;opacity:0}@keyframes burst-up{0%{transform:translateY(0) scale(.4);opacity:0}25%{opacity:1}to{transform:translateY(-13rem) scale(1.15);opacity:0}}@media(max-width:760px){.memory-modal{grid-template-columns:1fr;max-height:92svh;overflow-y:auto}.memory-modal__photo-wrap{border-right:none;border-bottom:var(--px-border) solid var(--border)}.memory-modal__photo{max-height:38svh}}.final-modal{position:relative;width:min(34rem,100%);padding:clamp(1.75rem,4vw,3rem);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.9rem;border-color:var(--gold-deep);animation:rise-in var(--dur-slow) var(--ease-out)}.final-modal__ribbon{font-size:3.2rem;line-height:1;animation:float-y 2.8s ease-in-out infinite}.final-modal__ribbon--heart{font-size:3.2rem;--heart-color: var(--love)}.final-modal__kicker{font-size:var(--text-lg);color:var(--gold);text-transform:uppercase;letter-spacing:.04em}.final-modal__value{font-family:var(--font-body);font-size:clamp(3rem,10vw,4.5rem);font-weight:800;color:var(--ink);line-height:1;text-shadow:0 5px 0 var(--gold-deep)}.final-modal__note{font-size:var(--text-lg);color:var(--gold);font-weight:700}.final-modal__text{color:var(--ink);font-size:var(--text-base);line-height:1.6}.final-modal__text--big{font-size:var(--text-lg)}.final-modal__message-title{font-size:var(--text-2xl);color:var(--love-bright)}.final-modal__actions{margin-top:.75rem;display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.final-confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-3vh;width:.6rem;height:.6rem;animation:confetti-fall linear infinite}.confetti-piece--0{background:var(--love)}.confetti-piece--1{background:var(--gold)}.confetti-piece--2{background:var(--grass-bright)}.confetti-piece--3{background:#91c3f6}.confetti-piece--4{background:var(--love-bright);clip-path:polygon(14.28% 0%,42.85% 0%,42.85% 16.6%,57.14% 16.6%,57.14% 0%,85.71% 0%,85.71% 16.6%,100% 16.6%,100% 50%,85.71% 50%,85.71% 66.6%,71.42% 66.6%,71.42% 83.3%,57.14% 83.3%,57.14% 100%,42.85% 100%,42.85% 83.3%,28.57% 83.3%,28.57% 66.6%,14.28% 66.6%,14.28% 50%,0% 50%,0% 16.6%,14.28% 16.6%);width:.9rem;height:.8rem}.confetti-piece--5{background:#fff}@keyframes confetti-fall{0%{transform:translateY(-4vh) rotate(0);opacity:1}to{transform:translateY(106vh) rotate(540deg);opacity:.7}}@media(prefers-reduced-motion:reduce){.confetti-piece{display:none}}.book-modal{display:flex;flex-direction:column;width:min(52rem,100%);max-height:min(90svh,52rem);border-color:var(--gold-deep);animation:rise-in var(--dur-med) var(--ease-out)}.book-modal:focus{outline:none}.book-modal__header{text-align:center;padding:clamp(1.25rem,3vw,1.75rem) clamp(1.25rem,3vw,2rem) 1rem;border-bottom:var(--px-border) solid var(--border)}.book-modal__icon{font-size:2rem;display:inline-block;animation:float-y 2.6s ease-in-out infinite}.book-modal__title{font-size:var(--text-xl);color:var(--gold);margin-top:.25rem}.book-modal__sub{color:var(--muted);font-size:var(--text-sm);margin-top:.35rem}.book-modal__divider{display:flex;justify-content:center;gap:.6rem;margin-top:.8rem}.book-modal__divider .pixel-heart{font-size:.7rem;--heart-color: var(--love);opacity:.8}.book-modal__divider .pixel-heart:nth-child(2){font-size:.95rem;--heart-color: var(--gold)}.book-modal__scroll{flex:1;min-height:0;overflow-y:auto;padding:clamp(1.25rem,3vw,2rem);display:flex;flex-direction:column;gap:clamp(1.5rem,3.5vw,2.25rem)}.book-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.9rem}.book-gallery__item{margin:0;background:var(--wood);border:3px solid oklch(.3 .05 60);box-shadow:0 4px #281606;padding:.4rem .4rem .5rem;animation:rise-in var(--dur-slow) var(--ease-out) both;transition:transform var(--dur-fast) var(--ease-out)}.book-gallery__item:nth-child(odd){rotate:-1.1deg}.book-gallery__item:nth-child(2n){rotate:1.1deg}.book-gallery__item:nth-child(3n){rotate:-.4deg}.book-gallery__item:hover{transform:scale(1.04);rotate:0deg;z-index:1;position:relative}.book-gallery__item img{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center 30%;background:#37273a}.book-gallery__fallback{width:100%;aspect-ratio:4 / 5;display:grid;place-items:center;background:#7e2e39}.book-gallery__fallback .pixel-heart{font-size:2.5rem;--heart-color: oklch(.85 .09 15)}.book-gallery__item figcaption{font-family:var(--font-display);font-size:.85rem;color:#f2e5db;padding-top:.4rem;text-align:center}.book-gallery__num{display:inline-grid;place-items:center;min-width:1.4em;background:var(--gold);color:#2d1b00;color:oklch(.24 .06 75);padding:.05em .25em;margin-right:.15em}.book-message{position:relative;background:#1f0f23;border:2px solid var(--border);outline:1px solid oklch(.55 .1 80 / .35);outline-offset:-7px;padding:clamp(1.75rem,4vw,2.5rem);text-align:center}.book-message__stamp{font-size:2rem;display:inline-block;animation:float-y 3s ease-in-out infinite}.book-message__title{font-size:var(--text-lg);color:var(--love-bright);margin-top:.4rem}.book-message__from{font-family:var(--font-display);font-size:var(--text-sm);color:var(--gold);margin-bottom:1.25rem}.book-message__text{font-size:1.14rem;line-height:1.8;color:var(--ink);max-width:58ch;margin-inline:auto;white-space:pre-line;text-align:left}.book-message__sign{display:flex;justify-content:center;margin-top:1.5rem}.book-message__sign .pixel-heart{font-size:1.3rem;--heart-color: var(--love);animation:heart-pop var(--dur-slow) var(--ease-out)}.book-modal__footer{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;padding:1rem clamp(1.25rem,3vw,2rem) clamp(1.25rem,3vw,1.75rem);border-top:var(--px-border) solid var(--border)}.fb2d{position:fixed;inset:0;overflow-y:auto;background:radial-gradient(80vw 40vh at 70% -8%,oklch(.3 .08 330 / .6),transparent),var(--bg);padding:clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,2.5rem) max(3rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,2.5rem);align-items:center}.fb2d__header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:40rem}.fb2d__title{font-size:var(--text-2xl);color:var(--ink)}.fb2d__name{color:var(--gold)}.fb2d__sub{color:var(--muted);font-size:var(--text-base)}.fb2d__toolbar{display:flex;align-items:center;gap:.75rem}.fb2d__progress{font-family:var(--font-display);color:var(--gold);font-size:var(--text-base)}.fb2d__objective{font-family:var(--font-display);color:var(--ink);font-size:var(--text-base);background:var(--surface-2);border:2px solid var(--border);padding:.4em 1em}.fb2d__steps{display:flex;flex-direction:column;align-items:center;gap:1rem}.fb2d-card.is-next{border-color:var(--love);box-shadow:0 var(--px-shadow) 0 0 #020105,0 0 22px #f65b7259}.fb2d__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;width:min(52rem,100%)}.fb2d-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .75rem 1rem;background:var(--surface);border:var(--px-border) solid var(--border);box-shadow:0 var(--px-shadow) 0 0 #020105;color:var(--ink);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.fb2d-card:hover{background:var(--surface-2)}.fb2d-card:active{transform:translateY(3px);box-shadow:0 1px #020105}.fb2d-card.is-done{border-color:var(--gold-deep)}.fb2d-card__num{position:absolute;top:.5rem;left:.6rem;font-family:var(--font-display);color:var(--muted);font-size:.9rem}.fb2d-card__heart{font-size:2rem;--heart-color: oklch(.4 .05 320)}.fb2d-card__heart.is-done{--heart-color: var(--love)}.fb2d-card__title{font-family:var(--font-display);font-size:1rem;color:var(--ink)}.fb2d-card__state{font-size:var(--text-xs);color:var(--muted)}.fb2d__final{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-bottom:2rem}.fb2d__final-hint{font-family:var(--font-display);color:var(--muted);font-size:var(--text-base);text-align:center}.fb2d__tnt-area{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative}.fb2d__tnt{position:relative;width:96px;height:96px;background:#e14660;border:4px solid oklch(.4 .16 15)}.fb2d__tnt.is-armed{animation:tnt-shake .35s linear infinite}@keyframes tnt-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px) rotate(-2deg)}75%{transform:translate(3px) rotate(2deg)}}.fb2d__tnt-band{position:absolute;inset:0 auto 0 50%;width:20px;translate:-50% 0;background:var(--gold)}.fb2d__tnt-bow{position:absolute;top:-1.2rem;left:50%;translate:-50% 0;font-size:1.6rem}.fb2d__count{font-family:var(--font-display);font-size:4rem;color:var(--gold);animation:countdown-punch 1s var(--ease-out)}@media(prefers-reduced-motion:reduce){.fb2d__tnt.is-armed{animation:none;outline:3px solid var(--gold)}}.game-root{position:fixed;inset:0;overflow:hidden;background:var(--bg)}.game-loading{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--bg)}.game-loading__heart{font-size:3rem;--heart-color: var(--love);animation:loading-beat 1s ease-in-out infinite}@keyframes loading-beat{0%,to{transform:scale(1)}30%{transform:scale(1.18)}60%{transform:scale(.95)}}.game-loading__text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink)}:root{--grass: oklch(.55 .14 130);--grass-bright: oklch(.7 .17 132);--grass-deep: oklch(.42 .11 132);--bg: oklch(.16 .035 290);--surface: oklch(.21 .04 290);--surface-2: oklch(.27 .045 292);--border: oklch(.38 .05 295);--ink: oklch(.965 .01 320);--muted: oklch(.78 .035 300);--love: oklch(.68 .19 15);--love-bright: oklch(.76 .17 12);--love-deep: oklch(.56 .21 20);--gold: oklch(.82 .13 85);--gold-deep: oklch(.68 .13 80);--wood: oklch(.45 .07 60);--wood-light: oklch(.58 .08 65);--sky-glow: oklch(.72 .11 320);--font-display: "Pixelify Sans", "Segoe UI", system-ui, sans-serif;--font-body: "Nunito", "Segoe UI", system-ui, sans-serif;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1.0625rem;--text-lg: clamp(1.2rem, 1.05rem + .7vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.4vw, 2.1rem);--text-2xl: clamp(2rem, 1.5rem + 2.6vw, 3.4rem);--text-hero: clamp(2.2rem, 1.6rem + 3.4vw, 4.2rem);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4.5rem;--px-border: 3px;--px-shadow: .25rem;--radius: 0;--ease-out: cubic-bezier(.19, 1, .22, 1);--dur-fast: .14s;--dur-med: .32s;--dur-slow: .64s;--z-hud: 10;--z-prompt: 20;--z-overlay: 30;--z-modal: 40;--z-countdown: 50;--z-toast: 60}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{overflow:hidden}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;font-variant-ligatures:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.15;margin:0;text-wrap:balance}p{margin:0;text-wrap:pretty}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}::selection{background:var(--love);color:#fff}.pixel-heart{--heart-color: var(--love);width:1em;height:.875em;display:inline-block;flex:none;background:var(--heart-color);clip-path:polygon(14.28% 0%,42.85% 0%,42.85% 16.6%,57.14% 16.6%,57.14% 0%,85.71% 0%,85.71% 16.6%,100% 16.6%,100% 50%,85.71% 50%,85.71% 66.6%,71.42% 66.6%,71.42% 83.3%,57.14% 83.3%,57.14% 100%,42.85% 100%,42.85% 83.3%,28.57% 83.3%,28.57% 66.6%,14.28% 66.6%,14.28% 50%,0% 50%,0% 16.6%,14.28% 16.6%)}.pixel-panel{background:var(--surface);border:var(--px-border) solid var(--border);box-shadow:0 var(--px-shadow) 0 0 #020105,inset 0 2px #ffffff0d}.soft-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-.5em)}}@keyframes heart-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}