@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;450;500;600;650;700;800&display=swap');
:root{color-scheme:dark;--bg:#111014;--panel:#19171f;--line:#343039;--text:#f8f7fa;--muted:#aaa5b3;--purple:#966bff;--bright:#b598ff;--radius:16px;--mx:0px;--my:0px;font-family:'DM Sans',Arial,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--bright);outline-offset:6px}button{color:inherit}::selection{background:#966bff;color:#fff}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;line-height:.96;letter-spacing:-.8px;font-size:23px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--purple);border-radius:10px;color:#fff;font-size:39px;letter-spacing:-5px;font-style:italic;padding-right:6px;padding-bottom:5px;line-height:1}.brand-sub{display:block;font-size:10px;letter-spacing:3.3px;margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:500;color:#b8b3c1}.desktop-nav a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:13px;font-weight:700;color:#b8b3c1;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}.desktop-nav .nav-icon{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.75;transition:opacity .2s}.desktop-nav a:hover{color:#fff;border-color:var(--purple);background:#211c2d;transform:translateY(-2px)}.desktop-nav a:hover .nav-icon{opacity:1}.desktop-nav a.active{color:#111014;background:var(--purple);border-color:var(--purple);box-shadow:0 3px 0 #593699}.desktop-nav a.active .nav-icon{opacity:1}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:50px;padding:13px 24px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:700;line-height:1.4;white-space:nowrap;transition:background .2s,transform .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button span:last-child{font-size:20px}.login-button{background:#211c2d;border:1px solid #3e3158;color:#dacbff;min-height:43px;padding:8px 15px;gap:10px}.discord-icon{font-size:20px;letter-spacing:-4px;margin-right:5px}.primary{background:var(--purple);color:#111014;box-shadow:0 3px 0 #593699}.primary:hover{background:#ab87ff}.outline{background:#141217b3;border-color:#514859;color:#f8f7fa}.outline:hover{background:#292330;border-color:var(--purple)}.menu-button{display:none;background:none;border:1px solid var(--line);border-radius:8px;font-size:24px;padding:5px 11px}.mobile-nav{position:absolute;top:90px;left:20px;right:20px;background:#211d2a;z-index:10;border:1px solid var(--line);padding:20px;border-radius:12px}.mobile-nav a,.mobile-nav button{display:flex;align-items:center;gap:10px;padding:13px;text-align:left;background:none;border:0;width:100%}.mobile-nav a{font-weight:600}.mobile-nav .nav-icon{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--bright)}.skip{position:fixed;top:-70px;left:20px;background:var(--purple);padding:12px;z-index:99}.skip:focus{top:12px}.hero{min-height:590px;position:relative;isolation:isolate;display:flex;align-items:center;padding-block:64px 80px}.hero-art{position:absolute;z-index:-1;right:-48px;top:0;width:65%;height:100%;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 30%);background-position:center;background-size:cover;opacity:.85;transform:translate(calc(var(--mx)*.35),calc(var(--my)*.35));transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}.liquid-glow{position:absolute;inset:-15%;background:radial-gradient(ellipse at 75% 35%,#752bcb88,transparent 45%),radial-gradient(ellipse at 40% 65%,#5431b133,transparent 60%);filter:blur(40px);transform:translate(var(--mx),var(--my));transition:transform 1.2s ease}.hero-content{position:relative;max-width:810px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:1.8px;display:inline-flex;align-items:center;gap:9px}.tiny-star{color:var(--purple);font-size:22px}.muted{color:var(--muted)}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(56px,6.9vw,99px);font-weight:700;line-height:.97;letter-spacing:-1px;margin:28px 0 25px}h1 em{font-style:normal;color:var(--bright)}.hero p{font-size:16px;line-height:1.8;color:#c0b9cc;margin:0}.hero-actions{display:flex;gap:12px;margin-top:31px}.hero-foot{display:flex;align-items:center;gap:9px;color:#aaa2b6;margin-top:38px;font-size:12px}.small-ball{font-size:19px;color:#d7cce5}.art-caption{position:absolute;right:0;bottom:35px;font-size:10px;letter-spacing:2px;color:#8e839e;display:flex;gap:70px}.marquee{overflow:hidden;white-space:nowrap;background:#a57cff;color:#211531;transform:rotate(-1.1deg);width:102%;margin-left:-1%;padding:15px 0}.marquee>div{width:max-content;word-spacing:12px;font-size:13px;font-weight:800;letter-spacing:2px;animation:ticker 50s linear infinite}.marquee span{margin:0 28px;font-size:19px}.section{padding-block:82px 0;scroll-margin-top:10px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:29px}h2{font-size:30px;font-weight:650;letter-spacing:-1px;line-height:1.2;margin:12px 0 0}.section-note{font-size:13px;color:var(--muted);padding-bottom:3px}.play-panel{display:flex;align-items:center;gap:28px;background:linear-gradient(110deg,#211b2e,#19171e);border:1px solid #43344f;border-radius:var(--radius);padding:35px 38px}.play-symbol{width:76px;height:76px;border:1px solid #574371;border-radius:50%;display:grid;place-items:center;font-size:38px;color:#b596f1;background:#352649}.play-copy{flex:1}h3{font-size:25px;letter-spacing:-.6px;margin:8px 0 10px}.play-copy p{color:var(--muted);font-size:16px;margin:0;line-height:1.5}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);margin-top:85px;padding:35px 0;color:var(--muted);font-size:12px}.footer .brand{color:white;font-size:19px}.footer .brand-mark{width:33px;height:33px;font-size:31px}.footer .brand-sub{font-size:8px;letter-spacing:2.6px}dialog{color:var(--text);background:#1c1923;border:1px solid #57486b;border-radius:20px;padding:40px;width:min(520px,calc(100% - 32px));max-height:85vh;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#08070bba;backdrop-filter:blur(8px)}.modal-close{position:absolute;top:12px;right:16px;border:0;background:none;font-size:30px;color:var(--muted)}dialog h2{margin:15px 0}dialog p{color:#bbb4c7;line-height:1.7}dialog .button{width:100%;margin-top:20px}.status-note{padding:15px 18px;background:#282030;border:1px solid #4f3b65;border-radius:10px;font-size:14px;color:#d2c1ec;line-height:1.6}.modal-icon{font-size:30px;color:var(--bright)}@keyframes ticker{to{transform:translateX(-25%)}}@media(min-width:1550px){.hero{min-height:650px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.desktop-nav{gap:20px}.hero-art{right:-28px}.hero{min-height:560px}.art-caption{display:none}.play-panel{padding:28px}.play-copy p{max-width:340px}.section-note{display:none}}@media(max-width:780px){.wrap{width:calc(100% - 40px)}.header{height:84px}.desktop-nav,.header>.login-button{display:none}.menu-button{display:block}.hero{min-height:570px;padding-block:65px}.hero-art{right:-20px;width:100%;opacity:.43;mask-image:linear-gradient(0deg,#000,transparent 95%)}h1{font-size:clamp(51px,10.6vw,79px);letter-spacing:-.5px}.eyebrow{font-size:11px;letter-spacing:1.3px}.hero p{font-size:16px}.hero-actions{flex-wrap:wrap}.hero-actions .button{padding-inline:20px;gap:18px}.hero-foot{font-size:12px}.marquee{padding:12px 0}.section{padding-top:59px}h2{font-size:27px}.play-panel{flex-wrap:wrap;gap:20px;padding:25px}.play-symbol{width:55px;height:55px;font-size:27px}.play-copy{flex-basis:calc(100% - 80px)}.play-copy h3{font-size:23px}.play-copy p{font-size:14px}.play-panel>.button{width:100%}.footer{flex-wrap:wrap;justify-content:flex-start;margin-top:60px;gap:22px}.footer>span{width:100%}.desktop-break{display:none}dialog{padding:35px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art,.liquid-glow{transform:none!important}}
/* Community surfaces */
.hero-art{background-image:linear-gradient(0deg,#111014,transparent 22%,transparent 80%,#111014),url('liquid.webp');background-size:cover;background-position:58% center;mix-blend-mode:screen;opacity:.8}.hero{min-height:555px}.hero-content{max-width:850px}.room-links{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding:22px 0 0;gap:40px}.room-links>a{display:flex;align-items:center;gap:17px;padding:14px 0 26px}.room-links a>span:last-child{margin-left:auto;font-size:24px;color:var(--bright);transition:transform .25s}.room-links a:hover>span:last-child{transform:translate(3px,-3px)}.link-number{font-size:12px;color:#8d7f9e;align-self:flex-start;padding-top:4px}.room-links strong{display:block;font-size:15px;font-weight:600}.room-links small{display:block;color:var(--muted);font-size:13px;margin-top:8px}.community-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.social-card{border-radius:var(--radius);padding:34px 36px;position:relative;overflow:hidden;transition:transform .3s}.social-card:hover{transform:translateY(-4px)}.social-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.social-logo{width:35px;height:35px}.social-tag{font-size:11px;letter-spacing:1.3px;font-weight:700}.discord-card{background:#ede8f5;color:#292133}.social-card h3{font-size:36px;line-height:1.1;letter-spacing:-1px;font-weight:650;margin:35px 0 17px}.social-card p{max-width:365px;font-size:16px;line-height:1.65;margin:0}.discord-card p{color:#62576e}.social-bottom{margin-top:33px;display:flex;align-items:center;justify-content:space-between;gap:15px}.dark-button{background:#292035;color:#fff;box-shadow:0 3px 0 #d1c8de}.dark-button:hover{background:#463059}.copy-button{background:transparent;color:#45354f;border:1px solid #c6bad4;border-radius:8px;width:47px;height:47px;display:grid;place-items:center;transition:background .2s}.copy-button:hover{background:#d9cee7}.copy-button svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;fill:none}.tiktok-card{background:#1b1820;border:1px solid #3a3243}.tiktok-card p{color:var(--muted)}.tiktok-card .social-tag{color:#ada1be}.tiktok-logo{color:#c4a5ff}.replay-mark{font-size:57px;line-height:1;color:#675179;font-weight:400}.text-link{font-size:14px;color:#cbb1ff;font-weight:600;display:inline-flex;align-items:center;gap:16px}.text-link:hover{color:#e9daff}.guide-panel{background:#19171e;border:1px solid #39303f;border-radius:var(--radius);overflow:hidden}.guide-tabs{display:flex;gap:15px;border-bottom:1px solid #39303f;padding:0 30px}.guide-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:22px 15px;font-size:14px;font-weight:600;color:#aaa0b6;transition:color .2s,border-color .2s}.guide-tabs button[aria-selected=true]{color:#d3baff;border-bottom-color:#a57cff}.guide-tabs button:hover{color:white}.guide-content{display:grid;grid-template-columns:.9fr 1.1fr;padding:40px 44px;gap:65px;min-height:326px}.guide-content[hidden]{display:none}.guide-kicker{font-size:11px;letter-spacing:1.2px;color:#aa8eda;font-weight:700}.guide-intro h3{font-size:32px;line-height:1.15;margin:15px 0}.guide-intro p{font-size:15px;color:#b2a8bf;line-height:1.7;margin:0 0 20px;max-width:340px}.steps{list-style:none;margin:0;padding:0;display:grid;gap:24px}.steps li{display:flex;gap:20px}.steps li>span{width:31px;height:31px;flex-shrink:0;border:1px solid #574467;background:#2b2237;color:#c9a9ff;display:grid;place-items:center;font-size:13px;border-radius:50%;margin-top:3px}.steps h4{font-size:16px;font-weight:600;margin:0 0 7px}.steps p{font-size:14px;color:#aaa0b5;line-height:1.55;margin:0}.controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.controls>div{text-align:center}.controls>div>span{font-size:14px;color:#d4c7e2}.keys{margin:17px 0;line-height:42px}.keys kbd{display:inline-grid;place-items:center;background:#29232f;border:1px solid #594864;border-bottom:3px solid #594864;border-radius:7px;min-width:37px;height:38px;color:#e6d8f4;font:600 16px 'DM Sans',sans-serif;margin:2px}.keys .wide-key{padding:0 15px}.keys .or{display:block;font-size:12px;line-height:22px;color:var(--muted)}.controls small,.small-note{color:var(--muted);font-size:12px;line-height:1.5}.respect-list{list-style:none;padding:0;margin:0;display:grid;gap:20px}.respect-list li{border-left:2px solid #7b549f;padding-left:15px}.respect-list strong{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.respect-list span{color:var(--muted);font-size:14px;line-height:1.5}.account-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;border-bottom:1px solid var(--line);padding-bottom:67px}.account-section p{color:var(--muted);font-size:15px;line-height:1.7;max-width:430px;margin:17px 0 25px}.account-preview{border:1px solid #3b3147;border-radius:12px;padding:25px;display:flex;align-items:center;gap:18px;background:linear-gradient(120deg,#251d30,#17151b);box-shadow:0 0 75px #7950c50b}.avatar-symbol{width:60px;height:60px;border-radius:50%;background:#483060;display:grid;place-items:center;font-style:italic;font-weight:700;font-size:38px;color:#c7a7f0}.account-preview strong{display:block;font-size:17px;font-weight:600}.account-preview div>span{display:block;color:var(--muted);font-size:13px;margin-top:7px}.pending-badge{margin-left:auto;white-space:nowrap;border:1px solid #685072;border-radius:20px;color:#c6aed3;font-size:12px;padding:7px 10px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-section>div>p{font-size:15px;line-height:1.8;color:var(--muted)}.faq-section p a{color:#c9aaff;text-decoration:underline;text-underline-offset:4px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:15px;line-height:1.5;font-weight:500;padding:21px 0}summary::-webkit-details-marker{display:none}summary>span{font-size:22px;font-weight:400;color:#a58dbb;transition:transform .25s}details[open] summary>span{transform:rotate(45deg)}details p{margin:0 35px 22px 0;font-size:14px;line-height:1.8;color:#ada2b8}.footer>div>small{display:block;font-size:12px;color:#807788;margin-top:9px}.footer-links{display:flex;gap:24px;align-items:center}.footer-links a{font-size:13px;color:#c9bbd6}.footer-links a:hover{color:#fff}.footer-links button{background:none;border:0;color:#9b8fab;font-size:12px;padding:0}.footer-bottom{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#8b7f98;padding:0 0 25px}.footer{margin-top:85px;border-top:1px solid var(--line)}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);background:#e7dcf7;color:#21182b;padding:15px 23px;font-size:14px;border-radius:10px;box-shadow:0 8px 50px #0008;pointer-events:none;opacity:0;transition:opacity .25s,transform .25s;z-index:50;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-steps{padding:0;list-style:none;counter-reset:link-step;display:grid;gap:17px;margin:28px 0}.modal-steps li{counter-increment:link-step;display:flex;gap:14px;align-items:flex-start;font-size:14px;line-height:1.6;color:#cbbfd8}.modal-steps li:before{content:counter(link-step);display:grid;place-items:center;background:#3b2c4f;color:#d3b4ff;border-radius:50%;width:25px;height:25px;flex-shrink:0;font-size:12px}.modal-privacy{font-size:12px!important;color:#95869f!important}.motion-paused .marquee>div{animation-play-state:paused}.motion-paused .hero-art,.motion-paused .liquid-glow{transform:none!important;transition:none!important}.footer .brand-sub{font-size:10px}.brand-sub{font-size:12px;letter-spacing:2.4px}.eyebrow,.social-tag,.guide-kicker{font-size:12px}.art-caption{font-size:12px}.social-tag{letter-spacing:1px}.login-button .discord-icon{display:none}@media(min-width:1200px){.hero-art{width:69%;right:-70px}.hero p{max-width:470px}}@media(max-width:1050px){.guide-content{padding:30px;gap:30px}.social-card{padding:30px}.social-card h3{font-size:32px}.social-tag{font-size:12px;max-width:160px;text-align:right}.account-section{gap:35px}.account-preview{padding:20px;gap:12px}.pending-badge{font-size:12px;padding:6px 8px}.faq-section{gap:40px}.footer-links{gap:15px}.footer{flex-wrap:wrap}.footer>div:nth-child(2){max-width:350px}.controls{gap:10px}}@media(max-width:780px){.hero{min-height:545px}.hero-art{opacity:.6;mask-image:linear-gradient(90deg,transparent,#000 80%)}.hero-content{max-width:100%}.room-links{grid-template-columns:1fr;gap:0;padding-top:10px}.room-links>a{padding:20px 0}.room-links>a+a{border-top:1px solid var(--line)}.community-grid{grid-template-columns:1fr;gap:17px}.social-card{padding:28px}.social-card h3{font-size:34px;margin-top:30px}.social-tag{max-width:none}.guide-tabs{padding:0 12px;gap:0;justify-content:space-between}.guide-tabs button{font-size:13px;padding:19px 10px}.guide-content{grid-template-columns:1fr;gap:30px;padding:29px 24px}.guide-intro h3{font-size:29px}.guide-intro p{max-width:none;font-size:16px}.guide-content .text-link{font-size:14px}.steps p,.respect-list span{font-size:14px}.account-section{grid-template-columns:1fr;gap:30px;padding-bottom:50px}.account-preview{padding:22px 18px}.avatar-symbol{width:50px;height:50px;font-size:33px}.account-preview strong{font-size:16px}.pending-badge{margin-left:auto}.faq-section{grid-template-columns:1fr;gap:23px}.faq-section h2{margin-bottom:16px}.section-heading .text-link{display:none}.footer{margin-top:60px;gap:25px;align-items:flex-start}.footer>div:nth-child(2){max-width:none;width:100%;font-size:13px}.footer-links{width:100%;gap:25px;flex-wrap:wrap}.footer-links a{font-size:14px}.footer-links button{margin-left:auto}.footer-bottom{font-size:12px;line-height:1.5}.social-card:hover{transform:none}.social-card p{max-width:100%}.hero-foot{margin-top:28px}}@media(max-width:370px){.wrap{width:calc(100% - 30px)}.hero-actions{gap:10px}.hero-actions .button{padding-inline:14px;font-size:13px;gap:12px}h1{font-size:48px}.eyebrow{font-size:11px;letter-spacing:1px}.guide-tabs button{font-size:12px;padding-inline:7px}.account-preview{gap:10px}.avatar-symbol{width:40px;height:40px}.pending-badge{font-size:11px}.social-tag{font-size:10px}.social-card{padding:25px}.footer-links button{margin-left:0}}

/* Brand, language and appearance */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header{gap:18px}.brand{flex-shrink:0}.brand-mark,.footer .brand-mark{width:47px;height:58px;background:#111014;border-radius:8px;padding:0;letter-spacing:normal;overflow:hidden}.brand-mark img{display:block;width:62px;height:62px;max-width:none;object-fit:contain}.footer .brand-mark{width:40px;height:50px}.footer .brand-mark img{width:54px;height:54px}.avatar-symbol{overflow:hidden;background:#111014;border-radius:12px;flex-shrink:0}.avatar-symbol img{display:block;width:70px;height:70px;object-fit:contain;max-width:none}.appearance-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.desktop-nav{gap:24px;margin-inline:auto}.appearance-controls select{font:500 13px 'DM Sans',Arial,sans-serif;width:124px;min-height:42px;padding:0 10px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;cursor:pointer}.appearance-controls select:focus-visible{outline:3px solid var(--bright);outline-offset:3px}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);flex-shrink:0;transition:background .2s,border-color .2s}.icon-button:hover{border-color:var(--purple)}.icon-button svg{width:20px;height:20px}.moon-icon{display:none}[data-theme=light] .sun-icon{display:none}[data-theme=light] .moon-icon{display:block}.guide-kicker{line-height:1.7}.hero h1{font-size:clamp(54px,6.4vw,92px)}.social-tag{line-height:1.5}.guide-tabs button{line-height:1.4}.play-symbol{flex-shrink:0}.account-preview{min-width:0}.account-preview>div{min-width:0}.pending-badge{white-space:normal;text-align:center}body,dialog,.social-card,.guide-panel,.play-panel,.account-preview{transition:background-color .25s,color .25s,border-color .25s}
[data-theme=light]{color-scheme:light;--bg:#f7f6fa;--panel:#fff;--line:#dcd7e5;--text:#221b2b;--muted:#665c72;--purple:#8251dc;--bright:#7646c5}
[data-theme=light] .desktop-nav{color:#63556e}[data-theme=light] .desktop-nav a{color:#63556e;background:#fff;border-color:#dcd2e5}[data-theme=light] .desktop-nav a:hover{color:#24162f;background:#eee5fa;border-color:var(--purple)}[data-theme=light] .desktop-nav a.active{color:#fff;background:#7945cc;border-color:#7945cc;box-shadow:0 3px 0 #5a2ea0}[data-theme=light] .login-button{background:#eee5fa;color:#613399;border-color:#d2bde8}[data-theme=light] .primary{color:#fff;background:#7945cc;box-shadow:0 3px 0 #5a2ea0}[data-theme=light] .primary:hover{background:#6736b4}[data-theme=light] .outline{background:#ffffffda;color:#422859;border-color:#c5b2d8}[data-theme=light] .outline:hover{background:#ece2f7;border-color:#8251dc}[data-theme=light] .mobile-nav{background:#fff;box-shadow:0 12px 35px #32204418}[data-theme=light] .mobile-nav .nav-icon{color:#70409e}[data-theme=light] .hero-art{background-image:linear-gradient(0deg,var(--bg),transparent 22%,transparent 80%,var(--bg)),url('liquid.webp');mix-blend-mode:multiply;opacity:.17;mask-image:linear-gradient(90deg,transparent,#000 60%)}[data-theme=light] .liquid-glow{opacity:.45}[data-theme=light] .hero p{color:#5d4f68}[data-theme=light] .hero-foot,[data-theme=light] .small-ball{color:#6a587b}[data-theme=light] .art-caption{color:#776584}[data-theme=light] .marquee{background:#bda1ef;color:#30203d}[data-theme=light] .play-panel{background:linear-gradient(110deg,#eee5fa,#fff);border-color:#d6c5e6}[data-theme=light] .play-symbol{background:#e5d6f5;border-color:#bea1db;color:#7746ab}[data-theme=light] .link-number{color:#746381}[data-theme=light] .discord-card{background:#e9def5;color:#2c1b3b}[data-theme=light] .discord-card p{color:#584464}[data-theme=light] .tiktok-card{background:#fff;border-color:#d9cfe3}[data-theme=light] .tiktok-card .social-tag{color:#665071}[data-theme=light] .tiktok-logo{color:#8051b0}[data-theme=light] .replay-mark{color:#aa87c8}[data-theme=light] .text-link,[data-theme=light] .faq-section p a{color:#70409e}[data-theme=light] .text-link:hover{color:#481579}[data-theme=light] .guide-panel{background:#fff;border-color:#dcd2e5}[data-theme=light] .guide-tabs{border-color:#ddd3e5}[data-theme=light] .guide-tabs button{color:#695875}[data-theme=light] .guide-tabs button[aria-selected=true]{color:#703cab;border-bottom-color:#8751c6}[data-theme=light] .guide-tabs button:hover{color:#402650}[data-theme=light] .guide-kicker{color:#775096}[data-theme=light] .guide-intro p,[data-theme=light] .steps p{color:#685775}[data-theme=light] .steps li>span{background:#efe5f9;color:#73439c;border-color:#d3bfe5}[data-theme=light] .controls>div>span{color:#524060}[data-theme=light] .keys kbd{background:#f4edf9;border-color:#c7b3d5;color:#4b325f}[data-theme=light] .respect-list li{border-color:#af8ccd}[data-theme=light] .account-preview{background:linear-gradient(120deg,#ece1f8,#fff);border-color:#d4c1e5;box-shadow:0 5px 30px #7950c509}[data-theme=light] .pending-badge{color:#6c467f;background:#f4eef9;border-color:#c7b2d8}[data-theme=light] summary>span{color:#876799}[data-theme=light] details p{color:#685674}[data-theme=light] .footer .brand{color:#291c35}[data-theme=light] .footer>div>small{color:#756680}[data-theme=light] .footer-links a{color:#584065}[data-theme=light] .footer-links a:hover{color:#352240}[data-theme=light] .footer-links button,[data-theme=light] .footer-bottom{color:#756180}[data-theme=light] dialog{background:#fff;border-color:#c7b2da;box-shadow:0 25px 90px #21103333}[data-theme=light] dialog p,[data-theme=light] .modal-steps li{color:#695576}[data-theme=light] .status-note{background:#f2eafa;border-color:#d9c5e8;color:#68467e}[data-theme=light] .modal-steps li:before{background:#ecddf8;color:#75469a}[data-theme=light] .modal-privacy{color:#766482!important}[data-theme=light] .toast{background:#342041;color:#fff}
@media(max-width:1200px){.desktop-nav{gap:15px;font-size:13px}.desktop-nav a{gap:6px;padding:8px 11px;font-size:12px}.desktop-nav .nav-icon{width:14px;height:14px}.header{gap:13px}.login-button{padding-inline:12px;gap:10px}}
@media(max-width:1100px){.desktop-nav{display:flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;gap:6px}.desktop-nav a{padding:7px;gap:0;font-size:0}.desktop-nav .nav-icon{width:15px;height:15px}.menu-button{display:block}.header{height:70px}.header .brand-mark{width:42px;height:46px}.header .brand-mark img{width:52px;height:52px}.header .brand-stacked>span{font-size:11px}.mobile-nav{top:78px}.appearance-controls{margin-left:auto}.header .login-button{order:2}.header .menu-button{order:3}}
@media(max-width:780px){.header{height:66px;gap:10px}.header .brand{gap:5px}.header .brand-mark{width:33px;height:42px}.header .brand-mark img{width:46px;height:46px}.header .brand>span:last-child{display:none}.appearance-controls{gap:7px}.appearance-controls select{width:124px;min-height:42px;font-size:13px}.header .menu-button{font-size:23px;padding:4px 10px;min-height:42px}.mobile-nav{top:74px}.hero h1{font-size:clamp(47px,10vw,76px);line-height:1.02}.hero-content{width:100%}.hero-actions .button{gap:13px;padding-inline:18px}.hero-actions{gap:10px}.account-preview{gap:12px}.pending-badge{font-size:11px;max-width:110px}.account-preview div>span{font-size:12px}.guide-tabs button{font-size:12px;padding-inline:8px}.hero .eyebrow{font-size:11px;letter-spacing:1.1px}.social-card h3{font-size:31px}.social-tag{font-size:11px}}
@media(max-width:370px){.header{gap:7px}.appearance-controls select{width:115px}.appearance-controls{gap:6px}.hero h1{font-size:42px}.hero-actions .button{font-size:13px;padding-inline:14px}.avatar-symbol{width:40px;height:44px}.avatar-symbol img{width:52px;height:52px}.account-preview{padding:20px 14px;gap:10px}.account-preview strong{font-size:14px}.pending-badge{font-size:10px;padding:6px}.guide-tabs{padding-inline:7px}.guide-tabs button{padding-inline:6px;font-size:11px}.social-card h3{font-size:29px}}

/* A shorter, image-led community page */
.hero{min-height:455px;padding-block:54px 58px}.hero h1{margin-top:22px;margin-bottom:23px}.hero-actions{margin-top:25px}.section{padding-top:64px}.section-heading{margin-bottom:24px}.community-grid{gap:20px}.social-card{padding:29px 32px}.social-card h3{font-size:30px;margin-top:25px;margin-bottom:12px}.social-bottom{margin-top:25px}.guide-content{min-height:250px;padding-block:31px;align-items:center}.guide-intro h3{margin-top:0}.steps{gap:24px}.steps h4{margin-bottom:0}.steps li{align-items:center}.steps p{margin-top:6px}.respect-list{gap:18px}.respect-list strong{margin-bottom:0}.faq-section .text-link{margin-top:19px}.footer{margin-top:65px}.footer>div>small{margin-top:0}
/* Preserve the diagonal ribbon; let only its lettering shimmer. */
.marquee{background:#7850bb;border-top:1px solid #bb8ff955;border-bottom:1px solid #bb8ff955;padding:16px 0;box-shadow:0 0 36px #a673e919}
.marquee>.ribbon-track{display:flex;gap:0;width:max-content;word-spacing:normal;animation:ribbon-travel 45s linear infinite}
.ribbon-group{display:flex;align-items:center;gap:35px;padding-right:35px;flex-shrink:0}
.marquee .ribbon-word{margin:0;font-size:14px;letter-spacing:2px;font-weight:800;color:#fff;line-height:1.5;text-shadow:0 0 13px #e8b7ff99;animation:ribbon-colors 7s ease-in-out infinite}
.marquee .ribbon-star{margin:0;font-size:22px;color:#ddc8f8;opacity:.8}
@supports(background-clip:text){.marquee .ribbon-word{background:linear-gradient(100deg,#fff 0%,#ffccf5 20%,#b6f7ff 42%,#fff3c3 65%,#e4c7ff 82%,#fff 100%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px #e9c5ff88)}}
.ribbon-word:nth-of-type(3){animation-delay:-1.7s}.ribbon-word:nth-of-type(5){animation-delay:-3.4s}.ribbon-word:nth-of-type(7){animation-delay:-5.1s}
@keyframes ribbon-travel{to{transform:translateX(-50%)}}
@keyframes ribbon-colors{0%,100%{background-position:0% 50%;text-shadow:0 0 12px #edb6ff88}50%{background-position:100% 50%;text-shadow:0 0 16px #acf0ff99}}
.motion-paused .ribbon-track,.motion-paused .ribbon-word{animation-play-state:paused!important}
[data-theme=light] .marquee{background:#835cbd;box-shadow:0 0 30px #835cbd15;border-color:#c6a5ed}
@media(max-width:780px){.hero{min-height:435px;padding-block:52px}.hero h1{font-size:clamp(44px,10vw,76px)}.section{padding-top:48px}.social-card{padding:27px}.social-card h3{font-size:28px}.guide-content{min-height:0;gap:27px;padding:27px 24px}.guide-intro h3{font-size:27px}.guide-intro .small-note{display:block;margin-bottom:5px}.steps{gap:20px}.footer{margin-top:50px}.ribbon-group{gap:26px;padding-right:26px}.marquee .ribbon-word{font-size:12px}.marquee{padding-block:13px}}
@media(max-width:370px){.hero h1{font-size:42px}.social-card h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.ribbon-track,.ribbon-word{animation:none!important}}

/* A fine gold outline preserves the animated colors inside the letters. */
.marquee .ribbon-word{-webkit-text-stroke:.55px #f1cd72;paint-order:stroke fill}
/* Logo fade-in, fade-out, then the site: 1.5 seconds total. */
.brand-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#111014;pointer-events:none;animation:brand-intro-reveal 1.5s ease-in-out both}
.intro-seen .brand-intro{animation:none;opacity:0;visibility:hidden}
.brand-intro img{display:block;width:clamp(128px,20vw,180px);height:auto;object-fit:contain;opacity:0;animation:brand-intro-logo 1.5s ease-in-out both}
@keyframes brand-intro-logo{0%{opacity:0}32%,52%{opacity:1}80%,100%{opacity:0}}
@keyframes brand-intro-reveal{0%,76%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
.motion-paused .brand-intro{display:none}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none}}

/* Fluid page and a full-bleed first screen. */
:root{--page-gutter:clamp(24px,5vw,96px);--header-height:102px}
.wrap{width:calc(100% - var(--page-gutter)*2);max-width:none}
.hero.wrap{width:100%;margin:0;padding:60px var(--page-gutter);min-height:calc(100svh - var(--header-height) - 66px);overflow:clip}
.hero-content{max-width:960px}
.hero-art{inset:-50px -60px;width:auto;height:auto;background-position:center right;mask-image:linear-gradient(90deg,transparent 8%,#000 65%);transform:translate(var(--mx),var(--my)) scale(1.04);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.liquid-glow{inset:0;background:radial-gradient(ellipse 360px 280px at var(--cx,75%) var(--cy,45%),#b16aff88,transparent 75%);filter:blur(25px);transform:none;transition:opacity .4s;mix-blend-mode:screen}
.cursor-ripple{position:fixed;z-index:3;width:90px;height:90px;border:1px solid #b995ff80;border-radius:42% 58% 61% 39%;background:radial-gradient(ellipse,#b084ef20,transparent 65%);box-shadow:0 0 25px #a572ff25,inset 0 0 20px #b783ff20;pointer-events:none;will-change:transform,opacity}
.brand-mark,.footer .brand-mark,.avatar-symbol{background:transparent;border-radius:0}
[data-theme=light] .brand-mark img{filter:drop-shadow(0 0 .6px #765195)}
[data-theme=light] .liquid-glow{mix-blend-mode:multiply;opacity:.9}
.motion-paused .cursor-ripple{display:none}
@media(max-width:780px){:root{--page-gutter:20px;--header-height:84px}.hero.wrap{padding-block:48px;min-height:calc(100svh - var(--header-height) - 58px)}.hero-art{opacity:.55;mask-image:linear-gradient(90deg,transparent,#000)}.hero-content{max-width:100%}}
@media(prefers-reduced-motion:reduce){.cursor-ripple{display:none}}
/* Floating round buttons that dock in the footer */
.footer{position:relative}
.footer-fab-slot{display:flex;justify-content:flex-end;align-items:center;min-height:56px;min-width:132px}
.fab-stack{position:fixed;right:22px;top:50%;translate:0 -50%;display:flex;flex-direction:column;gap:12px;z-index:60}
.fab{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid #2b2b32;background:#111;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:background .2s,border-color .2s,transform .2s;animation:fab-in .55s cubic-bezier(.2,.9,.3,1.4) backwards,fab-float 3.4s ease-in-out 1s infinite}
.fab:hover{background:#000;border-color:var(--purple);transform:scale(1.1)}
.fab:focus-visible{outline:3px solid var(--bright);outline-offset:3px}
.fab svg{width:24px;height:24px;transition:color .2s}
.fab-discord{background:#111;border-color:#2b2b32;color:#fff}
.fab-discord:hover{background:#0d0d0d;border-color:#5865F299;color:#5865F2;box-shadow:0 8px 24px rgba(88,101,242,.25)}
.fab-discord:focus-visible{outline-color:#5865F2}
.fab-tiktok{background:#111;border-color:#2b2b32;color:#fff;animation-delay:.08s,1.25s}
.fab-tiktok:hover{background:#0d0d0d;border-color:#FE2C5599;box-shadow:0 8px 24px rgba(254,44,85,.25)}
.fab-tiktok:focus-visible{outline-color:#25F4EE}
.fab-icon{position:relative;display:block;width:24px;height:24px}
.fab-icon svg{position:absolute;inset:0;width:100%;height:100%}
.fab-ghost{opacity:0;transition:opacity .2s}
.fab-ghost-pink{color:#FE2C55;translate:-1px 0}
.fab-ghost-cyan{color:#25F4EE;translate:1px 0}
.fab-tiktok:hover .fab-ghost{opacity:1}
[data-theme=light] .fab,[data-theme=light] .fab-discord,[data-theme=light] .fab-tiktok{background:#111;border-color:#2b2b32;color:#fff}
@keyframes fab-in{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@keyframes fab-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
body.at-footer .fab-stack{position:static;left:auto;right:auto;top:auto;translate:none;flex-direction:row;z-index:auto}
@media(max-width:780px){.fab-stack{right:16px}.fab{width:50px;height:50px}.footer-fab-slot{min-width:112px;min-height:52px}}
@media(prefers-reduced-motion:reduce){.fab{transition:none;animation:none}.fab:hover{transform:none}.fab svg,.fab-ghost{transition:none}}
.footer-bottom.footer-bottom-centered{justify-content:center;text-align:center;padding:0 0 20px}
.footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:24px 0 6px}
.footer>a.brand{justify-self:start}
.footer>div:nth-of-type(1){justify-self:center;text-align:center}
.footer>div>small{line-height:1.5}
.footer-fab-slot{justify-self:end;min-height:0}
.button-icon{width:18px;height:18px;flex-shrink:0}
.hero-actions .button{font-size:16px;min-height:58px;padding:15px 30px}
.header{position:relative}
.header .brand{flex-direction:column;gap:2px}
.header .brand-stacked{align-items:center;text-align:center}
.header .brand-stacked .brand-logo{display:block;width:44px;height:44px;object-fit:contain}
.header .brand-stacked>span{display:block;width:100%;font-size:12px;font-weight:800;line-height:1;text-align:center}
.hero{align-items:flex-end}
.hero.wrap{padding-block:48px 20px}
.hero-content{padding-bottom:0}
@media(min-width:1101px){.desktop-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}}
@media(max-width:360px){.desktop-nav{position:static;transform:none}.appearance-controls{margin-left:0}}
@media(max-width:780px){.footer{gap:12px;padding:20px 0 6px}}
@font-face{font-family:'Cruyff Sans';src:url('CruyffSansExpanded-Heavy.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
.hero h1{font-family:'Cruyff Sans','Barlow Condensed',sans-serif;font-size:clamp(34px,4.4vw,62px);line-height:1.08}
.hero-content p{font-family:'Cruyff Sans','DM Sans',sans-serif;font-size:13px;letter-spacing:1.5px}
.hero-content{max-width:620px}
/* Hero video background with black fade transition */
.hero-art.hero-video-wrap{background-image:none;mix-blend-mode:normal;opacity:1;overflow:hidden}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-video-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,16,20,.88),rgba(17,16,20,.45) 55%,rgba(17,16,20,.15)),linear-gradient(0deg,var(--bg) 0%,transparent 18%,transparent 85%,var(--bg) 100%)}
.hero-fade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .5s ease}
.hero-fade.on{opacity:1}
[data-theme=light] .hero-video-wrap::after{background:linear-gradient(90deg,rgba(247,246,250,.92),rgba(247,246,250,.55) 55%,rgba(247,246,250,.2)),linear-gradient(0deg,var(--bg) 0%,transparent 18%,transparent 85%,var(--bg) 100%)}
@media(prefers-reduced-motion:reduce){.hero-fade{transition:none}}
.page{padding-block:72px 24px;min-height:56vh}
.page .eyebrow{color:var(--bright)}
.page h1{margin-top:14px;font-size:clamp(40px,5.4vw,72px);line-height:1.04}
.page .lede{margin-top:20px;max-width:54ch;color:var(--muted);font-size:17px;line-height:1.7}
.page .coming{margin-top:34px;display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:14px}
[data-theme=light] .page .coming{border-color:#d2c5e0}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.room-card{margin-top:8px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.room-card-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.room-dot{width:9px;height:9px;border-radius:50%;background:var(--muted);flex-shrink:0;transition:background .25s}
.room-name{margin:0;font-size:20px;line-height:1.3;flex:1 1 220px;min-width:0;overflow-wrap:anywhere}
.room-pill{padding:5px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}
.room-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:22px 0 0}
.room-stat{padding:14px;border:1px solid var(--line);border-radius:10px;background:#14121a}
.room-stat dt{font-size:11px;font-weight:650;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted)}
.room-stat dd{margin:7px 0 0;font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}
.room-card[data-room-status=on] .room-dot{background:#3ddc84;box-shadow:0 0 0 4px #3ddc8422}
.room-card[data-room-status=off] .room-dot{background:#ff5c5c}
.room-card[data-room-status=off] .room-stats{opacity:.5}
[data-theme=light] .room-stat{background:#f2eef7}
@media(max-width:1100px){.room-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.room-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.room-card{padding:18px}}

/* Cuenta: avatar de Discord, bloque del código de vinculación y grilla de stats */
.cuenta-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#483060;display:grid;place-items:center;font-style:italic;font-weight:700;font-size:26px;color:#c7a7f0}
.cuenta-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.link-code{margin:22px 0 0;padding:24px 18px;text-align:center;border:1px dashed #57486b;border-radius:12px;background:#17141c}
.link-code b{display:block;font-size:30px;font-weight:800;letter-spacing:7px;font-variant-numeric:tabular-nums;color:#d3b4ff}
.link-code>b+span{display:block;margin-top:12px;font-size:13px;color:#cbbfd8}
.link-code small{display:block;margin-top:7px;font-size:12px;color:#95869f}
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 0}
.stat-note{margin:18px 0 0;font-size:13px;color:var(--muted)}
dialog .button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
dialog .button-row .button{flex:1;min-width:150px;margin-top:0}
[data-theme=light] .cuenta-avatar{background:#e5d6f5;color:#7746ab}
[data-theme=light] .link-code{border-color:#cbb4de;background:#f7f2fd}
[data-theme=light] .link-code b{color:#6a3ba6}
[data-theme=light] .link-code>b+span{color:#5d4f68}
[data-theme=light] .link-code small{color:#776584}
@media(max-width:780px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cuenta-avatar{width:46px;height:46px;font-size:22px}.link-code b{font-size:24px;letter-spacing:5px}dialog .button-row .button{min-width:0}}