:root{--bg:#080b15;--surface:#111525;--surface2:#171b2c;--line:#272c42;--text:#f6f6ff;--muted:#a1a8bf;--purple:#9b76ff;--blue:#69d9ff;--pink:#e493ff;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",system-ui,sans-serif;line-height:1.5}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 5%,#4f34a719,transparent 28%),radial-gradient(circle at 95% 40%,#13456410,transparent 25%);z-index:-1}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Space Grotesk",sans-serif;letter-spacing:-.045em;line-height:1.1}h1{font-size:clamp(3rem,5.4vw,5.9rem)}h2{font-size:clamp(2rem,3.2vw,3.45rem)}h3{font-size:1.28rem}p{color:var(--muted)}code,pre,.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.top-glow{height:1px;background:linear-gradient(90deg,transparent,#8973ed80,transparent)}.site-header{height:78px;background:#0a0c18e8;border-bottom:1px solid #ffffff0d;position:relative;z-index:10;backdrop-filter:blur(14px)}.nav-inner{max-width:1240px;padding:0 28px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;font:700 1.45rem "Space Grotesk";letter-spacing:-.075em;white-space:nowrap}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;color:#fff;font-size:1.25rem;background:linear-gradient(140deg,#d08cff,#6548e9 65%,#37b8fb);box-shadow:0 0 24px #754ffa60;transform:rotate(-8deg)}.brand-accent{color:#b99aff}.brand small{font-size:.63rem;font-weight:500;letter-spacing:0;color:#b6b7ca;margin-left:1px}.desktop-nav,.nav-actions{display:flex;align-items:center;gap:34px}.desktop-nav a{font-size:.85rem;color:#a8adc1;font-weight:700;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.nav-actions{gap:19px}.nav-login,.nav-user{font-size:.86rem;font-weight:700}.nav-user{display:flex;align-items:center;gap:9px}.avatar{width:33px;height:33px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#40b5e7);display:grid;place-items:center;text-transform:uppercase;font-weight:800}.avatar.large{width:48px;height:48px;font-size:1.15rem}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;border:1px solid transparent;border-radius:11px;background:linear-gradient(105deg,#a47cff,#7563ed);box-shadow:0 8px 25px #6b42ed31;padding:16px 23px;color:white;font-weight:800;font-size:.88rem;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 14px 32px #704cec60}.button span:last-child{font-size:1.15em}.button-small{padding:10px 15px;gap:12px}.button-outline{border-color:#ffffff55;background:#ffffff10;box-shadow:none;backdrop-filter:blur(8px)}.button-outline:hover{box-shadow:none;background:#ffffff20}.button-light{background:white;color:#311d6d;box-shadow:none}.button-full{width:100%}.text-link{color:#d5c3ff;font-weight:800;font-size:.87rem;white-space:nowrap}.text-link:hover{color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#b496ff;font-weight:800;font-size:.71rem;letter-spacing:.18em}.muted{color:var(--muted)}.flash{max-width:1180px;margin:18px auto;padding:14px 18px;background:#132f2b;color:#b7f5db;border:1px solid #2d6754;border-radius:11px;font-size:.86rem}.flash-error{background:#3b1f2b;color:#ffc7d5;border-color:#8b4558}.hero{min-height:620px;position:relative;overflow:hidden;background:#0a1025;display:flex;align-items:center}.hero-art{position:absolute;inset:0;background:url('hero.png') center 52%/cover no-repeat;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090a17fa 0%,#090a17e8 25%,#090a17b7 42%,#090a1760 68%,#090a1729 100%),linear-gradient(0deg,#080b15 0%,transparent 29%)}.hero-content{position:relative;padding:86px 0 92px;z-index:1}.hero-content h1{max-width:680px;margin:22px 0;font-weight:700}.hero-content h1 em,.creator-hero h1 em,.dashboard-header h1 em,.ads-hero h1 em{font-style:normal;background:linear-gradient(110deg,#d0b4ff,#8ae4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-content p{font-size:1.08rem;max-width:570px;color:#c9c8d8;line-height:1.7}.hero-eyebrow{color:#ded0ff;letter-spacing:.2em}.live-dot{width:7px;height:7px;background:#8fefc7;display:inline-block;border-radius:50%;box-shadow:0 0 13px #68ffc1}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-note{display:flex;align-items:center;gap:16px;margin-top:53px;color:#bbb9cc;font-size:.78rem}.stacked-avatars{display:flex;padding-left:4px}.stacked-avatars i{width:28px;height:28px;margin-left:-5px;border:2px solid #101326;border-radius:50%;background:#6b73b0;font-style:normal;font-size:.63rem;display:grid;place-items:center;color:white}.stacked-avatars i:nth-child(2){background:#9b5d99}.stacked-avatars i:nth-child(3){background:#4e8093}.hero-index{position:absolute;right:5%;bottom:36px;z-index:1;color:white;font:700 1.1rem "Space Grotesk";display:flex;align-items:center;gap:10px}.hero-index span{color:#797891}.hero-index small{border-left:1px solid #d4d3e160;padding-left:12px;letter-spacing:.17em;font:800 .61rem "DM Sans"}
.stat-ribbon{margin-top:-21px;position:relative;z-index:2;background:linear-gradient(110deg,#1e2136,#161a2b);border:1px solid #3b3b60;border-radius:17px;padding:22px 32px;display:grid;grid-template-columns:repeat(3,1fr) 1.5fr;align-items:center;box-shadow:0 18px 45px #0004}.stat-ribbon>div{border-right:1px solid #34384f;padding-left:12px}.stat-ribbon strong{display:block;font:700 1.8rem "Space Grotesk";letter-spacing:-.05em}.stat-ribbon span{color:#aeb3c8;font-size:.73rem}.stat-ribbon p{margin:0;padding-left:40px;font-size:.87rem;line-height:1.5}.stat-ribbon b{color:#d9c4ff}.showcase{padding-top:104px;padding-bottom:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:33px}.section-heading h2{margin:9px 0 10px}.section-heading p{margin:0;max-width:600px;font-size:.94rem;line-height:1.7}.showcase-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:17px}.concept-card{position:relative;height:330px;overflow:hidden;border:1px solid #333a50;border-radius:16px;background:#1b2135}.concept-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.concept-card:hover img{transform:scale(1.045)}.concept-city img{object-position:65%}.concept-card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#070911e8)}.concept-content{position:absolute;bottom:24px;left:24px;z-index:1}.concept-tag{display:block;color:#d2c7e8;font-size:.62rem;font-weight:800;letter-spacing:.17em;margin-bottom:9px}.concept-content h3{font-size:1.55rem;margin-bottom:4px}.concept-content p{color:#cccbd5;margin:0;font-size:.79rem}.concept-caption{margin:13px 0 0;color:#798096;font-size:.7rem}.catalog-section{padding:94px 0 104px;background:linear-gradient(180deg,#111525 0%,#0b0e1b 100%);border-block:1px solid #ffffff0d}.gradient-text{background:linear-gradient(90deg,#d6acff,#7cd7fa);background-clip:text;-webkit-background-clip:text;color:transparent}.ranking-mark{display:flex;gap:10px;align-items:center;border:1px solid #47415d;background:#ffffff08;padding:12px 16px;border-radius:11px;color:#d5bdff;font-size:1.5rem}.ranking-mark span{font-size:.6rem;line-height:1.3;font-weight:800;letter-spacing:.15em;color:#c5bfd2}.search-bar{display:flex;align-items:center;border:1px solid #32374c;background:#191d2e;border-radius:12px;height:58px;padding-left:20px}.search-bar>span{font-size:1.75rem;color:#9e9aad;line-height:1}.search-bar input{min-width:0;flex:1;border:0;outline:0;color:white;background:none;padding:0 15px;font-size:.86rem}.search-bar input::placeholder{color:#83899f}.search-bar button{height:100%;border:0;border-radius:0 10px 10px 0;background:#7056dc;color:white;font-size:.8rem;font-weight:800;padding:0 27px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 30px}.chip{border:1px solid #303548;color:#a5abc0;background:#161a29;padding:8px 16px;border-radius:100px;font-size:.77rem;font-weight:700;transition:.2s}.chip:hover,.chip-active{border-color:#a783fa;color:#fff;background:#7f60d934}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game-card{overflow:hidden;border:1px solid #34394e;border-radius:16px;background:#1b2031;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-4px);border-color:#8c72ca}.game-cover{height:205px;position:relative;display:block;overflow:hidden}.game-cover img{width:100%;height:100%;object-fit:cover}.game-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#13172588,transparent 50%)}.rank-badge{position:absolute;top:14px;left:14px;z-index:1;background:#131421d9;backdrop-filter:blur(10px);border:1px solid #ffffff36;border-radius:8px;padding:6px 11px;font:700 .92rem "Space Grotesk"}.rank-badge small{font-size:.53rem;letter-spacing:.12em;color:#bcafd5}.play-bubble{position:absolute;z-index:1;right:15px;bottom:14px;width:42px;height:42px;border-radius:50%;background:white;color:#3b2781;display:grid;place-items:center;padding-left:2px;box-shadow:0 5px 15px #0004}.game-details{padding:19px}.game-meta,.game-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.game-meta{color:#c3a9ff;text-transform:uppercase;font-size:.67rem;font-weight:800;letter-spacing:.09em}.game-meta span:last-child{color:#f5add1}.game-details h3{margin:10px 0 7px}.game-details p{height:42px;overflow:hidden;font-size:.8rem;margin-bottom:17px}.game-footer{border-top:1px solid #34394b;padding-top:14px;color:#9fa6b9;font-size:.73rem}.game-footer b,.game-footer span:last-child{color:#e5d5ff}.empty-ranking{min-height:245px;display:flex;align-items:center;gap:36px;padding:35px;background:radial-gradient(circle at 12% 50%,#4d3b8e45,transparent 25%),#171b2b;border:1px dashed #4a4566;border-radius:17px}.empty-orbit{flex:0 0 150px;width:150px;height:150px;border:1px solid #7868ad;border-radius:50%;box-shadow:inset 0 0 35px #8264cb3d,0 0 40px #6650b42c;display:grid;place-items:center;color:#d8b8ff;font-size:3.2rem;transform:rotate(-12deg)}.empty-ranking h3{font-size:1.65rem;margin:8px 0}.empty-ranking p{font-size:.88rem;max-width:520px}.creator-banner{position:relative;overflow:hidden;margin-top:90px;margin-bottom:100px;padding:52px 60px;border:1px solid #aa80fc;border-radius:21px;background:linear-gradient(105deg,#7651dc,#412d89 68%,#251b56)}.creator-banner>div:not(.creator-orb){position:relative;z-index:1}.creator-banner h2{margin:8px 0 10px}.creator-banner p{color:#e1d6f8;max-width:510px}.creator-banner .eyebrow{color:#e8d5ff}.creator-banner .button{margin-top:10px}.creator-orb{position:absolute;right:-60px;top:-160px;width:480px;height:480px;border:1px solid #fff5;border-radius:50%;box-shadow:0 0 0 60px #ffffff0a,0 0 0 130px #ffffff09,inset 0 0 100px #e49cff58;display:grid;place-items:center;font-size:8rem;color:#eedaff99}.banner-deco{position:absolute!important;right:100px;top:65px;color:#e9deff9c;font:700 1.8rem/1.8 ui-monospace,monospace;transform:rotate(-7deg)}
.site-footer{border-top:1px solid #272b40;background:#090c17;padding:60px max(24px,calc((100% - 1180px)/2)) 100px}.footer-main{display:flex;align-items:start;justify-content:space-between;gap:40px}.footer-main p{font-size:.8rem;margin:18px 0}.footer-links{display:flex;gap:28px;flex-wrap:wrap;font-size:.8rem;font-weight:700;color:#b5b8ca}.footer-links a:hover{color:white}.footer-bottom{border-top:1px solid #292e40;margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;color:#81879b;font-size:.7rem}.mobile-dock{display:none}
.panel{background:#171b2b;border:1px solid #30364b;border-radius:16px;padding:28px}.panel h2{font-size:1.6rem}.panel p{font-size:.85rem;line-height:1.7}.auth-layout{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:min(1100px,calc(100% - 48px));margin:0 auto;padding:80px 0}.auth-intro{position:relative}.auth-intro:before{content:"✦";position:absolute;left:-40px;top:-120px;color:#7854c750;font-size:16rem;z-index:-1}.auth-intro h1{margin:16px 0 20px;max-width:600px}.auth-intro p{font-size:1.06rem;line-height:1.75;max-width:500px}.auth-feature{display:flex;align-items:center;gap:15px;margin-top:45px}.auth-feature>span{width:50px;height:50px;border:1px solid #906fd9;border-radius:14px;display:grid;place-items:center;color:#c3a8fc;font-size:1.3rem}.auth-feature strong,.auth-feature small{display:block}.auth-feature small{color:#a6abc0;margin-top:3px}.auth-card{background:#181c2d;border:1px solid #38394f;border-radius:20px;padding:38px;box-shadow:0 25px 70px #0004}.auth-card h2{font-size:1.75rem;margin:25px 0 7px}.auth-card .muted{font-size:.86rem}.auth-tabs{display:flex;background:#101423;padding:5px;border-radius:10px}.auth-tabs a{flex:1;text-align:center;padding:10px;color:#9198ab;border-radius:7px;font-weight:800;font-size:.8rem}.auth-tabs a.selected{color:white;background:#343451}.form-stack{display:grid;gap:16px;margin-top:24px}.form-stack label{display:grid;gap:8px;color:#d4d7e6;font-size:.76rem;font-weight:800}.form-stack input:not([type=file]),.form-stack textarea,.form-stack select{width:100%;min-height:45px;border:1px solid #383e54;background:#101423;border-radius:9px;padding:11px 13px;color:#fff;outline:0;font-size:.86rem}.form-stack textarea{resize:vertical}.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus{border-color:#aa86ff;box-shadow:0 0 0 3px #a37eff1a}.form-stack input::placeholder,.form-stack textarea::placeholder{color:#727b92}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-note,.field-help{font-size:.72rem!important;color:#81899c!important;line-height:1.6}.divider{height:1px;background:#37394c;margin:8px 0}.file-field{position:relative}.file-field>span{display:flex;justify-content:space-between}.file-field small{color:#949aad;font-weight:500}.file-field input{position:absolute;width:100%;height:75%;bottom:0;opacity:0;cursor:pointer;z-index:1}.file-field b{border:1px dashed #695b91;border-radius:9px;background:#25223c;color:#d8c6ff;text-align:center;padding:17px;font-size:.82rem}.file-field em{font-style:normal;color:#8e94a8;font-size:.69rem;text-align:center}.file-field:hover b{border-color:#c1a5ff}.code-input{font-size:.75rem!important;line-height:1.6}.icon-button{border:0;color:#b8bad0;background:#ffffff10;border-radius:9px;padding:7px 10px}
.dashboard-header{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:76px 0 29px}.dashboard-header h1{font-size:clamp(2.6rem,4vw,4.4rem);margin:14px 0}.dashboard-header p{margin:0}.dashboard-account{display:flex;align-items:center;gap:13px;background:#1b1e2e;border:1px solid #34394b;padding:12px;border-radius:12px;white-space:nowrap}.dashboard-account strong,.dashboard-account small{display:block}.dashboard-account strong{font-size:.8rem}.dashboard-account small{font-size:.7rem;color:#9a9fb5}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dashboard-stats>div,.dashboard-stats>a{background:#1b2030;border:1px solid #35394d;border-radius:12px;padding:19px}.dashboard-stats span{display:block;font-size:.66rem;letter-spacing:.12em;font-weight:800;color:#a9abc0}.dashboard-stats strong{font:700 1.5rem "Space Grotesk";display:block;margin-top:5px}.dashboard-stats a strong{font-size:1.02rem;color:#d5bdff;margin-top:11px}.dashboard-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:24px;padding:42px 0 90px;align-items:start}.upload-panel h2{margin:10px 0}.upload-panel h2 span{color:#bb9aff}.upload-panel>p{margin:0}.section-heading.compact{margin-bottom:20px}.section-heading.compact h2{font-size:1.6rem}.count-pill{font:700 .65rem "DM Sans";background:#503e83;color:#e4d2ff;padding:4px 8px;border-radius:30px;vertical-align:middle}.dashboard-empty{text-align:center;padding:47px}.dashboard-empty .empty-orbit{width:90px;height:90px;flex-basis:auto;font-size:2rem;margin:0 auto 24px}.dashboard-empty p{max-width:330px;margin:0 auto 18px}.my-list{display:grid;gap:13px}.my-game{display:flex;gap:16px;border:1px solid #363c50;background:#1a1f2f;padding:11px;border-radius:13px}.my-game img{width:118px;min-height:105px;object-fit:cover;border-radius:8px}.my-game-body{flex:1;min-width:0;padding:5px}.my-game-head{display:flex;justify-content:space-between;gap:9px}.my-game h3{font-size:1rem;margin:0 0 5px}.my-game p{font-size:.7rem;margin:3px 0 10px}.status{font-size:.62rem;font-weight:800;white-space:nowrap;color:#e6c8a0}.status-published{color:#83ddb8}.my-game-links{display:flex;gap:17px;color:#cab6fa;font-size:.69rem;font-weight:800;flex-wrap:wrap}.helper-card{margin-top:17px;background:linear-gradient(120deg,#252340,#1c2036)}.helper-card>span{color:#b99cfb;font-size:1.5rem}.helper-card h3{margin:10px 0 5px}.helper-card p{margin-bottom:15px}.admin-section{padding-bottom:90px}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-row{border-top:1px solid #363a4a;display:flex;justify-content:space-between;gap:20px;padding:15px 0;font-size:.75rem}.admin-row b,.admin-row small{display:block}.admin-row small{color:#9aa1b4;margin-top:3px}.admin-row a{color:#d8c7fb}.edit-page{padding:65px 0 100px}.back-link{display:inline-block;color:#bdb6d2;font-weight:700;font-size:.77rem;margin-bottom:32px}.edit-page h1{font-size:3rem;margin:10px 0}.edit-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:25px;align-items:start}.edit-grid aside{display:grid;gap:20px}.edit-preview img{aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:17px;width:100%}.danger-zone{border-color:#7b414f}.danger-zone h3{color:#ffb1bc}.button-danger{background:#4f2632;border:1px solid #a05264;color:#ffc8cf;padding:12px 16px;border-radius:8px;font-weight:800;font-size:.75rem}
.game-page{padding:46px 0 100px}.game-title-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.game-title-row h1{font-size:3rem;margin:8px 0}.game-title-row p{max-width:700px;font-size:.92rem;margin:0}.like-button{border:1px solid #ad638a;background:#51304b;color:#ffc6dd;border-radius:10px;padding:10px 20px;display:flex;gap:9px;align-items:center;font-size:1.3rem}.like-button strong{font-size:.95rem}.like-button span{font-size:.73rem;font-weight:800}.like-button.is-liked{background:#753e6a}.game-shell{border:1px solid #363f56;border-radius:14px;overflow:hidden;background:#0b0b12;box-shadow:0 20px 60px #0006}.game-toolbar{height:47px;padding:0 16px;background:#171a2a;display:flex;align-items:center;justify-content:space-between;color:#aeb4c8;font-size:.69rem;font-weight:800;letter-spacing:.1em}.game-toolbar>div{display:flex;align-items:center;gap:20px}.game-toolbar button{background:none;border:0;color:#d7c5ff;font-weight:800;font-size:.73rem}.game-frame-wrap{aspect-ratio:16/9;position:relative;min-height:360px}.game-frame-wrap iframe{width:100%;height:100%;border:0;background:#080910}.game-frame-wrap:fullscreen{background:black}.game-gate{position:absolute;inset:0;background-size:cover;background-position:center;display:grid;place-items:center;text-align:center;padding:25px}.game-gate h2{margin:10px 0}.game-gate p{max-width:450px;margin:0 auto 20px;color:#e1dce8}.inline-alt{display:block;margin-top:15px;font-size:.8rem;color:#ddd2f5}.game-under{display:flex;justify-content:space-between;color:#858ba2;font-size:.72rem;padding:14px 3px 40px}.game-info-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.game-info-grid h2{margin:12px 0 8px}.tagline{font-size:.72rem;font-weight:700;color:#ccb8f9}.tagline span{color:#6e7286;padding:0 7px}.leader-list{list-style:none;padding:0;margin:13px 0 0}.leader-list li{display:flex;gap:12px;align-items:center;border-top:1px solid #34394e;padding:11px 0;font-size:.77rem}.leader-list li>b{color:#cdb5ff;width:25px}.leader-list li span{flex:1}.leader-list small{color:#828aa1;margin-left:6px}.leader-list strong{color:white}
.creator-hero{padding:85px 0 70px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px}.creator-hero h1{margin:16px 0 20px}.creator-hero p{font-size:1.03rem;line-height:1.75;max-width:560px}.creator-visual{height:410px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#694ac856 0%,#35286966 25%,transparent 64%)}.visual-core{width:205px;height:205px;border:2px solid #bd9dff;border-radius:35%;display:grid;place-items:center;transform:rotate(-13deg);font-size:6rem;color:white;background:linear-gradient(135deg,#7853de,#363b9e);box-shadow:0 0 0 30px #9e77fc13,0 0 0 70px #996dfc0a,0 25px 65px #6555d565}.visual-core::first-letter{transform:rotate(13deg)}.code-chip{position:absolute;border:1px solid #7469a9;background:#272641d9;backdrop-filter:blur(8px);box-shadow:0 15px 30px #0005;color:#e5dafa;border-radius:9px;padding:10px 14px;font:700 .73rem ui-monospace,monospace}.chip-one{top:25px;left:20px}.chip-two{top:90px;right:5px}.chip-three{bottom:80px;left:0}.chip-four{bottom:15px;right:45px}.steps-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#171b2a;border:1px solid #383c50;border-radius:13px;padding:20px 28px}.steps-strip div{display:flex;align-items:center;gap:12px;font-size:.78rem;font-weight:700}.steps-strip b{color:#bfa7ff;font:700 1.25rem "Space Grotesk"}.steps-strip i{color:#746889;font-style:normal}.guide-section{padding-top:95px;padding-bottom:25px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{background:#181d2d;border:1px solid #35394e;padding:25px;border-radius:14px;min-height:215px;display:flex;flex-direction:column}.feature>span{color:#c5a9ff;font-size:1.45rem}.feature h3{margin:12px 0 7px}.feature p{font-size:.8rem;line-height:1.6;margin-bottom:auto}.feature code{font-size:.69rem;color:#9fdbf2;margin-top:18px}.prompt-section{margin-top:75px;padding:88px 0;background:linear-gradient(105deg,#201737,#11182c);border-block:1px solid #4d396b}.prompt-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.prompt-grid h2{margin:15px 0}.prompt-grid p{line-height:1.75}.prompt-tip{display:flex;gap:14px;margin-top:35px;background:#ffffff0b;border:1px solid #a888db4f;border-radius:12px;padding:16px}.prompt-tip span{color:#dab7ff}.prompt-tip p{font-size:.78rem;margin:0}.prompt-editor{border:1px solid #7964a6;background:#101323;border-radius:13px;overflow:hidden;box-shadow:0 30px 60px #0005}.editor-head,.editor-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;background:#23253c;font-size:.62rem;letter-spacing:.1em;color:#aaaaca}.editor-head span{display:flex;gap:4px}.editor-head i{width:6px;height:6px;background:#e790a3;border-radius:50%}.editor-head i:nth-child(2){background:#e6c280}.editor-head i:nth-child(3){background:#7dc7aa}.editor-head button,.code-title button{border:1px solid #8366c2;border-radius:6px;background:#674bb0;color:#fff;padding:7px 10px;font-size:.66rem;font-weight:800}.prompt-editor textarea{width:100%;height:490px;resize:vertical;border:0;background:#101323;color:#d9d0ed;padding:20px;font:400 .74rem/1.7 ui-monospace,monospace;outline:0}.editor-foot{background:#191d2f;color:#8b8fab}.doc-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;align-items:start}.doc-main,.doc-aside{display:grid;gap:17px}.code-panel{padding:0;overflow:hidden}.code-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333a50;background:#22273a;padding:12px 17px;color:#c6b1f7;font-size:.67rem;font-weight:800;letter-spacing:.09em}.code-panel pre{padding:20px;margin:0;overflow:auto;white-space:pre;color:#c7d7ef;font-size:.73rem;line-height:1.6}.check-list{padding:0;list-style:none}.check-list li{padding:9px 0;border-top:1px solid #34384c;color:#bbc2d3;font-size:.77rem}.check-list li:before{content:"✓";color:#91e0bf;margin-right:10px}.note-panel{background:#2a2237;border-color:#655076}.note-panel>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#9b6ce7;font-weight:800}.simple-hero{padding:110px 0 50px}.simple-hero h1{max-width:900px;margin:14px 0}.simple-hero p{font-size:1.13rem;max-width:800px;line-height:1.8}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:50px auto 0}.about-grid .panel>span{color:#b9a0fa;font:700 1.6rem "Space Grotesk"}.about-grid h2{margin:15px 0 9px}.ads-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:680px;padding:70px 0}.ads-hero h1{margin:17px 0}.ads-hero p{font-size:1rem;line-height:1.75}.ads-points{display:grid;gap:15px;margin-top:35px;color:#d0c0f6;font-size:.85rem}.ads-form h2{margin:14px 0}
@media(max-width:1050px){.desktop-nav{gap:16px}.showcase-grid{grid-template-columns:repeat(3,1fr)}.concept-card{height:270px}.dashboard-grid{grid-template-columns:1fr 1fr}.my-game{display:block}.my-game img{width:100%;height:125px}.hero-content h1{max-width:580px}.banner-deco{display:none}}
@media(max-width:780px){.desktop-nav,.nav-login{display:none}.site-header{height:66px}.nav-inner{padding:0 20px}.nav-actions .button{padding:9px 12px;font-size:.72rem}.container{width:min(100% - 36px,1180px)}.hero{min-height:670px;align-items:end}.hero-art{background-position:64%}.hero-shade{background:linear-gradient(0deg,#090a17 0%,#090a17ec 26%,#090a178c 57%,#090a1738 100%),linear-gradient(90deg,#090a1766,transparent)}.hero-content{padding:145px 0 80px}.hero-content h1{font-size:clamp(3rem,9vw,4.5rem)}.hero-note{margin-top:32px}.hero-index{display:none}.stat-ribbon{grid-template-columns:repeat(3,1fr);padding:17px}.stat-ribbon>div{padding-left:5px;text-align:center}.stat-ribbon strong{font-size:1.3rem}.stat-ribbon p{display:none}.showcase{padding:75px 0}.showcase-grid{display:grid;grid-template-columns:1fr 1fr}.concept-card:first-child{grid-column:1/-1}.concept-card{height:240px}.concept-card:first-child{height:290px}.games-grid,.features-grid{grid-template-columns:1fr 1fr}.section-heading h2{font-size:2.2rem}.creator-banner{padding:44px 35px}.creator-orb{right:-230px}.footer-main{flex-direction:column}.footer-bottom{margin-top:35px}.dashboard-header{align-items:start;flex-direction:column}.dashboard-grid,.edit-grid,.game-info-grid,.doc-layout,.prompt-grid,.ads-hero,.creator-hero{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr 1fr}.creator-hero{padding:65px 0 10px;gap:0}.creator-visual{height:330px}.steps-strip{flex-wrap:wrap;gap:15px}.steps-strip i{display:none}.steps-strip div{width:45%}.auth-layout{grid-template-columns:1fr;gap:35px;padding:55px 0 85px}.auth-intro h1{font-size:3rem}.auth-intro p{margin-bottom:0}.auth-feature{display:none}.ads-hero{gap:30px}.mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;height:65px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #57506f;background:#141728f5;backdrop-filter:blur(16px);justify-content:space-around}.mobile-dock a{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;color:#c5c5d5;font-size:.59rem;font-weight:700}.mobile-dock a span{color:#c6a8ff;font-size:1.25rem;line-height:1.2}.site-footer{padding-bottom:125px}}
@media(max-width:540px){.brand{font-size:1.15rem}.brand-mark{width:30px;height:30px}.nav-user>span:last-child{display:none}.nav-actions .button{font-size:.65rem;padding:8px}.hero{min-height:660px}.hero-content{padding-top:140px}.hero-content h1{font-size:3.05rem}.hero-content p{font-size:.92rem}.hero-buttons{align-items:stretch}.hero-buttons .button{width:100%}.hero-note{font-size:.7rem}.stat-ribbon span{font-size:.58rem}.showcase-grid,.games-grid,.features-grid,.about-grid{grid-template-columns:1fr}.concept-card,.concept-card:first-child{height:250px;grid-column:auto}.showcase{padding:65px 0}.section-heading{display:block}.section-heading>.text-link{display:inline-block;margin-top:18px}.section-heading h2{font-size:2rem}.ranking-mark{display:none}.catalog-section{padding:70px 0}.search-bar button{padding:0 16px}.empty-ranking{display:block;padding:28px}.empty-orbit{width:90px;height:90px;font-size:2rem;margin-bottom:25px}.creator-banner{padding:32px 25px;margin-top:60px;margin-bottom:70px}.creator-banner h2{font-size:2.15rem}.creator-orb{opacity:.35}.footer-links{gap:15px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:7px}.form-two,.dashboard-stats{grid-template-columns:1fr}.dashboard-header{padding-top:50px}.dashboard-header h1{font-size:2.8rem}.dashboard-grid{padding-top:25px}.my-game{display:flex}.my-game img{width:92px;height:auto}.my-game-head{display:block}.status{display:inline-block;margin-top:4px}.game-title-row{display:block}.game-title-row h1{font-size:2.4rem}.like-button{margin-top:18px}.game-frame-wrap{min-height:250px}.game-toolbar>div>span{display:none}.game-under{display:block}.game-under span{display:block}.creator-visual{height:280px}.visual-core{width:150px;height:150px;font-size:4rem}.code-chip{font-size:.62rem}.steps-strip{padding:16px}.steps-strip div{width:100%}.prompt-grid{gap:28px}.prompt-section{padding:65px 0}.prompt-editor textarea{height:420px}.editor-foot span:last-child{display:none}.auth-card{padding:24px}.auth-intro h1{font-size:2.65rem}.admin-columns{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}
.treasury p{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #373c51;padding-top:12px}.treasury strong{white-space:nowrap;color:#d5c1ff}.treasury small{color:#8b92a7}
:focus-visible{outline:2px solid #b99aff;outline-offset:3px}::selection{background:#7456d9;color:white}
/* Loja de jogos v2 */
.store-page { padding-top:38px; padding-bottom:90px; }
.store-head { padding:30px 0 26px; }
.store-head h1 { font-size:clamp(2.25rem,5vw,4.4rem); line-height:1.12; margin:14px 0 8px; }
.store-head p {color:#bdc5dd;margin:0}
.store-gallery { background:#101427; border:1px solid #343956; border-radius:22px; padding:15px; }
.store-gallery-top {display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 6px 12px;color:#eef0fc}
.store-gallery-top button {width:38px;height:38px;border:1px solid #464d6a;background:#1b2237;color:white;border-radius:11px;cursor:pointer;margin-left:6px}
.store-gallery-track {display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:thin;border-radius:14px}
.store-gallery-slide {flex:0 0 85%;max-height:520px;aspect-ratio:16/9;scroll-snap-align:center;background:#080a14;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.store-gallery-slide img,.store-gallery-slide video {width:100%;height:100%;object-fit:contain}
.gallery-hint {text-align:center;font-size:12px;color:#8c96b2;margin:10px 0 1px}
.gallery-audio {display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;width:100%;height:100%;background:radial-gradient(circle at center,#35416c,#0e1224)}
.gallery-audio>span {font-size:5rem;color:#a7a6ff} .gallery-audio audio {width:80%;max-width:440px}
.store-engagement {display:flex;align-items:center;justify-content:space-between;gap:22px;padding:30px 0;border-bottom:1px solid #323850}
.store-social {display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.store-sales {display:flex;flex-direction:column;gap:3px;color:#b6bed1} .store-sales strong {font-size:1.8rem;color:#f5f6ff}
.store-buy {display:flex;flex-direction:column;min-width:220px;align-items:center;gap:6px}
.store-buy form {width:100%}.store-buy-button {width:100%;justify-content:center;display:flex;padding:15px 32px}
.store-price {font-size:1.8rem;font-weight:800;color:white} .store-buy small {font-size:.75rem;color:#9ea9c5}
.store-description {margin:26px 0}.store-description p {white-space:normal;line-height:1.9;max-width:980px;color:#d1d4e4}
.store-specs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px}
.store-specs .panel {margin:0}.store-specs h3 {margin:8px 0 18px;font-size:1.3rem}.store-specs p {line-height:1.8;color:#c8cde0}
.store-tags {display:flex;flex-wrap:wrap;gap:9px}.store-tags span {display:inline-flex;padding:9px 12px;border:1px solid #4a5273;border-radius:20px;background:#232942;color:#edf0ff;font-size:.85rem}
.store-game-shell {margin:20px 0 30px;scroll-margin-top:25px}.store-leaderboard {max-width:100%}
.choice-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;background:#11162a;border:1px solid #343d5d;border-radius:14px;max-height:265px;overflow-y:auto}
.choice-grid label {display:flex;align-items:center;gap:8px;font-weight:500;font-size:.88rem;color:#e1e4f5;cursor:pointer}.choice-grid input {width:auto;min-width:18px;accent-color:#9693ff}
.field-group {display:flex;flex-direction:column;gap:7px}.field-group>strong {font-size:.9rem}
.credit-banner {background:#1c2340;border:1px solid #615ead;border-radius:16px;padding:20px;margin:15px 0}
.credit-banner p {color:#bec9df;margin:8px 0 16px}.gallery-admin-item {display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #2e3550;padding:12px 0}
.gallery-admin-item img {width:110px;height:72px;object-fit:cover;border-radius:8px}
@media(max-width:780px){.store-specs{grid-template-columns:1fr}.store-engagement{align-items:stretch;flex-direction:column}.store-buy{align-items:stretch;width:100%}.store-gallery-slide{flex-basis:100%}.store-page{padding-top:20px}.store-head{padding-top:18px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v2.2: Sessão e administração de pagamentos */
.nav-logout{display:inline-flex;align-items:center;margin:0}
.nav-logout button,.dock-logout button{background:none;border:0;color:#bfc4da;font-size:.82rem;font-weight:800;cursor:pointer;padding:8px 10px;border-radius:8px}
.nav-logout button:hover,.dock-logout button:hover{color:#fff;background:#ffffff16}
.nav-admin-link{color:#cfbaff;font-size:.8rem;font-weight:800;white-space:nowrap}
.nav-admin-link:hover{color:white}
.dock-logout{flex:1;display:flex;margin:0}
.dock-logout button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;width:100%;height:100%;font-size:.59rem;padding:0}
.dock-logout button span{color:#c6a8ff;font-size:1.25rem;line-height:1.2}
.payments-page{padding-top:44px;padding-bottom:96px}
.payments-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:27px 0 31px}
.payments-heading h1{font-size:clamp(2.3rem,4.6vw,4.2rem);margin:12px 0}
.payments-heading p{margin:0;max-width:640px}
.payment-state{white-space:nowrap;border:1px solid #504567;border-radius:100px;padding:11px 16px;color:#d5c6f7;background:#28243c;font-weight:800;font-size:.78rem}
.payment-state-on{color:#bdf6dc;background:#14352b;border-color:#256a54}
.payments-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);align-items:start;gap:20px}
.payments-config,.payments-aside .panel{padding:28px;border:1px solid #353a52;border-radius:18px;background:#181c2e}
.payments-config h2{font-size:2rem;margin:10px 0 14px}
.payments-config>p{line-height:1.7}
.payments-credentials{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}
.payments-credentials span{font-size:.76rem;font-weight:700;color:#c8d4e9;padding:10px 12px;background:#242a43;border:1px solid #3c4564;border-radius:9px}
.payments-toggle{background:#222944;border:1px solid #485176;border-radius:13px;padding:16px}
.payments-toggle label{display:flex;gap:13px;align-items:start;cursor:pointer}
.payments-toggle input{width:20px;height:20px;margin-top:4px;accent-color:#987cff;flex:none}
.payments-toggle strong{display:block;margin-bottom:4px;color:#f3f1ff}
.payments-toggle small{display:block;color:#acb4cf;font-weight:400;line-height:1.5}
.payment-notice{padding:14px;color:#ffdb9b;background:#4c351e;border:1px solid #8f6643;border-radius:10px}
.payment-test-form{margin-top:13px}.payment-test-form button:disabled{opacity:.46;cursor:not-allowed}
.payments-aside{display:grid;gap:18px}
.payments-aside h3{margin:10px 0 15px}.payments-aside p{line-height:1.7;font-size:.88rem}
.payments-url{display:block;overflow-wrap:anywhere;padding:13px;border:1px solid #404b68;border-radius:10px;background:#0d1122;color:#d6c9fc;font-size:.8rem}
.payments-copy{display:inline-flex;background:transparent;color:#d2bfff;border:1px solid #49416e;border-radius:9px;font-weight:800;padding:8px 12px;margin:10px 0 4px;cursor:pointer}
.payment-step{display:flex;align-items:start;gap:13px;border-top:1px solid #393f54;padding:14px 0;color:#d5d9e8;font-size:.87rem}
.payment-step b{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#6b55b8;color:#fff;flex:none}
.admin-payment-shortcut{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.admin-payment-shortcut p{margin:4px 0 0;font-size:.85rem}
@media(max-width:920px){.nav-admin-link{display:none}.payments-grid{grid-template-columns:1fr}.payments-heading{align-items:start;flex-direction:column}.admin-payment-shortcut{align-items:start;flex-direction:column}}
@media(max-width:780px){.nav-logout{display:none}.payments-page{padding-top:24px}.payments-config,.payments-aside .panel{padding:21px}.payments-heading h1{font-size:2.45rem}.payments-config h2{font-size:1.75rem}}