@font-face{font-family:Chakra;src:url('/welcome/chakra.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#07181e;color:#e4eeea;font:16px/1.6 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,a,video{touch-action:manipulation}a:focus-visible{outline:3px solid #f1bf74;outline-offset:6px}header,main,footer{max-width:1440px;margin:auto}header{height:110px;padding:28px 5%;display:flex;justify-content:space-between;align-items:center}.wordmark{font-family:Chakra,system-ui;font-style:italic;letter-spacing:-1px;font-weight:800;font-size:24px;line-height:1}.wordmark small{display:block;font-style:normal;letter-spacing:4px;font-size:9px;margin-bottom:8px}nav{display:flex;align-items:center;gap:30px;font-size:13px}.pill{border:1px solid #65837f;border-radius:30px;padding:12px 22px}.hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;padding:60px 5% 90px;gap:35px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:#b5c6be}.eyebrow span{display:inline-block;width:7px;height:7px;background:#bada9d;border-radius:50%;margin-right:7px}h1,h2,h3{font-family:Chakra,system-ui;line-height:1.02;letter-spacing:-2px;margin:20px 0}h1{font-size:clamp(45px,5.8vw,83px);font-weight:600}h1 em{font-style:normal;color:#d0e6b4}.intro{max-width:420px;color:#aebfb9;margin:25px 0 30px;font-size:16px}.actions{display:flex;gap:25px;align-items:center;font-size:13px}.primary{display:inline-flex;gap:40px;justify-content:space-between;background:#d1e8b4;color:#14291f;font-size:14px;font-weight:700;padding:17px 23px;border-radius:5px}.primary:hover{background:#e4f6ca}.fine{font-size:11px;color:#819891;margin-top:16px}.hero-visual{margin:0;position:relative;align-self:stretch;min-height:530px;overflow:hidden;border-radius:180px 9px 9px 9px;background:#193640}.hero-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 40%}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#061b23db)}figcaption{position:absolute;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;z-index:1;font-size:10px;letter-spacing:1.2px}.stamp{position:absolute;right:22px;top:22px;border-radius:50%;background:#dfb575;color:#28342a;width:95px;height:95px;padding-top:18px;font-size:16px;font-weight:800;line-height:1.13;text-align:center;transform:rotate(9deg)}.city-intro{padding:55px 5%;border-top:1px solid #324340}.city-intro>div{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}h2{font-size:clamp(30px,3.5vw,48px);font-weight:500}.city-intro p:not(.eyebrow),.film p:not(.eyebrow),.story p{color:#a5bab2}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:10px 5% 90px}.features img{width:100%;height:210px;object-fit:cover;border-radius:7px;display:block;margin-bottom:24px}.features small{color:#cbb487;font-size:10px;letter-spacing:1.5px}.features h3{font-size:25px;letter-spacing:-.7px;line-height:1.15;margin:12px 0}.features p{font-size:14px;color:#9ab2a7}.film{background:#122b30;margin:0 5%;padding:40px;display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:center;border-radius:12px}.film video{width:100%;border-radius:7px;background:#02080c}.play{padding:110px 5%;text-align:center}.play h2{font-size:clamp(38px,5vw,65px)}.play>p:not(.eyebrow){color:#a9bfb4}.story{border-top:1px solid #324340;padding:45px 5%;display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.story h3{font-size:34px}.story p{font-size:14px}footer{padding:35px 5% 55px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #324340}footer>div{display:flex;flex-wrap:wrap;gap:22px;font-size:11px;color:#a9bfb4}footer a:hover{text-decoration:underline}@media(max-width:750px){header{height:90px}.wordmark{font-size:20px}nav{gap:15px}nav>a:not(.pill){display:none}.hero{grid-template-columns:1fr;padding-top:15px;gap:30px;padding-bottom:50px}h1{font-size:47px}.hero-visual{min-height:380px;border-radius:100px 7px 7px 7px}.intro{font-size:15px}.city-intro>div,.film,.story{grid-template-columns:1fr;gap:15px}.features{grid-template-columns:1fr;padding-bottom:35px;gap:25px}.features img{height:240px}.film{padding:22px}.play{padding:65px 5%}.story{padding:30px 5%}.story h3{font-size:30px}footer{align-items:flex-start;gap:30px;flex-direction:column}footer>div{gap:15px}h1,h2{letter-spacing:-1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* A moving window into the game, with its own quiet, readable foreground. */
.hero{position:relative;isolation:isolate;display:flex;min-height:700px;padding:65px 5% 90px;overflow:hidden;background:#0b232e}
.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-video{object-fit:cover;object-position:60% 50%;z-index:-3}.hero-shade{z-index:-2;background:linear-gradient(90deg,#04151eea 0%,#04151eb3 38%,#04151e33 75%),linear-gradient(0deg,#07181e 0%,transparent 40%,#07181e66 100%)}
.hero-copy{width:min(680px,100%)}.hero-logo{position:relative;width:min(650px,100%);margin:8px 0 0;line-height:0}.hero-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 16px #72dcfc55);animation:logo-twitch 4.8s step-end infinite}.hero-logo span{position:absolute;inset:0;background:url('/branding/tokyo-yasou.webp') center/contain no-repeat;opacity:0;pointer-events:none;animation:logo-slice 4.8s step-end infinite}
.hero h2{font-size:clamp(29px,3.4vw,46px);letter-spacing:-1.2px;line-height:1.1;margin:6px 0 20px}.hero h2 em{color:#bff4e7;font-style:normal}.hero .intro{color:#d3e5e6;max-width:420px;text-shadow:0 2px 8px #07181e}.hero .fine{color:#b8cecc;font-size:13px}.hero .eyebrow{font-size:12px;color:#cee9e6}.hero .actions{font-size:14px;flex-wrap:wrap}.hero .primary{background:#b7efe1;color:#112831}.hero-meta{position:absolute;left:5%;right:5%;bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:15px;font:12px Chakra,system-ui;letter-spacing:1px;color:#bad7d5}.hero-meta button{min-height:44px;padding:10px 14px;background:#071d27bb;border:1px solid #8bbab788;border-radius:5px;color:#e4fffb;font:14px Chakra,system-ui;cursor:pointer}.hero-meta button:focus-visible{outline:3px solid #c1ffe8;outline-offset:4px}
@keyframes logo-twitch{0%,3%,5%,46%,49%,100%{transform:none}2%,47%{transform:translate(2px,-1px)}4%,48%{transform:translate(-2px,1px)}}
@keyframes logo-slice{0%,3%,5%,46%,49%,100%{opacity:0}2%,47%{opacity:.65;clip-path:inset(36% 0 49%);transform:translateX(-7px)}4%,48%{opacity:.5;clip-path:inset(57% 0 27%);transform:translateX(6px)}}
.hero[data-motion=paused] .hero-logo img,.hero[data-motion=paused] .hero-logo span{animation:none}
@media(max-width:750px){.hero{min-height:670px;padding:32px 5% 90px;align-items:center}.hero-logo{width:100%;margin:0 0 14px}.hero-video{object-position:57% 50%}.hero-shade{background:linear-gradient(0deg,#07181eea,#04151e99 60%,#04151e55)}.hero h2{font-size:32px}.hero .intro{font-size:16px}.hero-meta{font-size:11px;letter-spacing:.3px}.hero-meta button{flex-shrink:0}.hero .actions{gap:18px}}
@media(prefers-reduced-motion:reduce){.hero-logo img,.hero-logo span{animation:none}}