/* Another World: cinematic type, chrome, live environments. Existing world order retained. */
:root{--cream:#f3f3f3;--paper:#0b0b0d}
body.xb-page{--aw-violet:#b8b0ff;--aw-line:#ffffff26;color:#f3f3f3}
.xb-page .xp-header{background:#0b0b0df2;border-bottom:1px solid #ffffff20;padding:15px 4vw;min-height:70px;backdrop-filter:blur(18px);z-index:60}
.xb-page .xp-back{font-size:10px;color:#b7b7bd;min-height:40px;display:flex;align-items:center;letter-spacing:.13em}
.xb-page .xp-logo{position:relative;width:35px;height:35px;display:block}
.xb-page .xp-logo img{display:none}.xb-page .xp-logo::before{content:'';position:absolute;inset:2px;border-radius:50%;border:4px solid #d4d4d9;box-shadow:inset 1px 1px 3px #fff,2px 2px 3px #000;transform:rotate(-24deg) scaleX(.85)}
.aw-status{position:fixed;top:30px;right:4vw;z-index:61;display:flex;gap:9px;align-items:center;color:#babac3;font:9px monospace;letter-spacing:.16em;pointer-events:none}.aw-status::before{content:'';width:5px;height:5px;border-radius:50%;background:#b8b0ff;box-shadow:0 0 12px #a99bff}
.xb-page .xb{position:relative;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:contain;font-family:Arial,'Malgun Gothic',sans-serif}
.xb-page .xb-world{isolation:isolate;background-color:#0b0b0d}
.xb-page .xb-intro{display:block;position:relative;background:#0b0b0d;overflow:hidden}
.xb-intro::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:9vw 9vw;mask-image:radial-gradient(ellipse at 65% 50%,#000,transparent 75%);pointer-events:none}
.xb-intro::after{content:'';position:absolute;width:34vw;height:34vw;left:45%;top:25%;background:radial-gradient(ellipse,#57449725,transparent 68%);pointer-events:none;z-index:0}
.aw-intro-meta{position:absolute;top:32px;left:4vw;right:4vw;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.14em;color:#a2a2ae;z-index:4}
.aw-title{position:absolute;top:13%;left:4vw;margin:0;font-family:Impact,'Arial Narrow','Bahnschrift Condensed',sans-serif;font-size:clamp(78px,14.5vw,235px);font-weight:400;line-height:.92;letter-spacing:-.025em;color:#f3f3f3;z-index:3;pointer-events:none;mix-blend-mode:difference}
.aw-title span{display:block}.aw-title span:last-child{margin-left:8vw}
.aw-portal{position:absolute;top:2%;left:40%;width:58%;height:88%;z-index:2;pointer-events:none;transform:rotate(-14deg)}
.aw-portal .chrome-fallback{width:66%;height:auto;aspect-ratio:1;left:17%;top:12%;border-radius:50%;background:conic-gradient(#ccc,#fff,#444,#d8d8d8,#131313,#eee,#bbb);mask:radial-gradient(circle,transparent 54%,#000 55%);transform:rotate(-18deg) scaleX(.85)}
.aw-portal .chrome-canvas{position:absolute;inset:0;width:100%;height:100%}
.aw-portal.has-portal .chrome-fallback{visibility:hidden}
.aw-coordinate{position:absolute;right:4vw;top:43%;writing-mode:vertical-rl;color:#8d8d9c;font:9px monospace;letter-spacing:.23em;z-index:3}
.aw-intro-bottom{position:absolute;left:4vw;right:4vw;bottom:8%;z-index:4;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.aw-intro-copy{max-width:290px}.aw-intro-copy p{font-size:14px;line-height:1.8;font-weight:400;margin:0 0 14px;color:#c7c7ce;word-break:keep-all}.aw-intro-copy small{font:9px monospace;letter-spacing:.18em;color:#797986}
.xb-page .xb-blob{transform:none!important;border:1px solid #77727f;color:#f0eef7;border-radius:0;padding:19px 24px;display:flex;align-items:center;gap:34px;font:11px monospace;letter-spacing:.16em;transition:background .3s,color .3s,border-color .3s}
.xb-page .xb-blob b{font-family:Arial,sans-serif;font-size:28px;font-weight:300;line-height:1;transition:transform .3s}.xb-page .xb-blob:hover{background:#eeeaf8;color:#111;border-color:#eeeaf8}.xb-page .xb-blob:hover b{transform:translate(4px,4px)}
.aw-scroll{position:absolute;left:4vw;right:4vw;bottom:0;height:34px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff21;font:8px monospace;letter-spacing:.2em;color:#797984;z-index:4}
.aw-scroll i{display:inline-block;width:60px;height:1px;background:#4f4b62;position:relative;overflow:hidden}.aw-scroll i::after{content:'';position:absolute;width:20px;height:1px;background:#c6bbff;animation:awScan 2s linear infinite}
@keyframes awScan{from{transform:translateX(-20px)}to{transform:translateX(60px)}}
.aw-title span{animation:awType 1.3s cubic-bezier(.2,.7,.2,1) both}.aw-title span:last-child{animation-delay:.12s}.aw-intro-bottom{animation:awFade 1.4s ease both}
@keyframes awType{from{opacity:0;transform:translateY(65px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes awFade{from{opacity:0}to{opacity:1}}
.xb-page .xb-bg{inset:0}.xb-page .xb-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000000a 30%,#0000009c 100%);pointer-events:none}
.xb-page .xb-paper .xb-bg::after{background:linear-gradient(transparent 35%,#ffffffce)}
.xb-page .xb-label{left:4vw;bottom:10%;max-width:85%;z-index:3}.xb-page .xb-kicker{font-family:Impact,'Arial Narrow','Bahnschrift Condensed',sans-serif;font-size:clamp(54px,8vw,128px);letter-spacing:-.015em;line-height:1.03;text-transform:uppercase;font-weight:400;margin:0 0 16px;max-width:850px}
.aw-world-tag{display:block;font:9px monospace;letter-spacing:.22em;color:#c8c8cf;margin-bottom:22px}.xb-paper .aw-world-tag{color:#555}
.xb-page .xb-label p{font-size:clamp(12px,1.2vw,16px);letter-spacing:.015em;color:#ddd;margin:0 0 27px}.xb-page .xb-paper .xb-label p{color:#333}
.xb-page .xb-links{display:flex;align-items:center;gap:15px}.xb-page .xb-links a{margin:0;min-height:50px;display:inline-flex;align-items:center;padding:14px 24px;border:1px solid #ffffff90;font:10px monospace;letter-spacing:.2em;transition:background .2s,color .2s,transform .2s}
.xb-page .xb-links a:first-child{background:#f4f4f0;color:#171717}.xb-page .xb-links a:hover{background:#c4baff;border-color:#c4baff;color:#131019;transform:translateX(4px)}.xb-page .xb-links a.dim{border:0;background:none;color:inherit;opacity:.75}
.xb-page .xb-paper .xb-links a:first-child{background:#171717;color:white;border-color:#171717}.xb-page .xb-paper .xb-links a.dim{color:#171717}
.xb-page .xb-num{font:11px monospace;color:#e1e1e4;letter-spacing:.2em;top:35px;right:4vw;border-bottom:1px solid #ffffff66;padding-bottom:8px}.xb-page .xb-num::after{content:' / ' attr(data-total);color:#a3a3ab}.xb-page .xb-paper .xb-num{color:#111;border-color:#444}.xb-page .xb-paper .xb-num::after{color:#444}
.xb-page .xb-citysel{background:#101013}.xb-page .xb-cityhead{top:34px;left:4vw;right:6vw}.xb-page .xb-cityhead .xb-kicker{font-size:clamp(34px,4.3vw,65px);margin-bottom:10px}.xb-page .xb-cityhead p{font:11px monospace;color:#aaa;letter-spacing:.02em}
.xb-page .xb-cities{padding:154px 7vw 50px 4vw;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:0;align-content:start;overflow-y:auto;scrollbar-width:thin}
.xb-page .xb-city{border:1px solid #ffffff20;padding:15px 17px;position:relative;background:#17171b;transition:background .3s,border-color .3s}
.xb-page .xb-city:hover{background:#26232e;border-color:#c2b3e8}.xb-page .xb-city-flag{font-size:16px;margin-bottom:9px;filter:grayscale(1)}.xb-page .xb-city-name{font-size:14px;color:#f5f5f5}.xb-page .xb-city-en{font-family:monospace;color:#aaa;font-size:9px;margin-top:5px;letter-spacing:.12em}.xb-page .xb-city-links a{min-height:32px;display:flex;align-items:center;font:10px monospace;border-bottom:1px solid #555}.xb-page .xb-city-links a:hover{color:#c9bfff}.xb-page .xb-city-links .off{align-self:center}
.xb-page .xb-dots{right:13px;gap:8px}.xb-page .xb-dots a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:30px;text-decoration:none;position:relative;padding:6px}.xb-page .xb-dots i{width:4px;height:4px;border-radius:0;background:#777;transition:height .3s,background .3s}.xb-page .xb-dots a.on i{background:#bcb1ee;height:24px;transform:none}.xb-page .xb-dots a:focus-visible{outline:1px solid #bcb1ee;outline-offset:0}.xb-dots a::before{content:attr(data-label);position:absolute;right:32px;white-space:nowrap;font:8px monospace;letter-spacing:.12em;padding:5px 8px;background:#0d0d0d;color:#ddd;opacity:0;pointer-events:none}.xb-dots a:hover::before,.xb-dots a:focus-visible::before{opacity:1}
.xb-page .xb-end{background:#16151c;gap:32px}.xb-page .xb-quote{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(44px,7vw,105px);line-height:1.1;max-width:12em;text-transform:uppercase;color:#e9e6f1;letter-spacing:-.025em}.xb-page .xb-return{border-radius:0;padding:19px 28px;min-height:52px;border-color:#777;color:#e4dfea}.xb-page .xb-return:hover{background:#c5b6e9;color:#16131a}.xb-page .xb-fine{color:#9c97aa;max-width:50em;font-size:10px}.xb-page .xb-tail .article{background:transparent;border:0;box-shadow:none}.xb-page .xb-tail{padding-top:60px}.xb-page .rv{transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1)}
.aw-motion{position:fixed;bottom:10px;right:52px;z-index:65;border:1px solid #888;background:#101015dc;color:#ddd;min-height:32px;padding:6px 10px;font:8px monospace;letter-spacing:.08em;cursor:pointer}.aw-motion:hover{background:#282432}
.xb-page.motion-paused .xb-blob,.xb-page.motion-paused *{animation-play-state:paused!important}.xb-page.motion-paused .rv{transition:none}.xb-page.motion-paused .xb{scroll-behavior:auto}
@media(max-width:900px){.aw-title{top:18%;font-size:15.5vw}.aw-portal{left:31%;width:71%;top:2%;height:86%}.aw-intro-copy p{font-size:12px}.aw-intro-bottom{bottom:9%}.xb-page .xb-kicker{font-size:clamp(50px,9vw,90px)}.aw-status{font-size:8px}.xb-page .xb-cities{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:150px}}
@media(max-width:600px){.xb-page .xp-header{padding:10px 20px;min-height:62px}.xb-page .xp-back{font-size:9px;letter-spacing:.02em}.xb-page .xp-logo{width:30px;height:30px}.aw-status{right:18px;top:28px;font-size:7px;letter-spacing:.07em;gap:5px}.aw-intro-meta{top:20px;left:22px;right:22px;font-size:7px}.aw-title{top:15%;left:22px;font-size:19vw;line-height:.99;letter-spacing:-.02em}.aw-title span:last-child{margin-left:7vw}.aw-portal{top:23%;left:6%;width:90%;height:53%;transform:rotate(-19deg)}.aw-coordinate{right:20px;top:40%;font-size:7px}.aw-intro-bottom{left:22px;right:22px;bottom:9%;gap:16px;align-items:flex-end}.aw-intro-copy{max-width:168px}.aw-intro-copy p{font-size:11px;line-height:1.7;margin-bottom:9px}.aw-intro-copy small{font-size:7px;letter-spacing:.08em}.xb-page .xb-blob{font-size:8px;padding:13px 12px;gap:15px;letter-spacing:.03em;min-height:47px}.xb-page .xb-blob b{font-size:21px}.aw-scroll{left:22px;right:22px;font-size:6px;letter-spacing:.1em}.aw-scroll i{width:30px}.xb-page .xb-label{left:22px;bottom:12%;max-width:calc(100% - 54px)}.xb-page .xb-kicker{font-size:clamp(40px,12vw,65px);margin-bottom:14px}.xb-page .xb-label p{font-size:12px;line-height:1.7;margin-bottom:22px}.xb-page .xb-num{top:24px;right:24px;font-size:9px}.aw-world-tag{font-size:8px;margin-bottom:16px}.xb-page .xb-links a{padding:12px 20px;font-size:9px;min-height:48px}.xb-page .xb-cityhead{top:24px;left:22px}.xb-page .xb-cityhead .xb-kicker{font-size:32px;max-width:240px}.xb-page .xb-cityhead p{font-size:9px;max-width:270px}.xb-page .xb-cities{padding:141px 35px 45px 22px;grid-template-columns:repeat(3,minmax(0,1fr))}.xb-page .xb-city{padding:10px 8px}.xb-page .xb-city-name{font-size:12px}.xb-page .xb-city-en{font-size:7px;letter-spacing:.06em}.xb-page .xb-city-flag{font-size:14px;margin-bottom:6px}.xb-page .xb-city-links{gap:7px;flex-wrap:wrap}.xb-page .xb-city-links a{font-size:8px;min-height:32px}.xb-page .xb-dots{right:2px;gap:2px}.xb-page .xb-dots a{min-width:24px;min-height:28px}.xb-page .xb-dots a.on i{height:17px}.xb-page .xb-quote{font-size:11vw}.aw-motion{right:35px;font-size:7px;min-height:30px}}
@media(max-height:560px) and (min-width:601px){.aw-title{top:16%;font-size:15vh;line-height:.95}.aw-portal{height:90%;top:0}.aw-intro-bottom{bottom:12%}.aw-intro-meta{top:15px}.aw-intro-copy p{font-size:11px}.xb-page .xb-kicker{font-size:11vh}}
@media(prefers-reduced-motion:reduce){.aw-title span,.aw-intro-bottom,.aw-scroll i::after{animation:none}.xb-page .xb,.xb-page .xb-blob{scroll-behavior:auto;transition:none}.xb-page .rv{opacity:1;transform:none;transition:none}}
.aw-scroll{padding-right:140px}
.aw-portal .chrome-fallback{position:absolute;display:block}
.xb-paper .aw-world-tag{color:#222}
.xb-page.motion-paused .aw-title span,.xb-page.motion-paused .aw-intro-bottom{animation:none}
@media(min-width:601px){.xb-page .xb-cities{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.aw-scroll{padding-right:130px}.aw-scroll span:last-child{display:none}}

.xb-atlas{background:#0c1721}.atlas-preview{background:radial-gradient(ellipse at 65% 40%,#456363,#0b1421 65%)}.atlas-miniature{position:absolute;inset:12% 12% 10% 42%;transform:perspective(750px) rotateX(52deg) rotateZ(-28deg);background:repeating-linear-gradient(0deg,transparent 0 36px,#c6d6bc33 37px 39px),repeating-linear-gradient(90deg,transparent 0 36px,#c6d6bc33 37px 39px);border:1px solid #95c4b7;box-shadow:20px 30px 90px #9ccbb311}.atlas-miniature:after{content:"";position:absolute;inset:30px;background:repeating-linear-gradient(90deg,#91aaa8 0 18px,transparent 18px 39px);transform:translateZ(50px);opacity:.4}.xb-atlas .xb-bg{opacity:.85}

.xb-light{background:#080e22}.art-preview{overflow:hidden;position:absolute;inset:0}.art-light{background:radial-gradient(ellipse at 70% 60%,#394773,#090c18 60%)}.art-light i{position:absolute;left:40%;top:10%;width:45%;height:85%;border-radius:48%;border:50px solid #94c6d750;filter:blur(18px);transform:rotate(-35deg)}.art-light i:nth-child(2){left:50%;border-color:#9b64a470;transform:rotate(35deg);top:20%}.art-light i:nth-child(3){border-color:#72bfb240;transform:rotate(70deg);left:60%}.xb-orbit{background:#050c17}.art-orbit{background:radial-gradient(ellipse at 68% 52%,#344958,#071018 50%)}.art-orbit i{position:absolute;left:48%;top:20%;width:42%;height:65%;border-radius:50%;border:1px solid #b0d1c780;box-shadow:0 0 30px #a0cbd430,inset 0 0 30px #a0cbd420;transform:rotate(-32deg) scaleX(.5)}.art-orbit i:nth-child(2){transform:rotate(25deg) scaleX(.5)}.art-orbit i:nth-child(3){transform:rotate(80deg) scaleX(.5)}
.art-stellar{background:radial-gradient(ellipse at 68% 50%,#4c417155,transparent 40%),#03050d}.art-stellar i{position:absolute!important;left:65%!important;top:48%!important;width:45vw!important;height:45vw!important;border-radius:50%;border:2px dotted #ccd8fb88;transform:translate(-50%,-50%) rotateX(58deg)!important;box-shadow:0 0 80px #947da649,inset 0 0 80px #9194bc44}.art-stellar i:nth-child(2){width:33vw!important;height:33vw!important;border:20px dotted #d8b48344}.art-stellar i:nth-child(3){width:13vw!important;height:13vw!important;background:radial-gradient(#ffe7af88,transparent 65%);border:0}.art-sound{background:#18242e}.art-sound i{position:absolute!important;border-radius:50%;left:65%!important;top:24%!important;width:220px!important;height:220px!important;background:#cbf58c;box-shadow:none!important}.art-sound i:nth-child(2){left:76%!important;top:50%!important;width:120px!important;height:120px!important;background:#e77d97;border-radius:8px;transform:rotate(30deg)}.art-sound i:nth-child(3){left:53%!important;top:60%!important;width:155px!important;height:155px!important;background:transparent;border:16px solid #7ad2d4}.xb-stellar .xb-kicker,.xb-sound .xb-kicker{font-size:clamp(48px,6vw,88px)}

.has-world-menu.xb-page .aw-status{right:130px}