@font-face{font-family:Manrope;src:url(assets/fonts/manrope-variable.woff2) format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Russo;src:url(assets/fonts/russo-one-cyrillic.woff2) format('woff2');font-weight:400;font-display:swap;unicode-range:U+0400-052F}@font-face{font-family:Russo;src:url(assets/fonts/russo-one-latin.woff2) format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-024F}
:root{--night:#0b103c;--cyan:#00dfda;--violet:#b43cfa;--yellow:#ffe600;--ivory:#fff9f2;--bg:#090e2a;--surface:#171d45;--ink:#fff9f2;--muted:#b9c3e0;--line:#ffffff22;--shadow:0 22px 80px #02051f55;--header:#090e2ae8;color-scheme:dark;font-family:Manrope,Arial,sans-serif;font-synthesis:none}html[data-theme=light]{--bg:#fff9f2;--surface:#edf1ff;--ink:#0b103c;--muted:#505979;--line:#0b103c22;--shadow:0 22px 80px #25236d12;--header:#fff9f2eb;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--bg);line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--violet);outline-offset:5px}button:disabled{cursor:default;opacity:.6}.skip{position:fixed;z-index:100;top:-80px;left:20px;background:var(--yellow);color:var(--night);padding:12px}.skip:focus{top:12px}.wrap{width:min(1280px,calc(100% - 64px));margin:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1,h2{font-family:Russo,Arial,sans-serif;font-weight:400}h1{font-size:clamp(44px,5.8vw,80px);margin:20px 0 24px}h2{font-size:clamp(32px,4vw,54px);margin-bottom:24px}h3{font-size:24px;font-weight:800}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.17em;font-weight:800;display:flex;align-items:center;gap:12px;margin-bottom:20px}.eyebrow:before{content:'';width:24px;height:3px;background:var(--cyan);border-radius:9px}.accent{color:var(--cyan)}html[data-theme=light] .accent{color:#087671}.accent-yellow{color:var(--yellow)}html[data-theme=light] .accent-yellow{color:#6a29ad}.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);padding:7px 12px;border-radius:100px;font-size:12px;font-weight:700}.dot{width:7px;height:7px;border-radius:50%;background:var(--cyan)}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(16px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}.brandlink{display:flex;align-items:center;gap:10px;flex-shrink:0}.brandlink img{width:48px;height:48px;object-fit:contain}.brandname{font-family:Russo;font-size:17px;line-height:1.15;letter-spacing:.02em}.brandname small{display:block;font-family:Manrope;font-size:9px;letter-spacing:.23em;margin-bottom:4px}.navlinks{display:flex;gap:24px;font-size:13px;font-weight:800}.navlinks a:hover{color:var(--cyan)}.navtools{display:flex;align-items:center;gap:8px}.iconbtn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:18px}.langbtn{font-size:12px;font-weight:800}.menubtn{display:none}.btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 22px;border:1px solid var(--line);border-radius:16px;font-size:14px;font-weight:800;background:var(--surface);color:var(--ink);transition:transform .18s,box-shadow .18s;line-height:1.4}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn.primary{background:var(--yellow);color:#0b103c;border-color:var(--yellow);box-shadow:0 6px 0 #9e880e33}.btn.cyan{background:var(--cyan);color:#0b103c;border-color:var(--cyan)}.btn.sm{min-height:44px;padding:10px 15px;font-size:12px}.arrow{font-size:20px;line-height:1}.hero{position:relative;padding:56px 0 70px;isolation:isolate}.hero:before{content:'';position:absolute;width:660px;height:660px;right:0;top:-100px;background:radial-gradient(ellipse,#b43cfa1a,transparent 66%);z-index:-1;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 1.07fr;gap:30px;align-items:center}.hero-copy{padding:25px 0}.hero-copy p{max-width:480px;font-size:17px;color:var(--muted);margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-note{font-size:12px!important;margin-top:22px;margin-bottom:0!important}.hero-art{position:relative;min-width:0;height:570px;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;width:92%;height:92%;border:1px solid var(--line);border-radius:50%;transform:rotate(-20deg)}.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid var(--line);border-radius:50%;inset:28px}.orbit:after{inset:66px}.hero-logo{position:absolute;width:240px;height:240px;top:2px;left:50%;transform:translateX(-50%);z-index:3;filter:drop-shadow(0 16px 30px #0003)}.stagefloor{position:absolute;left:2%;right:2%;bottom:33px;height:85px;border-radius:50%;background:linear-gradient(140deg,#5b4e9366,#00dfda44,#b43cfa44);box-shadow:0 20px 65px #b43cfa22;transform:rotate(-3deg);border:1px solid #ffffff22}.performer{position:absolute;width:47%;height:320px;bottom:47px;z-index:4;pointer-events:none}.performer img{width:100%;height:100%;object-fit:contain;transform:scale(1.45);transform-origin:center 60%}.performer.left{left:-3%;bottom:64px;transform:rotate(-7deg)}.performer.center{left:28%;z-index:6;bottom:29px}.performer.right{right:-3%;bottom:66px;transform:rotate(6deg)}.floatlabel{position:absolute;z-index:7;font-size:11px;border:1px solid var(--line);background:var(--header);padding:9px 13px;border-radius:100px;font-weight:800}.floatlabel.one{left:1%;top:78px;transform:rotate(-10deg)}.floatlabel.two{right:0;top:265px;transform:rotate(9deg)}.floatlabel.three{left:4%;bottom:2px;transform:rotate(-4deg)}.scrollband{border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;padding:20px 0;margin-top:12px;font-size:12px;font-weight:800}.scrollband span{display:flex;align-items:center;gap:10px}.scrollband i{width:10px;height:10px;border-radius:50%;background:var(--violet)}.section{padding:88px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-head>div{max-width:780px}.section-head p{margin-bottom:0;max-width:630px;color:var(--muted)}.section-head h2{margin-bottom:18px}.sound-strip{background:var(--surface);border:1px solid var(--line);border-radius:32px;padding:36px;display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:center}.sound-strip h3{font-size:28px;margin-bottom:16px}.sound-strip p{color:var(--muted);font-size:14px}.sequencer{min-width:0}.beat-controls{display:flex;gap:8px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.beat-controls .bpm{margin-left:auto;font-size:12px;color:var(--muted);font-weight:800}.beat-row{display:grid;grid-template-columns:65px repeat(8,minmax(0,1fr));gap:7px;align-items:center;margin-top:9px}.beat-label{font-size:11px;font-weight:800}.beat-cell{padding:0;border:1px solid var(--line);height:38px;border-radius:9px;background:var(--bg);position:relative}.beat-cell[aria-pressed=true]{background:var(--cyan);border-color:var(--cyan)}.beat-row[data-tone=clap] .beat-cell[aria-pressed=true]{background:var(--violet);border-color:var(--violet)}.beat-row[data-tone=hat] .beat-cell[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow)}.beat-cell.current:after{content:'';position:absolute;inset:-5px;border:2px solid var(--ink);border-radius:13px}.demo-caption{font-size:11px!important;margin:17px 0 0;line-height:1.5}.filterbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:24px}.search{min-height:48px;min-width:200px;flex:1;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px 16px;color:var(--ink)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-height:44px;background:var(--surface);border:1px solid var(--line);border-radius:100px;padding:10px 15px;color:var(--ink);font-size:12px;font-weight:800}.chip[aria-pressed=true]{background:var(--cyan);border-color:var(--cyan);color:#0b103c}.roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.hero-card{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:16px;text-align:left;color:var(--ink);position:relative;transition:transform .18s;min-width:0}.hero-card:hover{transform:translateY(-5px)}.hero-card .portrait{height:185px;border-radius:18px;position:relative;background:radial-gradient(ellipse at center bottom,#b43cfa22,transparent 70%);overflow:hidden}.portrait img{width:100%;height:100%;object-fit:contain;transform:scale(1.5);transform-origin:center 60%}.hero-card strong{display:block;font-size:16px;margin:12px 0 3px;line-height:1.3;overflow-wrap:anywhere}.hero-card small{display:block;color:var(--muted);font-size:10px;line-height:1.5;min-height:30px}.hero-card .plus{position:absolute;right:14px;top:14px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--bg);font-size:17px;z-index:1}.roster-foot{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:24px}.roster-foot p{color:var(--muted);font-size:12px;margin:0}.steps-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.record-art{width:100%;max-width:440px;aspect-ratio:1;margin:auto;position:relative;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,var(--surface) 0 8px,var(--bg) 9px 12px)}.record-art:before{content:'';position:absolute;inset:16%;border-radius:50%;border:4px solid var(--cyan);box-shadow:0 0 50px #00dfda20}.record-art img{width:48%;border-radius:50%;z-index:1}.record-art .label{position:absolute;bottom:6%;font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--muted)}.steps{list-style:none;padding:0;margin:30px 0 0;counter-reset:steps}.steps li{padding:23px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:48px 1fr;gap:16px;counter-increment:steps}.steps li:before{content:'0' counter(steps);font-family:Russo;color:var(--cyan);font-size:23px}html[data-theme=light] .steps li:before{color:#087671}.steps strong{display:block;font-size:18px;margin-bottom:6px}.steps p{font-size:13px;color:var(--muted);margin:0}.world-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.world-main{padding:40px;border:1px solid var(--line);border-radius:32px;min-height:370px;position:relative;overflow:hidden;background:var(--surface);display:flex;align-items:center}.world-main .world-copy{position:relative;z-index:2;max-width:52%}.world-main h3{font-family:Russo;font-weight:400;font-size:32px}.world-main p{font-size:13px;color:var(--muted)}.world-main img{position:absolute;right:-8%;bottom:-16%;width:70%;height:110%;object-fit:contain}.world-aside{display:grid;gap:20px}.world-note{padding:28px;border:1px solid var(--line);border-radius:28px;position:relative;background:var(--surface)}.world-note h3{font-size:21px;margin:0 0 10px}.world-note p{font-size:13px;color:var(--muted);margin:0}.mini-orbit{width:54px;height:54px;border:5px solid var(--cyan);border-radius:50%;float:right;margin:0 0 10px 14px}.mini-wave{display:flex;gap:5px;align-items:center;height:44px;margin-bottom:15px}.mini-wave i{width:8px;border-radius:9px;background:var(--violet)}.community{background:linear-gradient(120deg,#b43cfa1c,#00dfda0e);border:1px solid var(--line);border-radius:40px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}.community p{color:var(--muted);font-size:14px}.community .tagrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.community form{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:26px}.field{display:block;margin-bottom:18px;font-size:12px;font-weight:800}.field input,.field textarea,.field select{width:100%;min-height:46px;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:12px;border-radius:12px;margin-top:8px}.field textarea{min-height:100px;resize:vertical}.form-note{font-size:11px!important;line-height:1.5}.form-status{font-size:12px;line-height:1.5;margin-top:16px;color:var(--ink)}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-grid .avatar-mini{width:150px;margin-top:28px}.faq-list details{border-top:1px solid var(--line);padding:21px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:16px;font-weight:800;display:flex;align-items:center;gap:30px;justify-content:space-between;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--cyan);font-size:25px;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);margin:16px 0 0;max-width:640px}.closing{padding:70px 0;text-align:center}.closing h2{max-width:850px;margin:0 auto 30px}.closing .btn{min-width:215px}.closing p{font-size:12px;color:var(--muted);margin-top:24px}.footer{border-top:1px solid var(--line);padding:35px 0}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-links{display:flex;gap:20px;font-size:12px;flex-wrap:wrap}.footer-meta{display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:10px;margin-top:24px}.empty{padding:30px;color:var(--muted);text-align:center;grid-column:1/-1}dialog{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:30px;padding:30px;max-width:700px;width:calc(100% - 32px);max-height:90svh;box-shadow:var(--shadow)}dialog::backdrop{background:#03051acc;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:16px;top:16px}.profile-grid{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center}.profile-grid img{width:100%;height:300px;object-fit:contain;transform:scale(1.3)}.profile-grid h2{font-size:30px;margin-bottom:12px}.profile-grid p{font-size:13px;color:var(--muted)}.profile-grid .pill{margin-bottom:12px}.game-dialog h2{font-size:32px;margin-right:40px}.game-dialog p{font-size:14px;color:var(--muted)}.game-dialog .hero-actions{margin-top:25px}.theme-icon{font-size:20px}.noscript{background:var(--yellow);color:var(--night);padding:16px}.reveal{animation:rise .7s both}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-art{height:610px}.hero-logo{width:260px;height:260px}.performer{height:350px}}@media(max-width:1100px){.wrap{width:calc(100% - 40px)}.nav{gap:12px}.navlinks{gap:14px;font-size:11px}.brandname{font-size:14px}.hero-art{height:500px}.hero-logo{width:205px;height:205px}.performer{height:280px}.roster{grid-template-columns:repeat(4,minmax(0,1fr))}.steps-layout{gap:35px}.world-grid{grid-template-columns:1fr 1fr}.world-main .world-copy{max-width:62%}.community{gap:28px;padding:32px}.faq-grid{gap:40px}}
@media(max-width:800px){.navlinks{display:none;position:absolute;top:84px;left:0;right:0;background:var(--bg);padding:24px;border-bottom:1px solid var(--line);font-size:15px}.navlinks.open{display:flex;flex-direction:column}.menubtn{display:inline-grid}.navtools .play-nav{display:none}.hero-grid{grid-template-columns:1fr}.hero{padding:30px 0 45px}.hero-copy{padding:15px 0 0}.hero-copy p{font-size:16px;max-width:560px}.hero-art{height:480px;max-width:600px;width:100%;margin:auto}.hero-logo{top:0}.section{padding:64px 0}.section-head{align-items:start;flex-direction:column;gap:20px}.sound-strip{grid-template-columns:1fr;padding:26px;gap:20px}.sound-strip h3{font-size:25px}.roster{grid-template-columns:repeat(3,minmax(0,1fr))}.steps-layout{grid-template-columns:1fr;gap:35px}.record-art{max-width:320px}.world-grid{grid-template-columns:1fr}.world-main{min-height:330px}.world-aside{grid-template-columns:1fr 1fr}.community{grid-template-columns:1fr;gap:20px}.faq-grid{grid-template-columns:1fr;gap:20px}.faq-grid .avatar-mini{display:none}.footer-main{align-items:start;flex-direction:column}.scrollband{flex-wrap:wrap;font-size:11px}.footer-meta{flex-direction:column;gap:8px}}
@media(max-width:500px){.wrap{width:calc(100% - 32px)}.nav{min-height:76px}.navlinks{top:76px}.brandname{font-size:13px}.brandlink img{width:40px;height:40px}.navtools{gap:5px}.iconbtn{width:40px;height:40px;min-width:40px}.brandlink{gap:7px}h1{font-size:42px;line-height:1.1;letter-spacing:-.04em}h2{font-size:31px}.hero-copy p{font-size:14px}.hero-actions{gap:10px}.hero-actions .btn{flex:1;padding:13px 12px;font-size:12px;gap:12px;white-space:nowrap}.hero-art{height:360px;margin-top:24px}.hero-logo{width:160px;height:160px;top:0}.performer{height:210px;bottom:32px}.performer.center{bottom:15px}.performer.left{bottom:42px}.performer.right{bottom:43px}.stagefloor{bottom:15px;height:65px}.floatlabel{font-size:9px;padding:7px 9px}.floatlabel.one{top:50px;left:0}.floatlabel.two{top:170px;right:0}.floatlabel.three{bottom:-5px}.scrollband{gap:12px;padding:18px 0}.scrollband span{font-size:10px}.sound-strip{padding:20px;border-radius:25px}.beat-row{grid-template-columns:42px repeat(8,minmax(0,1fr));gap:4px}.beat-label{font-size:9px}.beat-cell{height:33px;border-radius:6px}.beat-controls .bpm{margin-left:0;width:100%}.roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-card{padding:12px;border-radius:22px}.hero-card .portrait{height:155px}.hero-card strong{font-size:14px}.roster-foot{align-items:start;flex-direction:column}.filterbar{gap:12px}.search{width:100%;min-width:0}.chips{gap:6px}.chip{font-size:10px;padding:9px 11px}.section{padding:50px 0}.world-aside{grid-template-columns:1fr}.world-main{padding:26px;min-height:380px;align-items:start}.world-main .world-copy{max-width:75%}.world-main img{right:-20%;bottom:-18%;width:90%;height:100%}.world-note{padding:24px}.community{padding:24px;border-radius:30px}.community form{padding:20px}.faq-list summary{font-size:14px}.profile-grid{grid-template-columns:1fr;gap:0}.profile-grid img{height:200px;transform:none}.profile-grid h2{font-size:26px}.game-dialog h2{font-size:26px}.footer-links{gap:15px}.footer-meta{font-size:9px}.eyebrow{font-size:10px;letter-spacing:.13em}.closing{padding:54px 0}.closing h2{font-size:32px}.brandname small{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(forced-colors:active){.btn,.chip,.hero-card,.beat-cell{border:1px solid ButtonText}.orbit,.stagefloor{display:none}}

/* Bound transformed decorative art to its own scene; keep page geometry stable. */
.hero{overflow:clip}.hero-art{overflow:clip;border-radius:32px}.hero-card{overflow:hidden}.hero-art .performer.left{left:1%}.hero-art .performer.right{right:1%}.hero-art .performer img{transform:scale(1.3)}
@media(max-width:500px){.hero-copy .hero-actions{flex-direction:column;align-items:stretch}.hero-copy .hero-actions .btn{flex:none}.hero-art{height:380px}.hero-art .performer{width:44%;height:210px}.hero-art .performer.center{left:28%}.hero-art .performer.left{left:0}.hero-art .performer.right{right:0}.hero-art .performer img{transform:scale(1.25)}.profile-grid img{max-width:100%}}

[hidden]{display:none!important}