:root{--bg: #0d0c0a;--ink: #e9e3d6;--ink-dim: rgba(233, 227, 214, .66);--paper: #f5f0e1;--red: #c8635c;--red-deep: #a94f49;--red-shade: #9a4640;--red-light: #d97a72;--letter-ink: #33302b;--letter-ink-dim: #6b6357;--sans: "Nunito", -apple-system, sans-serif;--hand: "Nerko One", "Segoe Print", cursive;--script: "Homemade Apple", "Segoe Script", cursive;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body.letter-page{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;background-image:radial-gradient(ellipse 70% 55% at 50% 42%,rgba(200,99,92,.11),transparent 70%);background-attachment:fixed}#letter-scroll{height:420vh;position:relative}#letter-stage{position:sticky;top:0;height:100vh;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}#envelope-wrap{position:relative;width:min(680px,94vw);perspective:1700px;perspective-origin:50% 40%;transform:translateY(var(--wrap-offset, 34vh)) scale(var(--stage-scale, 1));transform-origin:50% 0;will-change:transform}#envelope{position:relative;width:100%;aspect-ratio:1.42 / 1;transform-style:preserve-3d}.env-back{position:absolute;top:-1.4%;left:-.7%;right:-.7%;bottom:-1.6%;background:linear-gradient(170deg,#7e332e,#6c2a25);border-radius:6px;box-shadow:inset 0 3px 6px #0006,0 30px 60px #0000008c}.env-back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background-image:var(--grain)}.env-front{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:5px;background:url(../textures/envelope.png) center / cover no-repeat,linear-gradient(168deg,var(--red-light) 0%,var(--red) 46%,var(--red-deep) 100%);box-shadow:inset 0 1px #ffffff1f,inset 0 -26px 48px #0000002e;overflow:hidden}.env-front:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grain),linear-gradient(115deg,rgba(0,0,0,.05) 0%,transparent 30%),linear-gradient(245deg,rgba(0,0,0,.05) 0%,transparent 30%);pointer-events:none}.env-front:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top right,rgba(0,0,0,.06) 0%,transparent 50%) left bottom / 62% 100% no-repeat,linear-gradient(to top left,rgba(0,0,0,.06) 0%,transparent 50%) right bottom / 62% 100% no-repeat;pointer-events:none}.env-address{position:absolute;left:8%;top:56%;z-index:4;max-width:56%}.env-addressee{font-family:var(--script);font-size:clamp(1.5rem,3.3vw,2.2rem);color:#fdf6ec;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.18);line-height:1.35}.env-address-lines{margin-top:.5em}.env-address-line{font-family:var(--hand);font-size:clamp(.95rem,1.8vw,1.15rem);color:#fdf6ecd9;line-height:1.4}.env-stamp{position:absolute;bottom:8%;right:6%;z-index:2;width:20%;aspect-ratio:.84 / 1;background:var(--grain),linear-gradient(160deg,#faf6ec,#efe9d8);display:flex;align-items:center;justify-content:center;transform:rotate(2.2deg);box-shadow:0 1px 2px #0000002e,0 5px 12px #0000003d;--perf: 3px;-webkit-mask:radial-gradient(circle at 50% 0,transparent var(--perf),#000 calc(var(--perf) + .5px)) 50% 0 / 9px 100% repeat-x,radial-gradient(circle at 50% 100%,transparent var(--perf),#000 calc(var(--perf) + .5px)) 50% 100% / 9px 100% repeat-x,radial-gradient(circle at 0 50%,transparent var(--perf),#000 calc(var(--perf) + .5px)) 0 50% / 100% 9px repeat-y,radial-gradient(circle at 100% 50%,transparent var(--perf),#000 calc(var(--perf) + .5px)) 100% 50% / 100% 9px repeat-y;-webkit-mask-composite:source-in;mask:radial-gradient(circle at 50% 0,transparent var(--perf),#000 calc(var(--perf) + .5px)) 50% 0 / 9px 100% repeat-x,radial-gradient(circle at 50% 100%,transparent var(--perf),#000 calc(var(--perf) + .5px)) 50% 100% / 9px 100% repeat-x,radial-gradient(circle at 0 50%,transparent var(--perf),#000 calc(var(--perf) + .5px)) 0 50% / 100% 9px repeat-y,radial-gradient(circle at 100% 50%,transparent var(--perf),#000 calc(var(--perf) + .5px)) 100% 50% / 100% 9px repeat-y;mask-composite:intersect}.env-stamp:before{content:"";position:absolute;top:5.5%;right:5.5%;bottom:5.5%;left:5.5%;border:1px solid rgba(154,70,64,.3);pointer-events:none}.stamp-crest{width:87%;height:auto;display:block;mix-blend-mode:multiply;filter:saturate(.85) contrast(.95) sepia(.1)}.env-stamp:after{content:"1878";position:absolute;bottom:2%;right:7%;font-family:var(--hand);font-size:clamp(.55rem,1.05vw,.72rem);color:#7a201ab8;letter-spacing:.06em}.env-postmark{position:absolute;bottom:24%;right:19%;z-index:3;width:15%;aspect-ratio:1;transform:rotate(-18deg);opacity:.42;pointer-events:none}.env-postmark svg{width:100%;height:100%}.env-postmark circle,.env-postmark line{stroke:#4a2b28}.pm-text,.pm-date{fill:#4a2b28;font-family:var(--sans);font-weight:700;letter-spacing:.09em}.env-flap{position:absolute;left:0;right:0;top:0;height:52%;z-index:6;transform-origin:50% 0;transform:rotateX(var(--flap-angle, 0deg));transform-style:preserve-3d;opacity:var(--flap-opacity, 1);will-change:transform}.env-flap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(3px);background:#6e211c;clip-path:polygon(0 0,100% 0,50% 100%)}.env-flap-face{position:absolute;top:0;right:0;bottom:0;left:0;background:url(../textures/envelope.png) center top / cover no-repeat,linear-gradient(178deg,var(--red-light),var(--red) 62%,var(--red-deep));clip-path:polygon(0 0,100% 0,50% 100%);box-shadow:inset 0 2px #ffffff1a}.env-flap-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,100% 0,50% 100%);background-image:var(--grain)}#envelope.flap-open .env-flap{z-index:1}#envelope.flap-open .env-flap-face{filter:brightness(1.3) saturate(.72)}.env-seal{position:absolute;will-change:opacity;left:50%;top:100%;width:15.5%;aspect-ratio:1;transform:translate(-50%,-50%) translateZ(1px);z-index:2;opacity:var(--seal-opacity, 1)}.env-seal svg{width:100%;height:100%}.seal-mark{fill:#6b4d10;font-family:var(--sans);font-size:26px;font-weight:800;letter-spacing:.06em}.seal-mark-shadow{fill:#fff5d766;font-family:var(--sans);font-size:26px;font-weight:800;letter-spacing:.06em;transform:translateY(1.4px)}.env-pocket{position:absolute;left:0;right:0;top:-300%;bottom:0;z-index:2;overflow:hidden;pointer-events:none}#letter-sheet{position:absolute;left:50%;bottom:0;z-index:2;will-change:transform;width:94%;height:var(--sheet-h, 500px);transform:translate(-50%) translateY(var(--sheet-y, 0px));pointer-events:auto;background:url(../textures/paper.jpg) center / cover no-repeat,linear-gradient(172deg,#f9f5ea,var(--paper) 40%,#ece6d5);border-radius:3px;padding:clamp(2rem,4.5vw,3.2rem) clamp(1.8rem,4.5vw,3rem);box-shadow:0 1.5px #cbbd9d,0 3px #b3a483,0 4px 1px #0000002e,0 -2px 14px #0003,0 18px 40px #00000052;overflow:hidden}#letter-sheet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 38px,rgba(92,70,48,.13) 38px,rgba(92,70,48,.13) 39px);background-position:0 14px;pointer-events:none}#letter-sheet:after{content:"";position:absolute;top:0;bottom:0;left:clamp(1.3rem,3vw,2.1rem);width:1px;background:#c8635c59;pointer-events:none}.sheet-inner{position:relative;z-index:1;padding-left:clamp(.6rem,1.5vw,1.1rem);opacity:clamp(0,calc((var(--pull, 0) - .16) * 2.6),1)}.sheet-salutation{font-family:var(--hand);font-size:clamp(1.7rem,3.4vw,2.2rem);color:var(--letter-ink);margin-bottom:.55em}.sheet-para{font-family:var(--hand);font-size:clamp(1.25rem,2.5vw,1.55rem);line-height:1.58;color:var(--letter-ink);margin-bottom:.8em}.sheet-signoff{font-family:var(--hand);font-size:clamp(1.2rem,2.3vw,1.45rem);color:var(--letter-ink-dim);margin-top:1.4em}.sheet-signature{font-family:var(--script);font-size:clamp(1.3rem,2.6vw,1.8rem);color:var(--letter-ink);margin-top:.3em;line-height:1.4}#stadium-live{position:relative;height:100vh;height:100svh;background:#0d0c0a;overflow:hidden}#stadium-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}#stadium-canvas.dragging{cursor:grabbing}#stadium-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(260px,50vw);height:2px;background:#e9e3d61f;border-radius:999px;overflow:hidden;transition:opacity .6s ease;pointer-events:none}#stadium-loading.done{opacity:0}#stadium-loading-bar{width:0%;height:100%;background:#e9e3d68c;transition:width .25s ease}#stadium-hint{position:absolute;left:50%;bottom:clamp(4.4rem,9vh,6.2rem);transform:translate(-50%);font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#e9e3d673;opacity:0;transition:opacity 1.2s ease;pointer-events:none}#stadium-hint.visible{opacity:1}#album-link{position:absolute;right:clamp(1.2rem,3vw,2.2rem);bottom:clamp(1.2rem,3.5vh,2.2rem);width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:var(--ink);border:1.5px solid rgba(233,227,214,.22);border-radius:50%;background:#0d0c0a8c;opacity:0;transition:opacity .8s ease,border-color .35s ease,background .35s ease,transform .35s ease}#album-link svg{width:24px;height:24px}#stadium-live.assembled #album-link{opacity:1}#album-link:hover,#album-link:focus-visible{border-color:var(--red);background:#c8635c24;transform:translateY(-3px);outline:none}@media(max-width:760px){#envelope-wrap{width:94vw}#letter-sheet{padding:1.5rem 1.3rem}.sheet-para{font-size:1.15rem;line-height:1.5;margin-bottom:.7em}.sheet-salutation{font-size:1.5rem;margin-bottom:.5em}.sheet-signoff{margin-top:1.1em}}body.reduced-motion #letter-stage{height:auto;padding:10vh 0 6vh;overflow:visible}body.reduced-motion #letter-sheet{position:relative;left:auto;bottom:auto;transform:none;width:100%;min-height:0;height:auto}body.reduced-motion .sheet-inner{opacity:1}body.reduced-motion #envelope{display:none}