:root{--ink:#080c10;--paper:#f0eee5;--muted:#b8b9b6;--cyan:#77e6ec;--amber:#eab47b;--accent:var(--cyan);--mono:'IBM Plex Mono',monospace;--body:'Manrope',sans-serif;--display:'Barlow Condensed',Impact,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20vh}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:var(--cyan);color:var(--ink)}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--ink);padding:15px}.skip:focus{top:15px}
.scene{position:fixed;inset:0;overflow:hidden;pointer-events:none}.scene canvas{width:100%;height:100%;display:block}.lair{position:absolute;inset:0;transform-origin:58% 49%;will-change:transform,opacity}.lair img{width:100%;height:100%;object-fit:cover;object-position:58% 49%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,10,.7),transparent 75%),linear-gradient(0deg,#080c10 0%,transparent 27%,transparent 75%,rgba(5,8,10,.5))}.texture{position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.screen-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 58% 49%,#77e6ec55,transparent 65%);opacity:0}
.masthead{position:fixed;z-index:20;top:0;left:0;width:100%;padding:29px 3.5%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#080c1080,transparent)}.brand{display:grid;grid-template-columns:36px auto;column-gap:10px;font-size:17px;font-weight:700;letter-spacing:.12em;align-items:center}.brand svg{width:32px;grid-row:span 2;fill:none;stroke:var(--paper);stroke-width:1.5}.brand>span{font:8px var(--mono);letter-spacing:.13em;color:#b7babc;margin-top:5px}.header-actions{display:flex;align-items:center;gap:32px;font:10px var(--mono)}.header-actions a:hover{color:var(--cyan)}.header-actions button{border:0;background:transparent;cursor:pointer;font:10px var(--mono);padding:10px 0}.header-actions button span{color:var(--cyan)}.contact-link{border-bottom:1px solid #ffffff45;padding-bottom:8px}
.chapter{position:relative;min-height:100svh;padding:190px 8% 160px}.chapter-content{max-width:540px}.enhanced .chapter{height:145svh;padding:0}.enhanced .opening{height:140svh}.enhanced .threshold{height:100svh}.enhanced .ending{height:110svh}.enhanced .chapter-content{position:fixed;left:8%;top:28%;opacity:0;visibility:hidden;transform:translateY(20px);will-change:opacity,transform;z-index:4;pointer-events:none}.enhanced .chapter-content.visible{visibility:visible;pointer-events:auto}.eyebrow{font:10px/1.8 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 22px;display:flex;align-items:center;gap:12px}.eyebrow>span:not(.live-dot){margin-left:15px;color:var(--muted);font-size:9px;letter-spacing:.05em}.opening{--accent:var(--amber)}h1,h2{font-family:var(--display);font-weight:600;letter-spacing:-.025em;line-height:.88;margin:0}h1{font-size:clamp(76px,8.5vw,142px)}h2{font-size:clamp(60px,7vw,110px)}h1 em,h2 em{font-style:normal;color:var(--accent)}.intro-copy{font-size:13px;line-height:1.9;color:#cccac3;margin:25px 0 29px}.enter{display:inline-flex;gap:15px;align-items:center;font-size:11px}.enter-arrow{width:42px;height:42px;border:1px solid #ddc3a76b;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .2s}.enter:hover .enter-arrow{background:#ddc3a730}.sub-label{display:block;font:8px var(--mono);letter-spacing:.15em;color:#979d9e;margin-top:7px}.live-dot{display:inline-block;width:5px;height:5px;flex-shrink:0;background:currentColor;border-radius:50%;box-shadow:0 0 8px currentColor}.room-label{position:fixed;top:53%;right:14%;font:10px var(--mono);letter-spacing:.09em;color:#e8d2b8;z-index:2}.room-label>span:last-child{display:block;letter-spacing:0;color:#aeaaa3;font-size:9px;margin:10px 0}.cross{position:absolute;left:-30px;top:-4px;font-size:23px;color:#b99d7d}.threshold .chapter-content{max-width:600px}.threshold p:last-child,.ending p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9;margin-top:25px}.app-chapter .chapter-content{max-width:430px}.app-chapter h2{text-transform:uppercase;font-size:clamp(64px,7.2vw,112px)}.title-dot{color:var(--accent)}.app-tagline{font-size:19px;font-weight:500;margin:22px 0 15px}.description{font-size:13px;line-height:1.9;color:var(--muted);max-width:370px}.features{display:flex;gap:15px;font:9px var(--mono);color:var(--accent);margin:21px 0 28px}.features span:before{content:'+';margin-right:6px}.app-link{display:flex;align-items:center;justify-content:space-between;width:240px;border:1px solid #ffffff30;padding:15px 18px;font-size:11px;background:#080c1066;transition:border-color .2s,background .2s}.app-link:hover{background:#ffffff10;border-color:var(--accent)}.app-link>span{font-size:18px;color:var(--accent)}.next-stop{display:block;font:9px var(--mono);color:#a7b2b5;margin-top:23px;width:fit-content}.next-stop:hover{color:var(--paper)}.ending .chapter-content{max-width:650px}.ending h2{font-size:clamp(58px,6.5vw,104px)}.ending .app-link{margin-top:26px}
.route{position:fixed;z-index:25;bottom:78px;left:50%;transform:translateX(-50%);width:min(660px,75%);display:flex;align-items:center}.route a{position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:24px}.route-dot{display:block;width:5px;height:5px;border:1px solid #8c9c9f;border-radius:50%;background:#10191e;transition:all .3s}.route a[aria-current] .route-dot{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 5px #77e6ec16,0 0 15px #77e6ec55}.route-name{position:absolute;top:32px;white-space:nowrap;font:8px var(--mono);color:#8e989a}.route a[aria-current] .route-name,.route a:hover .route-name{color:var(--paper)}.route-line{height:1px;background:#52606355;flex:1}.hud{position:fixed;z-index:20;bottom:0;left:3.5%;right:3.5%;height:43px;border-top:1px solid #c2cccc20;display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:.1em;color:#a8b0b0}.hud>span:first-child{display:flex;align-items:center;gap:9px}.hud .live-dot{color:var(--cyan);width:4px;height:4px}.hud-center{position:absolute;left:50%;transform:translateX(-50%)}#world-stops{position:fixed;inset:0;z-index:5;pointer-events:none}.world-stop{position:absolute;pointer-events:auto;transform:translate(-50%,-100%);display:none;border:1px solid color-mix(in srgb,var(--accent),transparent 65%);background:#0a111dcc;backdrop-filter:blur(8px);padding:11px 16px;color:var(--accent);font:10px var(--mono);letter-spacing:.06em;white-space:nowrap}.world-stop:after{content:'';height:32px;width:1px;background:var(--accent);opacity:.5;position:absolute;left:50%;top:100%}.world-stop:hover{background:#16232a}.world-stop small{display:block;font-size:7px;color:#b6c2c7;margin-top:5px;letter-spacing:.08em}
body.reduced .lair{transform:none!important}body.reduced .chapter-content{transform:none!important}html:has(body.reduced){scroll-behavior:auto}
@media(min-width:1600px){.enhanced .chapter-content{left:11%}.masthead{padding:35px 4%}}
@media(max-width:760px){.masthead{padding:22px 6%}.brand{font-size:13px;grid-template-columns:26px auto;gap:7px}.brand svg{width:24px}.brand>span{font-size:6px}.header-actions{gap:18px}.header-actions>a{display:none}.enhanced .chapter-content{left:7%;right:7%;top:27%;max-width:440px}.eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:19px}.eyebrow>span:not(.live-dot){font-size:8px;margin-left:0}h1{font-size:clamp(76px,16vw,120px)}.intro-copy{font-size:12px;max-width:295px}.intro-copy br{display:none}.lair img{object-position:61% 50%}.shade{background:linear-gradient(90deg,#050a0ecc,#050a0e22),linear-gradient(0deg,#080c10,transparent 65%)}.room-label{display:none}.route{bottom:73px;width:80%}.route-name{font-size:7px}.hud{left:6%;right:6%;font-size:7px}.hud-center{display:none}.app-chapter h2{font-size:74px}.app-tagline{font-size:17px}.description{max-width:300px;font-size:12px}.features{font-size:8px;gap:12px}.app-chapter .chapter-content{top:24%}.world-stop{font-size:8px;padding:8px 10px}.ending h2{font-size:64px}.ending p:not(.eyebrow){font-size:12px}.chapter{padding:150px 7%}.enhanced .chapter{height:135svh}}
@media(max-height:650px) and (min-width:761px){.enhanced .chapter-content{top:22%}h1{font-size:90px}.app-chapter h2{font-size:70px}.description{font-size:12px}.app-tagline{margin:12px 0}.features{margin:13px 0}.next-stop{margin-top:12px}.route{left:auto;right:5%;transform:none;width:35%}}
.enhanced #wildcard .chapter-content{top:20%}#wildcard h2{font-size:clamp(64px,6.4vw,96px)}
@media(max-width:760px){#world-stops{display:none}.enhanced #wildcard .chapter-content{top:24%}#wildcard h2{font-size:74px}.app-chapter .chapter-content{background:radial-gradient(ellipse at 25% 50%,#080c1066,transparent 75%)}}
@media(max-width:760px) and (max-height:720px){.enhanced .chapter-content,.enhanced #wildcard .chapter-content,.enhanced .app-chapter .chapter-content{top:20%}.app-chapter h2,#wildcard h2{font-size:56px}.app-tagline{font-size:15px;margin:15px 0 10px}.description{font-size:11px;line-height:1.7}.features{margin:15px 0 18px;font-size:7px;gap:8px}.next-stop{margin-top:16px}.eyebrow{font-size:7px;margin-bottom:14px}.ending h2{font-size:51px}.intro-copy{font-size:11px}.route-name{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}