:root{color-scheme:dark;--ink:#f4f2ef;--muted:#a9b2c7;--line:#ffffff29;--accent:#bbceff;font-family:Arial,Helvetica,sans-serif;background:#050713;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100svh}button,a,input{touch-action:manipulation}button,a{color:inherit}a{text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:1px solid var(--line);border-radius:99px;padding:12px 20px}button:hover,.pill:hover{background:#ffffff15}a:focus-visible,button:focus-visible{outline:2px solid #c9dbff;outline-offset:6px}button:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}#universe{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2}.grain{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent,#02030b80);z-index:-1}.site-header{height:104px;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;position:relative;z-index:10;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:900;font-style:italic;letter-spacing:-1.5px}.brand svg{width:58px;fill:#9faaff;stroke:#e9e6ff;stroke-width:1.4}.brand svg ellipse{fill:none}.brand small{display:block;font-style:normal;font-size:9px;letter-spacing:6px;font-weight:400;margin-top:3px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px}#menu{width:48px;height:48px;padding:14px;display:grid;align-content:center;gap:5px}#menu span{height:1px;background:white;width:100%}.skip{position:absolute;left:12px;top:-100px;z-index:100;background:#111;padding:12px}.skip:focus{top:12px}.view{min-height:calc(100svh - 160px)}.home{position:relative;display:flex;flex-direction:column;padding:5vh 5vw 0}.intro{position:relative;z-index:2;pointer-events:none}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:10px;color:#c1c7d9;line-height:1.6}h1{font-size:clamp(48px,6.6vw,110px);font-weight:400;letter-spacing:-.06em;line-height:.98;margin:22px 0;max-width:1050px;text-wrap:balance}h1 em{font-family:Georgia,serif;font-weight:400;color:#cdd5ee}p{line-height:1.7}.intro>p:last-child{font-size:14px;color:#b5bdcf}.galaxies{position:relative;min-height:360px;flex:1;margin-top:-130px}.galaxy{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:230px;height:230px;border-radius:50%;isolation:isolate}.g1{left:45%;top:-35px}.g2{right:0;top:150px}.g3{left:12%;top:155px}.galaxy-core{position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid #ffffff25;transform:rotate(-28deg) scaleY(.5);transition:transform .6s,border-color .6s;box-shadow:0 0 80px #7785ea12}.galaxy:hover .galaxy-core,.galaxy:focus-visible .galaxy-core{transform:rotate(25deg) scaleY(.8);border-color:#bbd4ffa0;box-shadow:0 0 70px #b2c3ff33}.galaxy small{font-size:9px;letter-spacing:2px;text-transform:uppercase;position:relative;color:#aebbd6}.galaxy strong{font-weight:500;font-size:20px;letter-spacing:3px;margin:9px 0;position:relative;text-shadow:0 2px 12px #000}.hint{font-size:11px;line-height:1.7;opacity:0;max-width:210px;transition:.3s;transform:translateY(6px)}.galaxy:hover .hint,.galaxy:focus-visible .hint{opacity:1;transform:none}.home-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:11px;color:#a6aec1}.home-bottom>span:before{content:'✦';margin-right:12px;color:#d7dbff}.home-bottom button{font-size:11px}.destination{padding:35px 8vw 80px;max-width:1500px;margin:auto}.destination>p{max-width:620px;color:#b8bfd0}.destination .lede{font-size:24px;color:white}.back{display:inline-block;font-size:12px;margin:0 0 32px;color:#c7d0e5}.episode-grid,.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px}.episode,.game{border:1px solid var(--line);border-radius:5px;background:linear-gradient(130deg,#141b3280,#060816b0);padding:35px;position:relative;overflow:hidden}.episode{display:block;text-align:left;border-radius:5px}.episode img{width:100%;aspect-ratio:16/9;object-fit:cover}.episode h2,.game h2{font-size:35px;font-weight:400;letter-spacing:-1px;position:relative}.episode p,.game p{position:relative;color:#b7bfd2}.status{border:1px solid var(--line);padding:7px 14px;border-radius:40px;font-size:11px;display:inline-block}.empty{grid-column:1/-1;max-width:720px;padding:32px 0;border-top:1px solid var(--line)}.empty h2{font-weight:400;font-size:28px}.empty p{color:#aeb7cc}.format-line{display:flex;gap:25px;flex-wrap:wrap;margin-top:40px;font-size:11px;color:#aeb7cc}.game{min-height:350px;display:flex;flex-direction:column;justify-content:end}.game .orb{position:absolute;width:220px;height:220px;top:-70px;right:-20px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#c5d3ff,#7868dd 25%,#161635 63%,#03040c);box-shadow:0 0 80px #8c91f733}.otwonoverse .orb{background:radial-gradient(circle at 30% 25%,#ddfff5,#358c85 25%,#061e28 63%,#03040c)}.game .status{align-self:start}.pill{display:inline-block;padding:16px 24px;border:1px solid var(--line);border-radius:30px;margin-top:20px}body>footer{padding:22px 4vw;display:flex;align-items:center;gap:24px;color:#959fb6;font-size:10px}body>footer span{margin-right:auto}#motion{padding:5px 10px;font-size:10px}.prose{max-width:800px;line-height:1.8}.document h1{font-size:55px}dialog{color:var(--ink);background:#080c19;border:1px solid var(--line)}dialog::backdrop{background:#02030bd9;backdrop-filter:blur(16px)}#navigation{width:min(640px,94vw);padding:30px;border-radius:12px}#navigation nav{display:grid;gap:25px;margin:30px 0}#navigation nav a{font-size:25px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:16px;font-weight:400}.dialog-head button{font-size:24px;padding:7px 15px}#reader{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden}#reader[open]{display:flex;flex-direction:column}.reader-toolbar,.formats,.reader-controls{display:flex;gap:12px;align-items:center;justify-content:center;padding:14px 25px;background:#0b0f1ddd;z-index:3}.reader-toolbar{justify-content:space-between;transition:opacity .3s;min-height:60px}.reader-toolbar button,.formats button,.reader-controls button{padding:9px 15px;font-size:12px}.reader-toolbar span{font-size:13px}.formats{flex-wrap:wrap;padding-top:0}.formats button[aria-pressed=true]{background:#ccd7ef;color:#080c19}.reader-controls{margin-top:auto;font-size:12px;min-height:54px}#reader-stage{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(1300px,100%);height:100%;gap:2px;align-items:center}.spread.single{grid-template-columns:1fr}.page{height:100%;min-height:0;position:relative;overflow:hidden}.page img{width:100%;height:100%;object-fit:contain}.book-page{background:#eee8d9;color:#272322;padding:clamp(22px,3vw,55px);font:clamp(15px,1.2vw,19px)/1.8 Georgia,serif;height:100%;overflow:auto;white-space:pre-wrap;box-shadow:inset 10px 0 20px #00000012}.novel-font{display:flex;gap:10px;position:absolute;bottom:10px;right:20px;background:#151b2c;padding:4px;border-radius:30px}.audio-stage{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:750px;width:100%;text-align:center}.audio-stage img{width:min(380px,65vw);max-height:45dvh;object-fit:contain}.audio-stage audio{width:100%}.audio-stage p{min-height:2em;font-size:18px}.video-stage{max-width:100%;max-height:100%;width:100%}.locked{text-align:center;max-width:550px}.panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;width:100%;height:100%}.panels img{object-fit:contain;max-width:100%;max-height:100%;min-height:0}.panels img:first-child{grid-column:1/-1}.panels.manga{direction:rtl;grid-template-columns:repeat(3,minmax(0,1fr))}.panels.manga img:first-child{grid-column:1/3;grid-row:1/3}.panels.manga img:nth-child(2){grid-column:3}.panel-page{height:100%;max-height:100%;width:min(1050px,100%)}.reading .reader-toolbar,.reading .formats{opacity:0;pointer-events:none}.reading .reader-toolbar:focus-within,.reading .formats:focus-within{opacity:1;pointer-events:auto}.speaking .brand svg{filter:drop-shadow(0 0 15px #c8c9ff)}.swapping{animation:arrive .45s both}@keyframes arrive{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:800px){.site-header{height:80px;padding:0 20px}.brand{font-size:21px}.brand svg{width:42px}.site-header nav{gap:14px;font-size:12px}.home{padding:25px 24px 0}.intro h1{font-size:clamp(45px,10vw,68px)}.intro>p:last-child{font-size:12px}.galaxies{margin-top:5px;min-height:450px}.galaxy{width:180px;height:180px}.g1{left:2%;top:0}.g2{right:0;top:140px}.g3{left:2%;top:280px}.galaxy strong{font-size:15px}.galaxy small{font-size:8px}.hint{opacity:1;transform:none;font-size:10px}.home-bottom{gap:15px;font-size:10px}.home-bottom button{max-width:150px}.destination{padding:25px 24px 60px}.destination h1{font-size:60px}.episode-grid,.game-grid{grid-template-columns:1fr}.game{min-height:290px}.format-line{gap:16px}body>footer{flex-wrap:wrap;padding:20px;gap:14px}body>footer span{width:100%}.reader-toolbar{padding:10px;gap:8px}.reader-toolbar span{max-width:40%;font-size:11px}.reader-toolbar button,.formats button{font-size:10px;padding:8px 10px}.formats{gap:5px;padding:0 6px 10px}#reader-stage{padding:8px}.spread{grid-template-columns:1fr}.book-page{font-size:17px}.reader-controls{padding:10px}.panels.manga{grid-template-columns:repeat(2,minmax(0,1fr))}.panels.manga img:first-child{grid-column:1/-1;grid-row:auto}.panels.manga img:nth-child(2){grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Immersive universe navigation */
:root{background:#030509;--accent:#e6cfae}.grain{background:radial-gradient(ellipse at 60% 45%,transparent 20%,#02030950 90%)}.site-header{border:0;height:100px}.brand svg{fill:#c5b49a;stroke:#e9dfcc}.brand{letter-spacing:-1px}.home{height:calc(100svh - 165px);min-height:610px;padding:0;display:block}.intro{position:absolute;left:5vw;top:6%;z-index:1}.intro .eyebrow{font-size:9px;letter-spacing:3px;color:#b7b4ae}.intro h1{font-size:clamp(40px,5.4vw,90px);font-weight:800;line-height:.95;letter-spacing:-.045em;margin-top:20px}.intro h1 em{font-family:Georgia,serif;font-weight:400;font-size:1.13em;text-transform:none;color:#e7d7bc}.map-caption{position:absolute;right:4vw;top:4%;writing-mode:vertical-rl;font:9px monospace;letter-spacing:4px;color:#8e969b}.galaxies{position:absolute;inset:0;margin:0;min-height:0}.galaxy{width:270px;height:180px;border-radius:0;transform:translate(-50%,-50%);text-align:left;align-items:flex-start;padding:25px;transition:background .5s,box-shadow .5s}.g1{left:61%;top:41%;right:auto}.g2{left:82%;top:80%;right:auto}.g3{left:23%;top:79%}.galaxy-core{width:8px;height:8px;left:2px;top:56px;border:1px solid #f3e3c8;box-shadow:0 0 15px #fff8da;border-radius:50%;transform:none!important;background:#f3e3c8}.galaxy small{font:9px monospace;letter-spacing:2px;color:#d0c5b4}.galaxy strong{font-size:20px;font-weight:600;letter-spacing:2px;margin:12px 0;text-shadow:0 2px 18px black}.hint{display:block;font-size:12px;line-height:1.65;opacity:0;visibility:hidden;transform:translateY(10px);max-width:240px;color:#c9ced6;transition:opacity .3s,transform .3s,visibility .3s}.hint b{display:block;color:#f2dfc1;font-weight:400;font-size:10px;margin-top:12px;letter-spacing:.5px}.galaxy:hover,.galaxy:focus-visible,.galaxy.revealed{background:#070c16bd;box-shadow:0 0 60px 25px #070c16a0;z-index:3}.galaxy:hover .hint,.galaxy:focus-visible .hint,.galaxy.revealed .hint{opacity:1;visibility:visible;transform:none}.home-bottom{position:absolute;bottom:0;left:5vw;right:5vw;padding:0;font:10px monospace;letter-spacing:.5px}.home-bottom button{border-color:#ffffff25}.destination{animation:destination-in .8s both}.destination>h1 em{color:#e7d7bc}.traveling #universe{animation:flight .9s both}.traveling .destination{animation:destination-in .9s both}.format-line{border-top:1px solid #ffffff25;padding-top:25px}body>footer{border-top:1px solid #ffffff0d}.game{border-radius:16px}.game:hover .orb{transform:scale(1.15) rotate(10deg);transition:transform 1s}.brand svg path{transform-origin:40px 30px;animation:satellite 30s linear infinite}.speaking #universe{filter:brightness(1.25)}@keyframes satellite{to{transform:rotate(360deg)}}@keyframes flight{0%{filter:brightness(1);transform:scale(1)}45%{filter:brightness(2);transform:scale(1.15)}100%{filter:brightness(1);transform:scale(1)}}@keyframes destination-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(max-width:800px){.site-header{height:80px}.home{height:calc(100svh - 135px);min-height:630px}.intro{left:24px;top:2%}.intro .eyebrow{font-size:8px;letter-spacing:1.8px}.intro h1{font-size:clamp(35px,9vw,58px);margin-top:12px}.map-caption{display:none}.galaxy{width:220px;height:170px;padding:22px}.galaxy strong{font-size:16px;letter-spacing:1.5px}.galaxy small{font-size:8px}.g1{left:51%;top:36%}.g2{left:65%;top:64%}.g3{left:34%;top:87%}.hint{opacity:0;visibility:hidden;font-size:11px}.home-bottom{left:24px;right:24px;bottom:-25px;font-size:9px}.home-bottom button{padding:9px;font-size:9px}.galaxy-core{top:50px}.galaxy:hover:not(.revealed):not(:focus-visible){background:transparent;box-shadow:none}.galaxy:hover:not(.revealed):not(:focus-visible) .hint{opacity:0;visibility:hidden}body>footer{margin-top:40px}.destination h1{font-size:clamp(42px,12vw,65px)}}
@media(prefers-reduced-motion:reduce){.brand svg path{animation:none}.traveling #universe{animation:none}.destination{animation:none}}

/* Stars are the controls, constellations are the hierarchy. */
.galaxy{transition:filter .4s,background .4s}.galaxy-core{box-shadow:0 0 10px #fff,0 0 25px #ffd995,0 0 65px #e9bd68}.awakened .galaxy-core{box-shadow:0 0 12px 3px #fff,0 0 38px 12px #ffe1a9,0 0 100px 20px #bf945959}.galaxy:hover .galaxy-core{box-shadow:0 0 15px 6px white,0 0 60px 22px #efcfa9}.charting .intro,.charting .galaxies,.charting .map-caption{display:none}.charting .home{min-height:680px}.charting .home-bottom{bottom:0}#star-map{position:absolute;inset:0 4vw 35px;display:flex;flex-direction:column}#star-trail{display:flex;align-items:center;gap:14px;min-height:45px;font-size:11px;color:#e2cfaf}#star-trail>*+*:before{content:'›';margin-right:14px;color:#8b8c95}#star-title{font-size:clamp(35px,5vw,72px);font-weight:400;letter-spacing:-.04em;margin:10px 0 0;outline:0}#star-subtitle{font-size:13px;color:#b9c1d1;margin:10px 0}#star-field{position:relative;flex:1;min-height:380px}#star-nodes,#star-lines{position:absolute;inset:0;width:100%;height:100%}#star-lines{pointer-events:none}#star-lines line{stroke:#dfd6c6;stroke-width:1;opacity:.16;stroke-dasharray:3 9}.navigation-star{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;text-align:center;width:200px;border:0;border-radius:0;padding:15px;background:none!important;animation:star-arrival .7s both;animation-delay:var(--delay);z-index:1}.navigation-star strong{font-weight:400;font-size:18px;margin-top:20px;text-shadow:0 2px 10px #000}.star-light{width:9px;height:9px;border-radius:50%;background:#fffbe9;box-shadow:0 0 8px 3px white,0 0 35px 9px #e4c68a,0 0 80px 16px #bd926044;transition:box-shadow .4s,transform .4s}.star-detail{font-size:12px;line-height:1.6;color:#c6cfdf;max-width:200px;margin-top:10px;opacity:0;visibility:hidden;transition:opacity .3s}.navigation-star:hover,.navigation-star:focus-visible,.navigation-star.armed{z-index:3}.navigation-star:hover .star-light,.navigation-star:focus-visible .star-light,.navigation-star.armed .star-light{transform:scale(1.5);box-shadow:0 0 12px 6px white,0 0 50px 20px #e4c68a,0 0 100px 35px #bd926066}.navigation-star:hover .star-detail,.navigation-star:focus-visible .star-detail,.navigation-star.armed .star-detail{opacity:1;visibility:visible;background:#030509c9;box-shadow:0 0 20px 15px #030509bb}.navigation-star:focus-visible{outline:1px solid #d8c29c;outline-offset:0}#star-status{font-size:12px;line-height:1.6;color:#c8c5c0;max-width:600px;margin:0 auto;text-align:center}.motion-paused *{animation-play-state:paused!important}.charting .home-bottom>span{font-size:0}.charting .home-bottom>span:after{content:'Follow a star. Escape to go back.';font-size:10px}@keyframes star-arrival{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}
@media(max-width:800px){.charting .home{height:calc(100svh - 150px);min-height:720px}#star-map{inset:0 20px 50px}#star-trail{gap:8px;font-size:10px;flex-wrap:wrap}#star-trail>*+*:before{margin-right:8px}#star-title{font-size:38px}#star-field{min-height:440px}.navigation-star{width:135px;padding:12px 4px}.navigation-star strong{font-size:14px;margin-top:16px}.star-detail{font-size:10px}.navigation-star:hover:not(.armed):not(:focus-visible) .star-detail{opacity:0;visibility:hidden}#star-status{font-size:11px}.charting .home-bottom>span:after{content:'Tap a star to discover. Tap again to enter.';font-size:9px}.charting .home-bottom{bottom:-10px}}