:root{--paper:#eef0f3;--ink:#182022;--muted:#586167;--blue:#2449ed;--line:#cdd2d6;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;line-height:.98;letter-spacing:-.065em}h2{font-size:clamp(42px,5.8vw,88px)}h3{letter-spacing:-.03em;line-height:1.2}em{font-style:normal;color:var(--blue)}p{color:var(--muted);line-height:1.7}button{border:0}a,button{touch-action:manipulation}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:20;background:var(--paper)}.brand{display:flex;align-items:center;gap:8px;font-size:27px;font-weight:bold;letter-spacing:-1.7px}.brand .org{font-size:16px;margin-left:-6px;font-weight:400;letter-spacing:-.5px}.brand-mark{background:var(--blue);border-radius:11px;color:white;width:39px;height:39px;display:grid;place-items:center;letter-spacing:-2px;margin-right:4px}.desktop-nav{display:flex;gap:32px;font-size:14px}.desktop-nav a:hover,.footer-links a:hover{color:var(--blue)}.nav-actions{display:flex;gap:14px;align-items:center}.pill{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--blue);color:white;padding:17px 27px;border-radius:100px;line-height:1.3;font-size:15px;font-weight:600;transition:background .2s,transform .2s;border:0}.pill:hover{background:#1233cb;color:#fff;transform:translateY(-2px)}.pill.small{font-size:14px;padding:13px 21px}.pill.light{background:white;color:var(--blue)}.menu-button{background:transparent;font-size:23px;padding:8px;display:block}.mobile-menu{position:absolute;right:4vw;top:90px;background:#fff;padding:24px;width:280px;z-index:30;border-radius:20px;box-shadow:0 25px 70px #18202220}.mobile-menu:not([hidden]){display:grid;gap:14px}.skip{position:fixed;top:-100px;left:15px;background:#fff;padding:12px;z-index:99}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.intro{padding:47px 5vw 32px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:600;display:block}.intro-line{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:27px 0 44px}.intro h1{font-size:clamp(80px,12vw,183px);line-height:.9}.intro-aside{padding-bottom:8px;width:225px}.intro-aside p{margin:15px 0;font-size:17px;line-height:1.5}.asterisk{font-size:66px;color:var(--blue);line-height:1}.text-link{font-size:15px;display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:6px}.entry-strip{display:flex;gap:25px;align-items:center;border-top:1px solid var(--line);padding-top:24px;scroll-margin-top:35px}.entry-strip>div{min-width:205px}.entry-strip strong,.entry-strip span{display:block}.entry-strip strong{font-size:19px;font-weight:500}.entry-strip span{font-size:14px;color:var(--muted)}.entry-strip form{display:flex;gap:12px;flex:1}.entry-strip input{min-width:0;width:100%;border:1px solid #c2c8d0;background:#f9fafb;padding:15px 20px;border-radius:100px}.entry-strip button{white-space:nowrap}.other-versions{font-size:13px;max-width:115px;text-decoration:underline;color:var(--muted)}.experience{height:340vh;margin:0 18px;position:relative}.stage{height:100vh;min-height:620px;position:sticky;top:0;border-radius:28px;overflow:hidden;background:#dce3ed;isolation:isolate}.stage-top,.stage-bottom{position:absolute;left:3.5vw;right:3.5vw;display:flex;align-items:center;justify-content:space-between;z-index:5;font-size:12px;letter-spacing:.06em}.stage-top{top:32px}.stage-top button{border:1px solid #afb9c8;background:transparent;border-radius:40px;padding:8px 15px;font-size:12px;color:var(--ink)}.stage-bottom{bottom:28px;gap:20px}.stage-word{position:absolute;bottom:14%;left:5%;font-size:21vw;line-height:1;letter-spacing:-.09em;color:#f3f6fa;z-index:-1}.stage canvas{position:absolute;width:100%;height:100%;inset:0;z-index:0}.chapter{position:absolute;top:25%;left:6%;width:50%;opacity:0;transform:translateY(32px);transition:opacity .65s,transform .65s;pointer-events:none;z-index:2}.chapter-active{opacity:1;transform:none;pointer-events:auto}.chapter h2{font-size:clamp(44px,5.6vw,84px);margin:24px 0}.chapter p{font-size:18px;margin-bottom:25px;max-width:370px;color:#3d4953}.progress{height:2px;background:#aeb8c6;width:24%;overflow:hidden}.progress i{display:block;background:var(--blue);height:100%;width:100%;transform:scaleX(0);transform-origin:left}.section{padding:100px 5vw}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:70px;font-size:12px;letter-spacing:.07em}.split{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.split p{margin:28px 0;font-size:17px;max-width:430px}.room-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.room-tags a{border:1px solid var(--line);border-radius:100px;padding:9px 20px;font-size:14px}.chat-demo{background:#fff;border-radius:26px;padding:30px;transform:rotate(-3deg);box-shadow:0 25px 55px #26355612}.chat-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e6e9;padding-bottom:20px;margin-bottom:24px}.chat-head strong{font-size:20px;font-weight:500}.chat-head small{font-size:12px;color:var(--muted)}.message{display:flex;gap:10px;align-items:flex-start;margin:22px 0}.avatar{display:grid;place-items:center;border-radius:100%;background:#dfe5ee;width:35px;height:35px;font-size:12px;flex:none}.avatar.blue{background:#d7defe}.message small{font-size:12px;color:#626a70}.message p{font-size:14px;background:#f0f2f5;border-radius:0 15px 15px 15px;padding:13px 18px;margin:5px 0;max-width:100%;color:#29343d}.message.right{justify-content:flex-end;text-align:right}.message.right p{background:var(--blue);color:white;border-radius:15px 0 15px 15px}.mock-composer{display:flex;justify-content:space-between;border:1px solid #d7dce3;color:#64707e;border-radius:100px;padding:14px 19px;font-size:14px}.radio-section{background:var(--blue);color:white;margin:0 18px;border-radius:28px;overflow:hidden}.radio-section em{color:#c6d1ff}.radio-section p{color:#e0e5ff}.radio-art{aspect-ratio:1;position:relative;display:grid;place-items:center}.record{border-radius:100%;width:84%;aspect-ratio:1;display:grid;place-items:center;background:repeating-radial-gradient(circle,#142773 0px,#142773 3px,#2542a1 4px,#182c7b 5px);box-shadow:20px 30px 60px #07134266;animation:spin 30s linear infinite}.record-label{background:#e5edff;border-radius:100%;width:32%;aspect-ratio:1;color:var(--blue);font-size:clamp(16px,2.3vw,30px);letter-spacing:-.06em;text-align:center;display:flex;flex-direction:column;justify-content:center;line-height:1.1}.record-label b{font-size:1.7em}.radio-caption{position:absolute;bottom:0;left:0;font-size:11px;letter-spacing:.15em}.eq{display:flex;gap:6px;align-items:center;position:absolute;right:0;bottom:9%;height:110px;background:#ffffff12;backdrop-filter:blur(15px);padding:20px;border-radius:18px}.eq i{width:6px;background:#dde6ff;height:var(--h);border-radius:4px;animation:equalize 1s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes equalize{to{transform:scaleY(.3)}}.games h2{margin-bottom:45px}.game-rows>a{border-top:1px solid var(--line);display:grid;grid-template-columns:50px 1fr 1fr 35px;align-items:center;gap:20px;padding:28px 0;transition:padding .3s,background .3s}.game-rows>a:hover{padding-left:20px;padding-right:20px;background:#e0e6ef}.game-rows strong{font-size:38px;letter-spacing:-.06em;font-weight:500}.game-rows span{color:var(--muted);font-size:15px}.game-rows b{font-size:30px;font-weight:400}.game-note{font-size:14px;border-top:1px solid var(--line);padding-top:20px}.community{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#e1e6ec}.community h2{margin:28px 0}.community p{margin:25px 0}.metrics>div{padding:20px 0;border-bottom:1px solid #bac4d0;display:flex;justify-content:space-between;align-items:baseline;gap:20px}.metrics strong{font-size:clamp(42px,5vw,76px);font-weight:400;letter-spacing:-.07em}.metrics span{color:var(--muted);font-size:14px}.site-footer{padding:60px 5vw 0;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:50px}.footer-top p{font-size:clamp(30px,4vw,56px);line-height:1.1;letter-spacing:-.05em;color:var(--ink)}.footer-links{display:flex;gap:25px;flex-wrap:wrap;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;font-size:12px;color:var(--muted)}.footer-word{font-size:24.2vw;letter-spacing:-.095em;line-height:1;color:var(--blue);margin-left:-1.4vw;margin-top:15px}.page-hero{padding:80px 5vw 70px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(48px,7.5vw,116px);max-width:1100px;margin:30px 0}.page-hero p{font-size:19px;max-width:680px}.inner main,.inner main+section{padding:65px 5vw}.inner .container{max-width:1240px;margin:auto}.inner-layout{display:block}.inner h2{font-size:clamp(30px,3.6vw,50px);letter-spacing:-.045em;line-height:1.15;margin:14px 0 25px}.inner h3{font-size:22px;margin:18px 0}.inner p{margin:15px 0}.inner .content-card{max-width:1060px}.inner .section-kicker{font-size:12px;letter-spacing:.12em;color:var(--blue);font-weight:600}.inner .content-lead{font-size:21px;line-height:1.6}.inner a:not(.pill):not(.brand):not(.footer-word):hover{color:var(--blue)}.content-subsection,.rules-block,.rule-item{margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}.inner-two-grid,.contact-grid,.version-grid,.status-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:28px 0}.mini-info-card,.contact-card,.version-card,.status-panel,.status-metric-grid article{padding:30px;border:1px solid var(--line);border-radius:20px;background:#f8f9fb}.version-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.version-card{display:block;transition:transform .2s}.version-card:hover{transform:translateY(-5px)}.version-tag,.channel-name{font-size:13px;padding:6px 14px;border-radius:100px;background:#e2e8fe;color:#2449ed;display:inline-block}.version-icon,.mini-icon,.contact-icon{font-size:30px}.content-list,.rules-list{padding-left:22px}.content-list li,.rules-list li{margin:14px 0;color:var(--muted)}.security-notice,.info-notice{padding:20px 25px;background:#dfe5f5;border-radius:16px;margin:30px 0}.page-cta{margin-top:40px;padding:32px;background:#dce3f6;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:25px}.btn{display:inline-block;background:var(--blue);color:white!important;border-radius:100px;padding:13px 25px;white-space:nowrap}.status-overview-card,.status-overview-copy,.status-refresh-box,.status-section-heading,.service-status-row,.daily-activity-list>div,.status-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.status-overview-card{padding:30px;background:#e0e6f2;border-radius:20px;flex-wrap:wrap}.status-refresh-box{font-size:14px}.status-refresh-box button{padding:9px 18px;border-radius:30px;color:white;background:var(--blue)}.status-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.status-metric-grid article{display:flex;flex-direction:column;gap:10px}.status-metric-grid strong{font-size:38px;font-weight:400}.status-metric-grid small{font-size:14px}.status-metric-section{margin-top:50px}.status-two-column{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin:30px 0}.status-panel{height:100%}.service-status-row{padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}.service-status-row div{flex:1}.service-status-row small{display:block;color:var(--muted)}.service-badge{font-size:12px;white-space:nowrap}.daily-activity-list>div{padding:15px 0;border-bottom:1px solid var(--line)}.status-privacy-note,.status-auto-note{font-size:13px}.game-breakdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.game-breakdown-grid>div{padding:15px;border:1px solid var(--line);border-radius:15px}.game-breakdown-grid strong{display:block;font-size:30px}.is-error,.is-offline{color:#a42235}.is-online,.is-ok{color:#14613e}.is-loading{color:#657078}.no-motion *{animation:none!important;transition:none!important}.no-motion{scroll-behavior:auto}
@media(min-width:1600px){.intro,.section,.page-hero,.site-footer{padding-left:max(5vw,calc((100vw - 1500px)/2));padding-right:max(5vw,calc((100vw - 1500px)/2))}}
@media(max-width:900px){.desktop-nav{gap:18px}.intro-aside{width:180px}.entry-strip{flex-wrap:wrap}.entry-strip form{min-width:55%}.other-versions{max-width:none}.split{gap:35px}.chapter{width:60%}.chat-demo{padding:20px}.section{padding:65px 5vw}.version-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-two-column{grid-template-columns:1fr}.status-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.topbar{height:78px;padding:0 5vw}.brand{font-size:23px}.brand-mark{width:33px;height:33px}.brand .org{font-size:13px}.desktop-nav{display:none}.pill.small{font-size:12px;padding:11px 14px;gap:6px}.nav-actions{gap:5px}.menu-button{font-size:20px}.mobile-menu{top:73px;right:5vw;max-width:90vw}.intro{padding-top:32px}.eyebrow{font-size:10px;letter-spacing:.1em}.intro-line{align-items:flex-start;margin:30px 0}.intro h1{font-size:clamp(68px,15vw,95px)}.intro-aside{display:none}.entry-strip{gap:17px}.entry-strip>div{width:100%;display:flex;justify-content:space-between;align-items:center}.entry-strip strong{font-size:16px}.entry-strip span{font-size:12px;max-width:130px}.entry-strip form{width:100%;gap:8px}.entry-strip input{padding:13px 16px;font-size:14px}.entry-strip button{font-size:13px;padding:14px 18px;gap:0}.other-versions{font-size:12px}.experience{margin:0 9px;height:290vh}.stage{min-height:620px;height:100svh;max-height:950px;border-radius:21px}.stage-top,.stage-bottom{left:6%;right:6%;font-size:10px;gap:8px}.stage-top{top:22px}.stage-top button{font-size:10px;padding:7px 10px}.chapter{left:7%;top:15%;width:86%}.chapter h2{font-size:clamp(40px,10vw,56px);margin:18px 0}.chapter p{font-size:15px;max-width:90%;margin-bottom:18px}.chapter .pill{font-size:13px;padding:13px 21px}.stage-word{font-size:23vw;bottom:13%}.stage-bottom>span:first-child{display:none}.progress{width:30%}.section-top{margin-bottom:38px;font-size:10px}.split,.community{grid-template-columns:1fr;gap:45px}.split p{font-size:16px}.chat-demo{transform:none}.radio-section{margin:0 9px;border-radius:21px}.radio-section .split{gap:30px}.radio-art{max-width:420px;width:100%;margin:auto;order:2}.radio-section .section-top{margin-bottom:35px}.record-label{font-size:24px}.game-rows>a{grid-template-columns:25px 1fr 26px;gap:12px;padding:22px 0}.game-rows strong{font-size:30px}.game-rows>a>span:not(.game-index){grid-column:2;grid-row:2;font-size:13px}.game-rows b{grid-row:1;grid-column:3}.game-index{font-size:12px!important}.game-note{font-size:13px}.community{gap:30px}.metrics strong{font-size:56px}.metrics span{font-size:13px}.footer-top{align-items:flex-start;gap:20px;padding-bottom:30px}.footer-top .pill{font-size:13px;padding:13px 19px;gap:6px}.footer-links{gap:18px;font-size:13px}.footer-bottom{font-size:11px;flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}.page-hero{padding:45px 5vw}.page-hero h1{font-size:48px;overflow-wrap:anywhere}.page-hero p{font-size:16px}.inner main,.inner main+section{padding:40px 5vw}.inner-two-grid,.contact-grid,.version-grid,.game-breakdown-grid{grid-template-columns:1fr}.inner .content-lead{font-size:18px}.page-cta{display:block}.page-cta .btn{margin-top:15px}.status-panel,.mini-info-card,.contact-card{padding:20px}.status-overview-card{padding:22px}.status-refresh-box{flex-wrap:wrap;font-size:12px}.status-section-heading{align-items:flex-start;flex-direction:column;gap:5px}.status-metric-grid{gap:12px}.status-metric-grid article{padding:18px}.status-metric-grid small{font-size:12px}.service-status-row{flex-wrap:wrap}.service-badge{white-space:normal}.inner h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Keep the primary entry within reach throughout the story. */
.topbar{position:sticky;top:0;background:#eef0f3f5;backdrop-filter:blur(14px)}
.stage{top:96px;height:calc(100vh - 96px);min-height:550px}
@media(max-width:600px){.stage{top:78px;height:calc(100svh - 78px);min-height:600px}.mobile-menu{position:fixed}}
@media(min-width:601px){.mobile-menu{position:fixed;top:90px}}