:root{--paper: #f5eee1;--paper-deep: #ebe1cd;--paper-white: #fdfaf3;--kraft: #b08760;--env: #f8f2e7;--env-in: #d6c6a8;--env-flap: #eee4d1;--ink: #1d2742;--ink-soft: #5d6580;--ink-faint: rgba(29, 39, 66, .2);--pen: #2a3f9e;--red: #c23b2a;--blue: #2b4f92;--green: #3d6b52;--mustard: #cf962a;--rose: #c46479;--teal: #2a7a80;--batik: #8a4b2a;--f-type: "Courier Prime", "Courier New", monospace;--f-hand: "Nanum Pen Script", "Bradley Hand", cursive;--airmail: repeating-linear-gradient( 135deg, var(--red) 0 14px, transparent 14px 22px, var(--blue) 22px 36px, transparent 36px 44px );--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .12 0 0 0 .6 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--ease-out: cubic-bezier(.2, .8, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;color:var(--ink);font-family:var(--f-type);background-color:var(--kraft);background-image:var(--grain),radial-gradient(ellipse at 50% 0%,rgba(255,240,210,.25),transparent 70%),radial-gradient(ellipse at 50% 110%,rgba(40,20,0,.3),transparent 60%);background-attachment:fixed;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;color:inherit}p{margin:0 0 .9em}.screen{min-height:100dvh}.display{font-family:var(--f-hand);font-weight:400;font-size:clamp(3.2rem,16vw,4rem);line-height:.85;margin:0 0 .3em}.display em{font-style:normal;color:var(--red)}.eyebrow{display:block;font-family:var(--f-type);font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin:0}.type{font-family:var(--f-type);font-size:1rem;line-height:1.55}.type.small{font-size:.8rem;line-height:1.4;color:var(--ink-soft)}.hand{font-family:var(--f-hand);font-size:1.75rem;line-height:1.05;color:var(--pen)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:50px;padding:14px 22px;border:0;border-radius:2px;font-family:var(--f-type);font-weight:700;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--paper);background:var(--ink);box-shadow:4px 4px 0 var(--red);cursor:pointer;transition:transform .1s,box-shadow .1s}.btn:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--red)}.btn:disabled{color:var(--ink-soft);background:transparent;box-shadow:none;outline:1.5px dashed var(--ink-faint);outline-offset:-1.5px;cursor:not-allowed}.btn:focus-visible,.link:focus-visible,.route-stop-btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.link{background:none;border:0;padding:8px 0;font-family:var(--f-type);font-size:.85rem;color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:1.5px;text-underline-offset:5px;cursor:pointer}.actions{display:flex;justify-content:center;margin-top:32px}.sheet{position:relative;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;background-color:var(--paper)}@media(min-width:560px){.sheet{margin:40px auto;min-height:calc(100dvh - 80px);box-shadow:0 1px 1px #3c230a26,0 30px 60px -25px #32190599}}.sheet-body{padding:28px 20px 56px}.airmail-band{height:10px;background:var(--airmail)}.stamp-wrap{position:relative;flex:none;width:var(--stamp-w);filter:drop-shadow(0 1px 1.5px rgba(60,40,20,.35))}.stamp{--s: calc(var(--stamp-w) / 9);--r: calc(var(--s) * .3);aspect-ratio:4 / 5;padding:calc(var(--s) * .55);background:var(--paper-white);-webkit-mask:linear-gradient(#000 0 0) content-box,radial-gradient(var(--r),#0000 98%,#000) calc(var(--s) / -2) calc(var(--s) / -2) / var(--s) var(--s) round;mask:linear-gradient(#000 0 0) content-box,radial-gradient(var(--r),#0000 98%,#000) calc(var(--s) / -2) calc(var(--s) / -2) / var(--s) var(--s) round}.stamp-inner{position:relative;display:grid;place-items:center;height:100%;color:var(--paper-white);background-color:var(--stamp-c);outline:1px solid rgba(253,250,243,.65);outline-offset:calc(var(--stamp-w) * -.055);transition:background-color .4s}.stamp-glyph{font-family:var(--f-type);font-size:calc(var(--stamp-w) * .42);line-height:1;display:grid;place-items:center}.stamp-glyph svg{width:calc(var(--stamp-w) * .5);height:auto}.stamp-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(1.1);mix-blend-mode:multiply}.stamp-value,.stamp-label{z-index:1;text-shadow:0 0 3px rgba(0,0,0,.25)}.stamp-value{position:absolute;top:7%;left:10%;font-weight:700;font-size:calc(var(--stamp-w) * .13)}.stamp-label{position:absolute;bottom:7%;inset-inline:0;text-align:center;font-size:max(7px,calc(var(--stamp-w) * .11));letter-spacing:.1em;text-transform:uppercase}.stamp-wrap.is-muted .stamp-inner{background-color:#cbc1b0;color:#f2ede3}.postmark{display:block;overflow:visible;mix-blend-mode:multiply}.ticket{margin:28px -4px 8px;padding:16px 18px 12px;background:var(--paper-deep);border-radius:4px}.ticket-head{display:flex;justify-content:space-between;margin-bottom:12px}.ticket-legend{margin:12px 0 0;text-align:center}.legend-note{display:inline-block;width:10px;height:12px;vertical-align:-1px;background:repeating-linear-gradient(-45deg,var(--ink-soft) 0 1px,transparent 1px 3.5px)}.legend-red{color:var(--red)}.slots{display:flex;justify-content:center;gap:5px}.slot{position:relative;flex:1 1 0;min-width:0;max-width:40px;display:grid;place-items:center;aspect-ratio:3 / 4;border-bottom:2px solid var(--ink);font-family:var(--f-type);font-weight:700;font-size:clamp(1.1rem,5.5vw,1.5rem);line-height:1}.slot.is-space{flex:0 0 6px;border:0}.slot.is-note{border-bottom-color:var(--ink-soft);background:repeating-linear-gradient(-45deg,var(--ink-faint) 0 1.2px,transparent 1.2px 5px)}.slot.is-note small{display:none}.slot.is-missing{font-family:var(--f-type);font-size:1rem;color:var(--ink-faint)}.slot.is-found b{display:inline-block;color:var(--red);font-weight:600;transform:rotate(-5deg)}.route-head{margin-top:8px}.route-head .eyebrow{margin-bottom:14px}.route{--col: 32px;list-style:none;margin:32px 0 0;padding:0}.route>li{position:relative}.route>li:before,.route>li:after{content:"";position:absolute;left:calc(var(--col) - 1px);border-left:2px dashed var(--ink-faint);z-index:0}.route>li:before{top:0;height:50%}.route>li:after{top:50%;bottom:0}.route>li:first-child:before,.route>li:last-child:after{display:none}.route-stop.is-done:before,.route-stop.is-done:after,.route-stop.is-done+li:before,.route-end:first-child:after{border-left:2px solid var(--red)}.route-end{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:6px 0 6px calc(var(--col) * 2 + 18px)}.route-end:first-child{padding-bottom:26px}.route-dot{position:absolute;left:calc(var(--col) - 6px);top:8px;width:12px;height:12px;border-radius:50%;background:var(--red);z-index:1}.route-dest{padding-top:18px}.route-dest:before{height:26px!important}.route-dest .route-dot{top:20px;background:var(--paper);border:2px solid var(--ink)}.route-dest.is-ready .route-dot{border-color:var(--red);background:var(--red)}.route-stop-btn{position:relative;z-index:1;display:grid;grid-template-columns:calc(var(--col) * 2) 1fr auto;align-items:center;gap:18px;width:100%;padding:16px 0;border:0;background:none;text-align:left;cursor:pointer}.route-stop-btn:disabled{cursor:default}.route-stop-text{display:flex;flex-direction:column;gap:3px}.route-stop-title{font-family:var(--f-hand);font-size:2.1rem;line-height:.95;color:var(--ink)}.is-locked .route-stop-title{color:var(--ink-soft)}.route-memo{font-size:1.35rem;line-height:1}.is-current .route-memo{color:var(--red)}.route-thumb{width:46px;padding:3px 3px 9px;background:#fff;box-shadow:0 3px 8px -3px #28140080;transform:rotate(4deg)}.route-stop:nth-child(odd) .route-thumb{transform:rotate(-3deg)}.route-thumb img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.stop-postmark{position:absolute;left:6%;top:30%;opacity:.8;transform:rotate(-14deg);pointer-events:none}.route-plane{position:absolute;left:calc(var(--col) - 11px);top:-16px;z-index:2;color:var(--red);display:grid}.step-nav{display:flex;justify-content:space-between;align-items:center;margin:-8px 0 18px}.step-head{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin-bottom:26px}.step-title{font-size:2.6rem;margin-bottom:8px}.step-head .type{margin:0}.game-area{position:relative;min-height:320px}.game{position:relative;width:100%}.game-note{min-height:2.2rem;margin:12px 0 0;text-align:center;font-size:1.7rem;opacity:0;transition:opacity .2s}.game-note.is-visible{opacity:1}.game-note.is-bad{color:var(--red)}.placeholder-game{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:320px;padding:16px;text-align:center;border:1.5px dashed var(--ink-faint);background:repeating-linear-gradient(-45deg,rgba(29,39,66,.03) 0 10px,transparent 10px 20px)}.recovered{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px 16px;overflow-y:auto;background-color:var(--paper)}.recovered-inner{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:360px;text-align:center}.recovered-stamp{position:relative;margin-right:40px}.recovered-postmark{position:absolute;left:22%;top:30%;pointer-events:none}.recovered-text{align-self:stretch;display:flex;flex-direction:column;align-items:center}.recovered-letter{margin:4px 0 0;font-family:var(--f-type);font-size:5rem;font-weight:700;line-height:1;color:var(--red);transform:rotate(-5deg)}.recovered-text .btn{margin-top:10px}.recovered-note{max-width:300px;margin:6px 0 12px;font-size:1.9rem}.voice-note{display:inline-flex;align-items:center;gap:10px;margin:0 auto 8px;padding:6px 16px 6px 6px;border:1.5px solid var(--pen);border-radius:99px;background:none;color:var(--pen);text-decoration:none;cursor:pointer}.voice-note-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--pen);color:var(--paper);font-size:.8rem}.voice-note .hand{font-size:1.6rem}.voice-note.is-playing .voice-note-icon{background:var(--red)}.letter-extras{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:28px}.souvenirs{width:calc(100% + 32px);margin:8px -16px 6px}.souvenirs .eyebrow{margin-bottom:4px}.polaroid{margin:0;width:138px;padding:8px 8px 4px;background:#fff;box-shadow:0 10px 20px -10px #2814008c,0 1px 2px #28140026}.polaroid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:var(--paper-deep)}.polaroid figcaption{padding:6px 2px 2px;font-size:1.3rem;line-height:1;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.polaroid:not(:has(figcaption)){padding-bottom:22px}.polaroid.is-big{width:min(88vw,480px);padding:12px 12px 8px}.polaroid.is-big img{aspect-ratio:auto;max-height:68dvh;object-fit:contain}.polaroid.is-big figcaption{font-size:1.9rem;white-space:normal}.photo-strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:16px 20px 24px;scrollbar-width:none}.photo-strip::-webkit-scrollbar{display:none}.photo-strip>:first-child{margin-left:auto}.photo-strip>:last-child{margin-right:auto}.photo-strip-item{flex:none;padding:0;border:0;background:none;scroll-snap-align:center;transform:rotate(var(--tilt));cursor:zoom-in;transition:transform .2s var(--ease-out)}.photo-strip-item:active{transform:rotate(0) scale(.97)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:#19120ad1;cursor:zoom-out}.lock-slots-wrap{position:relative;margin:36px 0 10px;cursor:text}.lock-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;font-size:16px;border:0;caret-color:transparent}.slot.is-input{border-bottom-color:var(--pen);font-family:var(--f-hand);font-size:clamp(1.8rem,9vw,2.4rem);color:var(--pen)}.slot.is-active:after{content:"";position:absolute;bottom:18%;width:2px;height:46%;background:var(--pen);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.lock-feedback{min-height:2.2rem;text-align:center;color:var(--red);opacity:0;transition:opacity .2s}.lock-feedback.is-visible{opacity:1}.desk{display:grid;place-items:center;min-height:100dvh;padding:32px 16px}.desk-label{margin:0 0 32px;text-align:center;font-size:.75rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--paper);opacity:.9}.envelope-stage{display:flex;flex-direction:column;align-items:center;perspective:1400px}.tap-hint{margin-top:30px;font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--paper)}.envelope{position:relative;width:min(88vw,380px);aspect-ratio:1.58;padding:0;border:0;background:none;cursor:pointer;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.4,.1,.3,1);animation:env-idle 4s ease-in-out infinite}.envelope:not(.phase-0){transform:rotateY(180deg);animation:none;cursor:default}@keyframes env-idle{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-6px)}}.env-front,.env-back{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 18px 30px -14px #28140099}.env-front{padding:9px;background:var(--airmail),var(--env)}.env-front-inner{position:relative;height:100%;background-color:var(--env);text-align:left}.par-avion-label{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;padding:4px 8px 3px;border:2px solid var(--blue);color:var(--blue);font-family:var(--f-type);text-transform:uppercase;line-height:1.1;transform:rotate(-3deg)}.par-avion-label b{font-size:.85rem;letter-spacing:.12em}.par-avion-label small{font-size:.55rem;letter-spacing:.1em}.env-stamp{position:absolute;top:12px;right:14px;transform:rotate(3deg)}.env-postmark{position:absolute;top:18px;left:-72px;opacity:.7;transform:rotate(-10deg);pointer-events:none}.env-address{position:absolute;left:30%;bottom:13%;display:flex;flex-direction:column}.env-address span{font-size:clamp(1.6rem,8vw,2.2rem);padding:0 24px 0 4px;border-bottom:1px solid rgba(29,39,66,.25)}.env-address span:first-child{font-size:clamp(2rem,10vw,2.8rem)}.env-address .env-address-small{font-size:clamp(1rem,4.6vw,1.3rem);color:var(--ink-soft);border:0}.env-back{transform:rotateY(180deg);background:var(--env-in);perspective:900px}.env-letter{position:absolute;left:6%;right:6%;top:6%;height:90%;z-index:1;padding:16px 18px;background-color:var(--paper-white);background-image:repeating-linear-gradient(transparent 0 25px,#2b4f9229 25px,#2b4f9229 26px);box-shadow:0 -2px 6px #00000014;text-align:left;transition:transform .9s var(--ease-out)}.env-letter .hand{font-size:2rem}.envelope.phase-3 .env-letter{transform:translateY(-62%)}.env-pocket{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:var(--env);background-image:linear-gradient(170deg,transparent 40%,rgba(0,0,0,.05));clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%)}.env-flap{position:absolute;inset:0 0 auto 0;height:60%;z-index:3;background-color:var(--env-flap);background-image:linear-gradient(transparent 50%,#0000000f);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:transform .6s cubic-bezier(.4,0,.3,1),z-index 0s .3s}.envelope.phase-2 .env-flap,.envelope.phase-3 .env-flap{transform:rotateX(180deg);z-index:0}.intro-note{min-height:0;max-width:440px;margin:0;box-shadow:0 30px 60px -25px #32190599}.greeting{font-size:2.5rem;margin:4px 0 18px}.signoff{font-size:2.1rem;text-align:right;margin:18px 8px 0 0}.letter-head{position:relative;margin:8px 0 28px}.letter-head .eyebrow{margin-bottom:14px}.letter-postmark{position:absolute;right:-18px;top:-14px;pointer-events:none}.letter-paper{--lh: 36px;position:relative;padding:26px 20px 30px 46px;background-color:var(--paper-white);background-image:linear-gradient(90deg,transparent 32px,rgba(194,59,42,.4) 32px 33.5px,transparent 33.5px),repeating-linear-gradient(transparent 0 calc(var(--lh) - 1px),rgba(43,79,146,.17) calc(var(--lh) - 1px) var(--lh));background-position:0 0,0 22px;box-shadow:0 1px 1px #3c230a1f,0 16px 30px -18px #3c230a8c;transform-origin:top}.letter-paper .hand{font-size:1.7rem;line-height:var(--lh);margin:0 0 var(--lh)}.letter-paper .greeting{font-size:2.1rem}.letter-paper .signoff{text-align:left;margin:0;font-size:1.7rem}.letter-photos{margin:20px -20px 0}.letter-paper .signature{margin:0;font-size:2.6rem;text-align:right;color:var(--red)}.devpanel{position:fixed;right:10px;bottom:10px;z-index:100;max-width:calc(100vw - 20px);font:12px/1.4 ui-monospace,Menlo,monospace;color:#fff}.devpanel-toggle{display:block;margin-left:auto;padding:4px 10px;border:0;border-radius:99px;background:#141414bf;color:#fff;font:inherit;cursor:pointer}.devpanel-body{margin-top:6px;padding:10px;width:300px;max-width:100%;border-radius:8px;background:#141414e0}.devpanel-body p{margin:0 0 8px}.devpanel-body code{color:#ffd27a}.devpanel-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.devpanel-row button{padding:3px 8px;border:1px solid #555;border-radius:4px;background:#2a2a2a;color:#fff;font:inherit;cursor:pointer}@media(min-width:900px){.sheet{max-width:1080px;margin:48px auto;min-height:calc(100dvh - 96px)}.sheet-body{padding:44px 64px 72px}.display{font-size:4.8rem}.route-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:80px;align-items:start}.route-side{position:sticky;top:40px}.route{margin-top:6px}.route-stop-title{font-size:2.4rem}.step-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:56px;align-items:start}.step-head{position:sticky;top:40px;grid-template-columns:1fr;gap:22px}.step-head .stamp-wrap{--stamp-w: 100px !important}.step-title{font-size:3.4rem}.game-area{display:grid;place-items:center;min-height:560px;padding:36px;border-radius:8px;background:var(--paper-deep)}.lock-body,.letter-sheet .sheet-body{max-width:760px;margin:0 auto}.lock-slots .slot{max-width:52px}.recovered-inner{max-width:460px}.polaroid{width:170px}.envelope{width:520px}.intro-note{max-width:560px}.intro-note .sheet-body{padding:40px 48px 48px}}@media(prefers-reduced-motion:reduce){.envelope{animation:none}}.lovelock{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:18px;--dial-w: clamp(64px, 20vw, 84px)}.lovelock-rail{position:absolute;top:34px;left:-20px;right:-20px;height:10px;border-radius:5px;background:var(--ink);opacity:.85}.lovelock-shackle{position:relative;z-index:0;width:calc(var(--dial-w) * var(--dials) * .62);margin-bottom:-34px;overflow:visible}.lovelock-shackle path{fill:none;stroke:#9aa0a8;stroke-width:13;stroke-linecap:round}.lovelock-body{position:relative;z-index:1;padding:18px 16px 16px;border-radius:18px 18px 26px 26px;background:var(--red);box-shadow:inset 0 -6px #00000026,0 14px 24px -14px #3c140a99}.lovelock-initials{display:block;margin:-4px 0 8px;text-align:center;font-size:1.7rem;color:var(--paper)}.lovelock-dials{display:flex;gap:10px}.dial{display:flex;flex-direction:column;align-items:center;width:var(--dial-w)}.dial-arrow{width:100%;padding:6px 0;border:0;background:none;color:var(--paper);font-size:.8rem;cursor:pointer;opacity:.85}.dial-arrow:active{transform:scale(.85)}.dial-window{display:flex;flex-direction:column;align-items:center;width:100%;padding:4px 0;border-radius:8px;background:var(--paper-white);box-shadow:inset 0 4px 6px #0000002e,inset 0 -4px 6px #0000001f;font-family:var(--f-type);font-weight:700;line-height:1.25;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.dial-value{font-size:1.9rem;color:var(--ink)}.dial-ghost{font-size:1rem;color:var(--ink-faint)}.lovelock-clues{display:flex;gap:10px;margin-top:14px}.lovelock-clues span{width:var(--dial-w);text-align:center;font-size:1.35rem;line-height:1}.gacha{position:relative;display:flex;flex-direction:column;align-items:center}.gacha-machine{display:flex;flex-direction:column;align-items:center;width:min(100%,250px)}.gacha-dome{position:relative;width:100%;aspect-ratio:1;margin-bottom:-18px;border:3px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.9) 0 8%,transparent 9%),#fdfaf3a6;overflow:hidden}.gacha-balls{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .25s ease-out}.gacha-ball{position:absolute;width:26%;aspect-ratio:1;margin:-2% 0 0 -2%;border:2px solid var(--ink);border-radius:50%;background:linear-gradient(var(--c) 0 50%,var(--paper-white) 50%)}.gacha-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;width:86%;padding:16px 0 14px;border:3px solid var(--ink);border-radius:10px 10px 4px 4px;background:var(--red)}.gacha-label{position:absolute;top:10px;left:12px;writing-mode:vertical-rl;font-size:.85rem;font-weight:700;color:var(--paper);letter-spacing:.1em}.gacha-knob{position:relative;width:74px;height:74px;border:3px solid var(--ink);border-radius:50%;background:var(--paper-white);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.gacha-knob.is-smooth{transition:transform .25s ease-out}.gacha-knob:active{cursor:grabbing}.gacha-knob-bar{position:absolute;left:50%;top:8px;bottom:8px;width:16px;margin-left:-8px;border-radius:8px;background:var(--ink)}.gacha-progress{width:60%;height:5px;border-radius:3px;background:#00000040;overflow:hidden}.gacha-progress span{display:block;height:100%;background:var(--paper);transition:width .2s}.gacha-chute{display:grid;place-items:center;width:64px;height:52px;border-radius:8px 8px 22px 22px;background:var(--ink)}.gacha-capsule{position:relative;width:44px;height:44px;padding:0;border:2px solid var(--ink);border-radius:50%;background:var(--paper-white);overflow:hidden;cursor:pointer;animation:wiggle 1.2s ease-in-out infinite .6s}.gacha-capsule-top{position:absolute;top:0;right:0;bottom:50%;left:0;background:var(--mustard);border-bottom:2px solid var(--ink)}@keyframes wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(0)}}.gacha-prize-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#f5eee1bf}.gacha-prize{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(92%,300px);padding:22px 20px 24px;text-align:center;background:var(--paper-white);background-image:repeating-linear-gradient(transparent 0 31px,#2b4f9224 31px,#2b4f9224 32px);box-shadow:0 16px 30px -14px #2814008c}.gacha-prize .hand{margin:4px 0 10px;font-size:2rem}.bottle-game{display:flex;flex-direction:column;align-items:center}.bottle-stage{position:relative;width:min(100%,400px);aspect-ratio:4 / 5;border-radius:6px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.bottle-sea{position:absolute;inset:0 0 calc(100% - var(--shore)) 0;background:var(--teal);overflow:hidden}.bottle-waves{position:absolute;top:0;right:0;bottom:0;left:0;width:200%;height:100%}.bottle-waves path{fill:none;stroke:#fdfaf373;stroke-width:2.5;stroke-linecap:round;animation:drift 6s linear infinite}@keyframes drift{to{transform:translate(-100px)}}.bottle-sand{position:absolute;inset:var(--shore) 0 0 0;background-color:#e9d3a4;background-image:radial-gradient(rgba(140,100,50,.25) 1px,transparent 1.5px);background-size:11px 13px}.bottle-sand:before{content:"";position:absolute;left:-10%;right:-10%;top:-7px;height:14px;border-radius:50%;background:var(--paper-white);opacity:.85;animation:foam 3.2s ease-in-out infinite}@keyframes foam{50%{transform:translateY(5px) scaleX(1.02)}}.bottle-holder{position:absolute;left:50%;margin-left:-88px;width:176px;display:grid;place-items:center}.bottle-holder.is-floating{top:16%;cursor:grab;z-index:2}.bottle-holder.is-on-sand{top:calc(var(--shore) + 14%)}.bottle-bob{animation:bob 2.6s ease-in-out infinite}@keyframes bob{0%,to{transform:rotate(-24deg) translateY(0)}50%{transform:rotate(-16deg) translateY(8px)}}.bottle{display:flex;align-items:center}.bottle-glass{position:relative;width:118px;height:54px;border:2.5px solid var(--ink);border-radius:24px 16px 16px 24px;background:#96d2c873;box-shadow:inset 0 8px #ffffff59}.bottle-scroll{position:absolute;left:18px;right:22px;top:15px;height:20px;border-radius:4px;background:var(--paper-white);border:1.5px solid rgba(29,39,66,.4);transform:rotate(-4deg)}.bottle-neck{width:28px;height:22px;margin-left:-2px;border:2.5px solid var(--ink);border-left:0;background:#96d2c873}.bottle-cork{width:20px;height:20px;margin-left:-4px;border:2.5px solid var(--ink);border-radius:3px 6px 6px 3px;background:#b07b4c;cursor:grab;touch-action:none}.bottle-letter-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:16px;background:#1d274240}.bottle-letter{display:flex;flex-direction:column;align-items:center;width:100%;padding:26px 22px 22px;background:var(--paper-white);border-radius:3px;box-shadow:0 20px 30px -16px #00000080,inset 0 10px 10px -10px #78501e4d,inset 0 -10px 10px -10px #78501e4d;transform-origin:top}.bottle-letter .hand{margin:0 0 12px;font-size:1.85rem;text-align:center}.bottle-from{align-self:flex-end;font-size:1.5rem!important;color:var(--ink-soft)}.akabeko{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 0 8px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.akabeko-cow{width:min(100%,340px);overflow:visible}.akabeko-score{display:flex;gap:8px}.akabeko-score span{width:14px;height:14px;border:2px solid var(--ink);border-radius:50%;transition:background .2s}.akabeko-score span.is-on{background:var(--red)}.who{display:flex;flex-direction:column;align-items:center;gap:8px}.who-progress{align-self:flex-end}.who-deck{position:relative;display:grid;place-items:center;width:min(100%,340px);height:300px;margin-top:6px}.who-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;border-radius:6px;background:var(--paper-white);background-image:repeating-linear-gradient(transparent 0 33px,#2b4f921f 33px,#2b4f921f 34px);box-shadow:0 14px 28px -16px #28140099,0 1px 2px #28140026;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.who-card.is-behind{transform:rotate(-3deg) translateY(8px) scale(.97);opacity:.7}.who-quote{margin:0;font-size:2.2rem;text-align:center}.who-hint{position:absolute;bottom:14px}.who-stamp{position:absolute;top:18px;padding:2px 10px;border:2.5px solid currentColor;border-radius:4px;font-family:var(--f-type);font-weight:700;font-size:1rem;letter-spacing:.12em;text-transform:uppercase}.who-stamp.is-her{left:18px;color:var(--rose);transform:rotate(-10deg)}.who-stamp.is-me{right:18px;color:var(--blue);transform:rotate(10deg)}.who-win{font-size:2.6rem;text-align:center;color:var(--red)}.who-buttons{display:flex;gap:12px;width:min(100%,340px)}.who-btn{flex:1;min-height:52px;border:2px solid var(--ink);border-radius:4px;background:var(--paper-white);font-family:var(--f-hand);font-size:1.7rem;color:var(--ink);cursor:pointer}.who-btn:first-child{box-shadow:3px 3px 0 var(--rose)}.who-btn:last-child{box-shadow:3px 3px 0 var(--blue)}.who-btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:none}.who-btn:disabled{opacity:.4}.street{display:flex;flex-direction:column;align-items:center}.street-stage{position:relative;width:min(100%,400px);aspect-ratio:3 / 4;border-radius:6px;overflow:hidden;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.street-sidewalk{position:absolute;left:0;right:0;height:var(--row-h);background-color:var(--paper-deep);background-image:linear-gradient(90deg,rgba(29,39,66,.08) 1px,transparent 1px);background-size:28px 100%}.street-sidewalk.is-top{top:0}.street-sidewalk.is-bottom{bottom:0}.street-road{position:absolute;left:0;right:0;background:#3d4150}.street-line{position:absolute;left:0;right:0;border-top:2px dashed rgba(253,250,243,.45)}.street-moto{position:absolute;display:grid;place-items:center;padding:4px 0}.street-moto svg{width:100%;height:100%}.street-moto.is-left svg{transform:scaleX(-1)}.street-her,.street-him{position:absolute;left:50%;display:grid;place-items:center}.street-him{transform:translate(-50%)}.street-her{z-index:2;transition:bottom .12s ease-out}.street-her.is-home{left:40%}.street-him{z-index:1;left:60%}.street-token{display:grid;place-items:center;width:34px;height:34px;border:2.5px solid var(--ink);border-radius:50%;font-family:var(--f-hand);font-size:1.6rem;line-height:1;color:var(--paper-white)}.street-token.is-her{background:var(--rose)}.street-token.is-him{background:var(--blue)}.street-bubble{position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-60%);padding:2px 10px;border:2px solid var(--ink);border-radius:12px 12px 12px 2px;background:var(--paper-white);font-size:1.3rem;white-space:nowrap}.bahasa{display:flex;flex-direction:column;align-items:center;gap:10px}.bahasa-count{align-self:flex-end;min-height:1em}.bahasa-card{width:min(100%,340px);padding:30px 22px 22px;text-align:center;background:var(--paper-white);background-image:repeating-linear-gradient(transparent 0 33px,#2b4f921f 33px,#2b4f921f 34px);box-shadow:0 14px 28px -16px #28140099,0 1px 2px #28140026;border-top:6px solid var(--red)}.bahasa-phrase{margin:0 0 10px;font-size:2.6rem}.bahasa-ask{margin:16px 0 0}.bahasa-chillies{display:flex;gap:6px}.bahasa-chilli{width:44px;height:58px;padding:4px;border:0;background:none;cursor:pointer;transition:transform .15s}.bahasa-chilli:hover{transform:rotate(-8deg) scale(1.08)}.bahasa-chilli svg{width:100%;height:100%}.chilli-body{fill:var(--paper-white);stroke:var(--ink);stroke-width:1.8;transition:fill .2s}.chilli-stem{fill:none;stroke:var(--green);stroke-width:2.2;stroke-linecap:round}.bahasa-chilli.is-on .chilli-body{fill:var(--red)}.bahasa-done{margin:40px 0;font-size:3rem;color:var(--red)}