:root{color-scheme:dark;--text:#f5f1ff;--muted:#aaa3bd;--purple:#b596ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--text);background:radial-gradient(ellipse at 5% 0%,#30203f99,transparent 55%),radial-gradient(ellipse at 100% 90%,#14234788,transparent 60%),#0b0b16;background-attachment:fixed}header{max-width:1200px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text);font-weight:850;letter-spacing:.15em;font-size:17px}.brand img{width:44px;height:44px;object-fit:contain}.subbrand{display:block;font-size:9px;color:var(--purple);margin-top:5px;letter-spacing:.22em}nav{display:flex;gap:24px}a{color:#cab7ff}nav a{font-size:13px;text-decoration:none;color:#c2b9d3}a:hover{color:white}a:focus-visible{outline:2px solid #b596ff;outline-offset:5px}main{max-width:1136px;margin:64px auto 0;padding:0 0 24px}.eyebrow{font-size:11px;font-weight:750;color:#c9b3fa;letter-spacing:.19em;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;background:#b596ff;box-shadow:0 0 12px #b596ff77;border-radius:50%}h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.05em;line-height:1.1;margin:18px 0}h1 span{color:#b596ff}.intro{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 35px}.now{display:flex;align-items:center;gap:32px;padding:32px;border:1px solid #b596ff66;border-radius:26px;background:linear-gradient(115deg,#332345,#191827 80%);box-shadow:0 0 65px #9868ff12,0 18px 55px #0003;min-height:220px;overflow:hidden}.art{width:152px;height:152px;flex-shrink:0;border-radius:19px;background:linear-gradient(135deg,#61457f,#282035);box-shadow:0 12px 25px #0004;display:flex;align-items:center;justify-content:center;overflow:hidden}.art img{width:100%;height:100%;object-fit:cover}.art span{color:#c1a2f2;font-size:64px}.copy{min-width:0;flex:1}.copy h2{font-size:clamp(24px,3vw,36px);letter-spacing:-.03em;line-height:1.2;margin:14px 0 10px;overflow-wrap:anywhere}.copy p{color:#d2c6e3;font-size:17px;margin:0;line-height:1.5}.copy .source{color:#a797bc;font-size:12px;margin-top:20px}.bars{display:flex;gap:5px;align-items:center;height:60px;padding:10px}.bars i{height:42px;width:5px;border-radius:4px;background:#b596ff;animation:bounce .9s ease-in-out infinite alternate}.bars i:nth-child(2){animation-delay:-.5s}.bars i:nth-child(3){animation-delay:-.2s}.bars i:nth-child(4){animation-delay:-.7s}.bars i:nth-child(5){animation-delay:-.4s}.now:not([data-state=live]) .bars{display:none}.section-heading{margin:46px 0 20px;display:flex;justify-content:space-between;align-items:baseline;gap:16px}.section-heading h2{margin:0;font-size:20px;letter-spacing:-.02em}.section-heading>span{color:#90879f;font-size:12px}.sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sources article{display:flex;flex-direction:column;padding:25px;background:#181723cc;border:1px solid #ffffff16;border-radius:20px}.service-icon{width:43px;height:43px;background:#a78bfa18;border:1px solid #a78bfa30;display:grid;place-items:center;border-radius:13px;font-size:27px;color:#c4a5ff;margin-bottom:20px}.film{color:#ed9ab0;background:#b83c5d15;border-color:#b83c5d30}.video{color:#efa39e;background:#c75e5515;border-color:#c75e5530}.service-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}h3{font-size:16px;margin:0}.badge{font-size:10px;padding:5px 9px;border:1px solid #ffffff1a;border-radius:30px;color:#a89fb8;background:#ffffff05;white-space:nowrap}.badge.connected{background:#a78bfa15;color:#cbb4ff;border-color:#a78bfa40}.sources p{color:var(--muted);font-size:13px;line-height:1.8;flex:1;margin:15px 0 23px}.sources a{font-size:12px;text-decoration:none;padding-top:15px;border-top:1px solid #ffffff12;display:flex;justify-content:space-between}.card-note{font-size:12px;color:#82798f;padding-top:15px;border-top:1px solid #ffffff12}.bottom{display:flex;justify-content:space-between;gap:12px;margin-top:25px;font-size:11px;color:#93879f}aside{color:#81768e;font-size:11px;line-height:1.8;margin:25px 0 0}footer{text-align:center;padding:30px 20px;color:#93879f;font-size:12px}footer span{color:#b596ff}@keyframes bounce{to{height:12px}}[hidden]{display:none!important}@media(max-width:1200px){main{margin:45px 32px 0}}@media(max-width:760px){header{padding:20px;align-items:flex-start}nav{flex-direction:column;gap:9px;align-items:flex-end}nav a{font-size:11px}main{margin:35px 20px 0}.now{padding:22px;gap:20px;align-items:flex-start}.art{width:84px;height:84px;border-radius:13px}.art span{font-size:38px}.copy .eyebrow{font-size:9px;letter-spacing:.1em}.copy h2{font-size:24px}.copy p{font-size:14px}.bars{display:none}.sources{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column;gap:8px;margin-top:32px}.bottom{flex-direction:column;gap:8px}.brand{font-size:13px;gap:8px}.brand img{width:35px;height:35px}.subbrand{font-size:8px}.intro{font-size:14px}}@media(prefers-reduced-motion:reduce){.bars i{animation:none}}

nav a.login-button{display:inline-flex;align-items:center;justify-content:center;background:#b596ff;color:#191123;border:1px solid #d1bcff77;border-radius:11px;padding:11px 23px;font-size:13px;font-weight:750;box-shadow:0 4px 20px #9868ff20}nav a.login-button:hover{background:#c9afff;color:#100b19}

.steam-now{margin-top:24px}.steam-now .art>span{font-size:64px}.steam-now .art{display:flex;align-items:center;justify-content:center}.steam-now .bars{visibility:hidden}.steam-now[data-state="live"] .bars{visibility:visible}