:root{--ink:#080b10;--navy:#0d1626;--paper:#f5f7fa;--gold:#d4af37;--blue:#4da3ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif}button{font:inherit;color:inherit}.experience{min-height:100vh;overflow-x:hidden;overflow-y:visible;position:relative;background:var(--ink)}.boot{z-index:20;position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;background:#080b10;color:#9cb0c8;font:11px/1.4 "DM Mono",monospace;letter-spacing:.18em}.boot strong{color:var(--gold);font-weight:500}.boot span,.boot strong{animation:bootLine 1.6s both}.boot span:nth-child(2){animation-delay:.25s}.boot span:nth-child(3){animation-delay:.5s}.boot strong{animation-delay:.75s}@keyframes bootLine{0%,25%{opacity:0}45%,100%{opacity:1}}.booting .boot{animation:leave 1.9s 1.15s forwards}@keyframes leave{to{visibility:hidden;opacity:0}}.gate-stage{position:absolute;inset:0;display:grid;place-items:center;perspective:1100px;background:radial-gradient(ellipse at 50% 55%,#122540,#080b10 66%)}.gate-haze{position:absolute;width:70vmin;height:45vmin;filter:blur(55px);opacity:.34;background:#194a84}.gate{z-index:1;position:relative;width:min(70vw,680px);height:min(80vh,660px);padding:0;border:0;cursor:pointer;background:none;transform-style:preserve-3d;transition:transform 1.25s ease,opacity .7s .65s}.door{position:absolute;top:0;width:50%;height:100%;overflow:hidden;border:1px solid #9f8431;background:linear-gradient(100deg,#070c14,#17253a 48%,#09111e);box-shadow:inset 0 0 50px #000,0 14px 35px #000a;transition:transform 1.45s cubic-bezier(.65,.02,.2,1)}.door:before{content:"";position:absolute;inset:16px;border:1px solid #715d28;box-shadow:inset 0 0 0 14px #080f1a,inset 0 0 0 15px #5d4e27}.door i{position:absolute;left:13%;width:74%;height:22%;border:1px solid #715d28}.door i:nth-child(1){top:13%}.door i:nth-child(2){top:40%}.door i:nth-child(3){top:67%}.door-left{left:0;border-radius:4px 0 0 4px;transform-origin:left center}.door-right{right:0;border-radius:0 4px 4px 0;transform-origin:right center}.gate-copy{position:absolute;z-index:3;left:7%;right:7%;top:42%;font:500 clamp(18px,2.4vw,27px)/1.26 "Cormorant Garamond",Georgia,serif;letter-spacing:.02em;text-shadow:0 2px 12px #000;pointer-events:none}.gate-copy small{display:block;margin-top:25px;color:#d4af37;font:10px "DM Mono",monospace;letter-spacing:.24em}.opening .gate{transform:translateZ(270px);opacity:0}.opening .door-left{transform:rotateY(-103deg)}.opening .door-right{transform:rotateY(103deg)}.room-stage{position:relative;z-index:2;min-height:100vh;opacity:0;visibility:hidden;background:radial-gradient(ellipse at 50% 15%,#11213a,#0d1626 26%,#080b10 71%);transition:opacity .6s .6s,visibility .6s .6s}.entered .gate-stage{visibility:hidden}.entered .room-stage{opacity:1;visibility:visible}.room-texture{position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(#fff2 1px,transparent 1px);background-size:8px 8px}.lamp-zone{position:absolute;z-index:4;left:50%;top:0;transform:translateX(-50%);height:330px;width:230px;text-align:center}.ceiling-wire{margin:auto;height:75px;width:1px;background:#4e5865}.lamp{position:relative;margin:auto;width:150px;height:90px;filter:drop-shadow(0 7px 7px #000)}.lamp-top{position:absolute;left:62px;top:-5px;width:26px;height:14px;border-radius:50% 50% 0 0;background:#3a3f45}.shade{position:absolute;inset:7px 0 12px;border-radius:50% 50% 14px 14px;background:linear-gradient(100deg,#111820,#4a5055 50%,#161c22);clip-path:polygon(25% 0,75% 0,100% 90%,0 90%)}.bulb{position:absolute;bottom:13px;left:61px;width:28px;height:17px;border-radius:50%;background:#1c2020;transition:all .7s}.pull-cord{position:absolute;top:160px;left:114px;width:14px;height:118px;border:0;padding:0;background:none;cursor:pointer}.pull-cord:before,.firefly:before{content:"";position:absolute;inset:-14px}.pull-cord span{display:block;margin:auto;width:1px;height:91px;background:#808998}.pull-cord b{display:block;margin:-1px auto;width:13px;height:17px;border-radius:50%;background:#7a8086}.cord-hint{position:absolute;top:278px;left:0;width:100%;opacity:.7;color:#92a3b8;font:9px "DM Mono",monospace;letter-spacing:.2em}.lamp-rays,.lamp-glow{position:absolute;pointer-events:none;opacity:0;transition:opacity 1.2s}.lamp-rays{top:85px;left:50%;width:min(96vw,900px);height:620px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#d4af3710 40%,#d4af3730 50%,#d4af3710 60%,transparent);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%)}.lamp-glow{top:120px;left:50%;width:330px;height:330px;transform:translateX(-50%);border-radius:50%;background:#d4af37;filter:blur(80px)}.lit .lamp-glow{opacity:.12}.lit .lamp-rays{opacity:1}.lit .bulb{background:#fff3bc;box-shadow:0 0 15px 8px #d4af37,0 0 50px 20px #d4af3770}.lit .pull-cord{animation:pull .42s ease}.lit .cord-hint{opacity:0}@keyframes pull{50%{transform:translateY(17px)}}.dust{position:absolute;top:130px;left:20%;width:60%;height:380px;opacity:0;background-image:radial-gradient(#f5f7fa80 1px,transparent 1.5px);background-size:49px 57px}.lit .dust{opacity:.22;animation:dust 9s linear infinite}@keyframes dust{50%{transform:translate(18px,16px)}}.content{position:relative;z-index:3;width:min(1000px,94vw);margin:0 auto;padding:300px 0 40px;opacity:0;transform:translateY(22px);transition:opacity 1.2s .4s,transform 1.2s .4s}.lit .content{opacity:1;transform:none}.letter{position:relative;width:min(650px,100%);margin:0 auto;padding:42px clamp(25px,5vw,58px);border-radius:3px;background:linear-gradient(115deg,#f5f2e9,#fffdf5);color:#26303c;box-shadow:0 19px 45px #0009;font:500 clamp(16px,1.8vw,18px)/1.58 "Cormorant Garamond",Georgia,serif}.letter:before{content:"";position:absolute;inset:9px;border:1px solid #d4af3755;pointer-events:none}.letter p{position:relative;margin:0 0 15px}.letter-mark{position:absolute;right:25px;top:20px;color:#d4af37;font:italic 38px Georgia,serif}.signature{margin-top:22px!important}.subjects{position:absolute;left:0;top:330px;width:145px;color:#c2d0df;font:10px/1.4 "DM Mono",monospace}.subjects span{display:block;margin:0 0 9px;color:#d4af37;letter-spacing:.14em}.subjects span:not(:first-child){margin-top:21px}.subjects button{display:block;border:0;padding:2px 0;background:none;cursor:pointer;color:inherit;text-align:left;font:inherit}.subjects button:hover,.subjects button:focus{color:#fff}.subjects em{display:block;min-height:20px;margin-top:9px;color:#7388a1;font-style:normal}.final-message{margin:33px auto 0;text-align:center;color:#f5f7fa;font:500 clamp(14px,1.5vw,16px)/1.55 "Cormorant Garamond",Georgia,serif;text-shadow:0 0 16px #d4af3760}.final-message button{display:block;margin:23px auto 0;border:0;background:none;color:#8ba4bd;cursor:pointer;font:10px "DM Mono",monospace;letter-spacing:.08em}.final-message button:hover{color:var(--gold)}.fireflies{position:fixed;z-index:5;inset:0;pointer-events:none}.firefly{position:absolute;pointer-events:auto;width:var(--size);height:var(--size);border:0;border-radius:50%;padding:0;background:var(--color);box-shadow:0 0 9px 3px var(--color),0 0 19px 5px color-mix(in srgb,var(--color),transparent 68%);cursor:pointer;animation:drift var(--duration) ease-in-out infinite alternate,blink var(--blink) ease-in-out infinite}.firefly.black{border:1px solid #79899a;background:#111318;box-shadow:0 0 8px 3px #d5e4f077}.firefly.special{box-shadow:0 0 8px 3px #d4af37,0 0 17px 5px #4da3ff;animation-duration:9s,2.7s}@keyframes drift{to{transform:translate(var(--x),var(--y))}}@keyframes blink{50%{opacity:.35;filter:brightness(1.8)}}.tooltip{position:fixed;z-index:8;max-width:min(230px,calc(100vw - 20px));padding:10px 13px;border:1px solid #d4af3755;border-radius:4px;background:#0d1626ef;color:#f5f7fa;box-shadow:0 8px 28px #0008;opacity:0;pointer-events:none;font:12px/1.4 Manrope,Arial,sans-serif;transition:opacity .25s}.tooltip.show{opacity:1}@media(max-width:800px){.subjects{position:relative;top:auto;left:auto;display:flex;gap:8px;flex-wrap:wrap;width:min(650px,100%);margin:0 auto 13px}.subjects span,.subjects span:not(:first-child){width:100%;margin:0}.subjects em{width:100%;margin:0}.content{padding-top:280px}.letter{font-size:16px}.gate{width:88vw;height:min(65vh,570px)}.gate-copy{top:40%}}@media(max-width:480px){.lamp-zone{transform:translateX(-50%) scale(.9);transform-origin:top}.content{padding-top:250px}.letter{padding:31px 23px;font-size:15.5px;line-height:1.52}.firefly{opacity:.7;box-shadow:0 0 8px 3px var(--color),0 0 16px 4px color-mix(in srgb,var(--color),transparent 68%)}.gate{width:90vw;height:min(64vh,500px)}.gate-copy{left:6%;right:6%;font-size:clamp(17px,5.2vw,20px)}.gate-copy small{margin-top:18px}}@media(max-width:360px){.gate{height:min(62vh,430px)}.gate-copy{top:38%;font-size:17px}.gate-copy small{font-size:9px;letter-spacing:.18em}.content{width:92vw}.letter{padding:28px 20px;font-size:15px}.final-message{padding:0 10px}}