@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#09090d;--surface:#101015;--line:#24222d;--text:#f2eff8;--muted:#9995a7;--accent:#b18be8;--menu-bg:rgb(18,15,25);--menu-card:rgb(30,25,45);--menu-line:rgb(45,35,60);--menu-accent:rgb(150,60,255);--menu-text:rgb(240,240,255);--menu-muted:#93839e}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 Manrope,Arial,sans-serif}body:has(.demo-stage.is-expanded){overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button{border:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid #c5a2f4;outline-offset:5px}::selection{color:white;background:#6939a5}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-100px;background:#7443b1;padding:10px;z-index:200}.skip-link:focus{top:12px}.site-header{height:90px;border-bottom:1px solid #ffffff08}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:12px;color:#b991ee;font-size:13px;font-weight:600;letter-spacing:.25em}.brand svg{width:35px;height:35px}.brand span{color:#e7ddf5}.header-inner nav{display:flex;gap:32px;color:#a8a4b4;font-size:12px}.header-inner nav a:hover{color:#e4cbff}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:51px;padding:0 23px;border-radius:7px;font-size:13px;font-weight:650;transition:background .2s,transform .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#8750c6;border:1px solid #a36bde;box-shadow:0 4px 22px #6e35b22b;color:#fff}.button-primary:hover{background:#9960d6}.button-outline{border:1px solid #3a2c48;background:#0e0d12}.button-outline:hover{border-color:#9570bb;background:#191321}.button-small{min-height:40px;padding:0 19px;gap:22px;font-size:12px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:#a59aac;display:flex;align-items:center;gap:10px;margin:0 0 22px}.status-dot{width:5px;height:5px;border-radius:50%;background:#b68be4;box-shadow:0 0 12px #a967e3}.release-badge{letter-spacing:.1em;font-size:8px;border:1px solid #3f2c52;padding:1px 6px;border-radius:3px;color:#bd94ec;margin-left:2px}.hero{min-height:620px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;padding-block:65px}.hero h1{font-size:clamp(48px,5.9vw,82px);line-height:1.13;font-weight:500;letter-spacing:-.065em;margin:0 0 24px}.hero h1 span{background:linear-gradient(105deg,#e5d6fb,#ad7cda);background-clip:text;color:transparent}.hero-description{font-size:15px;line-height:1.95;color:#aaa5b6;font-weight:400;max-width:460px}.hero-description strong{color:#d7d1e2;font-weight:500}.hero-actions{display:flex;gap:14px;margin:30px 0 20px}.hero-note{display:flex;align-items:center;gap:9px;color:#716b7f;font-size:10px}.hero-note>span{width:4px;height:4px;border-radius:50%;background:#87758e}.hero-art{height:470px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:15%;background:radial-gradient(ellipse,#7f3caf21,transparent 70%);filter:blur(20px);z-index:-1}.gem{width:76%;max-height:410px;filter:drop-shadow(0 0 40px #793da730);animation:float 9s ease-in-out infinite}.art-grid{position:absolute;inset:25px;background-image:linear-gradient(#6b43720b 1px,transparent 1px),linear-gradient(90deg,#6b43720b 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse,#000 15%,transparent 70%);z-index:-1}.art-orbit{position:absolute;width:88%;height:75%;border:1px solid #9270b017;border-radius:50%;transform:rotate(-28deg)}.orbit-two{height:60%;width:100%;transform:rotate(32deg)}.art-label{position:absolute;left:0;color:#ae96c4;letter-spacing:.2em;font-size:9px}.art-label span{display:block;color:#53465f;letter-spacing:.15em;font-size:8px;margin-top:8px}.label-top{top:13px}.label-bottom{bottom:10px;left:auto;right:0}.label-bottom b{display:block;color:#a291b0;letter-spacing:.04em;font-size:11px;font-weight:400;margin-top:7px}.cross{position:absolute;color:#665070;font-size:18px;font-weight:400}.cross-one{left:0;bottom:88px}.cross-two{top:70px;right:15px}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:12px}.features article{position:relative;display:flex;gap:18px;padding:35px 28px 35px 0}.features article+article{border-left:1px solid var(--line);padding-left:28px}.feature-number{font-size:9px;color:#6f637c;letter-spacing:.1em;margin-top:5px}.features h2{font-size:14px;font-weight:600;margin:0 0 9px}.features p{font-size:11px;line-height:1.9;max-width:280px;color:#898393;margin:0}.feature-icon{position:absolute;right:25px;top:38px;color:#9982af;display:none}svg.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.interface-section{padding-block:100px;background:radial-gradient(ellipse at 50% 60%,#43205c12,transparent 65%)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2{font-size:36px;letter-spacing:-.045em;font-weight:500;margin:0;line-height:1.2}.section-heading>p{color:#8d869a;font-size:12px;margin:0;line-height:1.8}.demo-stage{border:1px solid #302539;border-radius:14px;background:radial-gradient(ellipse at 50% 55%,#22172f55,transparent 70%),#0e0d12;min-height:570px;padding:22px 30px 18px;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:26px}.demo-stage:before{content:'';position:absolute;inset:65px 40px;background-image:radial-gradient(#8a62a71a 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.demo-stage-top,.demo-stage-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;color:#777080;font-size:10px;letter-spacing:.08em;z-index:2}.demo-stage-top>span{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:.13em}.demo-stage-top i{width:5px;height:5px;border-radius:50%;background:#8f6caf}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:10px;padding:4px 0;background:transparent;color:#ae92c6}.text-button:hover{color:#ddc2f7}.text-button svg{width:13px;height:13px}.demo-stage-bottom>span:first-child{color:#ad88c6}.demo-tabs-description{display:flex;justify-content:center;gap:44px;margin-top:24px;font-size:10px;color:#b2a6be}.demo-tabs-description small{display:block;font-size:9px;color:#696171;margin-top:3px}.demo-stage.is-expanded{position:fixed;inset:20px;z-index:100;min-height:0;background:#100d16f7;backdrop-filter:blur(25px)}.demo-stage.is-expanded .demo-fit{flex:1}.demo-fit{position:relative;align-self:center;width:min(100%,730px);height:420px;overflow:visible;z-index:1}.menu-shell{position:absolute;left:50%;top:0;transform-origin:top center;width:712px;height:420px;display:grid;grid-template-columns:50px 650px;gap:12px;--menu-alpha:1}.menu-window{height:420px;background:var(--menu-bg);border:1px solid var(--menu-line);border-radius:12px;overflow:hidden;box-shadow:0 18px 60px #0007;color:var(--menu-text);font-family:Arial,sans-serif;font-size:12px;grid-column:2;grid-row:1}.menu-rail{background:#16121e;border:1px solid var(--menu-line);border-radius:12px;padding:10px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;grid-column:1;grid-row:1}.menu-tab{height:36px;width:36px;background:transparent;color:#7d6e87;border-radius:7px;display:grid;place-items:center}.menu-tab:hover{background:#ffffff06}.menu-tab[aria-selected=true]{color:color-mix(in srgb,var(--menu-accent),white 30%);background:#a372d209}.menu-tab svg{width:21px;height:21px}.menu-topbar{height:50px;background:#16121e;border-bottom:1px solid var(--menu-line);display:flex;align-items:center;padding:0 10px 0 5px;gap:8px;position:relative}.menu-profile{display:flex;gap:10px;align-items:center;width:172px;flex-shrink:0}.menu-avatar{width:32px;height:32px;display:grid;place-items:center;background:var(--menu-card);border-radius:50%;font-size:16px;color:#caa4f5;font-weight:700}.menu-profile b{display:block;font-size:12px;font-weight:600;line-height:15px}.menu-profile small{font-size:10px;color:var(--menu-muted)}.menu-search{position:absolute;left:50%;transform:translateX(-50%);width:230px;height:32px;border-radius:18px;background:var(--menu-card);display:flex;align-items:center;padding:0 10px;gap:7px;color:var(--menu-muted)}.menu-search svg{width:14px;height:14px}.menu-search input{background:none;border:0;outline:none;width:100%;min-width:0;color:var(--menu-text);font-size:12px}.menu-search input::placeholder{color:#8b7c96}.menu-circle{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--menu-card);color:var(--menu-muted);flex-shrink:0}.menu-circle svg{width:17px;height:17px}#menu-settings{margin-left:auto}.close-menu{font:20px Arial}.menu-content{height:360px;margin:5px 10px 5px 10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--menu-line) transparent;padding:0 5px 6px 0;overscroll-behavior:contain}.menu-content::-webkit-scrollbar{width:3px}.menu-content::-webkit-scrollbar-thumb{background:var(--menu-line);border-radius:5px}.menu-section-title{height:30px;position:relative;display:flex;align-items:center;border-bottom:1px solid var(--menu-line);font-size:14px;font-weight:700;margin:0 0 8px;padding-left:12px}.menu-section-title:before{content:'';height:13px;width:3px;background:var(--menu-accent);border-radius:2px;position:absolute;left:0}.menu-section{margin-bottom:8px}.control-row{border-radius:6px;background:var(--menu-card);min-height:40px;margin-bottom:8px;padding:0 15px;display:flex;align-items:center;gap:14px;position:relative}.control-name{font-size:13px;font-weight:600;flex:1;line-height:1.3}.switch{height:18px;width:36px;flex:0 0 36px;background:var(--menu-line);border-radius:14px;padding:2px;transition:background .15s}.switch:after{content:'';display:block;height:14px;width:14px;border-radius:50%;background:#fff;transition:transform .15s}.switch[aria-checked=true]{background:var(--menu-accent)}.switch[aria-checked=true]:after{transform:translateX(18px)}.slider-row{min-height:45px;gap:12px}.slider-row .control-name{flex:0 0 146px}.demo-range{height:6px;flex:1;min-width:0;accent-color:var(--menu-accent);cursor:pointer;margin:0}.range-value{width:38px;font-size:11px;text-align:right;color:#a08dae;font-variant-numeric:tabular-nums}.demo-select{max-width:240px;min-width:125px;font-size:12px;border:0;background:transparent;color:var(--menu-accent);text-align:right;outline:0;padding:8px 0;cursor:pointer}.demo-select option{background:#191323;color:#e9def8}.group-options{display:flex;gap:6px;padding:7px 0;flex-wrap:wrap;justify-content:flex-end;max-width:390px}.group-options button{background:#191323;padding:6px 10px;border-radius:5px;font-size:11px;color:#9d8aaa}.group-options button[aria-pressed=true]{background:var(--menu-accent);color:#fff}.menu-label{font-size:12px;color:var(--menu-muted);line-height:1.5;margin:0 0 9px}.demo-textbox{width:250px;max-width:55%;font-size:12px;color:var(--menu-text);background:#191323;border:1px solid var(--menu-line);border-radius:4px;padding:6px 8px}.demo-action{color:var(--menu-text);text-align:left;justify-content:space-between;width:100%;font-family:inherit}.demo-action>span:last-child{color:var(--menu-accent)}.menu-empty{padding:30px 10px;color:var(--menu-muted);font-size:12px}.menu-search-origin{font-size:10px;color:var(--menu-accent);letter-spacing:.08em;padding:8px 0}.color-wheel-row{height:190px;display:flex;align-items:center;gap:30px;padding:15px}.demo-color-wheel{width:140px;height:140px;flex:0 0 140px;border-radius:50%;background:radial-gradient(circle,#000 0%,#0000 70%),conic-gradient(from 0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative;margin-top:16px}.demo-color-wheel input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.color-swatch{width:64px;height:64px;flex-shrink:0;border-radius:10px;background:var(--menu-accent)}.color-caption{font-size:12px;color:var(--menu-muted);line-height:1.6}.color-caption b{color:var(--menu-text);font-size:13px;display:block;margin-bottom:7px}.reopen-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.reopen-button:hover{transform:translate(-50%,-50%)}[hidden]{display:none!important}.menu-shell[data-position=Right]{grid-template-columns:650px 50px}.menu-shell[data-position=Right] .menu-window{grid-column:1}.menu-shell[data-position=Right] .menu-rail{grid-column:2}.menu-shell[data-position=Top],.menu-shell[data-position=Bottom]{width:650px;height:482px;grid-template-columns:650px;grid-template-rows:50px 420px}.menu-shell[data-position=Top] .menu-rail,.menu-shell[data-position=Bottom] .menu-rail{grid-column:1;grid-row:1;flex-direction:row;padding:0 10px}.menu-shell[data-position=Top] .menu-window,.menu-shell[data-position=Bottom] .menu-window{grid-column:1;grid-row:2}.menu-shell[data-position=Bottom]{grid-template-rows:420px 50px}.menu-shell[data-position=Bottom] .menu-rail{grid-row:2}.menu-shell[data-position=Bottom] .menu-window{grid-row:1}.game-purchase{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;padding-bottom:90px}.game-card,.purchase-card{border:1px solid var(--line);border-radius:10px;padding:38px;position:relative;overflow:hidden}.game-card{background:radial-gradient(ellipse at 90% 95%,#46225f20,transparent 70%),#0d0c11;display:flex;flex-direction:column;align-items:start}.game-index{font-size:10px;letter-spacing:.2em;color:#756381;margin-top:10px}.game-card h2{font-size:clamp(32px,3.9vw,52px);line-height:1.16;font-weight:500;letter-spacing:-.04em;margin:22px 0 18px}.game-card h2>span{color:#a47dc6}.game-card p,.purchase-card>p:not(.eyebrow){font-size:12px;color:#92889d;line-height:1.8}.game-status{font-size:10px;color:#ab91bd;display:inline-flex;gap:8px;align-items:center;border:1px solid #3b2b47;border-radius:20px;padding:5px 12px;margin-top:35px}.game-status i{height:4px;width:4px;border-radius:50%;background:#b291c6}.purchase-card{background:#121016}.purchase-card h2{font-size:29px;font-weight:500;letter-spacing:-.04em;margin:10px 0 10px}.purchase-card ul{padding:0;list-style:none;line-height:2.3;margin:24px 0;color:#c1b5cb;font-size:12px}.purchase-card li:before{content:'✓';color:#b087db;margin-right:11px}.purchase-card .button{width:100%;justify-content:space-between}.purchase-card small{display:block;font-size:10px;color:#71667b;margin-top:16px;line-height:1.8}.faq{max-width:900px;padding-bottom:95px}.faq>.eyebrow{margin-bottom:25px}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;padding:19px 0;cursor:pointer;font-size:13px;color:#d3c9dc;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#9579b0;font-size:18px;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{margin:0 0 22px;font-size:12px;line-height:1.9;color:#92869f;max-width:700px}.faq a{color:#c3a2e2;text-decoration:underline;text-underline-offset:3px}.contacts{padding-top:65px;padding-bottom:70px;border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.contact-grid>a,.contact-grid>button{min-height:92px;border:1px solid #28222f;border-radius:8px;background:#100e15;display:flex;align-items:center;text-align:left;gap:13px;padding:18px;transition:background .2s,border-color .2s}.contact-grid>a:hover,.contact-grid>button:hover{background:#191321;border-color:#674778}.contact-icon{display:grid;place-items:center;color:#b28ad5}.contact-icon svg{width:22px;height:22px}.contact-grid b{font-size:11px;font-weight:500}.contact-grid small{display:block;font-size:9px;color:#75667f;margin-top:4px}.contact-arrow{margin-left:auto;align-self:flex-start;font-size:13px;color:#7e648d}.contact-arrow svg{width:12px;height:12px}.site-footer{border-top:1px solid var(--line);padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .brand{font-size:10px;gap:9px}.site-footer svg{width:25px;height:25px}.site-footer>span,.site-footer>small{color:#685d72;font-size:9px}.site-toast{position:fixed;bottom:26px;right:26px;z-index:150;max-width:min(360px,calc(100% - 32px));border:1px solid #65437f;border-radius:8px;background:#1c1427;color:#e0c8f1;padding:14px 20px;box-shadow:0 10px 40px #0005;font-size:12px;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .25s,transform .25s}.site-toast.visible{opacity:1;transform:translateY(0)}.noscript{background:#21182b;padding:18px;text-align:center}.demo-keybind{font-size:11px;border:1px solid var(--menu-line);padding:4px 10px;border-radius:5px;color:var(--menu-accent);min-width:84px;text-align:center}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(min-width:1600px){.hero{min-height:690px}.hero-art{height:520px}.hero h1{font-size:88px}}@media(max-width:1000px){.container{width:calc(100% - 56px)}.header-inner nav{gap:19px;font-size:11px}.hero{gap:15px;min-height:560px}.hero-art{height:400px}.hero h1{font-size:58px}.hero-actions{gap:9px}.hero .button{font-size:11px;padding:0 16px;gap:15px}.contact-grid{grid-template-columns:repeat(2,1fr)}.features article{padding-right:18px;gap:12px}.features article+article{padding-left:18px}.game-card,.purchase-card{padding:30px}.site-footer{flex-wrap:wrap}.site-footer>small{width:100%;text-align:right}.demo-tabs-description{gap:26px}}@media(max-width:680px){.container{width:calc(100% - 36px)}.site-header{height:72px}.brand{font-size:10px;gap:9px;letter-spacing:.2em}.brand svg{width:28px;height:28px}.header-inner{gap:12px}.header-inner nav{display:none}.hero{grid-template-columns:1fr;gap:15px;padding-top:50px;padding-bottom:25px;min-height:0}.hero h1{font-size:clamp(46px,11vw,68px)}.hero-description{font-size:13px}.hero-actions{margin-top:25px}.hero .button{font-size:12px;gap:15px;min-height:47px}.hero-note{font-size:9px}.hero-art{height:310px;margin-top:12px}.gem{height:295px;width:65%}.art-label{font-size:8px;left:10px}.label-bottom{left:auto;right:5px}.features{grid-template-columns:1fr;margin-top:12px}.features article,.features article+article{border-left:0;padding:23px 36px 23px 0}.features article+article{border-top:1px solid var(--line)}.feature-icon{display:block;top:27px;right:0}.features h2{font-size:13px}.features p{max-width:90%}.interface-section{padding-block:58px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:30px}.section-heading>p{margin-top:16px;font-size:11px}.demo-stage{padding:15px 12px;gap:18px;min-height:0;border-radius:10px}.demo-stage-top{font-size:8px}.demo-stage-top>span{font-size:8px;letter-spacing:.06em}.demo-stage-top .text-button{font-size:9px}.demo-stage-bottom{font-size:8px;letter-spacing:0}.demo-stage-bottom .text-button{font-size:8px}.demo-tabs-description{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;max-width:350px;margin-inline:auto;font-size:10px}.demo-tabs-description small{font-size:9px}.demo-stage.is-expanded{inset:8px;gap:20px;justify-content:center}.demo-stage.is-expanded .demo-fit{flex:0 0 auto}.game-purchase{grid-template-columns:1fr;gap:16px;padding-bottom:55px}.game-card,.purchase-card{padding:28px}.game-card h2{font-size:42px}.game-status{margin-top:24px}.purchase-card h2{font-size:28px}.faq{padding-bottom:55px}.faq summary{font-size:12px}.contacts{padding-top:45px;padding-bottom:45px}.contact-grid{gap:9px}.contact-grid>a,.contact-grid>button{padding:15px 10px;gap:9px;min-height:85px}.contact-icon svg{width:18px;height:18px}.contact-grid b{font-size:10px}.contact-grid small{font-size:8px}.contact-arrow{display:none}.site-footer{align-items:start;gap:15px}.site-footer>span{max-width:145px;text-align:right;line-height:1.8}.site-footer>small{text-align:left;line-height:1.8;font-size:8px}.site-toast{right:16px;bottom:16px}.eyebrow{font-size:9px}.menu-content:focus-visible{outline-offset:-2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.demo-stage.is-expanded .demo-fit{width:min(100%,1020px)}
.header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.language-switch{display:flex;gap:2px;padding:3px;border:1px solid #302539;border-radius:7px;background:#110e17}.language-switch button{background:transparent;color:#8d829b;padding:6px 7px;border-radius:4px;font-size:10px;font-weight:650;line-height:1.2}.language-switch button[aria-pressed=true]{background:#7041a3;color:#fff}.language-switch button:hover{color:#fff}@media(max-width:1000px){.header-inner{gap:18px}.header-inner nav{gap:16px}}@media(max-width:680px){.header-actions{gap:10px}.language-switch button{padding:6px}.header-actions .button-small{padding:0 12px;gap:10px}.header-inner{gap:10px}}

/* Official release and device previews. */
.release-badge{font-size:8px;letter-spacing:.08em;white-space:nowrap}
.platform-support{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 0;font-size:11px;color:#b9a9c8}
.platform-support span:first-child{border:1px solid #493453;background:#1c1327;border-radius:20px;padding:4px 12px;color:#d2b7ed}
.device-switch{display:flex;gap:3px;padding:3px;border:1px solid #302539;border-radius:6px;margin-left:auto;margin-right:18px;background:#110e17}
.device-switch button{padding:5px 12px;border-radius:4px;background:transparent;color:#9987a9;font-size:10px}
.device-switch button[aria-pressed=true]{background:#7041a3;color:#fff}
.demo-range{touch-action:pan-y;min-height:24px;background:transparent}
.menu-content{touch-action:pan-y;overscroll-behavior:contain}
.menu-window{position:relative;isolation:isolate}
.menu-image-layer{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-1;pointer-events:none}
.menu-topbar,.menu-content{position:relative}
.has-custom-image .menu-topbar{background:#120d1c77}
.has-custom-image .control-row{background:color-mix(in srgb,var(--menu-card) 78%,transparent)}
.menu-shell{transition:opacity .25s;opacity:1}
.menu-window,.menu-rail{transition:transform .3s ease,opacity .25s}
.menu-shell.is-hidden{pointer-events:none;opacity:0}
.menu-shell.is-hidden .menu-window,.menu-shell.is-hidden .menu-rail{transform:scale(.15);opacity:0}
.reopen-button{display:flex;align-items:center;gap:12px;min-height:58px}
.reopen-button svg{height:30px;width:30px;color:#b88bea}
.hide-menu{display:none}
.menu-shell[data-device=mobile]{width:404px;height:540px;grid-template-columns:50px 342px}
.menu-shell[data-device=mobile] .menu-window{height:540px}
.menu-shell[data-device=mobile] .menu-topbar{height:96px;padding:10px;gap:6px;flex-wrap:wrap;align-content:center}
.menu-shell[data-device=mobile] .menu-profile{flex:1;min-width:130px}
.menu-shell[data-device=mobile] .menu-profile b{font-size:12px}
.menu-shell[data-device=mobile] .menu-avatar{width:30px;height:30px}
.menu-shell[data-device=mobile] .menu-search{position:static;transform:none;order:5;width:100%;height:26px;max-width:none;flex:none}
.menu-shell[data-device=mobile] .menu-content{height:434px;padding:12px 10px}
.menu-shell[data-device=mobile] .hide-menu{display:block}
.menu-shell[data-device=mobile] .menu-circle{width:30px;height:30px;flex:0 0 30px}
.menu-shell[data-device=mobile] .control-row{min-height:54px;padding:10px 12px;gap:10px}
.menu-shell[data-device=mobile] .slider-row{min-height:78px;display:grid;grid-template-columns:1fr auto auto;gap:6px 12px}
.menu-shell[data-device=mobile] .slider-row .control-name{grid-column:1;grid-row:1;font-size:12px}
.menu-shell[data-device=mobile] .slider-row .demo-range{grid-row:2;grid-column:1/-1;width:100%;height:26px}
.menu-shell[data-device=mobile] .slider-row .range-value{grid-column:2;grid-row:1}
.menu-shell[data-device=mobile] .slider-row .switch{grid-column:3;grid-row:1}
.menu-shell[data-device=mobile] .switch{height:28px;width:48px;flex:0 0 48px;padding:3px}
.menu-shell[data-device=mobile] .switch:after{width:22px;height:22px}
.menu-shell[data-device=mobile] .switch[aria-checked=true]:after{transform:translateX(20px)}
.menu-shell[data-device=mobile] .demo-select{max-width:155px;min-width:105px;font-size:11px;white-space:normal}
.menu-shell[data-device=mobile] .group-options{max-width:185px;gap:5px}
.menu-shell[data-device=mobile] .group-options button{padding:8px;font-size:10px}
.menu-shell[data-device=mobile] .demo-textbox{max-width:56%;font-size:10px}
.menu-shell[data-device=mobile] .color-wheel-row{min-height:170px;height:auto;gap:16px;flex-wrap:wrap}
.menu-shell[data-device=mobile] .demo-color-wheel{width:116px;height:116px;flex-basis:116px;margin-top:0}
.menu-shell[data-device=mobile] .color-caption{width:100%;font-size:10px}
.menu-shell[data-device=mobile][data-position=Right]{grid-template-columns:342px 50px}
.menu-shell[data-device=mobile][data-position=Top],.menu-shell[data-device=mobile][data-position=Bottom]{width:342px;height:602px;grid-template-columns:342px;grid-template-rows:50px 540px}
.menu-shell[data-device=mobile][data-position=Bottom]{grid-template-rows:540px 50px}
@media(max-width:680px){.device-switch{margin-right:4px;gap:0;padding:2px}.device-switch button{padding:5px 7px;font-size:9px}.demo-stage-top{gap:6px}.release-badge{font-size:7px;padding:3px 5px;margin-left:6px}.platform-support{gap:8px;font-size:10px}.hero .eyebrow{letter-spacing:.1em}}