:root{--bg:#16111b;--bg2:#241b2b;--card:#fbf6ee;--ink:#2b2230;--muted:#8a7f8f;--accent:#c9a46a;--accent2:#e3c79a;--rose:#d6a6a4;--gold:#c9a46a;--gold-deep:#a8854f;--sea:#b9d7e3;--land:#f3ead9;--radius:14px;--serif:"Cormorant Garamond", "Times New Roman", serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--script:"Dancing Script", cursive;--signature:"Great Vibes", cursive;font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{background:var(--bg);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}h1,h2,h3,.serif{font-family:var(--serif);letter-spacing:.01em;font-weight:600}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}.btn{color:#1f1724;font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(135deg,#dcc08a,#b8925a);border-radius:999px;padding:13px 26px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 6px 18px #c9a46a40}.btn:active{transform:translateY(1px);box-shadow:0 2px 8px #c9a46a4d}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{color:var(--ink);text-transform:none;letter-spacing:.02em;background:#fbf6eeeb;box-shadow:0 4px 14px #0000002e}.btn.small{padding:8px 14px;font-size:13px}.hand{font-family:var(--script)}.doc{color:#f7f1e8;-webkit-user-select:none;user-select:none;background:#07050a;position:fixed;inset:0;overflow:hidden}.reel{position:absolute;inset:0}.reel img{object-fit:cover;opacity:0;filter:saturate(.85)contrast(1.05);width:112%;height:112%;transition:opacity 2s;position:absolute;inset:-6%}.doc.rolling .reel img.on{opacity:1;animation:var(--kb) 9s ease-out forwards}@keyframes kbA{0%{transform:scale(1)translate(0)}to{transform:scale(1.12)translate(-2%,-1%)}}@keyframes kbB{0%{transform:scale(1.12)translate(2%,1%)}to{transform:scale(1)translate(0)}}.reel-fallback{background:radial-gradient(at 30% 40%,#3a2a40,#0b0810 70%);position:absolute;inset:0}.reel-shade{background:radial-gradient(#07050a59 0%,#07050ad9 100%);position:absolute;inset:0}.doc:not(.rolling) .reel-shade{background:#07050ae0}.reel img,.reel-shade{transition:filter 1.2s,background 1.2s,opacity 2s}.doc.stage-story .reel img.on,.doc.stage-ready .reel img.on{filter:blur(5px)brightness(.45)saturate(.7)}.doc.stage-story .reel-shade,.doc.stage-ready .reel-shade{background:#07050a8c}.bars{z-index:2;background:#000;height:0;transition:height 1.4s cubic-bezier(.2,.7,.2,1);position:absolute;left:0;right:0}.bars.top{top:0}.bars.bottom{bottom:0}.doc.rolling .bars{height:10vh}.doc-center{text-align:center;z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;inset:0}.doc-kicker{font-family:var(--serif);color:var(--accent2);letter-spacing:.01em;font-size:clamp(32px,6vw,52px);font-style:italic;font-weight:500}.doc-hint{letter-spacing:.12em;color:#b9adbd;font-size:13px}.play{border:1.5px solid var(--accent);background:0 0;border-radius:50%;place-items:center;width:92px;height:92px;animation:2.4s ease-in-out infinite pulse;display:grid}.play span{border-left:24px solid var(--accent);border-top:15px solid #0000;border-bottom:15px solid #0000;width:0;height:0;margin-left:6px}@keyframes pulse{0%,to{box-shadow:0 0 #c9a46a59}50%{box-shadow:0 0 0 18px #c9a46a00}}.title-card{font-family:var(--sans);text-transform:uppercase;letter-spacing:.4em;color:var(--accent2);font-size:clamp(12px,2.2vw,16px);animation:2.8s both card}.title-card.main{font-family:var(--serif);text-transform:none;letter-spacing:.06em;color:#f7f1e8;font-size:clamp(48px,10vw,104px);font-weight:500}@keyframes card{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}18%,78%{opacity:1;filter:none;transform:none}to{opacity:0;filter:blur(4px)}}.doc-subtitle{text-align:center;z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0a129e;border:1px solid #e3c79a2e;border-radius:18px;width:min(760px,100vw - 32px);max-height:calc(80vh - 40px);padding:clamp(22px,4vw,40px) clamp(18px,4vw,44px);animation:.9s both sub;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000073}@keyframes sub{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))}}.doc-subtitle p{font-family:var(--serif);color:#fbf6ee;margin:0;font-size:clamp(23px,3.6vw,34px);font-style:italic;font-weight:500;line-height:1.45}.greeting{font-family:var(--serif);color:#f7f1e8;text-shadow:0 2px 24px #0009;margin:0;font-size:clamp(38px,7.5vw,72px);font-weight:500}.doc-dots{justify-content:center;gap:6px;margin-top:18px;display:flex}.doc-dots span{background:#f7f1e84d;width:18px;height:2px}.doc-dots span.on{background:var(--accent)}.doc-tap{letter-spacing:.2em;text-transform:uppercase;color:#b3a8b8;margin-top:10px;font-size:11px}.doc-center.ready{gap:26px;animation:1s both sub2}@keyframes sub2{0%{opacity:0}}.route-ticker{z-index:3;white-space:nowrap;letter-spacing:.3em;text-transform:uppercase;color:#e3c79abf;font-size:11px;animation:60s linear infinite ticker;position:absolute;bottom:3.5vh;left:0;right:0}@keyframes ticker{0%{transform:translate(10%)}to{transform:translate(-100%)}}.doc-skip{z-index:4;color:#b9adbd;letter-spacing:.15em;text-transform:uppercase;background:0 0;font-size:12px;position:absolute;top:calc(10vh + 14px);right:16px}.map-screen{background:var(--bg);color:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.map-top{padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:12px;display:flex}.map-top h2{margin:0;font-size:28px}.map-top .progress{color:#cbbfe0;font-size:14px}.map-body{flex:1;gap:12px;min-height:0;padding:0 12px 12px;display:flex}.map-wrap{border-radius:var(--radius);background:var(--sea);flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.map-wrap svg{width:100%;height:100%;display:block}.pin{cursor:pointer}.pin circle.dot{transition:r .2s}.pin text{fill:#fff;pointer-events:none;font-size:9px;font-weight:700}.side{flex-direction:column;gap:12px;width:320px;min-height:0;display:flex}.card{background:var(--card);border-radius:var(--radius);color:var(--ink);padding:16px}.card h3{margin:0;font-size:30px}.card .meta{color:var(--muted);margin:2px 0 8px;font-size:14px}.card p{margin:0 0 14px;line-height:1.45}.place-list{background:var(--bg2);border-radius:var(--radius);flex:1;min-height:0;padding:6px;overflow-y:auto}.place-row{color:#fff;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:15px;display:flex}.place-row.active{background:#ffffff1f}.place-row .num{color:#1f1724;background:var(--accent);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-weight:600;display:grid}.place-row:not(.visited) .num{background:var(--rose)}.place-row small{color:#b9add0;margin-left:auto;font-size:12px}@media (width<=760px){.map-body{flex-direction:column}.map-wrap{flex:1.2}.side{flex:1;width:auto;min-height:0}}.level{touch-action:none;background:#000;position:fixed;inset:0}.level canvas{touch-action:none}.hud-top{padding:12px;padding-top:max(12px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.hud-top>*{pointer-events:auto}.place-badge{text-align:center;background:#fff8f0eb;border-radius:14px;min-width:0;max-width:calc(100vw - 210px);padding:8px 14px;line-height:1.15}.place-badge b{font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:600;display:block;overflow:hidden}.place-badge span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}@media (width<=420px){.place-badge{padding:6px 10px}.place-badge b{font-size:17px}.place-badge span{font-size:11px}}.compass{top:calc(max(12px, env(safe-area-inset-top)) + 64px);color:#fff;pointer-events:none;white-space:nowrap;background:#16111bb8;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-size:14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.compass .arrow{color:#1f1724;background:var(--accent);border-radius:50%;place-items:center;width:26px;height:26px;font-size:16px;display:grid}.hint{bottom:max(16px, env(safe-area-inset-bottom));color:#fff;pointer-events:none;text-align:center;background:#16111bb8;border-radius:999px;width:max-content;max-width:calc(100vw - 32px);padding:8px 16px;font-size:14px;transition:opacity .6s;position:absolute;left:50%;transform:translate(-50%)}.loading{background:var(--bg);color:#fff;z-index:5;place-items:center;font-size:20px;transition:opacity .4s;display:grid;position:absolute;inset:0}.loading .car-emoji{text-align:center;font-size:48px;animation:1.6s ease-in-out infinite drive;display:block}.touch{bottom:max(18px, env(safe-area-inset-bottom));pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:space-between;padding:0 18px;display:flex;position:absolute;left:0;right:0}.touch .pad{pointer-events:auto;gap:14px;display:flex}.touch .pad.vertical{flex-direction:column-reverse}.touch button{width:70px;height:70px;color:var(--ink);touch-action:none;background:#ffffffd1;border-radius:50%;font-size:28px;box-shadow:0 4px #00000040}.touch button.horn{pointer-events:auto;align-self:flex-end;width:56px;height:56px;font-size:24px}.touch button.on{background:var(--accent);color:#1f1724;transform:translateY(3px);box-shadow:0 1px #00000040}.gallery{z-index:20;color:#fff;background:#140e22f0;flex-direction:column;animation:.3s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.gallery-head{padding:14px 16px;padding-top:max(14px, env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:12px;display:flex}.gallery-head h2{margin:0;font-size:30px}.gallery-head .sub{color:#cbbfe0;font-size:14px}.grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:max-content;align-content:start;gap:10px;min-height:0;padding:4px 16px 16px;display:grid;overflow-y:auto}.grid button{transform:rotate(var(--tilt,0deg));background:#2e2436;border-radius:12px;padding:0;transition:transform .2s;display:block;overflow:hidden}.grid button:hover{transform:rotate(0)scale(1.03)}.grid img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.gallery-foot{padding:12px 16px;padding-bottom:max(14px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.empty{text-align:center;color:#cbbfe0;grid-column:1/-1;padding:40px 12px;line-height:1.6}.empty code{background:#ffffff1a;border-radius:6px;padding:2px 6px}.lightbox{z-index:30;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#0d0915;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:100vw;max-height:calc(100dvh - 110px);transition:opacity .25s}.lightbox .cap{color:#fff;text-align:center;min-height:48px;padding:8px 16px;font-size:30px}.lightbox .nav{color:#fff;background:#ffffff26;border-radius:50%;width:48px;height:48px;font-size:24px;position:absolute;top:50%;transform:translateY(-50%)}.lightbox .nav.prev{left:12px}.lightbox .nav.next{right:12px}.lightbox .close{top:max(12px, env(safe-area-inset-top));position:absolute;right:12px}.lightbox .count{top:max(20px, env(safe-area-inset-top));color:#cbbfe0;font-size:14px;position:absolute;left:16px}@media (pointer:coarse){.lightbox .nav{display:none}}.letter-scene{color:var(--ink);background:radial-gradient(at 50% 0,#3b2a3c 0%,#1a131d 55%,#110c13 100%);position:fixed;inset:0;overflow-y:auto}.petals{pointer-events:none;position:fixed;inset:0}.letter-wrap{max-width:1080px;margin:0 auto;padding:40px 16px 60px;position:relative}.letter-kicker{text-align:center;font-family:var(--serif);color:var(--accent2);margin-bottom:26px;font-size:clamp(26px,4.5vw,40px);font-style:italic;animation:1.5s both sub2}.letter-layout{grid-template-columns:1fr minmax(0,620px) 1fr;align-items:start;gap:24px;display:grid}.paper{background:repeating-linear-gradient(#0000 0 37px,#785a501f 37px 38px),linear-gradient(135deg,#fdf8ef 0%,#f6eddc 100%);border-radius:4px;min-height:60vh;padding:44px 44px 56px;animation:1.2s both paperIn;position:relative;transform:rotate(-.6deg);box-shadow:0 30px 60px #00000073,inset 0 2px #ffffff80}@keyframes paperIn{0%{opacity:0;transform:translateY(30px)rotate(-2deg)}}.paper p{font-family:var(--script);color:#3a2440;margin:0 0 18px;font-size:clamp(21px,2.6vw,26px);font-weight:500;line-height:38px}.paper p.salutation{margin-bottom:20px;font-size:clamp(28px,3.4vw,34px)}.nib{vertical-align:-.12em;background:#3a2440;width:2px;height:1em;margin-left:2px;animation:.8s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.sign{text-align:right;margin-top:26px;animation:1.2s both sub2;position:relative}.signoff{font-family:var(--script);color:#3a2440;font-size:24px}.signature{font-family:var(--signature);color:#6a2a3a;font-size:clamp(46px,6vw,60px);line-height:1.1}.seal{color:#ffdcdcd9;background:radial-gradient(circle at 35% 30%,#c0404f,#7a1626 70%);border-radius:50%;place-items:center;width:64px;height:64px;font-size:26px;display:grid;position:absolute;bottom:-6px;left:4px;transform:rotate(-12deg);box-shadow:0 4px 10px #00000059,inset 0 0 0 4px #0000001f}.polaroids{flex-direction:column;gap:26px;padding-top:30px;display:flex}.polaroids.right{padding-top:90px}.polaroid{transform:rotate(var(--tilt));background:#fbf8f2;border-radius:2px;margin:0;padding:10px 10px 8px;animation:.9s backwards polIn;position:relative;box-shadow:0 12px 24px #0006}@keyframes polIn{0%{opacity:0;transform:rotate(0)translateY(20px)scale(.9)}}.polaroid img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.polaroid figcaption{font-family:var(--script);text-align:center;color:#3a2440;padding-top:6px;font-size:18px}.tape{background:#f0e1beb3;width:70px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg)}.letter-actions{justify-content:center;gap:12px;margin-top:34px;transition:opacity 1s;display:flex}.letter-hint{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:#8f8494;margin-top:18px;font-size:11px}@media (width<=860px){.letter-layout{grid-template-columns:1fr}.polaroids{flex-flow:wrap;justify-content:center;gap:12px;padding-top:0}.polaroids.right{order:3;padding-top:0}.polaroids .polaroid{width:40%;max-width:170px}.paper{padding:32px 22px 48px}}.mute{right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:40;position:fixed}.zoom-toggle{position:absolute;bottom:10px;left:10px}.interior{z-index:20;touch-action:none;background:#111;animation:.4s fade;position:fixed;inset:0}.interior canvas{touch-action:none}.interior .hud-top{z-index:2}.interior-foot{left:0;right:0;bottom:max(18px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute}.interior-foot>*{pointer-events:auto}.hint-inline{color:#fff;text-align:center;background:#16111bb8;border-radius:999px;max-width:calc(100vw - 32px);padding:8px 16px;font-size:14px}@media (pointer:coarse){.interior-foot{bottom:max(180px, calc(env(safe-area-inset-bottom) + 170px))}}.focus-dim{pointer-events:none;background:radial-gradient(#0000 45%,#0a06108c 100%);transition:opacity .6s;position:absolute;inset:0}