@font-face{font-family:Figtree;src:url('./fonts/figtree-900.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:Figtree;src:url('./fonts/figtree-400.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{color-scheme:dark;--accent:#fca6da;--ink:#f8f4ff;--progress:0;--scene:0;background:#0b0b19;font-family:Figtree,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;color:var(--ink)}
*{box-sizing:border-box}html,body{margin:0;max-width:100%;overscroll-behavior-x:none}body{overflow-x:clip}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#ed8ed0;color:#151326}
.skip{position:fixed;top:-100px;left:20px;z-index:20;background:#dcff00;color:#121220;padding:14px}.skip:focus{top:18px}
.masthead{position:fixed;inset:0 0 auto;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:25px 4.4vw;gap:20px;background:linear-gradient(#0b0b19bb,transparent)}.brand{display:flex;gap:12px;align-items:center}.brand b{font-size:39px;font-weight:900;letter-spacing:-3px;font-style:italic;line-height:1}.brand>span{border-left:1px solid #ffffff60;padding-left:12px;font-size:10px;font-weight:900;letter-spacing:.3px;line-height:1.2}.edition{font-size:12px;letter-spacing:2px;color:#b6b2c8}.exit{font-size:14px;display:flex;align-items:center;gap:24px}.exit>span{border:1px solid #ffffff40;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:20px}.exit:hover>span{background:var(--accent);color:#0b0b19}
#journey{height:480svh;position:relative}.viewport{position:sticky;top:0;height:100dvh;overflow:hidden;isolation:isolate;background:#0b0b19}.atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 45%,#3c224655,transparent 60%),radial-gradient(ellipse at 12% 90%,#17445555,transparent 55%);z-index:-3}.space-word{position:absolute;top:14%;left:1.5%;font-weight:900;font-size:clamp(90px,16.4vw,290px);letter-spacing:-.065em;white-space:nowrap;color:#ffffff04;-webkit-text-stroke:1px #c4a8f01d;line-height:.9;z-index:-2;user-select:none}.frame-corners{position:absolute;inset:106px 2vw 67px;border:1px solid #ffffff09;pointer-events:none;z-index:-1}#world{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-1;pointer-events:none;touch-action:pan-y}
.messages{position:absolute;inset:0;pointer-events:none}.message{position:absolute;width:min(44vw,660px);left:7%;top:50%;transform:translateY(-48%);opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform}.message.is-current{visibility:visible;pointer-events:auto}.message:nth-child(2){left:53%;width:40%}.chapter-label{display:flex;align-items:center;gap:22px;color:#c6bdd2;font-size:13px;margin:0 0 26px;letter-spacing:.08em}.chapter-label>span{color:var(--accent);font-size:12px;letter-spacing:.15em;white-space:nowrap}.message h1,.message h2{font-weight:900;font-size:clamp(38px,4.55vw,78px);line-height:1.32;letter-spacing:-.055em;margin:0 0 30px;word-break:keep-all;overflow-wrap:normal}.message em{font-style:normal;color:var(--accent)}.operator-name{font-weight:900;font-size:24px;display:flex;align-items:baseline;gap:18px;margin:0 0 18px;letter-spacing:.03em}.operator-name>span{font-size:11px;color:#c4bacf;letter-spacing:.07em;font-weight:400}.body-copy{max-width:30em;font-size:16px;line-height:2;letter-spacing:.04em;color:#d4cddf;margin:0}.small-note{font-size:12px;line-height:1.7;color:#b2a9c1;margin:22px 0 0}.word-tags{display:flex;gap:10px;margin-top:26px}.word-tags span{padding:7px 12px;border:1px solid #ffffff40;transform:rotate(-4deg);font-size:13px;letter-spacing:.1em;color:var(--accent)}.word-tags span:nth-child(2){transform:rotate(4deg)}.contact{display:flex;flex-direction:column;gap:19px;align-items:flex-start;margin-top:28px}.primary-link{display:flex;align-items:center;gap:28px;padding:16px 25px;background:var(--accent);color:#14131b;font-size:15px;font-weight:900}.primary-link:hover{background:#fff}.email{font-size:14px;letter-spacing:.07em;border-bottom:1px solid #ffffff40;padding-bottom:7px}.email>span{margin-left:25px}.operator-signature{margin:28px 0 0;font-size:12px;line-height:1.8;color:#b4a9c7}.operator-signature b{margin:0 14px 0 8px;color:#faf3ff;font-size:15px}.operator-signature>span{font-size:10px;letter-spacing:.1em}
.narrator{position:absolute;right:9%;bottom:12%;display:flex;gap:12px;align-items:center;font-size:12px;padding:10px 15px;border-left:2px solid var(--accent);background:#0b0b1988}.narrator-mark{font-size:33px;color:var(--accent)}.narrator b{display:block;letter-spacing:.25em;font-size:16px}.narrator div>span{font-size:9px;color:#c5b8d5;letter-spacing:.05em}.narrator-note{padding-left:16px;color:#c5b8d5;font-size:11px}
.chapters{position:absolute;right:25px;top:48%;display:flex;flex-direction:column;gap:16px;z-index:3}.chapters a{display:grid;place-items:center;width:33px;height:33px;border:1px solid #ffffff30;border-radius:50%;font-size:10px;color:#b6acc4}.chapters a[aria-current]{border-color:var(--accent);color:#14131b;background:var(--accent)}.chapters a:hover{border-color:var(--accent)}.bottom-hud{position:absolute;inset:auto 4.4% 25px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.14em;color:#c6bfd2}.scroll-hint{display:flex;align-items:center;gap:16px}.scroll-hint>span{font-size:26px;color:var(--accent)}.scene-name{color:#b0a5c2}.progress-label>b{color:var(--ink);font-size:14px;margin-left:15px}.progress-label>span{opacity:.5}.progress-track{position:absolute;inset:auto 0 0;height:3px;background:#ffffff12}.progress-track>span{display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(var(--progress));transform-origin:left}.fallback-character{position:absolute;right:8%;top:18%;width:33%;height:65%;object-fit:contain;z-index:-1}.webgl-note{position:absolute;right:8%;bottom:9%;font-size:11px;color:#c5b8d5;max-width:300px}.mobile-break{display:none}.no-script{position:fixed;inset:100px 0 0;background:#0b0b19;z-index:10;padding:30px}
@media(min-width:1700px){.message{left:9%}.message:nth-child(2){left:54%}.narrator{right:14%}}
@media(max-width:800px){.masthead{padding:20px 6%;gap:14px}.brand b{font-size:32px}.brand>span{font-size:8px;padding-left:8px}.brand{gap:8px}.edition{display:none}.exit{font-size:12px;gap:10px}.exit>span{width:30px;height:30px}.frame-corners{inset:90px 4% 68px}.space-word{top:41%;font-size:25vw;left:0}.message,.message:nth-child(2){left:7%;width:86%;top:16%;transform:none!important}.chapter-label{font-size:11px;gap:12px;margin-bottom:13px}.chapter-label>span{font-size:10px}.message h1,.message h2{font-size:clamp(32px,8.2vw,52px);line-height:1.26;margin-bottom:14px;letter-spacing:-.045em}.operator-name{font-size:18px;gap:14px;margin-bottom:8px}.operator-name>span{font-size:9px}.body-copy{font-size:13px;line-height:1.85;max-width:34em}.desktop-break{display:none}.message:nth-child(3) h2{font-size:clamp(29px,7.5vw,47px)}.small-note{font-size:10px;margin-top:10px}.word-tags{margin-top:14px}.word-tags span{font-size:10px;padding:5px 9px}.narrator{right:7%;bottom:12%;padding:6px 10px;gap:8px}.narrator-mark{font-size:23px}.narrator b{font-size:12px}.narrator div>span{font-size:7px}.narrator-note{display:none}.chapters{right:6%;top:auto;bottom:77px;flex-direction:row;gap:9px}.chapters a{width:27px;height:27px;font-size:9px}.bottom-hud{inset:auto 6% 25px;font-size:9px;letter-spacing:.08em}.scene-name{display:none}.scroll-hint{gap:8px}.scroll-hint>span{font-size:20px}.progress-label>b{font-size:12px;margin-left:7px}.contact{flex-direction:row;align-items:center;gap:17px;margin-top:18px}.primary-link{font-size:12px;padding:12px 14px;gap:10px}.email{font-size:10px;letter-spacing:0}.email>span{margin-left:7px}.operator-signature{margin-top:15px;font-size:10px}.operator-signature b{font-size:12px}.operator-signature>span{display:none}.fallback-character{right:22%;top:46%;height:40%;width:56%}.webgl-note{bottom:5%;right:6%;max-width:88%;font-size:10px}.message:nth-child(4) .body-copy{font-size:12px} }
@media(max-width:800px) and (max-height:730px){.masthead{padding-top:14px}.message,.message:nth-child(2){top:14%}.message h1,.message h2{font-size:30px;margin-bottom:9px}.message:nth-child(3) h2{font-size:28px}.body-copy{font-size:12px}.chapter-label{margin-bottom:10px}.operator-name{font-size:16px}.narrator{bottom:15%}.contact{margin-top:12px}.operator-signature{margin-top:10px}}
@media(max-height:550px) and (min-width:801px){.masthead{padding-top:16px}.message h1,.message h2{font-size:36px;margin-bottom:12px}.chapter-label{margin-bottom:12px}.body-copy{font-size:13px}.operator-name{font-size:18px;margin-bottom:10px}.contact{margin-top:14px}.operator-signature{margin-top:12px}.narrator{bottom:13%}}
@media(prefers-reduced-motion:reduce){.word-tags span{transform:none}.space-word{display:none}}

/* Keep body copy readable while the character occupies the lower half on phones. */
@media(max-width:800px){.body-copy{font-size:14px;line-height:1.8}.message:nth-child(4) .body-copy{font-size:13px}.narrator{bottom:15%}.webgl-note{bottom:6%;opacity:.75}.chapters a{width:32px;height:32px}.chapter-label{font-size:12px}.chapter-label>span{font-size:11px}}
@media(max-width:800px) and (max-height:730px){.body-copy{font-size:12px}.message:nth-child(4) .body-copy{font-size:12px}.message,.message:nth-child(2){top:13%}.chapter-label{font-size:10px}}

[hidden]{display:none!important}

@media(max-width:800px){.message:nth-child(4){top:13%}}

@media(max-width:800px) and (max-height:730px){.narrator{bottom:19%}}

.model-loading{position:absolute;right:10%;top:46%;font-size:14px;color:#d4cddf;pointer-events:none}.voice-control{position:fixed;z-index:9;right:4.4%;top:92px;background:#17152be8;color:#f8f4ff;border:1px solid #ffffff40;padding:10px 15px;font:inherit;font-size:14px;cursor:pointer}.voice-control:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.voice-control[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.voice-note{position:fixed;right:4.4%;top:135px;z-index:9;font-size:12px;max-width:260px;color:#c6bdd2;text-align:right}.voice-note:empty{display:none}
@media(max-width:800px){.model-loading{top:65%;left:15%;right:15%;text-align:center}.voice-control{top:auto;bottom:120px;right:6%;font-size:12px;padding:8px 11px}.voice-note{top:auto;bottom:157px;right:6%;max-width:200px;font-size:12px}.narrator{left:7%;right:auto;bottom:78px}.message,.message:nth-child(2){top:100px}.message:nth-child(4){top:100px}}
@media(max-width:800px) and (max-height:730px){.message,.message:nth-child(2),.message:nth-child(4){top:84px}.chapter-label{margin-bottom:9px}.message h1,.message h2{font-size:28px;margin-bottom:8px}.body-copy{font-size:13px;line-height:1.7}.operator-name{margin-bottom:6px}.voice-control{bottom:115px}.narrator{bottom:77px}}

@media(max-width:800px){.fallback-character{object-fit:cover;object-position:center top}}

.webgl-note{margin:0;bottom:58px;right:8%;font-size:11px;line-height:1.6;max-width:280px}@media(max-width:800px){.webgl-note{left:7%;right:auto;bottom:56px;max-width:86%;font-size:10px}}

@media(max-width:800px){.contact{flex-wrap:wrap;gap:12px}}