:root{color:#f7f5ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;--muted:#92909f;--line:#292735;--panel:#191822;--purple:#a68bff;--font-display:"Space Grotesk", sans-serif;background:#111019;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(at 49% -35%,#30244b 0,#0000 46%),#111019;min-width:340px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#111019b8;border-bottom:1px solid #ffffff13;align-items:center;gap:68px;height:76px;padding:0 max(50vw - 630px,5.5vw);display:flex;position:sticky;top:0}.brand{color:#fbfaff;font-family:var(--font-display);letter-spacing:-1.2px;flex:none;align-items:center;gap:10px;font-size:22px;font-weight:700;display:inline-flex}.brand-mark{color:#c5b4ff;background:linear-gradient(145deg,#b08fff40,#7046ca1a);border:1px solid #b89fff73;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.brand-dot{color:#ae91ff}.top-nav{align-items:center;gap:32px;height:100%;display:flex}.nav-link{color:#85828f;cursor:pointer;background:0 0;border:0;height:100%;font-size:13px;transition:color .2s;position:relative}.nav-link:hover,.nav-link.active{color:#f1edff}.nav-link.active:after{content:"";background:#ae91ff;border-radius:3px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.top-actions{align-items:center;gap:13px;margin-left:auto;display:flex}.search-box{color:#85828f;background:#1a1923;border:1px solid #302e3b;border-radius:8px;align-items:center;gap:8px;width:205px;height:37px;padding:0 10px;display:flex}.search-box:focus-within{border-color:#8065ca}.search-box input{color:#eeeaf8;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.search-box input::placeholder{color:#777481}.search-box kbd{color:#888592;border:1px solid #3b3946;border-radius:4px;padding:2px 4px;font:10px DM Mono,monospace}.button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;height:42px;padding:0 17px;font-size:12px;font-weight:600;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:#171221;background:#aa8dff;box-shadow:0 5px 18px #8863e229}.button-primary:hover{background:#bba5ff}.button-small{height:37px;padding:0 13px;font-size:11px}.icon-button{color:#aaa5b6;cursor:pointer;background:#1c1a25;border:1px solid #34313e;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.mobile-menu{display:none}.main-content{max-width:1120px;margin:0 auto;padding:52px 24px 0}.welcome-row{justify-content:space-between;align-items:flex-end;margin-bottom:29px;display:flex}.eyebrow{color:#a9a4b2;letter-spacing:1.05px;align-items:center;gap:8px;font:9px DM Mono,monospace;display:flex}.live-dot,.online-pulse{background:#a990ff;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #a990ffbf}h1,h2,h3,p{margin-top:0}.welcome-row h1{font:600 36px/1.1 var(--font-display);letter-spacing:-1.8px;color:#f7f5fc;margin:12px 0 6px}.welcome-row h1 span,.section-heading h2 span{color:#ab91f6}.welcome-row>div>p{color:#93909f;margin-bottom:0;font-size:12px}.welcome-stat{align-items:center;gap:11px;margin-bottom:2px;display:flex}.stat-orb{color:#b69cff;background:#28223a;border:1px solid #413653;border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.welcome-stat strong{font:600 17px var(--font-display);color:#f7f3ff;display:block}.welcome-stat small{color:#8b8794;margin-top:2px;font-size:10px;display:block}.feature-card{isolation:isolate;background:linear-gradient(111deg,#252033 0%,#231c31 48%,#2e2241 100%);border:1px solid #383344;border-radius:14px;grid-template-columns:1fr 43%;min-height:275px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000021}.feature-copy{z-index:2;align-self:center;padding:31px 0 31px 37px}.feature-tag{color:#c7b5ff;letter-spacing:.7px;background:#b693ff1a;border:1px solid #bfa6ff47;border-radius:20px;align-items:center;gap:6px;width:max-content;padding:5px 8px;font:8px DM Mono,monospace;display:flex}.feature-copy h2{font:600 29px var(--font-display);letter-spacing:-.9px;margin:14px 0 5px}.feature-copy>p{color:#b0a9bc;margin-bottom:15px;font-size:11px}.feature-meta{color:#aaa4b3;align-items:center;gap:8px;height:23px;font-size:9px;display:flex}.avatar-stack{padding-left:0;display:flex}.avatar-stack i{color:#fff;background:#8870be;border:1px solid #282034;border-radius:50%;place-items:center;width:18px;height:18px;margin-left:-4px;font-size:9px;font-style:normal;display:grid}.avatar-stack i:first-child{background:#b86583;margin-left:0}.avatar-stack i:last-child{background:#4c9b89}.meta-divider{background:#5a5064;width:1px;height:12px;margin:0 2px}.rating{color:#eac676}.button-light{color:#211a2d;background:#f1ecfc;height:35px;margin-top:15px;font-size:10px}.button-light:hover{background:#fff}.feature-art{z-index:1;justify-content:center;align-items:center;padding:20px 30px 20px 0;display:flex;position:relative}.game-art{isolation:isolate;background:linear-gradient(145deg, color-mix(in srgb, var(--cover), #1b1831 22%), color-mix(in srgb, var(--cover), #100f18 72%));border-radius:10px;height:164px;position:relative;overflow:hidden}.feature-art .game-art{border:1px solid #ffffff38;width:100%;height:220px;transform:rotate(2deg);box-shadow:0 14px 35px #04030966}.art-grid{z-index:-1;opacity:.24;background-image:linear-gradient(#ffffff1c 1px,#0000 1px),linear-gradient(90deg,#ffffff1c 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(140deg,#000,#0000 82%);mask-image:linear-gradient(140deg,#000,#0000 82%)}.art-orbit{border:1px solid #ffffff57;border-radius:50%;width:145px;height:74px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)rotate(-33deg)}.orbit-two{border-color:#ffffff38;width:208px;height:102px;transform:translate(-50%,-50%)rotate(35deg)}.art-symbol{font:98px var(--font-display);color:#fff;text-shadow:0 4px 28px #fff6;filter:drop-shadow(0 7px 24px #190c3a73);position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.art-star{color:#fff;text-shadow:0 0 20px #fff;position:absolute}.star-a{font-size:20px;top:23%;left:24%}.star-b{font-size:15px;bottom:25%;right:22%}.art-label{text-align:right;color:#ffffff8a;letter-spacing:.8px;font:7px/1.7 DM Mono,monospace;position:absolute;bottom:11px;right:14px}.art-label strong{color:#fff;letter-spacing:1.5px}.feature-art-caption{color:#d3c7e6;letter-spacing:.6px;justify-content:space-between;font:7px DM Mono,monospace;display:flex;position:absolute;bottom:5px;left:19px;right:22px}.feature-art-caption strong{font-weight:400}.feature-art-caption i{color:#8a789b;font-style:normal}.feature-orb{filter:blur(1px);z-index:-1;border-radius:50%;position:absolute}.orb-pink{filter:blur(55px);background:#ca659e1f;width:190px;height:190px;top:-40%;right:8%}.orb-blue{filter:blur(55px);background:#6b57db21;width:190px;height:190px;bottom:-62%;right:38%}.catalog-section{padding:37px 0 60px}.section-heading{justify-content:space-between;align-items:flex-end;display:flex}.section-heading .eyebrow{color:#928b9f;font-size:8px}.section-heading h2{font:600 21px var(--font-display);letter-spacing:-.7px;margin:7px 0 0}.section-heading h2 span{color:#a992e5}.see-all{color:#c2b2ec;align-items:center;gap:8px;padding-bottom:4px;font-size:10px;display:inline-flex}.catalog-toolbar{justify-content:space-between;align-items:center;margin:20px 0 14px;display:flex}.category-tabs{gap:6px;display:flex}.category-tab{color:#96919e;cursor:pointer;background:0 0;border:1px solid #302e39;border-radius:20px;height:29px;padding:0 11px;font-size:9px;transition:all .18s}.category-tab:hover{color:#e3d9f7;border-color:#635678}.category-tab.selected{color:#1d1727;background:#b298f5;border-color:#b298f5;font-weight:600}.sort-label{color:#908b98;align-items:center;gap:7px;font-size:9px;display:flex}.online-pulse{background:#66cba3;width:5px;height:5px;box-shadow:0 0 8px #66cba399}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.game-card{min-width:0;animation:.45s both card-enter;animation-delay:var(--delay);background:#191821;border:1px solid #302e39;border-radius:10px;transition:transform .24s,border-color .24s,box-shadow .24s;overflow:hidden}.game-card:hover{border-color:#64537f;transform:translateY(-4px);box-shadow:0 12px 30px #0003}.game-card-link{display:block}.game-card .game-art{border-radius:0;height:139px}.game-card:nth-child(2) .game-art{background:linear-gradient(140deg,#85384f,#281521)}.game-card:nth-child(3) .game-art{background:linear-gradient(140deg,#287f78,#16231f)}.game-card:nth-child(4) .game-art{background:linear-gradient(140deg,#9e612a,#2c1d18)}.game-card:nth-child(2) .art-symbol{transform:translate(-50%,-50%)rotate(-32deg)}.game-card:nth-child(3) .art-symbol{font-size:82px}.game-card:nth-child(4) .art-symbol{transform:translate(-50%,-50%)rotate(-12deg)}.game-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f3eaff;background:#0f0e167a;border:1px solid #ffffff2b;border-radius:20px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:inline-flex;position:absolute;top:9px;left:9px}.game-info{padding:12px 12px 10px}.game-title-row{justify-content:space-between;align-items:center;gap:7px;display:flex}.game-title-row h3{color:#f4f1f9;font:600 13px var(--font-display);letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.card-arrow{color:#aaa0ba;border:1px solid #383541;border-radius:6px;flex:none;place-items:center;width:23px;height:23px;transition:all .2s;display:grid}.game-card:hover .card-arrow{color:#1a1425;background:#b69bfb;border-color:#b69bfb}.game-info>p{color:#8f8b98;height:28px;margin:5px 0 10px;font-size:9px;line-height:1.5;overflow:hidden}.game-card-footer{border-top:1px solid #2d2b35;justify-content:space-between;align-items:center;height:24px;display:flex}.player-count{color:#d1ccd8;align-items:center;gap:5px;font-size:8px;display:flex}.player-count i{background:#69cca4;border-radius:50%;width:5px;height:5px}.player-count span{color:#86828f}.game-rating{color:#d8bc78;font-size:9px}.empty-state{text-align:center;color:#9c96a7;border:1px dashed #393642;border-radius:12px;padding:50px 20px}.empty-state>span{color:#baa3f6;font-size:28px}.empty-state h3{color:#f3eefc;font:600 16px var(--font-display);margin:8px 0 4px}.empty-state p{font-size:11px}.button-secondary{color:#ddd3ed;background:#211e29;border:1px solid #46404f}.footer{color:#777380;border-top:1px solid #2b2933;justify-content:space-between;align-items:center;min-height:62px;font-size:9px;display:flex}.footer-brand{letter-spacing:-.7px;font-size:14px}.footer-brand .brand-mark{border-radius:7px;width:22px;height:22px}.footer-star{color:#ab91f6}.studio-panel{background:linear-gradient(120deg,#211d2b,#211a30);border:1px solid #393344;border-radius:14px;grid-template-columns:1fr 1fr;min-height:370px;margin-top:36px;display:grid;overflow:hidden}.studio-copy{align-self:center;padding:45px}.studio-copy .eyebrow{color:#b39af1}.studio-copy h2{font:600 30px/1.2 var(--font-display);letter-spacing:-1.1px;margin:13px 0}.studio-copy h2 span{color:#ab91f6}.studio-copy p{color:#a19aaa;max-width:370px;margin-bottom:20px;font-size:12px;line-height:1.8}.studio-visual{place-items:center;display:grid;position:relative;overflow:hidden}.studio-sun{filter:blur(5px);background:radial-gradient(circle at 45% 45%,#a785ff54,#694aa81f 40%,#0000 70%);border-radius:50%;width:270px;height:270px;position:absolute;top:2%;right:6%}.studio-window{z-index:1;background:#121018de;border:1px solid #51475e;border-radius:11px;width:78%;overflow:hidden;transform:rotate(-4deg);box-shadow:0 23px 45px #00000059}.window-bar{color:#807989;border-bottom:1px solid #34303d;align-items:center;gap:5px;height:34px;padding:0 12px;font:8px DM Mono,monospace;display:flex}.window-bar i{background:#d16c78;border-radius:50%;width:6px;height:6px}.window-bar i:nth-child(2){background:#e5ba61}.window-bar i:nth-child(3){background:#64bf94}.window-bar span{margin-left:8px}.code-lines{color:#dad5e4;padding:25px 20px 30px;font:11px/2.5 DM Mono,monospace}.code-lines b{color:#bc9df6;font-weight:400}.code-lines em{color:#8cc5ed;font-style:normal}.code-lines strong{color:#dcb575;font-weight:400}.code-lines>span{color:#79cda6}.floating-chip{z-index:2;color:#e3d9f1;background:#262131;border:1px solid #514766;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font:10px DM Mono,monospace;display:flex;position:absolute;box-shadow:0 8px 25px #120f1d}.floating-chip span{color:#bb9fff}.chip-react{top:22%;right:10%;transform:rotate(5deg)}.chip-game{bottom:16%;left:9%;transform:rotate(4deg)}.dialog-backdrop{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08070dc2;place-items:center;padding:18px;animation:.18s fade-in;display:grid;position:fixed;inset:0}.publish-dialog{background:#1b1924;border:1px solid #45404e;border-radius:15px;width:min(470px,100%);max-height:min(90vh,850px);padding:25px;animation:.24s dialog-in;overflow:auto;box-shadow:0 24px 80px #0000008c}.dialog-heading{justify-content:space-between;align-items:flex-start;display:flex}.dialog-heading .eyebrow{color:#bba5f1}.dialog-heading h2{font:600 22px var(--font-display);letter-spacing:-.6px;margin:8px 0 0}.dialog-copy{color:#9d98a6;margin:12px 0 17px;font-size:11px;line-height:1.7}.dialog-copy code{color:#c1aaff}.field-label{color:#d1cbd9;margin:12px 0;font-size:10px;display:block}.field-label input,.field-label textarea{color:#f4effb;resize:vertical;background:#14131b;border:1px solid #393642;border-radius:7px;outline:0;width:100%;margin-top:6px;padding:10px 11px;font-size:11px}.field-label input:focus,.field-label textarea:focus{border-color:#8d72d5}.field-label input::placeholder,.field-label textarea::placeholder{color:#6e6a77}.field-label small{color:#8a8492;margin-top:5px;font-size:9px;display:block}.upload-zone{cursor:pointer;background:#9170d60f;border:1px dashed #665883;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:105px;margin:15px 0;padding:16px;display:flex}.upload-zone input{opacity:0;width:1px;height:1px;position:absolute}.upload-icon{color:#b49af0}.upload-zone strong{color:#eee8f7;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.upload-zone small{color:#9992a1;font-size:9px}.token-field{padding-top:3px}.form-error{color:#ff9d9d;font-size:10px}.button-wide{width:100%;margin-top:5px}.button:disabled{opacity:.6;cursor:wait}.player-page{background:#111019;min-height:100vh}.player-topbar{border-bottom:1px solid #292733;align-items:center;gap:18px;height:64px;padding:0 25px;display:flex}.player-back{color:#b2adbb;align-items:center;gap:7px;font-size:11px;display:flex}.player-title{color:#e8e2ef;font:500 13px var(--font-display);margin-left:auto}.player-fullscreen{color:#c9c2d1;cursor:pointer;background:#201e29;border:1px solid #3a3744;border-radius:7px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;display:flex}.player-frame-wrap{place-items:center;height:calc(100vh - 64px);padding:24px;display:grid}.player-frame{background:#08070c;border:1px solid #393541;border-radius:12px;width:min(1100px,100%);height:min(720px,100%);box-shadow:0 20px 55px #09080c}.player-error{color:#c9c2d1;font-size:14px}.player-error a{color:#bba4fb;text-decoration:underline}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.field-label select{color:#f4effb;background:#14131b;border:1px solid #393642;border-radius:7px;outline:0;width:100%;margin-top:6px;padding:10px 11px;font-size:11px}@media (width<=850px){.topbar{gap:32px;padding:0 24px}.main-content{padding-top:39px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{min-height:250px}.feature-art{padding-right:20px}.feature-art .game-art{height:190px}.welcome-row h1{font-size:31px}.studio-copy{padding:32px}.studio-window{width:85%}}@media (width<=600px){.topbar{gap:20px;height:64px;padding:0 16px}.brand{font-size:19px}.brand-mark{width:27px;height:27px}.top-nav{background:#1d1a27;border:1px solid #383542;border-radius:9px;height:auto;padding:9px;display:none;position:absolute;top:57px;left:12px;right:12px;box-shadow:0 10px 25px #0c0b11}.top-nav-open{flex-direction:column;align-items:stretch;gap:0;display:flex}.nav-link{text-align:left;height:39px;padding:0 10px}.nav-link.active:after{display:none}.search-box{background:0 0;border-color:#0000;width:36px;height:34px;padding:0 9px}.search-box input,.search-box kbd{display:none}.search-box:focus-within{background:#1a1923;border-color:#4a4257;width:min(210px,100vw - 180px);position:absolute;right:112px}.search-box:focus-within input{display:block}.top-publish{gap:0;height:34px;padding:0 9px;font-size:0}.top-publish svg{width:18px;height:18px}.mobile-menu{width:34px;height:34px;display:grid}.main-content{padding:31px 16px 0}.welcome-row{align-items:flex-start;margin-bottom:20px}.welcome-row h1{letter-spacing:-1.2px;font-size:29px}.welcome-row>div>p{max-width:280px;font-size:10px;line-height:1.6}.welcome-stat{gap:6px;margin-top:24px}.stat-orb{width:30px;height:30px}.welcome-stat strong{font-size:14px}.welcome-stat small{max-width:70px;font-size:8px}.feature-card{grid-template-columns:1fr;min-height:0}.feature-copy{padding:23px 21px 17px}.feature-copy h2{font-size:25px}.feature-copy>p{margin-bottom:10px;font-size:10px}.feature-meta{font-size:8px}.button-light{margin-top:12px}.feature-art{padding:0 20px 29px 30px}.feature-art .game-art{height:142px;transform:rotate(1deg)}.art-symbol{font-size:74px}.feature-art-caption{bottom:9px;left:25px}.catalog-section{padding:30px 0 40px}.section-heading h2{font-size:18px}.see-all{font-size:9px}.catalog-toolbar{flex-direction:column;align-items:flex-start;gap:12px;margin:16px 0 13px}.category-tabs{gap:5px;width:100%}.category-tab{height:27px;padding:0 10px;font-size:8px}.sort-label{font-size:8px}.game-grid{gap:9px}.game-card .game-art{height:115px}.game-info{padding:10px 9px 8px}.game-title-row h3{font-size:11px}.game-info>p{height:25px;font-size:8px}.player-count{gap:4px;font-size:7px}.player-count span{display:none}.game-rating{font-size:8px}.game-badge{padding:4px 6px;font-size:7px;top:6px;left:6px}.game-badge svg{height:11px}.footer{gap:8px;min-height:58px;font-size:7px}.footer-brand{font-size:12px}.footer>span:nth-child(2){text-align:center;max-width:110px}.studio-panel{grid-template-columns:1fr}.studio-copy{padding:28px 23px 5px}.studio-copy h2{font-size:26px}.studio-copy p{font-size:11px}.studio-visual{min-height:210px}.studio-window{width:76%}.floating-chip{font-size:9px}.publish-dialog{padding:19px}.player-topbar{height:57px;padding:0 15px}.player-back{font-size:10px}.player-title{font-size:11px}.player-fullscreen{padding:7px;font-size:0}.player-fullscreen svg{width:17px}.player-frame-wrap{height:calc(100vh - 57px);padding:9px}.player-frame{border-radius:8px}}.feature-card{display:none}.home-catalog{padding-top:8px}.home-catalog .game-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.home-catalog .game-card .game-art{aspect-ratio:16/10;height:auto}.game-thumbnail{z-index:-2;object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.game-card:hover .game-thumbnail{transform:scale(1.04)}.game-art.has-thumbnail .art-grid,.game-art.has-thumbnail .art-orbit,.game-art.has-thumbnail .art-symbol{opacity:0}.game-card-footer .game-version{color:#8e8998;font:9px DM Mono,monospace}.game-card-footer .play-label{color:#c3adfa;align-items:center;gap:5px;font-size:9px;font-weight:600;display:inline-flex}.home-catalog .game-info>p{height:auto;min-height:28px}@media (width<=600px){.home-catalog .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-catalog .game-card .game-art{aspect-ratio:1;height:auto}}
