:root{--bg-start:#030615;--bg-end:#070d2b;--panel-bg:#08102fb8;--panel-border:#8597ff2e;--panel-shadow:0 20px 60px #00000073;--text-main:#f6f7ff;--text-secondary:#e9ecffb3;--text-muted:#cdd6ff80;--violet:#8474ff;--violet-light:#a79cff;--cyan:#00dfd8;--chip-bg:#09153ee6}*{box-sizing:border-box}html,body{background:linear-gradient(180deg, var(--bg-start) 0%, #040816 35%, var(--bg-end) 100%);min-height:100%;color:var(--text-main);margin:0;font-family:Inter,Noto Sans SC,sans-serif;overflow-x:hidden}html[data-i18n-ready="0"] #spa-embedded-home{visibility:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 20%,#624aff1a,#0000 18%),radial-gradient(circle at 73% 65%,#00dfd814,#0000 20%),linear-gradient(90deg,#6484ff0d 1px,#0000 1px) 0 0/64px 64px,linear-gradient(#6484ff0a 1px,#0000 1px) 0 0/64px 64px;position:fixed;inset:0}.grid-click-glow{left:var(--grid-click-x,50%);top:var(--grid-click-y,50%);pointer-events:none;z-index:0;opacity:0;background-image:linear-gradient(90deg,#c8d7fff2 1px,#0000 1px),linear-gradient(#c8d7fff2 1px,#0000 1px);background-size:64px 64px;background-position:calc(400px - var(--grid-click-x,50%)) calc(400px - var(--grid-click-y,50%));filter:drop-shadow(0 0 6px #b4c8ffcc)drop-shadow(0 0 12px #a0b4ff66);width:800px;height:800px;position:fixed;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#0000 0%,#000 30%,#0000 65%);mask-image:radial-gradient(circle,#0000 0%,#000 30%,#0000 65%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:0 0;mask-size:0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.grid-click-glow.is-active{animation:1.2s cubic-bezier(.12,.8,.32,1) forwards grid-glow-ripple}@keyframes grid-glow-ripple{0%{opacity:1;-webkit-mask-size:0 0;mask-size:0 0}to{opacity:0;-webkit-mask-size:800px 800px;mask-size:800px 800px}}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.page-shell{z-index:1;gap:18px;min-height:100vh;padding:14px 16px;display:flex;position:relative}.app-sidebar{box-sizing:border-box;width:clamp(144px,14vw,176px);min-width:144px;max-width:18vw;height:calc(100dvh - 28px);min-height:calc(100vh - 28px);box-shadow:inset 0 0 0 1px #ffffff05, var(--panel-shadow);background:linear-gradient(#080e2bf2,#04081bf2);border:1px solid #808de42e;border-radius:16px;flex-direction:column;padding:14px 10px 12px;display:flex;position:sticky;top:14px;overflow:hidden}.brand{align-items:center;gap:10px;margin-bottom:22px;padding:0 4px;display:flex}.brand-logo{object-fit:contain;flex:auto;width:min(152px,100% - 50px);min-width:0;height:auto;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item{color:#e9ecffb8;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;font-size:14px;font-weight:600;transition:background-color .16s,color .16s,transform .16s;display:flex}.nav-item i{text-align:center;width:15px;font-size:15px}.nav-item span{white-space:nowrap;margin-left:2px}.nav-item.active,.nav-item:hover{color:#fff}.nav-item.active{color:#fff;box-shadow:none;background:linear-gradient(#5b4dc1d1,#4a3faae0);border:1px solid #c2b8ff24}.sidebar-footer{justify-content:center;align-items:center;gap:12px;margin-top:auto;padding:0 4px 8px;display:flex}.sidebar-fab{color:#ffffffdb;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff05}.mobile-nav-toggle,.mobile-nav-close,.mobile-nav-backdrop{display:none}.mobile-nav-toggle,.mobile-nav-close{color:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080d26bd;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;box-shadow:0 12px 30px #0003}.content-shell{flex:1;min-width:0;min-height:calc(100dvh - 28px);padding:6px 8px 12px 0;position:relative}.decor-planet-left,.decor-planet-right{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.decor-planet-left{opacity:.95;filter:drop-shadow(0 18px 34px #565bff38);width:141px;top:112px;left:40px}.decor-planet-right{opacity:.95;filter:drop-shadow(0 24px 42px #8c54ff3d);width:250px;top:10px;right:-28px}.topbar{justify-content:flex-end;align-items:center;max-width:1260px;min-height:52px;margin:0 auto 16px;display:flex}#api-status-chip{display:none}.topbar-actions{align-items:center;gap:12px;display:flex}.coin-pill,.profile-pill{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080d26bd;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;height:44px;padding:0 14px;display:inline-flex;box-shadow:0 12px 30px #0000003d}.coin-pill img{object-fit:contain;flex-shrink:0;width:22px;height:22px}.coin-pill{flex:0 0 106px;justify-content:flex-start;gap:8px;width:106px;padding:0 12px}.coin-pill span,.profile-pill span{font-size:15px;font-weight:700;line-height:1}.coin-pill span{text-align:center;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1, "lnum" 1;flex:1;min-width:0}.profile-pill{color:#fff;flex:0 0 148px;justify-content:space-between;gap:6px;width:148px;max-width:148px;padding:0 10px 0 8px}.profile-pill .avatar-wrap{color:#26194d;background:linear-gradient(135deg,#e1cafff2,#a283ffeb);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #8873ff40}.profile-pill .label{text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1;min-width:0;max-width:82px;overflow:hidden}.hero{max-width:1260px;margin:0 auto;padding:10px 0 0;position:relative}.hero-badge{color:#00dfd8eb;letter-spacing:.16em;text-transform:uppercase;background:#051836a6;border:1px solid #00dfd833;border-radius:999px;width:fit-content;margin:0 auto 20px;padding:6px 18px;font-size:12px;font-weight:700;box-shadow:0 0 24px #00dfd814}.hero-title{text-align:center;letter-spacing:-.035em;background:linear-gradient(90deg,#fff 0%,#faf5ff 30%,#ead5ff 54%,#cf9aff 76%,#a374f4 100%);color:#0000;text-shadow:0 16px 34px #00000057;margin:0;-webkit-background-clip:text;background-clip:text;max-width:1180px;margin-inline:auto;font-size:clamp(44px,5.8vw,76px);font-weight:900;line-height:1.08}.hero-input-wrap{--cat-size:clamp(188px, 24vw, 228px);--cat-rest-shift-y:-56%;--cat-flight-rise:-98px;--cat-flight-span:calc(-100% - var(--cat-size) - 52px);background:linear-gradient(#6d7bff38,#4e5abc14);border-radius:22px;max-width:760px;margin:58px auto 14px;padding:1px;transition:box-shadow .22s,transform .22s;position:relative;box-shadow:0 24px 56px #00061a73}.hero-input-wrap:focus-within{box-shadow:0 0 0 1px #aab4ff38,0 24px 56px #00061a73,0 0 26px #869aff29}.hero-input-panel{z-index:1;-webkit-backdrop-filter:blur(4px)saturate(118%);backdrop-filter:blur(4px)saturate(118%);background:linear-gradient(#08102a8f,#060c1ea3),linear-gradient(90deg,#0a13369e 0%,#0a13368a 56%,#0a13364d 100%);border:1px solid #ffffff08;border-radius:21px;min-height:176px;position:relative;overflow:hidden}.hero-input-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 54%,#a374f424,#0000 22%),linear-gradient(90deg,#ffffff05,#0000 18% 82%,#ffffff05);position:absolute;inset:0}.decor-cat-orbit{z-index:0;width:var(--cat-size);transform:translate3d(0, var(--cat-rest-shift-y), 0);transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;transition:transform .32s linear;position:absolute;top:calc(50% - 30px);left:calc(100% - 24px)}.decor-cat{filter:drop-shadow(0 20px 36px #7e75ff42);will-change:transform, filter;width:100%;height:auto;transition:transform .1s step-end,filter .32s;display:block}.hero-input-wrap.is-cat-flying .decor-cat{filter:drop-shadow(0 26px 48px #7e75ff57)}#idea-input{resize:none;color:#eff2ff;background:0 0;border:0;outline:none;width:100%;min-height:176px;padding:30px 18px 72px;font-size:16px;line-height:1.7}#idea-input::placeholder{color:#d4dbff6b}#idea-gameplay-images,#idea-style-images{z-index:3;max-width:40%;position:absolute;top:14px}#idea-gameplay-images{left:16px}#idea-style-images{right:16px}#idea-drop-overlay{z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040a1f9e;border-radius:21px;position:absolute;inset:0;overflow:hidden}.drop-split{height:100%;display:flex}.drop-split>div{color:#ffffffe0;text-shadow:0 0 #0000;flex:1;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:background-color .14s,box-shadow .14s,color .14s,transform .14s,text-shadow .14s;display:flex;box-shadow:inset 0 0 0 1px #0000}#idea-drop-gameplay{background:#4dbaff29}#idea-drop-style{background:#ff7dd629}#idea-drop-gameplay.is-active{color:#fffffffa;text-shadow:0 0 16px #8cdaff52;background:linear-gradient(#49aeff57,#2566b547);box-shadow:inset 0 0 0 1px #9adeff61,inset 0 -18px 34px #2a76d42e,0 0 24px #49aeff24}#idea-drop-style.is-active{color:#fffffffa;text-shadow:0 0 16px #ffb4f347;background:linear-gradient(#e278f24d,#7133983d);box-shadow:inset 0 0 0 1px #ffb9f357,inset 0 -18px 34px #823baa29,0 0 24px #e278f21f}#idea-drop-gameplay.is-inactive,#idea-drop-style.is-inactive{color:#ffffff9e;box-shadow:inset 0 0 0 1px #ffffff0a}.drop-divider{border-left:2px dashed #ffffff59;position:absolute;top:14px;bottom:14px;left:50%;transform:translate(-50%)}.prompt-toolbar{z-index:4;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.prompt-left,.prompt-right{align-items:center;gap:8px;min-width:0;display:flex}.icon-pill{color:#e9ecffc7;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:36px;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.icon-pill:hover{color:#fff;background:#ffffff1a;border-color:#ffffff29}.icon-pill{width:36px;font-size:14px}.counter{color:#dde2ff7a;font-size:13px;font-weight:600}.submit-button{color:#fff;background:linear-gradient(90deg,#7c67ff,#9f74ff);border:0;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 20px;font-size:14px;font-weight:700;transition:transform .14s,box-shadow .14s,filter .14s;display:inline-flex;box-shadow:0 16px 36px #7662ff57}.submit-button:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 20px 40px #7662ff6b}#hero-status{text-align:center;color:var(--text-muted);margin-top:12px;font-size:13px}.games-section{width:min(100%,1520px);max-width:1520px;margin:30px auto 0}.games-panels{flex-direction:column;gap:18px;display:flex}.games-panel{flex-direction:column;gap:12px;display:flex}.section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.section-title{letter-spacing:.01em;color:#dcd5f5d1;align-items:center;gap:0;font-size:22px;font-weight:500;display:inline-flex}.section-title .hot{color:var(--text-muted);text-shadow:none;font-size:16px;font-weight:500}.section-link{color:var(--text-muted);font-size:14px;font-weight:500}.section-link[hidden]{display:none}.section-copy{color:#cdd6ff8f;font-size:13px;font-weight:500}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:38px;margin-bottom:16px;display:grid}.feature-card{cursor:pointer;background:linear-gradient(#08102cd6,#060c1fe6);border:1px solid #8597ff1f;border-radius:18px;align-items:center;gap:12px;min-height:108px;padding:18px 16px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;box-shadow:inset 0 0 0 1px #ffffff04,0 12px 28px #04091938}.feature-card:hover{border-color:#a2b0ff52;transform:translateY(-4px);box-shadow:0 22px 46px #070d2275}.feature-icon{object-fit:contain;flex:none;width:54px;height:54px}.feature-copy h3{color:#ebe6f9e6;margin:0 0 8px;font-size:16px;font-weight:800}.feature-copy p{color:#e6e9ff94;margin:0;font-size:12px;line-height:1.6}.sr-only-anchor{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes game-skeleton-shimmer{to{transform:translate(100%)}}@media (width<=1360px){.decor-planet-right{width:230px;right:-30px}.decor-cat{width:188px;left:calc(100% - 24px)}}@media (width>=1400px) and (height<=780px){.games-section{margin-top:20px}.feature-grid{margin-top:24px;margin-bottom:24px}.feature-card{min-height:100px}}@media (width<=1180px){.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=860px){.page-shell{padding:12px;display:block}.app-sidebar{z-index:50;pointer-events:none;border-radius:0 20px 20px 0;width:min(272px,78vw);min-width:0;max-width:78vw;height:100vh;padding:18px 14px 16px;transition:transform .18s;position:fixed;top:0;bottom:0;left:0;transform:translate(calc(-100% - 28px))}body.nav-open .app-sidebar{pointer-events:auto;transform:translate(0)}.mobile-nav-backdrop{z-index:40;opacity:0;pointer-events:none;background:#02061494;transition:opacity .18s;display:block;position:fixed;inset:0}body.nav-open .mobile-nav-backdrop{opacity:1;pointer-events:auto}.content-shell{padding:0 0 20px}.mobile-nav-toggle,.mobile-nav-close{display:inline-flex}.brand{gap:8px}.mobile-nav-close{margin-left:auto}.sidebar-nav{flex-flow:column;gap:6px}.nav-item{flex:none;min-height:48px;padding:12px 14px}.sidebar-footer{padding:0 4px max(4px, env(safe-area-inset-bottom));justify-content:flex-start;margin-top:auto}.decor-planet-left{width:120px;top:74px;left:-5px}.decor-planet-right{width:180px;top:18px;right:-26px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (width<=760px){.page-shell{gap:14px}.brand{margin-bottom:18px}.topbar{justify-content:space-between;margin-bottom:12px}.topbar-actions{justify-content:flex-end;width:auto}.hero-badge{letter-spacing:.1em;margin-bottom:14px;font-size:11px}.hero-title{letter-spacing:-.02em;font-size:34px;line-height:1.12}.hero-input-wrap{--cat-size:clamp(136px, 26vw, 168px);--cat-rest-shift-y:-52%;--cat-flight-rise:-58px;--cat-flight-span:calc(-100% - var(--cat-size) + 26px);margin-top:28px}.hero-input-panel{min-height:180px}#idea-input{min-height:180px;padding-bottom:82px}.prompt-toolbar{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.prompt-left,.prompt-right{justify-content:flex-start;align-items:center;gap:10px;width:auto}.prompt-right{margin-left:auto}.counter{font-size:12px}.submit-button{flex:none;justify-content:center;height:36px;padding:0 16px;font-size:13px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.decor-planet-left,.decor-planet-right{opacity:.65}.decor-cat-orbit{opacity:.9;top:calc(40% - 38px);left:calc(100% - 52px)}}