:root{--blue: #2F5DA8;--red: #D8413A;--paper: #FFFDF7;--ink: #27324A;--muted: #6B7285;--pink: #FF8FB1;--gold: #F2C14E;--display: "Bagel Fat One", "Nunito", system-ui, sans-serif;--body: "Nunito", system-ui, sans-serif;--hand: "Caveat", cursive;--airmail: repeating-linear-gradient(-45deg, var(--red) 0 10px, var(--paper) 10px 16px, var(--blue) 16px 26px, var(--paper) 26px 32px)}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;font-family:var(--body);color:var(--ink);background:#fde9e4;overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}#sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(#bfe3f2,#fde9e4)}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;display:block;touch-action:pan-y}#scroll-space{position:relative;z-index:0;pointer-events:none}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image: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='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.38 0 0 0 0 0.3 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#confetti{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:30;pointer-events:none}#flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#fff;opacity:0;pointer-events:none}#flash.go{animation:flash .7s ease-out}@keyframes flash{0%{opacity:.95}15%{opacity:.1}25%{opacity:.8}to{opacity:0}}.btn{font:800 1rem/1 var(--body);color:#fff;background:var(--blue);border:0;border-radius:999px;padding:.8em 1.3em;box-shadow:0 3px #1f3f75;cursor:pointer;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px #1f3f75}.btn:active{transform:translateY(2px);box-shadow:0 1px #1f3f75}.btn-big{font-size:1.15rem;padding:.9em 1.6em}.icon-btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);font-size:1.1rem;cursor:pointer;line-height:1}:focus-visible{outline:3px solid var(--pink);outline-offset:3px}#intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-content:center;justify-items:center;text-align:center;padding:2rem;gap:1rem;transition:opacity .6s,transform .6s}#intro.gone{opacity:0;transform:translateY(-40px) scale(.97);pointer-events:none}.intro-kicker{margin:0;font:700 1.9rem/1 var(--hand);color:var(--red);transform:rotate(-4deg)}#intro-title{margin:0;max-width:14ch;font:400 clamp(2.8rem,8vw,6.6rem)/.98 var(--display);color:var(--paper);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink)}#intro-title .word{display:inline-block;white-space:nowrap}#intro-title .l{display:inline-block;opacity:0;transform:translateY(40px) scale(.3) rotate(-20deg)}body.ready #intro-title .l{animation:sticker .55s cubic-bezier(.3,1.6,.5,1) forwards;animation-delay:calc(var(--i) * 45ms + .2s)}#intro-title .l:nth-child(3n){color:var(--pink)}#intro-title .l:nth-child(4n+1){color:#a8d8ea}@keyframes sticker{to{opacity:1;transform:none}}.intro-sub{margin:0;max-width:42ch;font-weight:700;font-size:1.05rem;line-height:1.5}.scroll-cue{margin:.5rem 0 0;font:700 1.4rem/1 var(--hand);color:var(--muted);animation:bob 1.6s ease-in-out infinite}.scroll-cue:after{content:" ↓"}@keyframes bob{50%{transform:translateY(6px)}}.card{position:fixed;z-index:10;left:clamp(16px,3vw,44px);top:50%;width:min(390px,34vw);max-height:calc(100vh - 150px);overflow:auto;scrollbar-width:thin;padding:26px 26px 22px;background:repeating-linear-gradient(transparent 0 31px,#2f5da812 31px,#2f5da812 32px),var(--paper);border:9px solid transparent;border-image:var(--airmail) 9;box-shadow:0 18px 40px -12px #27324a73;transform:translateY(-50%) perspective(900px) rotateY(-80deg) rotate(-2deg);transform-origin:left center;opacity:0;pointer-events:none;transition:transform .55s cubic-bezier(.2,.9,.3,1.15),opacity .3s}.card.show{opacity:1;pointer-events:auto;transform:translateY(-50%) perspective(900px) rotateY(0) rotate(-1.2deg)}.card .where{margin:0;font-weight:800;color:var(--muted);font-size:.95rem}.card h2{margin:2px 0 0;font:400 2.3rem/1.02 var(--display);color:var(--ink);max-width:11ch}.card .date{margin:6px 0 12px;font:700 1.45rem/1 var(--hand);color:var(--red)}.card .intro-text{margin:0 0 12px;line-height:1.5;font-weight:600}.card .list{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:6px}.card .list li{line-height:1.4;font-size:.95rem}.ticket{position:relative;margin:0 0 16px;padding:12px 14px;background:#fff3d6;border-radius:6px;border-left:3px dashed #E0C58F}.ticket:before,.ticket:after{content:"";position:absolute;left:-9px;width:14px;height:14px;border-radius:50%;background:var(--paper)}.ticket:before{top:-7px}.ticket:after{bottom:-7px}.ticket-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.t-label{font-size:.8rem;font-weight:800;color:var(--muted)}.t-stars{color:#d99a00;letter-spacing:2px;font-size:1.05rem}.ticket strong{display:block;margin-top:2px}.ticket p{margin:4px 0 0;font:700 1.3rem/1.1 var(--hand)}.card-foot{display:grid;gap:10px;justify-items:start}.hint{margin:0;font:700 1.3rem/1.15 var(--hand);color:var(--blue)}.stamp{position:absolute;top:14px;right:14px;width:92px;height:92px;border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--stamp);border:3px solid var(--stamp);box-shadow:inset 0 0 0 5px var(--paper),inset 0 0 0 7px var(--stamp);transform:rotate(-14deg);opacity:.85;mix-blend-mode:multiply}.stamp b{font:400 1.5rem/1 var(--display)}.stamp small{font-weight:800;font-size:.72rem;letter-spacing:1px}.stamp.slam{animation:slam .6s cubic-bezier(.5,0,.7,1.4) both;animation-delay:.35s}@keyframes slam{0%{transform:scale(3) rotate(10deg);opacity:0}70%{transform:scale(.92) rotate(-16deg);opacity:.95}85%{transform:scale(1.05) rotate(-13deg)}to{transform:scale(1) rotate(-14deg);opacity:.85}}.card.show:has(.stamp.slam){animation:thud .25s .77s}@keyframes thud{50%{translate:0 4px}}.dests{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.dest{font:800 .92rem/1 var(--body);color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:999px;padding:.55em .9em;cursor:pointer}.dest.featured{background:#fff3d6;border-color:#c99700}.dest.picked{background:var(--pink);color:#fff;border-color:var(--pink)}.dest-note{margin:0 0 16px;min-height:3em;font:700 1.35rem/1.15 var(--hand)}.dest-note b{font-family:var(--body);font-size:.95rem;display:block}.caption{position:fixed;z-index:10;left:50%;top:14vh;text-align:center;transform:translate(-50%,10px);opacity:0;transition:.5s;pointer-events:none}.caption.show{opacity:1;transform:translate(-50%)}.cap-big{margin:0;font:400 clamp(2.2rem,5vw,3.8rem)/1 var(--display);color:var(--paper);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink)}.cap-small{margin:10px 0 0;font:700 1.5rem/1 var(--hand)}#route{position:fixed;z-index:11;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:clamp(4px,1.2vw,14px);padding:8px 16px;border-radius:999px;background:#fffdf7e6;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink)}.route-track{position:absolute;left:34px;right:34px;top:50%;height:0;border-top:2px dashed #C9BFAE;pointer-events:none}.route-fill{position:absolute;left:0;top:-2px;height:2px;background:var(--red);width:0}.route-plane{position:absolute;top:-14px;left:0;transform:translate(-50%) rotate(45deg);font-size:1rem;transition:left .1s}.stop{position:relative;width:34px;height:34px;border-radius:50%;border:2px solid #C9BFAE;background:#fff;cursor:pointer;padding:0;display:grid;place-items:center;font-size:1rem;filter:grayscale(.9);opacity:.7;transition:.2s}.stop.stamped{filter:none;opacity:1;border-color:var(--ink)}.stop.here{transform:scale(1.22);border-color:var(--red);box-shadow:0 0 0 3px #ffd5d2;filter:none;opacity:1}#sound{position:fixed;z-index:11;right:18px;bottom:20px;box-shadow:0 3px 0 var(--ink)}#bubbles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.bubble{position:absolute;transform:translate(-50%,-100%) rotate(var(--tilt));max-width:260px;padding:10px 14px;background:#fff;border:2px solid var(--ink);border-radius:16px;font-weight:800;font-size:.98rem;text-align:center;box-shadow:0 3px 0 var(--ink);animation:bubble 3s ease-out forwards}.bubble:after{content:"";position:absolute;left:50%;bottom:-10px;width:14px;height:14px;background:#fff;border:2px solid var(--ink);border-top:0;border-left:0;transform:translate(-50%) rotate(45deg)}@keyframes bubble{0%{opacity:0;margin-top:12px;scale:.6}12%{opacity:1;margin-top:0;scale:1.05}20%{scale:1}80%{opacity:1}to{opacity:0;margin-top:-30px}}#tooltip{position:fixed;z-index:21;left:0;top:0;pointer-events:none;padding:5px 10px;border-radius:8px;background:var(--ink);color:#fff;font-weight:800;font-size:.85rem;opacity:0;transition:opacity .15s;white-space:nowrap}#tooltip.show{opacity:1}dialog{border:0;padding:0;color:var(--ink)}dialog::backdrop{background:#27324a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog .close{position:absolute;top:14px;right:14px;z-index:2}.book{width:min(1000px,94vw);max-height:90vh;overflow:auto;padding:34px clamp(18px,4vw,48px) 28px;background:#efe3cc;background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px);background-size:6px 6px;border-radius:6px;box-shadow:inset 14px 0 0 -4px #d9c6a3}.book[open]{animation:open .4s cubic-bezier(.2,.9,.3,1.2)}@keyframes open{0%{transform:scale(.85) rotate(-3deg);opacity:0}}.book header h2{margin:0;font:400 2.4rem/1 var(--display)}.book header p{margin:4px 0 18px;font:700 1.5rem/1 var(--hand);color:var(--red)}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:26px 22px;padding:8px}.pola{margin:0;padding:12px 12px 8px;background:#fff;cursor:zoom-in;transform:rotate(var(--r));box-shadow:0 8px 18px -8px #0006;transition:transform .35s cubic-bezier(.2,.9,.3,1.2);position:relative}.pola:before{content:"";position:absolute;top:-12px;left:50%;width:80px;height:24px;transform:translate(-50%) rotate(-3deg);background:#ff8fb18c}.pola:hover{transform:rotate(0) scale(1.03)}.pola.zoom{position:fixed;z-index:5;left:50%;top:50%;width:min(620px,86vw);transform:translate(-50%,-50%);cursor:zoom-out}.pola-img{aspect-ratio:1;background:#f6efe4;overflow:hidden}.pola-img img{width:100%;height:100%;object-fit:cover;display:block}.pola figcaption{font:700 1.45rem/1.1 var(--hand);text-align:center;padding-top:8px}.ph-empty{height:100%;display:grid;place-content:center;text-align:center;gap:6px;border:3px dashed #D9C9B0;margin:0;color:#9c8a70;font-weight:700;font-size:.85rem;padding:10px}.ph-empty span{font-size:2.4rem}.ph-empty code{font-size:.75rem;word-break:break-all}.book-tip{margin:18px 0 0;text-align:center;font:700 1.3rem/1 var(--hand);color:var(--muted)}.letter{width:min(560px,92vw);padding:44px 44px 36px;background:repeating-linear-gradient(transparent 0 33px,#2f5da81f 33px,#2f5da81f 34px),var(--paper);border:10px solid transparent;border-image:var(--airmail) 10}.letter[open]{animation:open .5s cubic-bezier(.2,.9,.3,1.2)}#letter-body p{font:700 1.6rem/34px var(--hand);margin:0 0 17px}#letter-body p:first-child{font:400 2rem/1.1 var(--display);color:var(--red);margin-bottom:20px}#letter-body .sign{text-align:right;color:var(--blue)}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#fde9e4;transition:opacity .6s,visibility .6s}#loader.done{opacity:0;visibility:hidden}.load-inner{text-align:center;font-weight:800;max-width:420px;padding:20px}.suitcase{font-size:4rem;animation:wobble .8s ease-in-out infinite}@keyframes wobble{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.load-track{width:220px;height:10px;margin:10px auto;border:2px solid var(--ink);border-radius:99px;overflow:hidden;background:#fff}#load-bar{height:100%;width:0;background:var(--airmail);transition:width .2s}.load-msg{font-weight:600;line-height:1.5}.load-msg code{background:#fff;padding:1px 5px;border-radius:4px}body.trip-edible #stage{animation:trip 2.2s ease-in-out infinite alternate}body.trip-cocktail #stage{animation:haze 3s ease-in-out infinite alternate}@keyframes trip{0%{filter:hue-rotate(0deg) saturate(1.2)}50%{filter:hue-rotate(80deg) saturate(1.8)}to{filter:hue-rotate(200deg) saturate(1.5)}}@keyframes haze{0%{filter:blur(0) saturate(1.1)}to{filter:blur(2.5px) hue-rotate(45deg) saturate(1.6) brightness(1.08)}}@media (max-width: 900px){.card{top:auto;bottom:76px;left:50%;width:min(460px,92vw);max-height:44vh;padding:18px 18px 16px;transform:translate(-50%,30px);transform-origin:center}.card.show{transform:translate(-50%) rotate(-.6deg)}.card h2{font-size:1.8rem}.stamp{width:70px;height:70px}.stamp b{font-size:1.1rem}.stop{width:28px;height:28px;font-size:.8rem}#route{padding:6px 10px;bottom:12px}#sound{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body.trip-edible #stage,body.trip-cocktail #stage{animation:none;filter:hue-rotate(60deg) saturate(1.4)}}