:root{--bg:#050505;--white:#f5f5f2;--gold:#d6b76b;--gold2:#f5df9c;--font-en: "Cormorant Garamond", serif;--font-ja: "Noto Serif JP", serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--white);font-family:var(--font-ja);overflow-x:hidden;line-height:1.9}.floating-nav{position:fixed;right:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:18px;z-index:9999;opacity:0;visibility:hidden;transition:opacity 1.5s ease,visibility 1.5s}body.hero-phase-start .floating-nav{opacity:1;visibility:visible}.nav-item{font-family:var(--font-en);font-size:11px;color:#ffffff40;text-decoration:none;letter-spacing:.1em;transition:all .4s cubic-bezier(.22,.61,.36,1);position:relative;padding-right:15px;text-align:right}.nav-item:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#fff3;border-radius:50%;transition:all .4s}.nav-item:hover,.nav-item.active{color:var(--gold2);text-shadow:0 0 10px rgba(245,223,156,.4)}.nav-item.active:after,.nav-item:hover:after{background:var(--gold2);box-shadow:0 0 8px var(--gold);transform:translateY(-50%) scale(1.5)}.sound-button{position:fixed;top:30px;right:30px;background:transparent;border:1px solid rgba(215,180,70,.25);color:#f4e4a5;font-family:var(--font-en);font-size:11px;letter-spacing:.15em;padding:8px 20px;cursor:pointer;z-index:9998;opacity:0;visibility:hidden;transition:opacity 1s ease,border-color .3s}.sound-button:hover{border-color:#f0d37c}body.hero-phase-start .sound-button{opacity:1;visibility:visible}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#040404;z-index:10000;display:flex;align-items:center;justify-content:center;text-align:center}.loading-inner{max-width:450px;width:90%}.loading-copy{font-family:var(--font-en);font-size:16px;font-weight:300;letter-spacing:.35em;color:var(--gold);margin-bottom:20px}.loading-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);margin:0 auto 24px}.loading-message{font-size:15px;color:#999;margin-bottom:40px;letter-spacing:.1em}#enterButton{background:transparent;border:1px solid rgba(215,180,70,.4);color:#f4e4a5;font-family:var(--font-en);padding:16px 42px;font-size:13px;letter-spacing:.2em;cursor:pointer;transition:.5s cubic-bezier(.22,.61,.36,1)}#enterButton:hover{border-color:#f0d37c;box-shadow:0 0 30px #e6be5040;transform:translateY(-2px)}#air-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.hero{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at top,rgba(255,220,120,.06),transparent 60%),linear-gradient(180deg,#080808,#040404)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.02),transparent 70%);z-index:2}.hero-light{position:absolute;width:min(85vw,800px);height:min(85vw,800px);border-radius:50%;background:radial-gradient(circle,rgba(255,235,180,.11),transparent 70%);filter:blur(60px);animation:lightRotate 26s linear infinite;z-index:2}@keyframes lightRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}.hero-inner{width:min(1200px,88%);height:82vh;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;position:relative;z-index:5}.coin-stage{position:relative;display:flex;justify-content:center;align-items:center;perspective:1400px;width:100%;height:100%;min-height:clamp(240px,32vh,360px)}.flip-coin-inner{position:relative;width:clamp(240px,32vh,360px);height:clamp(240px,32vh,360px);transform-style:preserve-3d;cursor:grab}.coin-face{position:absolute;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0 0 25px rgba(255,215,100,.15))}.coin-front{transform:translateZ(5px)}.coin-back{transform:rotateY(180deg) translateZ(5px)}.coin-edge-layer{position:absolute;width:100%;height:100%;object-fit:contain;filter:brightness(.58) contrast(1.1);pointer-events:none}.hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%}.hero-sub{font-family:var(--font-en);font-size:clamp(14px,1.5vh,16px);font-weight:400;letter-spacing:.32em;color:var(--gold);margin-bottom:clamp(15px,2.5vh,25px)}.hero h1{font-size:clamp(28px,4.2vh,44px);line-height:1.45;font-weight:400;color:var(--gold2);letter-spacing:.05em;margin-bottom:clamp(20px,3.5vh,35px)}.hero-text{font-size:clamp(14px,1.8vh,16px);line-height:2.2;color:#c8c8c8;font-weight:300}.hero-button{display:inline-block;margin-top:clamp(25px,4.5vh,45px);padding:16px 42px;border:1px solid rgba(215,180,70,.4);color:#f4e4a5;font-family:var(--font-en);font-size:12px;letter-spacing:.18em;text-decoration:none;transition:.45s;position:relative;overflow:hidden}.hero-button:before{content:"";position:absolute;top:0;left:-120%;width:120%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:1.2s}.hero-button:hover:before{left:120%}.hero-button:hover{transform:translateY(-2px);border-color:#f0d37c;box-shadow:0 0 25px #e6be5040}.hero-scroll{position:absolute;bottom:3vh;left:50%;transform:translate(-50%);font-family:var(--font-en);font-size:11px;letter-spacing:.25em;color:#ffffff4d;z-index:5}.chapter{position:relative;padding:clamp(120px,18vh,200px) 0;z-index:10;transition:background 1.5s ease}.chapter .container{max-width:1200px;width:88%;margin:auto}.chapter-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.chapter-lydia{background:linear-gradient(180deg,#040404,#080808)}.chapter-alexander{background:linear-gradient(180deg,#080808,#040914)}.chapter-louis{background:linear-gradient(180deg,#040914,#0f0305)}.chapter-una{background:linear-gradient(180deg,#0f0305,#020d09)}.chapter-universe{background:radial-gradient(circle at center,#070c1f,#030408);border-bottom:1px solid rgba(215,180,70,.05)}.chapter-universe .container{max-width:1140px}.universe-title{text-align:center;margin-bottom:50px}.universe-text-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;text-align:left;margin-bottom:75px}.universe-text-item{font-size:13px;line-height:2.4;color:#a5a5a5;border-top:1px solid rgba(215,180,70,.18);padding-top:25px;font-weight:300}.universe-coin-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;width:100%;max-width:1000px;margin:50px auto 0}.universe-coin-gallery .flip-coin-inner{width:100%;max-width:170px;aspect-ratio:1/1;margin:auto}.chapter-number{font-family:var(--font-en);font-size:14px;color:var(--gold);letter-spacing:.25em;margin-bottom:20px}.chapter h2{font-size:clamp(26px,3.8vh,40px);line-height:1.5;margin-bottom:35px;font-weight:400;color:#f3e3b3;letter-spacing:.03em}.chapter p{font-size:clamp(15px,1.8vh,17px);line-height:2.3;color:#b8b8b8;font-weight:300}.fade{opacity:0;transform:translateY(50px);transition:opacity 1.5s ease,transform 1.5s ease}.fade.show{opacity:1;transform:translateY(0)}.brand{position:relative;padding:160px 0;text-align:center;background:#030408;z-index:10}.brand h2{font-family:var(--font-en);font-size:clamp(32px,4.5vw,54px);color:var(--gold2);font-weight:300;letter-spacing:.2em;margin-bottom:15px}.brand p{font-family:var(--font-en);font-size:13px;color:#555;letter-spacing:.35em}footer{background:#020205;padding:90px 0;text-align:center;position:relative;z-index:10;border-top:1px solid #0d0d15}.footer-inner h3{font-family:var(--font-en);font-size:26px;font-weight:300;letter-spacing:.12em;margin-bottom:15px;color:#f3ddb0}.footer-inner p{color:#555;font-size:12px;margin:5px 0;letter-spacing:.15em}.footer-inner .footer-copy{font-family:var(--font-en);color:#888;font-size:14px;line-height:1.6;margin:20px 0;letter-spacing:.05em}footer small{font-family:var(--font-en);font-size:11px;color:#444;letter-spacing:.05em}@media(max-width:1024px){.floating-nav{right:15px;gap:10px}.nav-item{font-size:9px;padding-right:8px}.hero-inner,.chapter-layout{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4vh}.universe-text-grid{grid-template-columns:1fr;gap:30px}.universe-coin-gallery{grid-template-columns:repeat(2,1fr);gap:30px}.coin-stage{min-height:30vh;height:35vh}.flip-coin-inner{width:auto;height:100%;aspect-ratio:1/1}.hero-copy,.chapter-copy{align-items:center;text-align:center}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#030408}::-webkit-scrollbar-thumb{background:linear-gradient(#6d5315,#dcb84d,#6d5315);border-radius:10px}::selection{background:#d8b34a;color:#111}.hero-inner{opacity:0;transition:opacity 3s ease}body.hero-phase-start .hero-inner{opacity:1}.coin-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.portal-gate-label{margin-top:40px;text-align:center;pointer-events:none;opacity:.7;transition:opacity .6s cubic-bezier(.25,1,.5,1),transform .6s cubic-bezier(.25,1,.5,1);letter-spacing:.15em}.coin-stage:hover .portal-gate-label{opacity:1;transform:translateY(4px)}.portal-gate-label .gate-jp{display:block;font-family:"Noto Serif JP",serif;font-size:16px;font-weight:400;color:#c5a059;margin-bottom:4px}.portal-gate-label .gate-en{display:block;font-family:Cormorant Garamond,serif;font-size:13px;font-weight:300;text-transform:uppercase;color:#a3a3a3}
/*# sourceMappingURL=/cdn/shop/files/style.css.map */