:root{--bg-dark:#060714;--bg-card:#15162b;--bg-sidebar:#060714;--text-main:#fff;--text-muted:#8e92a8;--primary:#c026d3;--primary-hover:#d946ef;--accent-gradient:linear-gradient(135deg, #c026d3, #7c3aed);--border-subtle:#ffffff14;--glass-bg:#15162b99;--glass-border:#ffffff1a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.app-layout{width:100%;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}@media (width<=768px){.main-content{margin-left:0;padding-bottom:70px}}.gametok-shell{color:#fff;background:#000;grid-template-columns:320px minmax(0,1fr);gap:0;width:100%;min-height:100vh;padding:0;display:grid;overflow:hidden}.gametok-shell.home-mode{background:#000;grid-template-columns:1fr;gap:0;padding:0}.gametok-shell.marketing-mode{background:#05050a;min-height:100vh;padding:0;display:block;overflow-y:auto}.gametok-shell.create-mode{background:#000;grid-template-columns:1fr;gap:0;padding:0}.phone-stage{width:100%;height:100vh;min-height:0;box-shadow:none;background:#050505;border:0;border-radius:0;justify-self:stretch;position:relative;overflow:hidden}.desktop-home-hero,.desktop-app-main{display:none}.app-screen{background:#000;position:absolute;inset:0;overflow:hidden}button,input,textarea{font:inherit}.icon-button{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.home-feed{touch-action:pan-y;background:#000;position:absolute;inset:0;overflow:hidden}.feed-topbar{z-index:10;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:14px;right:14px}.feed-title{text-shadow:0 2px 12px #000;align-items:center;gap:8px;font-size:16px;display:flex}.active-feed-dot{background:#a855f7;border-radius:50%;width:7px;height:7px;box-shadow:0 0 18px #a855f7}.game-frame{background:#050505;position:absolute;inset:0}.game-iframe{z-index:2;background:#000;border:0;width:100%;height:100%;position:relative}.thumbnail-backdrop{z-index:3;opacity:.16;filter:blur(26px)saturate(1.3);pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.16)}.game-preview-art{z-index:4;text-align:center;pointer-events:none;background:radial-gradient(circle,#00000014,#000000d1 72%),#0000002e;place-content:start center;justify-items:center;gap:10px;padding:136px 24px 24px;display:grid;position:absolute;inset:0}.game-preview-art img{aspect-ratio:3/4;object-fit:cover;border-radius:22px;width:min(36%,136px);box-shadow:0 22px 70px #000000a8}.game-preview-art strong{display:none}.game-preview-art button{pointer-events:auto;color:#000;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 14px 40px #00000061}.game-loading{color:#ffffffb8;text-align:center;place-content:center;gap:14px;height:100%;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.offline-pill{z-index:4;color:#fbbf24;background:#f59e0b29;border:1px solid #f59e0b57;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;position:absolute;top:66px;left:50%;transform:translate(-50%)}.feed-actions{z-index:12;flex-direction:column;gap:16px;display:flex;position:absolute;bottom:124px;right:12px}.feed-action{color:#fff;text-shadow:0 2px 8px #000;justify-items:center;gap:5px;font-size:11px;font-weight:800;display:grid}.feed-action span{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff21;border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:48px;height:48px;display:grid}.feed-action.active span{color:#f0d8ff;background:#a855f752;border-color:#a855f7a6}.game-caption{z-index:11;background:linear-gradient(#0000,#000000bd 45%,#000);grid-template-columns:48px minmax(0,1fr) auto;align-items:end;gap:12px;padding:86px 72px 20px 18px;display:grid;position:absolute;bottom:76px;left:0;right:0}.creator-avatar-wrap{width:46px;height:46px;position:relative}.creator-avatar-wrap img{object-fit:cover;background:#23232a;border:1px solid #ffffff47;border-radius:50%;width:46px;height:46px}.creator-avatar-wrap button{color:#000;background:#fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.caption-copy{min-width:0}.creator-line{align-items:center;gap:6px;font-size:14px;display:flex}.verified-dot{color:#000;background:#22d3ee;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;font-weight:900;display:inline-grid}.caption-copy h1{margin:3px 0;font-size:17px;line-height:1.16}.caption-copy p{color:#ffffffc7;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-width:min(260px,100%);margin:0;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.caption-tags{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.caption-tags span{background:#ffffff1c;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.follow-pill{color:#000;background:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900}.follow-pill.following{color:#fff;background:#a855f738;border:1px solid #a855f780}.swipe-hint{z-index:12;color:#ffffffb8;text-shadow:0 2px 10px #000;justify-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;top:49%;right:12px}.deck-shadow{background:linear-gradient(#0000,#000);height:140px;position:absolute;inset:auto 0 0}.bottom-nav{z-index:30;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#000000db;border-top:1px solid #ffffff17;align-items:center;height:76px;padding:7px 12px 10px;display:grid;position:absolute;bottom:0;left:0;right:0}.standard-nav{grid-template-columns:repeat(5,1fr)}.bottom-nav button{color:#ffffff8f;justify-items:center;gap:3px;font-size:10px;font-weight:800;display:grid}.standard-nav button.active{color:#a855f7}.standard-nav .create-tab{color:#000}.standard-nav .create-tab svg{background:linear-gradient(90deg,#22d3eee6,#a855f7e6 28%,#fff 30% 70%,#a855f7e6 72%,#22d3eee6);border-radius:12px;width:44px;height:34px;padding:7px 12px}.deck-nav{grid-template-columns:64px 1px minmax(0,1fr) 54px;gap:12px}.deck-nav i{background:#ffffff2e;width:1px;height:28px;display:block}.deck-controls{justify-content:center;align-items:center;gap:22px;display:flex}.deck-controls .replay{color:#000;background:#fff;border-radius:50%;width:48px;height:48px}.page-scroll{background:#000;padding:16px 16px 96px;position:absolute;inset:0;overflow-y:auto}.screen-header,.profile-top{justify-content:space-between;align-items:center;margin-bottom:15px;padding-top:4px;display:flex}.screen-header p{color:#a855f7;text-transform:uppercase;margin:0 0 2px;font-size:12px;font-weight:900}.screen-header h2{letter-spacing:0;margin:0;font-size:25px}.search-box{background:#101017;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:10px;min-height:46px;padding:0 14px;display:flex}.search-box input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0}.tab-strip,.chip-row,.genre-cloud,.idea-marquee,.story-strip,.creator-row-list,.game-card-row{scrollbar-width:none;gap:10px;display:flex;overflow-x:auto}.tab-strip::-webkit-scrollbar{display:none}.chip-row::-webkit-scrollbar{display:none}.genre-cloud::-webkit-scrollbar{display:none}.idea-marquee::-webkit-scrollbar{display:none}.story-strip::-webkit-scrollbar{display:none}.creator-row-list::-webkit-scrollbar{display:none}.game-card-row::-webkit-scrollbar{display:none}.tab-strip{margin:16px -16px 14px;padding:0 16px}.tab-strip button,.chip-row button,.genre-cloud button{white-space:nowrap;color:#ffffffad;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-weight:900;display:inline-flex}.tab-strip button.active,.chip-row button.active,.genre-cloud button.active{color:#fff;background:#a855f738;border-color:#a855f780}.tab-strip button span{background:#a855f7;border-radius:50%;width:7px;height:7px}.explore-hero{background-position:50%;background-size:cover;border-radius:24px;min-height:360px;margin-bottom:20px;position:relative;overflow:hidden}.hero-scrim{background:linear-gradient(#0000000d,#000000e0),linear-gradient(90deg,#00000094,#0000);position:absolute;inset:0}.hero-pill{background:#00000070;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:14px;left:14px}.explore-hero-copy{position:absolute;bottom:18px;left:18px;right:18px}.explore-hero-copy h1{letter-spacing:0;max-width:320px;margin:0;font-size:44px;line-height:.93}.explore-hero-copy h1 span{color:#a855f7;display:block}.explore-hero-copy p{color:#ffffffc7;margin:10px 0 16px}.explore-hero-copy button,.refine-actions .primary,.publish-bar .primary{color:#fff;background:#a855f7;border-radius:999px;align-items:center;gap:8px;padding:12px 16px;font-weight:900;display:inline-flex}.chip-row{margin:0 -16px 20px;padding:0 16px}.game-lane,.creator-section{margin:23px 0}.section-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.section-heading h3{margin:0;font-size:18px}.section-heading button{color:#a855f7;font-size:12px;font-weight:900}.poster-card{text-align:left;color:#fff;flex:0 0 132px}.poster{aspect-ratio:3/4;background-position:50%;background-size:cover;border-radius:16px;margin-bottom:9px;display:block;position:relative;overflow:hidden}.poster:after{content:"";background:linear-gradient(#0000 48%,#000000b8);position:absolute;inset:0}.poster-play{z-index:2;opacity:0;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.poster-card:hover .poster-play{opacity:1}.poster-stat{z-index:3;background:#0000008a;border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:10px;font-weight:900;display:inline-flex;position:absolute;bottom:8px;left:8px}.poster-card strong,.poster-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.poster-card strong{font-size:13px}.poster-card small{color:#ffffff8f;margin-top:3px;font-size:11px}.creator-card{background:#101017;border:1px solid #ffffff14;border-radius:18px;flex:0 0 128px;justify-items:center;padding:16px 10px;display:grid}.creator-card img,.story-bubble img,.message-row img,.comment-row img,.score-row img,.request-card img{object-fit:cover;border-radius:50%}.creator-card img{width:56px;height:56px;margin-bottom:10px}.creator-card strong,.creator-card span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.creator-card span{color:#ffffff85;font-size:11px}.creator-card button,.request-card button,.auth-panel button,.share-panel button{color:#000;background:#fff;border-radius:999px;margin-top:12px;padding:8px 14px;font-weight:900}.create-screen{background:#000;padding:0;position:absolute;inset:0;overflow:hidden}.create-bg{opacity:1;background:linear-gradient(#00000014,#000000ad 58%,#000000f0),url(/app-assets/create-background.png) top/cover no-repeat,#08080c;position:absolute;inset:0}.create-bg:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 11%,#a855f733,#0000 31%),linear-gradient(90deg,#000000b8,#0000 46%,#0009);position:absolute;inset:0}.create-mobile-header,.create-idle,.refine-panel,.generating-panel,.preview-panel,.drafts-panel{z-index:2;position:relative}.create-mobile-header{grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:2px 16px 8px;display:grid}.create-mobile-header strong{color:#fff;text-transform:lowercase;font-size:19px;font-weight:900}.create-avatar-button{border-radius:999px;width:52px;height:52px;overflow:hidden}.create-avatar-button img{width:100%;height:100%;display:block}.header-menu-button{color:#fff;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;place-items:center;width:36px;height:36px;display:grid}.create-idle{text-align:left;height:calc(100% - 64px);overflow:hidden}.create-scroll{scrollbar-width:none;padding:4px 16px 112px;overflow-y:auto}.create-scroll::-webkit-scrollbar{display:none}.media-tool-row::-webkit-scrollbar{display:none}.mobile-idea-row::-webkit-scrollbar{display:none}.attached-visual-row::-webkit-scrollbar{display:none}.create-hero-mobile{justify-items:center;gap:4px;padding:4px 0 14px;display:grid}.create-hero-mobile h1{color:#d946ef;letter-spacing:0;text-shadow:0 0 18px #a855f773;align-items:center;gap:8px;margin:0;font-size:28px;font-weight:900;display:inline-flex}.create-hero-mobile h1 span{background:linear-gradient(90deg,#d946ef,#8b5cf6 48%,#3b82f6);color:#0000;-webkit-background-clip:text}.create-hero-mobile p{color:#ffffff9e;margin:0;font-size:13px;font-weight:600}.mobile-input-card{background:#0a0514;border:1px solid #6d28d9;border-radius:18px;margin-bottom:16px;position:relative;overflow:hidden}.input-glow-border{background:linear-gradient(90deg,#7c3aed8c,#a855f78c,#c084fc66);height:3px;position:absolute;top:0;left:0;right:0}.input-card-header{justify-content:space-between;align-items:center;padding:14px 16px 6px;display:flex}.input-card-header span{color:#c084fc;letter-spacing:.8px;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.attached-visual-row{gap:10px;padding:10px 16px 4px;display:flex;overflow-x:auto}.attached-visual-row button{color:#ffffffb8;text-align:left;flex:0 0 56px;width:56px;font-size:10px;font-weight:800;position:relative}.attached-visual-row img,.attached-visual-row button>svg:first-child{object-fit:cover;background:#262130;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.attached-visual-row strong{color:#fff;background:#000000b8;place-items:center;width:44px;height:16px;font-size:10px;display:grid;position:absolute;top:28px;left:0}.attached-visual-row small{text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;max-width:48px;margin-top:4px;display:block;overflow:hidden}.attached-visual-row button>svg:last-child{background:#000000d9;border-radius:999px;padding:2px;position:absolute;top:2px;left:30px}.mobile-input-card textarea{resize:none;color:#fff;background:0 0;border:0;outline:0;width:100%;min-height:96px;padding:8px 16px 0;font-size:16px;font-weight:600;line-height:1.44}.mobile-input-card textarea::placeholder{color:#ffffff29}.mobile-input-card p{color:#ffffff47;margin:8px 16px 0;font-size:13px;line-height:1.35}.input-bottom-row{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 16px;display:flex}.surprise-button,.forge-button{border-radius:999px;align-items:center;gap:6px;font-weight:800;display:inline-flex}.surprise-button{color:#bbb;padding:10px 0;font-size:13px}.forge-button{color:#fff;background:#7c3aed;justify-content:center;min-width:110px;height:38px;padding:0 16px;box-shadow:0 8px 24px #7c3aed57}.forge-button.idle{background:#a855f752}.media-tool-row{gap:12px;width:calc(100% + 32px);margin:0 -16px;padding:0 16px 18px;display:flex;overflow-x:auto}.media-tool{color:#ccc;flex:0 0 85px;justify-items:center;gap:8px;font-size:12px;font-weight:800;display:grid}.media-tool span{border:1px solid #ffffff0f;border-radius:20px;place-items:center;width:64px;height:64px;display:grid}.media-tool.purple span{color:#a855f7;background:#a855f71f}.media-tool.pink span{color:#ff6b9d;background:#ff6b9d1f}.media-tool.cyan span{color:#25f4ee;background:#25f4ee1f}.media-tool.violet span{color:#a040ff;background:#7828c81f}.media-tool.rose span{color:#ff456a;background:#ff3c641f}.media-tool.gold span{color:#ffc832;background:#ffc8321f}.media-tool.orange span{color:#ffa726;background:#ffa7261f}.starter-rail-header p{color:#ffffff94;margin:0 0 10px;font-size:13px;line-height:1.38}.mobile-idea-lanes{gap:10px;margin-bottom:20px;display:grid}.mobile-idea-row{gap:12px;width:calc(100% + 32px);margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.mobile-idea-row button{color:#ccc;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:999px;flex:none;align-items:center;gap:7px;min-height:42px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.create-error-box{color:#ff6b6b;background:#ff3b3014;border:1px solid #ff3b3026;border-radius:14px;align-items:center;gap:10px;padding:14px;font-size:13px;font-weight:700;display:flex}.create-error-box span{flex:1}.create-bottom-tabs{z-index:5;background:#16161cf5;border:1px solid #ffffff14;border-radius:999px;gap:6px;width:min(100% - 32px,360px);padding:5px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 20px 44px #0000005c}.create-bottom-tabs button{color:#888;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:46px;font-size:12px;font-weight:900;display:inline-flex}.create-bottom-tabs button.active{color:#fff;background:#ffffff1a}.attached-assets{gap:8px;margin-bottom:10px;display:flex;overflow-x:auto}.attached-assets span{color:#eadcff;background:#a855f72e;border-radius:999px;flex:none;align-items:center;gap:7px;padding:7px 8px 7px 11px;font-size:12px;font-weight:900;display:inline-flex}.attached-assets button{background:#ffffff1f;border-radius:999px;place-items:center;width:18px;height:18px;display:grid}.create-error{color:#fda4af;margin-top:12px;font-size:13px;line-height:1.4}.audio-modal-overlay{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;align-items:end;display:grid;position:fixed;inset:0}.audio-modal{background:linear-gradient(#221735 0%,#120b20 100%);border:1px solid #ffffff14;border-radius:28px 28px 0 0;flex-direction:column;gap:12px;width:min(100%,520px);max-height:min(78vh,720px);margin:0 auto;padding:18px 16px 20px;display:flex}.audio-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.audio-modal-header p{color:#ffffff94;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:12px;font-weight:700}.audio-modal-header h3{color:#fff;margin:4px 0 0;font-size:22px}.audio-tab-row{gap:8px;display:flex}.audio-tab-row button{color:#ffffffb8;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;flex:1;min-height:38px;font-size:13px;font-weight:800}.audio-tab-row button.active{color:#fff;background:#a855f747;border-color:#a855f76b}.audio-search-row{gap:8px;display:flex}.audio-search-row input{color:#fff;background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;flex:1;min-height:42px;padding:0 12px}.audio-search-row button{color:#fff;background:#ffffff1a;border:1px solid #ffffff14;border-radius:14px;min-width:84px;font-weight:800}.audio-track-list{flex-direction:column;gap:8px;min-height:220px;max-height:42vh;display:flex;overflow:auto}.audio-modal-status{color:#ffffffad;margin:0;padding:18px 8px;font-size:13px}.audio-modal-status.error{color:#fda4af}.audio-track-row{text-align:left;color:#fff;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.audio-track-row.selected{background:#a855f72e;border-color:#a855f757}.audio-track-row strong{font-size:14px;display:block}.audio-track-row small{color:#ffffff8f;margin-top:4px;font-size:12px;display:block}.audio-track-actions{gap:8px;display:inline-flex}.audio-preview-btn{color:#fff;background:#ffffff1f;border-radius:999px;place-items:center;width:34px;height:34px;display:grid}.audio-modal-actions{gap:10px;display:flex}.audio-modal-actions button{color:#fff;background:#ffffff14;border:1px solid #ffffff14;border-radius:16px;flex:1;min-height:46px;font-weight:800}.audio-modal-actions button.primary{background:linear-gradient(135deg,#a855f7,#6366f1);border-color:#0000}.audio-modal-actions button:disabled{opacity:.45}.dream-assistant-card{background:#a855f721;border:1px solid #a855f73d;border-radius:18px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:10px;padding:12px;display:grid}.dream-assistant-card>svg{color:#c084fc;background:#ffffff1a;border-radius:12px;width:36px;height:36px;padding:9px}.dream-assistant-card strong,.dream-assistant-card small{display:block}.dream-assistant-card small{color:#ffffff94;margin-top:3px;font-size:12px}.prompt-composer{background:#101017;border:1px solid #ffffff1a;border-radius:22px;width:100%;margin-top:auto;margin-bottom:86px;padding:12px}.drafts-panel{padding-top:16px}.drafts-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.drafts-header h1{margin:0;font-size:28px}.drafts-header button{color:#fff;background:#a855f7;border-radius:999px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:900;display:inline-flex}.draft-grid{gap:10px;display:grid}.draft-grid button{text-align:left;color:#fff;background:#ffffff14;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.draft-grid img{object-fit:cover;border-radius:12px;width:62px;height:78px}.draft-grid strong,.draft-grid small{display:block}.draft-grid small{color:#ffffff94;margin-top:4px}.prompt-composer textarea{color:#fff;resize:none;background:0 0;border:0;outline:0;width:100%;min-height:112px}.composer-tools{align-items:center;gap:8px;display:flex}.composer-tools button{color:#ffffffc7;background:#ffffff14;border-radius:999px;align-items:center;gap:6px;padding:9px 11px;font-size:12px;font-weight:900;display:inline-flex}.composer-tools .send-button{color:#fff;background:#a855f7;justify-content:center;width:42px;height:42px;margin-left:auto}.refine-panel,.generating-panel{align-content:center;gap:18px;min-height:calc(100% - 100px);display:grid}.ai-bubble,.spec-card,.tool-drawer,.preview-toolbar,.publish-bar{background:#101017eb;border:1px solid #ffffff1a;border-radius:22px}.ai-bubble{color:#ffffffc2;gap:12px;padding:16px;display:flex}.ai-bubble p{margin:0}.spec-card{padding:18px}.spec-card h3{margin:0 0 14px;line-height:1.2}.spec-card li{color:#ffffffb8;margin:8px 0}.refine-actions{justify-content:flex-end;gap:10px;display:flex}.refine-actions button,.publish-bar button{color:#fff;background:#ffffff1a;border-radius:999px;padding:12px 16px;font-weight:900}.generating-panel{text-align:center;justify-items:center}.forge-loader{color:#a855f7;background:#a855f729;border-radius:32px;place-items:center;width:96px;height:96px;display:grid}.generating-panel h1{margin:0}.generating-panel p{color:#ffffffad;margin:0}.forge-live-status{color:#ffffffeb;min-height:1.5em;font-size:1rem;line-height:1.45}.forge-live-phase{letter-spacing:.04em;text-transform:capitalize;color:#ffffff8c;margin-top:.35rem;font-size:.75rem}.forge-duration-hint{color:#ffffff94;max-width:34rem;margin:1rem 0 0;font-size:.82rem;line-height:1.45}.progress-track{background:#ffffff1a;border-radius:99px;width:100%;height:9px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#a855f7);height:100%;transition:width .2s;display:block}.step-list{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.step-list span{color:#ffffff7a;background:#ffffff14;border-radius:12px;padding:9px 6px;font-size:12px;font-weight:900}.step-list span.done{color:#fff;background:#a855f747}.preview-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;height:calc(100% - 86px);display:grid}.preview-toolbar,.publish-bar{gap:8px;padding:10px;display:flex}.preview-toolbar button{color:#fff;background:#ffffff14;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 7px;font-size:12px;font-weight:900;display:inline-flex}.preview-game{background:#09090d;border-radius:22px;min-height:0;overflow:hidden}.preview-game iframe{border:0;width:100%;height:100%}.publish-bar{justify-content:space-between}.tool-drawer{z-index:10;width:min(310px,100% - 28px);padding:14px;position:absolute;top:72px;right:14px}.tool-drawer h3{margin:0 0 12px}.tool-drawer button{color:#fff;border-top:1px solid #ffffff14;justify-content:space-between;width:100%;padding:13px 8px;display:flex}.story-strip{margin:4px -16px 16px;padding:0 16px}.story-bubble{color:#ffffffad;flex:0 0 68px;justify-items:center;gap:7px;font-size:11px;font-weight:800;display:grid}.story-bubble img,.story-bubble.add{width:56px;height:56px}.story-bubble img{border:2px solid #a855f7}.story-bubble.add{color:#fff;background:#a855f733;border-radius:50%;place-items:center;display:grid}.segmented{background:#101017;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;padding:5px;display:grid}.segmented button{color:#ffffff94;text-transform:capitalize;border-radius:14px;padding:10px;font-weight:900}.segmented button.active{color:#fff;background:#a855f7}.message-list,.activity-list,.comments-list,.leaderboard-list{gap:8px;display:grid}.message-row,.activity-row,.comment-row,.score-row{color:#fff;text-align:left;background:#101017;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.message-row img{width:48px;height:48px}.message-row small,.activity-row small{color:#ffffff94;margin-top:3px;display:block}.message-row em{color:#ffffff6b;font-size:11px;font-style:normal}.request-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.request-card{background:#101017;border:1px solid #ffffff14;border-radius:18px;justify-items:center;padding:16px 10px;display:grid}.request-card img{width:62px;height:62px}.request-card span{color:#ffffff8a;font-size:12px}.activity-icon{color:#a855f7;background:#a855f72e;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.activity-row img{object-fit:cover;border-radius:10px;width:48px;height:62px}.profile-top{padding-top:4px}.profile-identity{text-align:center;justify-items:center;display:grid}.profile-avatar{background:linear-gradient(135deg,#a855f7,#22d3ee);border-radius:50%;width:136px;height:136px;padding:4px}.profile-avatar img{background:#161620;border-radius:50%;width:100%;height:100%}.profile-identity h1{margin:14px 0 2px;font-size:24px}.profile-identity p{color:#ffffff8f;margin:0}.badge-row{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:13px;display:flex}.badge-row span{color:#d8b4fe;background:#a855f72e;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.profile-stats{grid-template-columns:repeat(4,1fr);margin:22px 0 16px;display:grid}.profile-stats span{justify-items:center;gap:2px;display:grid}.profile-stats strong{font-size:19px}.profile-stats small{color:#ffffff8a;font-size:11px}.profile-actions{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.profile-actions button{color:#000;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:6px;min-height:42px;font-weight:900;display:flex}.profile-actions button:nth-child(2){color:#fff;background:#a855f729}.profile-tabs{border-bottom:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);display:grid}.profile-tabs button{color:#ffffff75;text-transform:uppercase;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:6px;padding:13px 4px;font-size:12px;font-weight:900;display:flex}.profile-tabs button.active{color:#fff;border-bottom-color:#a855f7}.profile-grid{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:4px;display:grid}.profile-grid button{aspect-ratio:3/4;background-position:50%;background-size:cover;border-radius:4px;position:relative;overflow:hidden}.profile-grid button:after{content:"";background:linear-gradient(#0000 55%,#000000b8);position:absolute;inset:0}.profile-grid span{z-index:2;color:#fff;align-items:center;gap:4px;font-size:10px;font-weight:900;display:inline-flex;position:absolute;bottom:6px;left:6px}.desktop-rail{color:#fff;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#08080dc7;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;order:-1;align-self:stretch;height:calc(100vh - 48px);padding:22px;display:flex;overflow:auto}.desktop-home-hero{background:#020202;border:0;border-radius:0;align-self:stretch;height:100vh;font-family:SF Pro Display,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000009e}.desktop-hero-video{object-fit:cover;filter:saturate(1.04)contrast(1.01);opacity:0;width:100%;height:100%;transition:opacity 1.1s ease-in-out;position:absolute;inset:0}.desktop-hero-video.is-active{opacity:1}.desktop-hero-shade{background:linear-gradient(90deg,#0000006b,#0000002e 50%,#0000006b),linear-gradient(#00000057,#00000014 53%,#000000ad),radial-gradient(circle at 50% 43%,#ffffff1f,#0000 38%);position:absolute;inset:0}.desktop-home-topbar{z-index:2;justify-content:space-between;align-items:center;gap:18px;padding:24px clamp(24px,3.6vw,52px);display:flex;position:relative}.desktop-wordmark{align-items:center;gap:11px;display:inline-flex}.desktop-wordmark img{border-radius:13px;width:42px;height:42px}.desktop-wordmark strong{font-size:20px;font-weight:900}.desktop-home-topbar nav{align-items:center;gap:clamp(18px,2.2vw,30px);display:inline-flex}.desktop-home-topbar nav button{color:#ffffffc7;background:0 0;min-height:30px;font-size:14px;font-weight:560}.desktop-home-topbar nav button:nth-child(2){background:0 0}.desktop-home-topbar nav button:last-child{color:#ffffffe6}.desktop-auth-actions{align-items:center;gap:10px;display:inline-flex}.desktop-auth-actions button{color:#fff;background:#0000005c;border:1px solid #ffffff14;border-radius:12px;min-height:36px;padding:0 14px;font-weight:620}.desktop-auth-actions button:last-child{color:#0a0a0c;background:#fff;border-color:#fff}.desktop-hero-copy{z-index:2;text-align:center;width:min(1000px,100% - 72px);margin:0;position:absolute;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.desktop-live-pill{color:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-transform:uppercase;letter-spacing:.08em;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:7px;margin-bottom:14px;padding:5px 11px;font-size:10px;font-weight:760;display:inline-flex}.desktop-live-pill span,.desktop-model-badge span{background:#61d879;border-radius:999px;width:8px;height:8px;box-shadow:0 0 16px #61d879d9}.desktop-model-badge span{background:#f5e8ff;box-shadow:0 0 16px #f5e8ffe6}.desktop-hero-copy h1{letter-spacing:0;text-shadow:0 12px 60px #000000b8;margin:0;font-size:clamp(38px,3.95vw,61px);font-weight:380;line-height:1.06}.desktop-hero-copy p{color:#fffc;text-shadow:0 8px 34px #000000c7;width:min(700px,100%);margin:20px auto 34px;font-size:clamp(16px,1.18vw,19px);font-weight:400;line-height:1.42}.desktop-hero-composer{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05050cd1;border:1px solid #a855f752;border-radius:18px;width:min(760px,100%);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 58px #0000005c,0 0 0 1px #a855f71a,0 0 30px #a855f71f}.desktop-model-badge{z-index:2;color:#fff;text-transform:uppercase;letter-spacing:.07em;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:0 0 16px 16px;align-items:center;gap:6px;min-height:23px;padding:0 9px;font-size:10px;font-weight:760;display:inline-flex;position:absolute;top:-1px;right:16px;box-shadow:0 10px 24px #a855f74d}.desktop-hero-composer textarea{resize:none;color:#fff;background:0 0;border:0;outline:0;width:100%;min-height:52px;padding:15px 18px 0;font-size:15px;font-weight:400;line-height:1.45}.desktop-hero-composer textarea::placeholder{color:#fff6}.desktop-composer-row{align-items:center;gap:9px;padding:0 12px 8px;display:flex}.desktop-composer-row button{color:#ffffffd1;background:#ffffff13;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:30px;padding:0 13px;font-weight:700;display:inline-flex}.desktop-composer-row span{color:#ffffff8c;margin-left:auto;font-weight:650}.desktop-composer-row .primary{color:#08080c;background:#fff;min-width:130px;font-size:13px;box-shadow:0 10px 24px #ffffff26}.desktop-proof-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000002e;border:1px solid #ffffff1c;border-radius:11px;justify-content:center;align-items:center;width:fit-content;max-width:100%;margin:10px auto 0;display:flex;overflow:hidden}.desktop-proof-bar span{color:#ffffff8a;text-transform:uppercase;letter-spacing:.07em;border-right:1px solid #ffffff1a;align-items:center;gap:7px;min-height:28px;padding:0 15px;font-size:9px;font-weight:720;display:inline-flex}.desktop-proof-bar span:last-child{border-right:0}.desktop-proof-bar strong{color:#fff;letter-spacing:0;font-size:12px}.desktop-play-home{color:#fff;background:#000;grid-template-columns:300px minmax(0,1fr);gap:0;width:100%;min-height:calc(100vh - 48px);font-family:SF Pro Display,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.desktop-app-sidebar{background:#000;border-right:1px solid #ffffff0a;flex-direction:column;min-height:calc(100vh - 48px);padding:32px 16px 22px;display:flex}.desktop-sidebar-logo{color:#fff;align-items:center;gap:12px;width:fit-content;margin:0 8px 28px;display:inline-flex}.desktop-sidebar-logo img{border-radius:14px;width:44px;height:44px}.desktop-sidebar-logo strong{letter-spacing:-.02em;font-size:26px;font-weight:850}.desktop-sidebar-play{color:#fff;background:linear-gradient(90deg,#ff4aa2,#a855f7);border-radius:30px;justify-content:center;align-items:center;gap:10px;min-height:58px;margin:0 8px 24px;font-size:18px;font-weight:850;display:inline-flex}.desktop-sidebar-nav{gap:4px;display:grid}.desktop-sidebar-nav button{color:#a0a0a0;text-align:left;border-radius:12px;align-items:center;gap:16px;min-height:58px;padding:0 16px;font-size:18px;font-weight:760;display:flex}.desktop-sidebar-nav button:hover,.desktop-sidebar-nav button.active{color:#fff;background:#ffffff14}.desktop-sidebar-footer{border-top:1px solid #ffffff0f;gap:22px;margin-top:auto;padding-top:22px;display:grid}.desktop-sidebar-socials{color:#a0a0a0;align-items:center;gap:20px;padding:0 14px;display:flex}.desktop-sidebar-user{color:#fff;text-align:left;border-radius:14px;align-items:center;gap:12px;padding:8px 10px;display:flex}.desktop-sidebar-user:hover{background:#ffffff0f}.desktop-sidebar-user img{border-radius:999px;width:34px;height:34px}.desktop-sidebar-user strong,.desktop-sidebar-user small{display:block}.desktop-sidebar-user strong{font-size:14px;font-weight:780}.desktop-sidebar-user small{color:#ffffff85;margin-top:2px;font-size:12px}.desktop-feed-stage{background:radial-gradient(circle at 46% 48%,#a855f714,#0000 36%),linear-gradient(90deg,#080011 0% 70%,#090014 100%);border-left:1px solid #ffffff0a;border-radius:8px;min-height:calc(100vh - 48px);margin:0;position:relative;overflow:hidden}.desktop-feed-topline{z-index:4;grid-template-columns:70px auto 70px;align-items:center;gap:18px;display:none;position:absolute;top:22px;left:50%;transform:translate(-50%)}.desktop-feed-topline span,.desktop-feed-topline button{color:#ffffff9e;font-weight:800}.desktop-feed-topline strong{color:#fff;align-items:center;gap:8px;font-size:18px;display:inline-flex}.desktop-feed-topline strong:before{content:"";background:#a855f7;border-radius:999px;width:8px;height:8px;box-shadow:0 0 18px #a855f7cc}.desktop-feed-card{width:min(580px,34vw);height:min(820px,100vh - 92px);min-height:640px;box-shadow:none;background:#1b1724;border:0;border-radius:0;position:absolute;top:50%;left:46%;overflow:hidden;transform:translate(-50%,-50%)}.desktop-feed-poster{z-index:2;aspect-ratio:3/4;background:#161019;border-radius:20px;width:min(360px,58%);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 22px 70px #00000047}.desktop-feed-poster img{object-fit:cover;width:100%;height:100%}.desktop-feed-card-shade{background:linear-gradient(#0900110d,#0000 58%,#0900118c),#969297e0;position:absolute;inset:0}.desktop-feed-copy{z-index:2;position:absolute;bottom:86px;left:28px;right:28px}.desktop-feed-copy>span{color:#ffffffd1;margin-bottom:8px;font-weight:800;display:inline-flex}.desktop-feed-copy h1{margin:0;font-size:clamp(28px,3vw,44px);line-height:1}.desktop-feed-copy p{color:#ffffffb8;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:12px 0 18px;font-size:15px;line-height:1.45;display:-webkit-box;overflow:hidden}.desktop-feed-copy div{flex-wrap:wrap;gap:10px;display:flex}.desktop-feed-copy button,.desktop-feed-play,.desktop-feed-controls button,.desktop-feed-actions button{color:#fff;background:#ffffff1f;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:820;display:inline-flex}.desktop-feed-copy button{min-height:38px;padding:0 14px}.desktop-feed-play{z-index:3;color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1b0d1680;border:0;width:112px;height:112px;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 42px #00000059}.desktop-feed-plays{z-index:3;color:#fff;background:#0c0811e6;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 12px;font-size:14px;font-weight:900;display:inline-flex;position:absolute;bottom:8px;left:8px}.desktop-feed-controls{z-index:4;gap:26px;display:grid;position:absolute;top:50%;right:clamp(28px,3vw,54px);transform:translateY(-50%)}.desktop-feed-controls button,.desktop-feed-actions button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#261c30b8;border:0;width:86px;height:86px;padding:0}.desktop-feed-actions{z-index:4;gap:24px;display:grid;position:absolute;top:50%;left:calc(46% + min(290px,17vw) + 28px);transform:translateY(-50%)}.desktop-feed-actions button{color:#ffffffd6;background:0 0;border:0;flex-direction:column;width:74px;height:auto;min-height:74px}.desktop-feed-actions button.active{color:#c084fc}.desktop-feed-actions span{color:#fff;font-size:13px;font-weight:900}.desktop-feed-actions button>svg{background:#231c2bd1;border:1px solid #ffffff0f;border-radius:999px;width:62px;height:62px;padding:18px}.desktop-feed-avatar-action{justify-self:center;position:relative}.desktop-feed-avatar-action img{border-radius:999px;width:50px;height:50px}.desktop-feed-avatar-action svg{color:#000;position:absolute;top:38px;left:42px;background:#fff!important;width:26px!important;height:26px!important;padding:5px!important}.desktop-feed-creator{z-index:5;color:#fff;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;width:min(420px,28vw);display:grid;position:absolute;bottom:clamp(26px,4vh,52px);left:calc(46% - min(290px,17vw) + 32px)}.desktop-feed-creator img{border-radius:999px;width:48px;height:48px}.desktop-feed-creator strong,.desktop-feed-creator small{display:block}.desktop-feed-creator strong{letter-spacing:-.02em;font-size:24px;font-weight:950;line-height:1.05}.desktop-feed-creator small{color:#ffffffbd;margin-top:6px;font-size:15px;font-weight:780}.desktop-feed-creator button{color:#151219;background:#fff;border-radius:999px;min-height:44px;padding:0 24px;font-size:16px;font-weight:900}.desktop-create-workspace{color:#fff;width:100%;min-height:100vh;box-shadow:none;background:#000;border-radius:0;grid-template-columns:300px minmax(0,1fr);gap:0;font-family:SF Pro Display,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:relative}.desktop-create-canvas{background:#05050a;border:0;border-radius:0;min-height:100vh;margin:0;position:relative;overflow:hidden}.desktop-create-backdrop,.desktop-create-shade{position:absolute;inset:0}.desktop-create-backdrop{background:radial-gradient(circle at 50% 18%,#a855f738,#0000 34%),linear-gradient(#00000014,#00000094 58%,#000000eb),url(/app-assets/create-background.png) top/cover no-repeat,#05050a}.desktop-create-shade{background:linear-gradient(#00000057,#0000001f 54%,#000000d6),linear-gradient(90deg,#0000009e,#0000001f 50%,#0000008f)}.desktop-create-content{z-index:2;text-align:center;width:min(1180px,100% - 72px);margin:clamp(72px,13vh,140px) auto 0;position:relative}.desktop-create-content h1{margin:16px 0 28px;font-family:SF Pro Display,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(28px,2.2vw,40px);font-weight:430;line-height:1.1}.desktop-create-card-row{grid-template-columns:repeat(5,minmax(170px,1fr));align-items:start;gap:14px;width:min(1120px,100%);margin:0 auto;display:grid;overflow:hidden}.desktop-create-card-row button{text-align:left;color:#fff;background:#101014;border:1px solid #ffffff17;border-radius:18px;flex-direction:column;min-height:150px;transition:border-color .16s,background .16s;display:flex;position:relative;overflow:hidden}.desktop-create-card-row button:hover{background:#16161c;border-color:#a855f780}.desktop-create-card-row img{object-fit:cover;flex:none;width:100%;height:104px}.desktop-create-card-row span{z-index:2;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;letter-spacing:.05em;background:#000000bd;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.desktop-create-card-row strong{color:#ffffffd1;-webkit-line-clamp:7;-webkit-box-orient:vertical;flex:1;padding:11px 14px 13px;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.desktop-create-composer{z-index:3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f11eb;border:1px solid #ffffff1f;border-radius:24px;gap:14px;width:min(880px,100% - 80px);padding:20px 22px;display:grid;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 28px 80px #00000085}.desktop-create-composer textarea{resize:none;color:#fff;background:0 0;border:0;outline:0;width:100%;min-height:54px;padding:0;font-size:16px;line-height:1.4}.desktop-create-composer textarea::placeholder{color:#ffffffb3}.desktop-create-composer-row{align-items:center;gap:10px;display:flex}.desktop-create-composer-row button{color:#ffffffbd;background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-weight:720;display:inline-flex}.desktop-create-composer-row>button:first-child,.desktop-create-composer-row>button:nth-child(2),.desktop-create-composer-row>button[aria-label=Voice\ prompt]{width:40px;padding:0}.desktop-create-composer-row .smart{background:0 0;margin-right:auto}.desktop-create-composer-row span{color:#ffffff8a;font-weight:760}.desktop-create-composer-row .plan{color:#ffd84d;background:#ffd84d29}.desktop-create-composer-row .primary{color:#0a0a0c;background:#fff;border:1px solid #fff;min-width:124px}.desktop-create-composer-row .primary:disabled{opacity:.68;cursor:wait}.desktop-create-status{color:#ffffffad;margin:12px 0 0;font-size:13px;font-weight:720}.desktop-create-status.is-error{color:#ff8a8a}.desktop-create-preview{background:#000;border:1px solid #ffffff1f;border-radius:14px;width:100%;height:min(42vh,420px);margin-top:14px}.feed-action.like-action.active span,.desktop-feed-actions button.like-active{color:#fff;background:#ef44446b;border-color:#f87171c7}.swipe-hint button{color:#ffffffd1;background:#ffffff1a;border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.empty-app-state{text-align:center;color:#fff;background:#000;place-content:center;justify-items:center;gap:12px;padding:28px;display:grid;position:absolute;inset:0}.empty-app-state h2{margin:0;font-size:24px}.empty-app-state p{color:#ffffff9e;max-width:360px;margin:0}.marketing-page{color:#fff;background:radial-gradient(circle at 22% 0,#a855f733,#0000 30%),radial-gradient(circle at 82% 10%,#25f4ee1a,#0000 26%),#05050a;min-height:100vh}.marketing-topbar,.marketing-footer{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 48px);margin:0 auto;display:flex}.marketing-topbar{min-height:84px}.marketing-topbar nav,.marketing-footer nav{align-items:center;gap:18px;display:flex}.marketing-topbar nav button,.marketing-footer nav button{color:#ffffffb8;font-size:14px;font-weight:650}.marketing-hero-band{text-align:center;width:min(1060px,100% - 48px);margin:54px auto 0}.marketing-hero-band>span{color:#e9d5ff;text-transform:uppercase;letter-spacing:.07em;background:#a855f71f;border:1px solid #a855f73d;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.marketing-hero-band h1{margin:18px 0 0;font-family:SF Pro Display,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(42px,5.2vw,82px);font-weight:420;line-height:1}.marketing-hero-band p{color:#ffffffb3;width:min(720px,100%);margin:18px auto 0;font-size:17px;line-height:1.5}.marketing-hero-band>div{gap:10px;margin-top:24px;display:inline-flex}.marketing-hero-band>div button,.marketing-footer>button,.marketing-pricing article button{color:#08080c;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:800;display:inline-flex}.marketing-hero-band>div button:last-child{color:#fff;background:#ffffff14;border:1px solid #ffffff14}.marketing-grid-section,.marketing-pricing,.blog-list,.blog-detail,.timeline-list,.earn-layout,.faq-list,.legal-copy{width:min(1120px,100% - 48px);margin:58px auto}.marketing-section-head{justify-content:space-between;gap:20px;margin-bottom:18px;display:flex}.marketing-section-head h2,.earn-layout h2,.faq-list h2,.legal-copy h2{margin:0;font-size:clamp(28px,3vw,44px)}.marketing-section-head p,.legal-copy p{color:#ffffff9e;max-width:440px;line-height:1.5}.marketing-game-grid,.marketing-pricing,.blog-list,.timeline-list,.faq-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.marketing-game-grid button,.marketing-pricing article,.blog-list button,.timeline-list article,.faq-list article,.earn-layout article,.earn-layout aside,.legal-copy{background:#ffffff0e;border:1px solid #ffffff14;border-radius:20px}.marketing-game-grid button{text-align:left;overflow:hidden}.marketing-game-grid img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.marketing-game-grid button>span,.marketing-game-grid button>svg{margin:14px}.marketing-game-grid strong,.marketing-game-grid small{display:block}.marketing-game-grid small,.blog-list p,.timeline-list p,.earn-layout p,.faq-list p{color:#ffffff9e;line-height:1.5}.marketing-pricing article,.blog-list button,.timeline-list article,.faq-list article{text-align:left;padding:22px}.marketing-pricing article.featured{border-color:#a855f76b;box-shadow:0 0 42px #a855f724}.marketing-pricing article>span,.blog-list span,.blog-detail span,.timeline-list span,.earn-layout aside span{color:#c084fc;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900}.marketing-pricing article h2,.blog-list h2,.timeline-list h2{margin:12px 0 8px}.marketing-pricing article strong{margin:18px 0;font-size:42px;display:block}.marketing-pricing ul{color:#ffffffc2;gap:9px;margin:0 0 22px 18px;display:grid}.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-list small{color:#fff;align-items:center;gap:4px;margin-top:16px;font-weight:800;display:inline-flex}.blog-detail,.legal-copy{max-width:820px;padding:32px}.blog-detail h2{margin:14px 0 20px;font-size:clamp(36px,5vw,68px);line-height:1.04}.blog-detail p{color:#ffffffb8;margin-top:16px;font-size:18px;line-height:1.7}.earn-layout{grid-template-columns:minmax(0,1fr) 320px;gap:16px;display:grid}.earn-layout article,.earn-layout aside{padding:26px}.earn-layout aside strong{margin-top:12px;font-size:54px;display:block}.earn-steps{gap:10px;margin-top:24px;display:grid}.earn-steps span{background:#ffffff0f;border-radius:14px;align-items:center;gap:12px;min-height:48px;padding:0 14px;display:flex}.earn-steps strong{background:#a855f7;border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-list details{border-top:1px solid #ffffff14;padding:15px 0}.faq-list summary{cursor:pointer;font-weight:800}.marketing-footer{border-top:1px solid #ffffff14;min-height:130px;padding:28px 0 38px}.marketing-footer>div{gap:4px;display:grid}.marketing-footer img{border-radius:11px;width:36px;height:36px}.marketing-footer span{color:#ffffff94;font-size:13px}.brand-lockup{align-items:center;gap:12px;margin-bottom:22px;display:flex}.brand-lockup img{border-radius:14px;width:48px;height:48px}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup small,.rail-now p,.rail-now span,.mini-list small{color:#ffffff8f}.rail-actions{gap:10px;display:grid}.rail-actions button{color:#fff;background:#ffffff14;border-radius:14px;align-items:center;gap:10px;min-height:46px;padding:0 13px;font-weight:900;display:flex}.rail-actions button:first-child{background:#a855f7}.desktop-help{color:#ffffff9e;background:#ffffff0f;border-radius:16px;gap:8px;margin-top:14px;padding:12px;font-size:12px;display:grid}.desktop-help span{align-items:center;gap:6px;display:flex}kbd{color:#fff;background:#ffffff1f;border:1px solid #ffffff1f;border-radius:6px;place-items:center;min-width:22px;padding:2px 6px;font-size:11px;font-weight:900;display:inline-grid}.rail-now{background:#a855f724;border:1px solid #a855f747;border-radius:20px;margin:22px 0;padding:18px}.rail-now p,.rail-now h3{margin:0 0 6px}.mini-list{gap:10px;padding-right:2px;display:grid;overflow:auto}.mini-list button{text-align:left;color:#fff;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;display:grid}.mini-list img{object-fit:cover;border-radius:10px;width:44px;height:56px}.mini-list strong,.mini-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sheet-backdrop{z-index:50;background:#0000007a;place-items:end center;display:grid;position:fixed;inset:0}.sheet-backdrop.auth-backdrop{-webkit-backdrop-filter:blur(18px)saturate(.8);backdrop-filter:blur(18px)saturate(.8);background:#00000094;place-items:center;padding:24px}.sheet-clickout{position:absolute;inset:0}.bottom-sheet{background:#0d0d13;border:1px solid #ffffff1a;border-radius:26px 26px 0 0;width:min(430px,100vw);max-height:78vh;padding:10px 16px 20px;position:relative;overflow:auto}.bottom-sheet.auth-sheet-shell{background:0 0;border:0;border-radius:26px;width:min(470px,100vw - 32px);max-height:min(92vh,760px);padding:0;overflow:visible}.sheet-grabber{background:#ffffff3d;border-radius:99px;width:44px;height:5px;margin:0 auto 12px}.bottom-sheet header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bottom-sheet h2{margin:0}.comment-row{grid-template-columns:40px minmax(0,1fr) auto}.comment-row img,.score-row img{width:40px;height:40px}.comment-row p{color:#ffffffa8;margin:3px 0 0}.comment-row small{color:#ffffff6b;margin-top:7px;font-weight:800;display:block}.comment-composer{grid-template-columns:minmax(0,1fr) 42px;gap:8px;margin-top:12px;display:grid}.comment-composer input{color:#fff;background:#ffffff14;border:0;border-radius:999px;outline:0;min-height:42px;padding:0 14px}.comment-composer button{color:#fff;background:#a855f7;border-radius:50%}.score-row{grid-template-columns:42px 40px minmax(0,1fr) auto}.leaderboard-summary{background:linear-gradient(135deg,#a855f73d,#f59e0b1f);border:1px solid #a855f747;border-radius:18px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.leaderboard-summary>svg{color:#fbbf24}.leaderboard-summary strong,.leaderboard-summary small{display:block}.leaderboard-summary small{color:#ffffff94;margin-top:3px}.score-row.current{background:#a855f72e;border:1px solid #a855f759}.score-row em{color:#fbbf24;font-style:normal;font-weight:900}.share-panel,.auth-panel{text-align:center;justify-items:center;gap:10px;display:grid}.search-sheet{gap:14px;display:grid}.sheet-search{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.sheet-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0}.search-categories{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.search-categories button{color:#fff;background:#ffffff14;border:1px solid #ffffff14;border-radius:16px;align-content:center;justify-items:center;gap:4px;min-height:94px;display:grid}.search-categories button span{font-size:24px}.search-categories small{color:#ffffff80;font-size:10px}.dream-search-card{color:#fff;text-align:left;background:linear-gradient(135deg,#a855f740,#22d3ee1f);border:1px solid #a855f752;border-radius:18px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.dream-search-card>svg{background:#ffffff1a;border-radius:14px;width:42px;height:42px;padding:10px}.dream-search-card strong,.dream-search-card small{display:block}.dream-search-card small{color:#ffffff9e;margin-top:3px}.sheet-section-title{color:#ffffff8f;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:900}.search-game-list,.search-creator-list,.notification-list{gap:8px;display:grid}.search-game-list button,.search-creator-list button,.notification-list button{color:#fff;text-align:left;background:#ffffff12;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:10px;display:grid}.search-game-list img,.notification-list img{object-fit:cover;border-radius:10px;width:42px;height:54px}.search-creator-list img{border-radius:50%;width:42px;height:42px}.search-game-list strong,.search-game-list small,.search-creator-list strong,.search-creator-list small,.notification-list strong,.notification-list small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.search-game-list small,.search-creator-list small,.notification-list small{color:#ffffff8f;margin-top:3px}.notification-icon{color:#c084fc;background:#a855f72e;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.onboarding-backdrop{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 30%,#a855f73d,#0000 34%),#000000c2;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.onboarding-card{text-align:center;color:#fff;background:#0c0c12f0;border:1px solid #ffffff1f;border-radius:30px;justify-items:center;width:min(390px,100%);padding:24px;display:grid;box-shadow:0 32px 120px #000000bf}.onboarding-art{background:linear-gradient(135deg,#a855f738,#22d3ee1f),#ffffff0d;border:1px solid #ffffff1a;border-radius:36px;place-items:center;width:156px;height:156px;display:grid}.onboarding-art img{width:88px;height:88px}.onboarding-art span{color:#d8b4fe;align-items:center;gap:6px;font-size:12px;font-weight:900;display:inline-flex}.onboarding-progress{gap:7px;margin:18px 0 12px;display:flex}.onboarding-progress span{background:#ffffff24;border-radius:99px;width:26px;height:5px}.onboarding-progress span.active{background:#a855f7}.onboarding-card h1{margin:0;font-size:30px;line-height:1.05}.onboarding-card p{color:#ffffffad;line-height:1.45}.onboarding-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:6px;display:grid}.onboarding-actions button{color:#fff;background:#ffffff1a;border-radius:999px;min-height:46px;font-weight:900}.onboarding-actions .primary{background:#a855f7}.onboarding-skip{color:#ffffff85;margin-top:14px;font-weight:800}.share-panel img{aspect-ratio:3/4;object-fit:cover;border-radius:16px;width:108px}.share-panel h3,.share-panel p,.auth-panel h3{margin:0}.share-panel p,.auth-panel small{color:#ffffff94}.share-panel button,.auth-panel button{align-items:center;gap:8px;display:inline-flex}.auth-panel{width:100%}.auth-panel label{background:#ffffff14;border:1px solid #ffffff17;border-radius:15px;align-items:center;gap:9px;width:100%;min-height:46px;padding:0 12px;display:flex}.auth-panel input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0}.auth-panel button{justify-content:center}@media (width>=901px){.gametok-shell.home-mode .phone-stage,.gametok-shell.create-mode .phone-stage{display:none}.gametok-shell:not(.home-mode):not(.create-mode):not(.marketing-mode)>.desktop-app-sidebar{order:-1}.gametok-shell.home-mode .desktop-home-hero{display:block}.gametok-shell.home-mode .desktop-play-home{display:grid}.gametok-shell.create-mode .desktop-app-main{display:block}.gametok-shell.create-mode .desktop-create-workspace{display:grid}.app-screen{border-radius:0}.bottom-nav{display:none}.home-feed{background:linear-gradient(90deg,#000000c2,#0000 42%,#0000008f),#020204}.feed-topbar{top:22px;left:28px;right:28px}.feed-title{font-size:18px;position:absolute;left:50%;transform:translate(-50%)}.game-frame{inset:0}.thumbnail-backdrop{opacity:.22;filter:blur(34px)saturate(1.4);transform:scale(1.18)}.game-preview-art{align-content:center;padding:32px 32px 130px}.game-preview-art img{border-radius:30px;width:clamp(220px,26vw,360px)}.game-preview-art strong{font-size:30px;display:block}.game-preview-art button{padding:13px 18px;font-size:15px}.feed-actions{gap:18px;bottom:150px;right:30px}.feed-action span{width:54px;height:54px}.game-caption{background:linear-gradient(#0000,#000c 42%,#000);grid-template-columns:56px minmax(0,1fr) auto;align-items:end;width:min(760px,100% - 170px);padding:110px 22px 30px 0;bottom:0;left:28px;right:auto}.creator-avatar-wrap,.creator-avatar-wrap img{width:54px;height:54px}.caption-copy h1{font-size:clamp(24px,2.3vw,38px)}.caption-copy p{-webkit-line-clamp:5;max-width:420px;font-size:15px}.caption-tags span,.follow-pill{font-size:13px}.swipe-hint{top:50%;right:42px}.page-scroll{padding:26px 32px 32px}.screen-header h2{font-size:34px}.explore-hero{min-height:420px}.explore-hero-copy h1{max-width:520px;font-size:clamp(48px,5.2vw,76px)}.poster-card{flex-basis:170px}.create-idle{max-width:none;padding-top:0}.create-hero-mobile h1{font-size:28px}.create-hero-mobile p,.mobile-input-card p,.starter-rail-header p{max-width:none;font-size:13px}.mobile-input-card{max-width:100%}.prompt-composer{max-width:760px;margin-bottom:0}.genre-cloud,.idea-marquee{width:min(100%,980px);margin-left:0;margin-right:0;padding-left:0;padding-right:0}.refine-panel,.generating-panel,.preview-panel{max-width:980px;margin:0 auto}.preview-game{min-height:520px}.profile-grid{grid-template-columns:repeat(5,1fr)}.request-grid{grid-template-columns:repeat(4,1fr)}.bottom-sheet{border-radius:28px;width:min(760px,100vw - 360px);max-height:82vh;margin:0 34px 34px auto}}@media (width<=900px){.gametok-shell{background:#000;padding:0;display:block}.phone-stage{width:100vw;height:100vh;min-height:0;box-shadow:none;border:0;border-radius:0}.desktop-rail,.desktop-home-hero,.desktop-app-main{display:none}.bottom-sheet{width:100vw}.marketing-topbar,.marketing-footer{flex-direction:column;align-items:flex-start;width:min(100% - 32px,680px)}.marketing-topbar nav,.marketing-footer nav{flex-wrap:wrap;gap:12px}.marketing-hero-band,.marketing-grid-section,.marketing-pricing,.blog-list,.blog-detail,.timeline-list,.earn-layout,.faq-list,.legal-copy{width:min(100% - 32px,680px)}.marketing-game-grid,.marketing-pricing,.blog-list,.timeline-list,.earn-layout,.faq-list{grid-template-columns:1fr}.marketing-section-head{display:block}}@media (width<=1100px) and (width>=901px){.gametok-shell.create-mode{grid-template-columns:1fr}.desktop-create-workspace{grid-template-columns:260px minmax(0,1fr)}.desktop-create-card-row{grid-template-columns:repeat(3,minmax(160px,1fr))}.desktop-create-card-row button:nth-child(n+4){display:none}.marketing-game-grid,.marketing-pricing{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.gametok-shell.home-mode .phone-stage{display:none}.gametok-shell.home-mode .desktop-home-hero{border:0;border-radius:0;width:100vw;height:100vh;display:block}.desktop-home-topbar{padding:18px 20px}.desktop-home-topbar nav,.desktop-auth-actions button:first-child{display:none}.desktop-home-topbar nav button{min-height:36px;padding:0 12px}.desktop-hero-copy{width:min(560px,100% - 32px)}.desktop-hero-copy h1{font-size:clamp(31px,6.1vw,43px);font-weight:460;line-height:1.08}.desktop-hero-copy p{margin-top:16px;margin-bottom:28px;font-size:15px;line-height:1.42}.desktop-hero-composer textarea{min-height:48px;padding:32px 16px 0}.desktop-composer-row{flex-wrap:wrap;padding:0 10px 7px}.desktop-model-badge{min-height:22px;padding:0 8px;right:12px}.desktop-composer-row span{display:none}.desktop-proof-bar{border-radius:14px;flex-wrap:wrap;justify-content:center;row-gap:0;width:min(100% - 24px,360px);max-width:100%;margin-top:10px;overflow:visible}.desktop-proof-bar span{border-bottom:0;border-right:0;flex:auto;justify-content:center;min-height:30px;padding:0 8px;font-size:8.5px}.desktop-proof-bar span:not(:last-child){border-bottom:1px solid #ffffff14}.desktop-proof-bar strong{font-size:10px}}@media (height<=760px) and (width>=901px){.phone-stage{min-height:0}.create-idle h1{font-size:27px}.forge-orb{width:78px;height:78px;margin-bottom:14px}.forge-orb img{width:58px;height:58px}}.auth-divider{color:#fff6;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;width:100%;margin:4px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff1f;flex:1;height:1px}.google-btn-host{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;justify-content:center;width:100%;min-height:44px;display:flex}.auth-error{text-align:center;color:#ff6b6b;width:100%;font-size:13px}.auth-hint{text-align:center;color:#ffffff80;width:100%;font-size:13px}.auth-panel button.auth-toggle{color:#fff9;background:0 0;border:0;font-size:13px}.auth-panel button:disabled{opacity:.6;cursor:not-allowed}.auth-sheet-shell .auth-panel{color:#fff;text-align:left;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#30193aeb,#16121af5),#121218f5;border:1px solid #a855f78c;border-radius:26px;justify-items:stretch;gap:12px;width:100%;padding:32px 32px 26px;display:grid;position:relative;box-shadow:0 34px 110px #000000a8,0 0 34px #a855f759,inset 0 1px #ffffff14}.auth-close{color:#fffc;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:20px;right:20px}.auth-close svg{stroke-width:2.35px}.auth-brand-mark{background:#00000042;border-radius:24px;justify-self:center;place-items:center;width:82px;height:82px;display:grid;box-shadow:0 18px 48px #a855f752}.auth-brand-mark img{border-radius:20px;width:66px;height:66px}.auth-sheet-shell .auth-panel h3{text-align:center;letter-spacing:0;max-width:360px;margin:8px auto 0;font-size:24px;font-weight:780;line-height:1.12}.auth-copy{color:#ffffff9e;margin:0;font-size:14px;line-height:1.45}.auth-social-proof{color:#ffffff9e;align-items:center;gap:12px;display:flex}.auth-social-proof span{display:inline-flex}.auth-social-proof img{background:#111;border:2px solid #241827;border-radius:999px;width:25px;height:25px;margin-left:-7px}.auth-social-proof img:first-child{margin-left:0}.auth-social-proof p{margin:0;font-size:14px;font-weight:620}.auth-idea-card{background:#a855f71c;border:1px solid #a855f75c;border-radius:14px;gap:8px;margin:4px 0 8px;padding:15px 16px;display:grid}.auth-idea-card span{color:#ffffff94;font-size:12px;font-weight:760}.auth-idea-card strong{color:#ffffffe0;font-size:15px;line-height:1.35}.auth-sheet-shell .google-btn-host{background:#fff;border-radius:999px;place-items:center;width:100%;min-height:46px;display:grid;overflow:hidden}.auth-email-toggle,.auth-primary{border-radius:999px;justify-content:center;width:100%;min-height:48px;font-size:15px;font-weight:760}.auth-email-toggle{color:#ffffffdb;background:#ffffff14;border:1px solid #ffffff14}.auth-primary{color:#0a0a0c;background:#fff;border:1px solid #fff}.auth-email-fields{gap:10px;display:grid}.auth-sheet-shell .auth-input-row{color:#fff9;background:#0000003d;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 14px;display:flex}.auth-sheet-shell .auth-input-row input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:14px}.auth-sheet-shell .auth-input-row input::placeholder{color:#ffffff61}.auth-sheet-shell .auth-divider{color:#ffffff6b;margin:2px 0}.auth-sheet-shell .auth-error{color:#ffb4b4;text-align:left;background:#ff3b301f;border:1px solid #ff3b3029;border-radius:12px;width:100%;padding:10px 12px}.auth-legal{color:#ffffff61;text-align:center;margin-top:2px;font-size:12px;line-height:1.4}.auth-legal button{color:#c084fc;background:0 0;border:0;padding:0;font-weight:760;display:inline}.auth-sheet-shell .auth-panel button.auth-toggle{color:#ffffffb8;background:0 0;border:0;justify-content:center;margin-top:4px;font-size:14px;font-weight:720}@media (width<=540px){.sheet-backdrop.auth-backdrop{padding:14px}.bottom-sheet.auth-sheet-shell{width:min(100%,430px)}.auth-sheet-shell .auth-panel{border-radius:24px;padding:28px 20px 22px}.auth-sheet-shell .auth-panel h3{font-size:21px}}