@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600&display=swap');
:root{--cream:#fff3ef;--pink:#ffadd5;--gold:#f7c68c;--night:#090518}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--night);color:var(--cream)}body{font-family:Inter,Arial,sans-serif;overflow-x:hidden}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.stars{position:fixed;inset:0;z-index:20;pointer-events:none;background-image:radial-gradient(1px 1px at 15% 20%,#fff8 99%,transparent),radial-gradient(1px 1px at 65% 75%,#fff8 99%,transparent),radial-gradient(2px 2px at 80% 35%,#f7c68c77 99%,transparent);background-size:260px 230px;opacity:.55}.topbar{position:fixed;z-index:30;top:0;left:0;right:0;padding:19px clamp(18px,4.5vw,85px);display:flex;justify-content:space-between;align-items:center;pointer-events:none}.topbar button{pointer-events:auto}.brand{border:0;background:none;font:600 clamp(18px,2vw,27px) 'Cormorant Garamond',Georgia,serif;text-shadow:0 2px 15px #000}.brand span{color:var(--pink)}.tools{display:flex;gap:12px}.round{width:48px;height:48px;border:1px solid #ffffff60;background:#110b28a8;border-radius:50%;font-size:25px;backdrop-filter:blur(12px);transition:.25s}.round:hover{border-color:var(--gold);box-shadow:0 0 20px #f7a86b55}.screen{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;display:none}.screen.active{display:flex}.screen[hidden]{display:none!important}.backdrop{position:absolute;inset:0;z-index:-3;background-position:center;background-size:cover;transform:scale(1.04);animation:slowZoom 24s ease-in-out infinite alternate}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080413a3,#09051b55,#080413a0),linear-gradient(0deg,#09051885,transparent 45%,#09051866)}@keyframes slowZoom{to{transform:scale(1.12)}}.intro,.ending-content{position:relative;width:min(100% - 35px,1100px);margin:auto;text-align:center;padding:115px 0 65px}.eyebrow{font-size:clamp(10px,1.1vw,14px);font-weight:600;letter-spacing:.34em;color:var(--gold);text-transform:uppercase}.orbit{position:absolute;z-index:-1;left:50%;top:52%;width:min(54vw,550px);aspect-ratio:1;border:2px solid #f9bf7a77;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px #ffae6330,inset 0 0 35px #ffae6330;pointer-events:none}.orbit:before,.orbit:after{content:"";position:absolute;inset:18px;border:1px dashed #ffd2a377;border-radius:50%;animation:spin 45s linear infinite}.orbit:after{inset:38px;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}h1,h2,p{margin-top:0}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}h1{font-size:clamp(65px,10vw,158px);line-height:.8;letter-spacing:.035em;text-shadow:0 4px 25px #000b;margin:50px auto 30px}h1 small{display:block;font-size:.38em;letter-spacing:.24em;line-height:1.6}h1 em{display:block;font-style:normal;color:#ffd5d8;text-shadow:0 0 22px #d9487c88}.subtitle{font:italic clamp(20px,2.6vw,35px) 'Cormorant Garamond',Georgia,serif;margin:25px auto 30px}.glow-btn,.outline-btn{border:1px solid #f6bd8c;background:#1a1032cc;padding:16px 28px;border-radius:100px;letter-spacing:.04em;box-shadow:0 0 25px #f2a16b55;transition:transform .25s,background .25s}.glow-btn:hover,.outline-btn:hover{transform:translateY(-3px);background:#69315b}.glow-btn span{margin-left:12px}.map{align-items:center;justify-content:center}.map-content{width:min(1100px,calc(100% - 35px));text-align:center;padding:105px 0 55px}.map h2{font-size:clamp(48px,7vw,92px);margin:0;color:#ffd1e7;text-shadow:0 0 20px #f257ae7a}.map-hint{font:italic 25px 'Cormorant Garamond',Georgia,serif}.world-grid{margin:35px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.world-grid button{position:relative;min-height:155px;padding:22px 12px;background:linear-gradient(140deg,#190b36dc,#421c4ca8);border:1px solid #f6b7d17a;border-radius:20px;box-shadow:inset 0 0 24px #bd5de61e,0 0 28px #0009;backdrop-filter:blur(8px);transition:.3s}.world-grid button:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 0 30px #ef83c566}.world-no{display:block;font:42px 'Cormorant Garamond',Georgia,serif;color:var(--gold);margin-bottom:5px}.world-grid strong{display:block;font:600 25px 'Cormorant Garamond',Georgia,serif}.world-grid small{display:block;margin-top:8px;color:#f4c7e0}.story{align-items:center}.story-shade{background:linear-gradient(90deg,#080413ed 0%,#080413c7 36%,#08041333 76%),linear-gradient(0deg,#0804139e,transparent 40%)}.story-content{width:min(680px,calc(100% - 40px));padding:110px 0 125px;margin-left:clamp(20px,7vw,140px);max-height:100svh;overflow-y:auto;scrollbar-width:thin}.story h2{font-size:clamp(50px,6vw,95px);line-height:.93;margin:12px 0;color:#ffd8e7}.story-subtitle{font:italic clamp(24px,2.8vw,38px) 'Cormorant Garamond',Georgia,serif;color:#f5c6de}.letter{font:clamp(17px,1.5vw,22px)/1.58 'Cormorant Garamond',Georgia,serif;white-space:pre-line;text-shadow:0 2px 10px #000}.signature{font:italic 23px 'Cormorant Garamond',Georgia,serif;margin-top:18px;color:#ffcae2}.story-nav{position:absolute;z-index:3;left:clamp(18px,4vw,75px);right:clamp(18px,4vw,75px);bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.outline-btn{background:#110b22b8;padding:11px 20px;box-shadow:none}.dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.dots button{width:9px;height:9px;border:0;padding:0;background:#ffffff77;border-radius:50%}.dots button.selected{background:var(--pink);box-shadow:0 0 12px var(--pink)}.ending{align-items:center;justify-content:center}.ending h2{font-size:clamp(35px,4.5vw,69px);line-height:1.2;text-shadow:0 2px 16px #000}.ending h2 em{color:#ffd5e7}.ending-content>p:not(.eyebrow){font:italic 26px 'Cormorant Garamond',Georgia,serif}.infinity{font:100px 'Cormorant Garamond',Georgia,serif;color:#ffc5e7;text-shadow:0 0 30px #f46bbc}.music-status{position:fixed;z-index:31;right:clamp(20px,4.5vw,85px);top:79px;font-size:11px;color:#ffdae8;text-shadow:0 2px 10px #000;pointer-events:none}.transition{position:fixed;z-index:50;inset:0;background:radial-gradient(circle,#f5b8ff,#47286b 25%,#090518 70%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s}.transition.show{opacity:1;visibility:visible}@media(max-width:700px){.topbar{padding:15px}.round{width:40px;height:40px;font-size:22px}.music-status{top:67px;right:15px;font-size:10px}.intro{padding-top:120px}h1{font-size:clamp(49px,12vw,88px)}.orbit{width:85vw}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.world-grid button{min-height:125px}.world-grid strong{font-size:21px}.map-content{padding-top:115px}.story-shade{background:linear-gradient(90deg,#080413ed,#080413aa)}.story-content{margin:0 auto;padding:110px 0 105px;max-height:calc(100svh - 5px)}.story h2{font-size:clamp(45px,12vw,75px)}.letter{font-size:19px}.story-nav{bottom:16px;left:14px;right:14px}.outline-btn{padding:10px 12px;font-size:12px}.dots{gap:5px}.dots button{width:7px;height:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}