*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:#0a0a0f;color:#e0e0e8;font-family:Space Grotesk,system-ui,sans-serif}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4rem 2rem 3rem;position:relative;overflow-x:hidden}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 20s linear infinite;pointer-events:none;z-index:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.particle{position:fixed;width:4px;height:4px;border-radius:50%;opacity:0;animation:float 8s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(-10vh) scale(1)}}.content{position:relative;z-index:1;text-align:center;max-width:720px}.badge{display:inline-block;padding:.4rem 1.2rem;border:1px solid rgba(233,69,96,.4);border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.15em;color:#e94560;margin-bottom:1.5rem;animation:badgePulse 3s ease-in-out infinite}@keyframes badgePulse{0%,to{border-color:#e9456066;box-shadow:0 0 #e9456000}50%{border-color:#e94560cc;box-shadow:0 0 20px #e9456026}}.logo{font-size:4.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.3rem;background:linear-gradient(135deg,#7c5bf5,#e94560,#f5a623);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1.4rem;color:#c8c8e0;margin-bottom:2rem;font-weight:400}.description{font-size:1.1rem;line-height:1.7;color:#a0a0b8;margin-bottom:1.5rem}.description em{color:#e0e0f0;font-style:normal;font-weight:600}.stats-bar{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:2.5rem 0;padding:1.2rem 2rem;background:#7c5bf50f;border:1px solid rgba(124,91,245,.15);border-radius:12px}.stat{text-align:center}.stat-number{display:block;font-size:1.3rem;font-weight:700;color:#e0e0f0}.stat-label{display:block;font-size:.75rem;color:#6868a0;text-transform:uppercase;letter-spacing:.1em;margin-top:.2rem}.stat-divider{width:1px;height:36px;background:#7c5bf533}.evolution-chain{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2.5rem;font-size:.95rem;color:#8888a0}.evolution-chain .step{padding:.5rem .9rem;border:1px solid rgba(124,91,245,.2);border-radius:8px;transition:all .3s}.evolution-chain .step:hover{border-color:#7c5bf599;background:#7c5bf50d}.evolution-chain .arrow{color:#e94560;font-size:1.1rem}.signup-section{margin:2rem 0}.signup-heading{font-size:1.3rem;font-weight:600;color:#e0e0f0;margin-bottom:.4rem}.signup-sub{font-size:.95rem;color:#6868a0;margin-bottom:1.2rem}.email-form{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.email-form input{padding:.8rem 1.2rem;border:1px solid rgba(124,91,245,.3);border-radius:8px;background:#ffffff0d;color:#e0e0e8;font-family:Space Grotesk,sans-serif;font-size:1rem;width:280px;outline:none;transition:border-color .3s}.email-form input:focus{border-color:#7c5bf5}.email-form input::placeholder{color:#505070}.success-msg{padding:2rem;background:#7c5bf514;border:1px solid rgba(124,91,245,.2);border-radius:12px}.success-icon{font-size:2rem;display:block;margin-bottom:.8rem}.success-title{font-size:1.3rem;font-weight:600;color:#7c5bf5;margin-bottom:.5rem}.success-sub{color:#8888a0;font-size:.95rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:3rem 0 2rem}.feature{padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;text-align:left;transition:border-color .3s}.feature:hover{border-color:#7c5bf54d}.feature-icon{font-size:1.5rem;display:block;margin-bottom:.75rem}.feature h3{font-size:1rem;font-weight:600;color:#e0e0f0;margin-bottom:.5rem}.feature p{font-size:.85rem;line-height:1.5;color:#8888a0}.early-access-login{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.login-text{color:#505070;font-size:.9rem;margin-bottom:.75rem}.btn-primary{display:inline-block;padding:.85rem 2rem;border:none;border-radius:8px;background:linear-gradient(135deg,#7c5bf5,#e94560);color:#fff;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:opacity .3s,transform .2s;text-decoration:none}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-block;padding:.6rem 1.5rem;border:1px solid rgba(124,91,245,.3);border-radius:8px;background:transparent;color:#8888a0;font-family:Space Grotesk,sans-serif;font-size:.95rem;cursor:pointer;transition:border-color .3s,color .3s;text-decoration:none}.btn-secondary:hover{border-color:#7c5bf5;color:#e0e0e8}.dashboard-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:3rem;max-width:600px;text-align:center}.dashboard-card h2{font-size:1.8rem;margin-bottom:1rem;background:linear-gradient(135deg,#7c5bf5,#e94560);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-card p{color:#8888a0;line-height:1.6;margin-bottom:1.5rem}.footer{position:relative;margin-top:3rem;color:#404060;font-size:.8rem;z-index:1}.footer a{color:#404060;text-decoration:none}.footer a:hover{color:#6868a0}@media(max-width:600px){.page{padding:2rem 1.5rem}.logo{font-size:3rem}.tagline{font-size:1.15rem}.stats-bar{flex-direction:column;gap:.75rem}.stat-divider{width:40px;height:1px}.evolution-chain{flex-wrap:wrap}.features-grid{grid-template-columns:1fr}.email-form input{width:100%}}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:#0f0f1a;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50}.sidebar-logo{padding:1.5rem 1.2rem;display:flex;align-items:center;gap:.5rem}.sidebar-logo-text{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#7c5bf5,#e94560);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-logo-badge{font-size:.6rem;padding:.15rem .4rem;border:1px solid rgba(124,91,245,.3);border-radius:4px;color:#7c5bf5;text-transform:uppercase;letter-spacing:.1em}.sidebar-nav{flex:1;padding:.5rem .6rem;display:flex;flex-direction:column;gap:.2rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.65rem .8rem;border-radius:8px;color:#8888a0;text-decoration:none;font-size:.9rem;transition:all .2s}.sidebar-link:hover{background:#7c5bf514;color:#c8c8e0}.sidebar-link.active{background:#7c5bf526;color:#e0e0f0}.sidebar-icon{font-size:1.1rem;width:24px;text-align:center}.sidebar-footer{padding:.6rem;border-top:1px solid rgba(255,255,255,.06)}.sidebar-profile-link{display:flex;align-items:center;gap:.6rem}.sidebar-avatar{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:#0f0f1a;border-bottom:1px solid rgba(255,255,255,.06);padding:0 1rem;align-items:center;justify-content:space-between;z-index:50}.mobile-logo{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#7c5bf5,#e94560);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:#0f0f1a;border-top:1px solid rgba(255,255,255,.06);justify-content:space-around;align-items:center;z-index:50}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-decoration:none;color:#6868a0;font-size:.65rem;padding:.3rem;transition:color .2s}.mobile-nav-item.active{color:#7c5bf5}.mobile-nav-icon{font-size:1.2rem}.app-content{flex:1;margin-left:220px;height:100vh;overflow-y:auto;overscroll-behavior:none;background:#0a0a0f}.page-inner{padding:2rem 2.5rem}.page-title{font-size:1.8rem;font-weight:700;color:#e0e0f0;margin:0 0 .25rem}.page-subtitle{color:#6868a0;margin:0 0 1rem}.section-title{font-size:1.2rem;font-weight:600;color:#a0a0b8;margin:2rem 0 1rem}.dashboard-welcome{margin-bottom:2rem}.dashboard-welcome h1{font-size:2rem;margin-bottom:.3rem;color:#e0e0f0}.dashboard-welcome p{color:#8888a0}.dashboard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.action-card{padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;text-decoration:none;color:inherit;transition:all .2s}.action-card:hover{border-color:#7c5bf54d;transform:translateY(-2px)}.action-card-primary{border-color:#7c5bf54d;background:#7c5bf50d}.action-icon{font-size:2rem;display:block;margin-bottom:.75rem}.action-card h3{font-size:1.05rem;color:#e0e0f0;margin-bottom:.3rem}.action-card p{font-size:.85rem;color:#6868a0}.empty-state{text-align:center;padding:3rem;color:#6868a0;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:12px}.create-form{max-width:800px}.create-textarea{width:100%;padding:1rem;background:#ffffff08;border:1px solid rgba(124,91,245,.2);border-radius:10px;color:#e0e0e8;font-family:Space Grotesk,sans-serif;font-size:1rem;resize:vertical;outline:none;transition:border-color .3s}.create-textarea:focus{border-color:#7c5bf5}.create-textarea::placeholder{color:#505070}.create-tips{margin:1rem 0 1.5rem;padding:1rem;background:#7c5bf50d;border-radius:8px}.create-tips h4{font-size:.9rem;color:#a0a0b8;margin-bottom:.5rem}.create-tips ul{padding-left:1.2rem}.create-tips li{font-size:.85rem;color:#6868a0;margin-bottom:.3rem}.create-btn{width:100%;padding:1rem;font-size:1.1rem}.create-generating{display:flex;align-items:center;justify-content:center;min-height:80vh}.generating-animation{text-align:center}.dna-spinner{width:60px;height:60px;margin:0 auto 1.5rem;border:3px solid rgba(124,91,245,.2);border-top-color:#7c5bf5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.generating-animation h2{color:#e0e0f0;margin-bottom:.5rem}.generating-prompt{color:#6868a0;font-style:italic}.create-playing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000}.create-playing .game-container{width:100%;height:100%}.game-overlay-top{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;z-index:101;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent)}.game-overlay-bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:1rem;padding:.75rem 1rem;z-index:101;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent)}.overlay-btn{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#00000080;color:#e0e0e8;font-family:Space Grotesk,sans-serif;font-size:.85rem;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay-btn:hover{border-color:#fff6;background:#ffffff1a}.overlay-btn-publish{background:#7c5bf54d;border-color:#7c5bf5}.overlay-title{color:#e0e0f0;font-size:.9rem;font-weight:600}.fullscreen-game{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:100}.fullscreen-game .game-container{width:100%;height:100%}.game-back-btn{position:fixed;top:.75rem;left:.75rem;z-index:101}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.game-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:all .2s;display:flex;flex-direction:column}.game-card:hover{border-color:#7c5bf54d;transform:translateY(-2px)}.game-card-disabled{opacity:.4;pointer-events:none}.game-card-preview{height:140px;background:linear-gradient(135deg,#1a1a2e,#0f0f1a);display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;opacity:0;transition:opacity .2s ease;font-size:2.5rem;color:#fff;pointer-events:none;z-index:2}.game-card:hover .play-overlay,.my-game-link:hover .play-overlay,.my-game-card:hover .play-overlay{opacity:1}.game-card-info{padding:1rem;display:flex;flex-direction:column;flex:1}.game-card-info h3{font-size:1rem;color:#e0e0f0;margin-bottom:.3rem}.game-card-info p{font-size:.8rem;color:#6868a0;margin-bottom:.5rem;flex:1}.game-card-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.75rem;color:#505070;margin-top:auto;padding-top:.5rem}.profile-card{display:flex;flex-direction:column;align-items:center;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;margin-bottom:1.5rem}.profile-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:1rem;border:2px solid rgba(124,91,245,.3)}.profile-card h2{color:#e0e0f0;margin-bottom:.25rem}.profile-email{color:#6868a0;font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{text-align:center;padding:1.2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px}.stat-card-number{display:block;font-size:1.5rem;font-weight:700;color:#7c5bf5}.stat-card-label{display:block;font-size:.75rem;color:#6868a0;margin-top:.25rem}.coming-soon-card{text-align:center;padding:4rem 2rem}.coming-soon-card h1{font-size:2rem;color:#e0e0f0;margin-bottom:.75rem}.coming-soon-card p{color:#6868a0;margin-bottom:1.5rem}.coming-soon-badge{display:inline-block;padding:.4rem 1rem;border:1px solid rgba(124,91,245,.3);border-radius:20px;color:#7c5bf5;font-size:.85rem}@media(max-width:768px){.sidebar{display:none}.mobile-header,.mobile-nav{display:flex}.app-content{margin-left:0;padding-top:56px;padding-bottom:64px;height:100vh;overflow-y:auto;overscroll-behavior:none}.page-inner{padding:1.5rem 1rem}.dashboard-actions{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.game-grid{grid-template-columns:1fr}}.credit-balance{display:flex;align-items:center;gap:.4rem}.credit-icon{font-size:1rem}.credit-amount{font-weight:700;color:#f5a623;font-size:1rem}.credit-label{font-size:.7rem;color:#6868a0}.sidebar-credit-wrap{padding:.5rem 1rem 1rem}.sidebar-credit-wrap .credit-balance{padding:.5rem .6rem;background:#f5a6230f;border:1px solid rgba(245,166,35,.15);border-radius:8px}.mobile-header-right{display:flex;align-items:center;gap:.75rem}.credit-summary{background:linear-gradient(135deg,#f5a62314,#7c5bf50d);border:1px solid rgba(245,166,35,.15);border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.credit-summary-main{display:flex;align-items:center;gap:1rem}.credit-big-icon{font-size:2.5rem}.credit-big-number{display:block;font-size:2rem;font-weight:700;color:#f5a623}.credit-big-label{display:block;font-size:.8rem;color:#8888a0}.credit-summary-stats{display:flex;gap:1.5rem}.qs-num{display:block;font-size:1.2rem;font-weight:600;color:#e0e0f0}.qs-label{display:block;font-size:.7rem;color:#6868a0}.action-cost{display:inline-block;margin-top:.75rem;font-size:.8rem;color:#f5a623;padding:.2rem .6rem;border:1px solid rgba(245,166,35,.2);border-radius:12px}.action-cost-free{color:#0f8;border-color:#0f83}.credits-explainer{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px}.qe-step{text-align:center;padding:1rem;flex:1;min-width:140px}.qe-icon{font-size:2rem;display:block;margin-bottom:.5rem}.qe-step h4{color:#e0e0f0;margin-bottom:.25rem}.qe-step p{font-size:.8rem;color:#6868a0}.qe-arrow{font-size:1.5rem;color:#505070}.credit-history{display:flex;flex-direction:column;gap:.5rem}.qh-entry{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px}.qh-icon{font-size:1.2rem}.qh-desc{flex:1;color:#a0a0b8;font-size:.9rem}.qh-amount{font-weight:600;font-size:.9rem}.qh-earn .qh-amount{color:#0f8}.qh-spend .qh-amount{color:#e94560}.profile-credit-display{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;background:#f5a6230f;border:1px solid rgba(245,166,35,.15);border-radius:8px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.achievement{text-align:center;padding:1.2rem .5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px}.achievement-locked{opacity:.35}.ach-icon{display:block;font-size:1.5rem;margin-bottom:.3rem}.ach-label{font-size:.75rem;color:#8888a0}.gen-badge{padding:.1rem .4rem;background:#7c5bf526;border:1px solid rgba(124,91,245,.3);border-radius:4px;font-size:.7rem;color:#7c5bf5}.coming-soon-icon{font-size:4rem;display:block;margin-bottom:1rem}.section-desc{color:#505070;font-size:.85rem;margin-bottom:1rem;margin-top:-.5rem}.leaderboard-table{display:flex;flex-direction:column;gap:.4rem;margin-bottom:2rem}.lb-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px}.lb-row-gold{border-color:#f5a6234d;background:#f5a6230d}.lb-rank{width:36px;font-weight:700;color:#6868a0}.lb-row-gold .lb-rank{color:#f5a623}.lb-avatar{font-size:1.2rem}.lb-name{flex:1;color:#e0e0f0;font-weight:500}.lb-stat{color:#6868a0;font-size:.85rem}.lb-credits{color:#f5a623;font-weight:600}.lb-game-section{margin-bottom:1.5rem}.lb-game-title{font-size:1rem;color:#a0a0b8;margin-bottom:.5rem}.lb-score-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:6px;margin-bottom:.3rem}.lb-score-gold{border-color:#f5a62333}.lb-score-gold .lb-rank{color:#f5a623}.lb-score-val{color:#e0e0f0;font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:768px){.credit-summary{flex-direction:column;align-items:flex-start}.credits-explainer{flex-direction:column}.qe-arrow{transform:rotate(90deg)}.achievements-grid{grid-template-columns:repeat(3,1fr)}}.create-generating{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px);padding:2rem}.generating-animation{text-align:center;max-width:480px;width:100%}.generating-animation h2{color:#e0e0f0;margin-bottom:1rem;font-size:1.5rem}.generating-prompt{color:#6868a0;font-style:italic;font-size:.9rem;line-height:1.5;max-width:400px;margin:0 auto;word-wrap:break-word;overflow-wrap:break-word}.dna-spinner{width:48px;height:48px;margin:0 auto 1.5rem;border:3px solid rgba(124,91,245,.2);border-top-color:#7c5bf5;border-radius:50%;animation:spin 1s linear infinite}.status-badge{padding:.1rem .5rem;border-radius:4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.status-draft{background:#f5a62326;color:#f5a623;border:1px solid rgba(245,166,35,.3)}.status-published{background:#00ff881a;color:#0f8;border:1px solid rgba(0,255,136,.2)}.game-card-featured{border-color:#7c5bf526}.flow-steps{display:flex;gap:.6rem;margin:.75rem 0 1.25rem;flex-wrap:wrap}.flow-step{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:#6868a0;padding:.35rem .6rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff05}.flow-step-active{color:#d9d3ff;border-color:#7c5bf573;background:#7c5bf51f}.flow-step-complete{color:#9fb3ff;border-color:#7896ff4d;background:#7896ff14}.estimate-card{max-width:700px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem}.estimate-prompt{margin-bottom:1.5rem}.estimate-prompt h3{font-size:.85rem;color:#6868a0;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}.estimate-prompt p{color:#a0a0b8;font-style:italic;line-height:1.5}.estimate-edit{margin-bottom:1rem}.estimate-edit h3{font-size:.85rem;color:#6868a0;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}.estimate-textarea{width:100%;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e0e0f0;font-family:Space Grotesk,sans-serif;font-size:.9rem;padding:.75rem .85rem;line-height:1.45;resize:vertical;min-height:88px;box-sizing:border-box}.estimate-textarea:focus{outline:none;border-color:#7c5bf573}.prompt-feedback{margin-bottom:1rem;background:#7c5bf50f;border:1px solid rgba(124,91,245,.18);border-radius:10px;padding:.95rem}.feedback-score{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin-bottom:.35rem;color:#b9a8ff;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.feedback-score strong{font-size:1rem;color:#f4f2ff;font-variant-numeric:tabular-nums}.feedback-summary{color:#d0c8ff;font-size:.86rem;margin-bottom:.6rem;line-height:1.45}.prompt-feedback h4{color:#c9bcff;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;margin:.6rem 0 .35rem}.prompt-feedback ul{margin:0;padding-left:1rem}.prompt-feedback li{color:#b8b1d8;font-size:.84rem;line-height:1.35;margin-bottom:.25rem}.estimate-breakdown{margin-bottom:1.5rem}.estimate-breakdown h3{font-size:.85rem;color:#6868a0;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.estimate-row{display:flex;justify-content:space-between;padding:.4rem 0;color:#8888a0;font-size:.9rem}.estimate-tokens{font-variant-numeric:tabular-nums;color:#a0a0b8}.estimate-divider{height:1px;background:#ffffff14;margin:.5rem 0}.estimate-total{color:#e0e0f0;font-weight:600}.estimate-total .estimate-tokens{color:#e0e0f0}.estimate-cost{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.25rem;padding:1rem;background:#7c5bf514;border:1px solid rgba(124,91,245,.2);border-radius:10px}.estimate-cost-icon{font-size:1.5rem}.estimate-cost-amount{font-size:2rem;font-weight:700;color:#7c5bf5}.estimate-cost-label{font-size:.9rem;color:#8888a0}.estimate-balance{display:flex;justify-content:space-between;padding:.75rem 0;color:#6868a0;font-size:.85rem;margin-bottom:1rem}.estimate-remaining{color:#0f8}.estimate-warning{margin:.7rem 0 0;color:#ffc66b;font-size:.82rem}.estimate-actions{display:flex;gap:.75rem;flex-wrap:wrap}.estimate-actions .btn-secondary{flex:1 1 180px;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#a0a0b8;font-family:Space Grotesk,sans-serif;font-size:.9rem;cursor:pointer}.estimate-actions .btn-secondary:hover{border-color:#fff3;color:#e0e0f0}.estimate-actions .btn-primary{flex:2 1 240px}.game-overlay-center{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:101;pointer-events:none;background:#0a0a1a;color:#6868a0}.game-overlay-center>*{pointer-events:auto}.crash-overlay{background:#0a0a1af2!important}.crash-card{text-align:center;max-width:420px;padding:2rem}.crash-card h2{font-size:1.8rem;color:#e94560;margin-bottom:1rem}.crash-error{color:#a0a0b8;font-family:monospace;font-size:.85rem;background:#ffffff08;padding:.75rem;border-radius:8px;margin-bottom:.5rem;word-break:break-word}.crash-phase{color:#6868a0;font-size:.8rem;margin-bottom:1.5rem}.crash-actions{display:flex;flex-direction:column;gap:.5rem}.crash-btn{padding:.75rem 1.5rem!important;font-size:.95rem!important;border-radius:8px;cursor:pointer;font-family:Space Grotesk,sans-serif;border:none}.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#a0a0b8;cursor:pointer;font-family:Space Grotesk,sans-serif;padding:.5rem 1rem;border-radius:8px}.btn-secondary:hover{border-color:#fff3;color:#e0e0f0}.overlay-right{display:flex;gap:.25rem}.game-overlay-top{display:flex;justify-content:space-between;align-items:center}.feedback-panel{position:fixed;bottom:1rem;right:1rem;width:320px;background:#1a1a2e;border:1px solid rgba(124,91,245,.3);border-radius:12px;padding:1.25rem;z-index:200;box-shadow:0 8px 32px #00000080}.feedback-panel h3{color:#e0e0f0;margin-bottom:.25rem;font-size:1rem}.feedback-panel p{color:#6868a0;font-size:.8rem;margin-bottom:.75rem}.feedback-textarea{width:100%;background:#0a0a0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e0e0e8;padding:.5rem;font-family:Space Grotesk,sans-serif;font-size:.85rem;resize:none;box-sizing:border-box}.feedback-actions{display:flex;gap:.5rem;margin-top:.75rem;justify-content:flex-end}.feedback-actions .btn-primary,.feedback-actions .btn-secondary{padding:.4rem 1rem;font-size:.85rem}.feedback-type-picker{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.feedback-type-btn{padding:.6rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#8888a0;font-family:Space Grotesk,sans-serif;font-size:.9rem;cursor:pointer;transition:all .2s}.feedback-type-btn:hover{border-color:#7c5bf54d;color:#a0a0b8}.feedback-type-btn.active{border-color:#7c5bf5;color:#e0e0f0;background:#7c5bf51a}.feedback-form{max-width:600px}.feedback-form-textarea{width:100%;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#e0e0e8;padding:1rem;font-family:Space Grotesk,sans-serif;font-size:.95rem;resize:vertical;min-height:120px;box-sizing:border-box;margin-bottom:1rem}.feedback-form-textarea:focus{border-color:#7c5bf566;outline:none}.feedback-success{text-align:center;padding:3rem 1rem;max-width:400px}.feedback-success h3{color:#0f8;margin:.75rem 0 .25rem}.feedback-success p{color:#6868a0}.game-card-wrap{display:flex;flex-direction:column}.game-card-wrap .game-card{flex:1;border-radius:12px 12px 0 0}.game-card-action{display:block;text-align:center;padding:.5rem;background:#7c5bf514;border:1px solid rgba(124,91,245,.15);border-top:none;border-radius:0 0 12px 12px;color:#7c5bf5;font-size:.85rem;font-family:Space Grotesk,sans-serif;text-decoration:none;transition:all .2s}.game-card-action:hover{background:#7c5bf526;color:#a78bfa}.evolve-parent-info{margin-bottom:1.5rem}.evolve-parent-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px}.evolve-parent-card h3{color:#e0e0f0;margin-bottom:.2rem}.evolve-parent-card p{color:#6868a0;font-size:.85rem;margin-bottom:.3rem}.controls-hint{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#0a0a1ad9;border:1px solid rgba(124,91,245,.2);border-radius:8px;padding:.5rem 1.25rem;color:#8888a0;font-size:.8rem;font-family:Space Grotesk,sans-serif;z-index:150;pointer-events:none;transition:opacity 1s ease;white-space:nowrap}.controls-hint-fade{opacity:0}.generating-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;max-height:100vh;overflow:hidden;background:#0a0a1a;padding:1.5rem;gap:1rem;box-sizing:border-box}.generating-top{text-align:center;max-width:500px;width:100%}.generating-info h2{color:#e0e0f0;margin-bottom:.5rem}.generating-prompt{color:#8888a0;font-style:italic;margin-bottom:.75rem;max-width:400px;margin-left:auto;margin-right:auto;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generating-progress{margin-bottom:1rem}.generating-progress-bar{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.generating-progress-fill{height:100%;background:linear-gradient(90deg,#7c5bf5,#e94560);border-radius:3px;transition:width 1s linear}.generating-progress-meta{display:flex;justify-content:space-between;font-size:.8rem}.generating-stage{color:#7c5bf5}.generating-time{color:#505070;font-variant-numeric:tabular-nums}.generating-estimate{color:#505070;font-size:.75rem;margin-bottom:.5rem}.generating-estimate strong{color:#6868a0}.generating-tip{color:#6868a0;font-size:.85rem;min-height:1.5em;transition:opacity .5s}.mini-game-wrap{text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;max-height:50vh;width:100%}.mini-game-title{color:#d6d6f5;font-size:1rem;font-weight:700;margin:0 0 .3rem;letter-spacing:.02em}.mini-game-instruction{color:#a7a7d0;font-size:.86rem;margin:0 0 .8rem}.mini-game-label{color:#6868a0;font-size:.75rem;margin-top:.75rem;margin-bottom:0}.mini-game-canvas{border:1px solid rgba(124,91,245,.15);border-radius:8px;cursor:crosshair;max-width:100%;max-height:100%;object-fit:contain;touch-action:none;flex-shrink:1}.textarea-wrap{position:relative}.textarea-wrap .create-textarea,.textarea-wrap .feedback-textarea{width:100%;padding-right:3rem;box-sizing:border-box}.voice-input-inline{position:absolute;right:.6rem;top:.6rem;background:none;border:none;color:#505070;cursor:pointer;padding:.3rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.voice-input-inline:hover{color:#7c5bf5;background:#7c5bf514}.voice-input-inline.voice-input-active{color:#e94560;animation:voice-pulse 1.5s infinite}@keyframes voice-pulse{0%,to{box-shadow:0 0 #e945604d}50%{box-shadow:0 0 0 6px #e9456000}}.voice-error{display:block;color:#e94560;font-size:.75rem;margin-top:.25rem}.voice-interim{color:#7c5bf5;font-size:.8rem;font-style:italic;margin-top:.3rem;padding:.3rem .5rem;background:#7c5bf50d;border-radius:6px}.voice-listening{color:#e94560;font-size:.8rem;margin-top:.3rem;padding:.3rem .5rem;animation:voice-text-pulse 1.5s infinite}@keyframes voice-text-pulse{0%,to{opacity:1}50%{opacity:.5}}.game-action-bar{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:100;background:#0a0a1ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(124,91,245,.3);border-radius:12px;padding:.4rem}.game-action-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ccc;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .15s;white-space:nowrap}.game-action-btn:hover{background:#ffffff26;color:#fff}.game-action-evolve{background:#7c5bf533;border-color:#7c5bf566;color:#c4b5fd}.game-action-evolve:hover{background:#7c5bf559;color:#e0d4ff}.evolve-wide{display:grid;grid-template-columns:1fr 360px;gap:2rem;padding:2rem 2.5rem;max-width:1400px;min-height:calc(100vh - 60px);align-content:start}.evolve-col-main{min-width:0}.evolve-col-side{display:flex;flex-direction:column;gap:1rem}.evolve-side-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem}.evolve-side-card h3{font-size:1rem;color:#e0e0f0;margin-bottom:.75rem}.evolve-parent-detail h4{color:#e0e0f0;margin-bottom:.3rem}.evolve-parent-detail p{color:#6868a0;font-size:.85rem;margin-bottom:.5rem}.evolve-creator{color:#505070;font-size:.8rem;margin-left:.5rem}.evolve-tips-list{list-style:none;padding:0;margin:0}.evolve-tips-list li{color:#8888a0;font-size:.85rem;padding:.4rem 0 .4rem 1.2rem;position:relative}.evolve-tips-list li:before{content:"→";position:absolute;left:0;color:#7c5bf5}@media(max-width:800px){.evolve-wide{grid-template-columns:1fr;padding:1.5rem 1rem}}.game-card-actions{display:flex;gap:0}.game-card-actions .game-card-action{flex:1;text-align:center;border-radius:0;border-right:1px solid rgba(255,255,255,.06)}.game-card-actions .game-card-action:last-child{border-right:none}.game-card-actions .game-card-action:first-child{border-radius:0 0 0 12px}.game-card-actions .game-card-action:last-child{border-radius:0 0 12px}.game-card-publish{cursor:pointer;background:none;border:none;font-size:.8rem;padding:.6rem;transition:all .15s}.game-card-publish.published{color:#0f8;background:#00ff880d}.game-card-publish.published:hover{background:#e945601a;color:#e94560}.game-card-publish.draft{color:#7c5bf5}.game-card-publish.draft:hover{background:#7c5bf51a}.icon-edit-hint{position:absolute;bottom:4px;right:6px;font-size:.7rem;opacity:0;transition:opacity .15s}.game-card-preview:hover .icon-edit-hint{opacity:.6}.icon-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:300;display:flex;align-items:center;justify-content:center}.icon-picker{background:#1a1a2e;border:1px solid rgba(124,91,245,.3);border-radius:16px;padding:1.5rem;max-width:440px;width:90vw}.icon-picker h3{color:#e0e0f0;margin-bottom:1rem;text-align:center}.trash-list{display:flex;flex-direction:column;gap:.75rem}.trash-item{display:flex;align-items:center;gap:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem 1.25rem}.trash-icon{font-size:2rem}.trash-info{flex:1;min-width:0}.trash-info h3{color:#8888a0;font-size:1rem;margin-bottom:.2rem;text-decoration:line-through}.trash-info p{color:#505070;font-size:.8rem;margin-bottom:.3rem}.trash-meta{color:#505070;font-size:.75rem}.trash-restore{white-space:nowrap}.game-card-delete{cursor:pointer;background:none;border:none;color:#505070;font-size:.85rem;padding:.6rem .8rem;transition:all .15s}.game-card-delete:hover{background:#e945601a;color:#e94560}.star-rating{display:inline-flex;align-items:center;gap:.15rem;position:relative}.star-row{display:inline-flex;gap:.1rem}.star{color:#333;transition:color .15s,transform .15s}.star-rating-sm .star{font-size:.9rem}.star-rating-md .star{font-size:1.3rem}.star-rating-lg .star{font-size:1.6rem}.star-filled{color:#f5a623;text-shadow:0 0 8px rgba(245,166,35,.4)}.star-empty{color:#2a2a3e}.star-interactive{cursor:pointer;transition:color .12s,transform .12s}.star-interactive:hover{transform:scale(1.3)}.star-pop{animation:star-pop .35s ease}@keyframes star-pop{0%{transform:scale(1)}40%{transform:scale(1.6)}70%{transform:scale(.9)}to{transform:scale(1)}}.star-hint{font-size:1rem;margin-left:.3rem;animation:fade-in .15s ease}.star-reaction{position:absolute;top:-1.5rem;left:50%;transform:translate(-50%);font-size:1.4rem;animation:float-up 1.2s ease forwards;pointer-events:none}@keyframes float-up{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}60%{opacity:1;transform:translate(-50%) translateY(-20px) scale(1.3)}to{opacity:0;transform:translate(-50%) translateY(-35px) scale(.8)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.star-count{font-size:.7rem;color:#505070;margin-left:.3rem}.creator-badge{display:inline-flex;align-items:center;gap:.3rem}.creator-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}.creator-avatar-placeholder{font-size:.75rem}.play-time-badge{color:#505070;font-size:.7rem}.game-card-add{cursor:pointer;background:none;border:none;color:#7c5bf5;font-size:.8rem;padding:.6rem;transition:all .15s}.game-card-add:hover{background:#7c5bf51a}.game-card-remove{cursor:pointer;background:none;border:none;color:#e94560;font-size:.8rem;padding:.6rem;transition:all .15s}.game-card-remove:hover{background:#e945601a}.icon-picker-label{display:block;color:#8888a0;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.color-palette{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.5rem}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s;padding:0}.color-swatch:hover{transform:scale(1.2)}.color-swatch-selected{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d;transform:scale(1.15)}.icon-picker .color-palette{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;justify-items:center}.icon-picker .color-swatch{width:100%;max-width:24px;height:auto;aspect-ratio:1 / 1}.icon-picker .color-swatch:hover{transform:scale(1.15)}.icon-picker .color-swatch-selected{transform:scale(1.1)}.credit-balance-card{text-align:center;padding:2rem;margin:1.5rem 0;background:linear-gradient(135deg,#1a1040,#2a1060);border:1px solid rgba(124,91,245,.3);border-radius:16px}.credit-balance-amount{display:flex;align-items:center;justify-content:center;gap:.5rem}.credit-balance-icon{font-size:2.5rem}.credit-balance-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#7c5bf5,#e040fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.credit-balance-label{color:#8888a0;font-size:.9rem;margin-top:.5rem;text-transform:uppercase;letter-spacing:.1em}.credit-costs{background:#12121e;border:1px solid #1e1e38;border-radius:12px;padding:1.25rem;margin:1rem 0}.credit-costs h3{font-size:.85rem;color:#8888a0;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.credit-cost-grid{display:flex;flex-wrap:wrap;gap:.75rem}.credit-cost-item{display:flex;justify-content:space-between;width:100%;padding:.5rem 0;border-bottom:1px solid #1e1e38;color:#c0c0d0;font-size:.9rem}.credit-packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.credit-pack{background:#12121e;border:1px solid #1e1e38;border-radius:14px;padding:1.5rem 1rem;text-align:center;position:relative;transition:all .2s}.credit-pack:hover{border-color:#7c5bf5;transform:translateY(-2px)}.credit-pack-best{border-color:#ffd60a;background:linear-gradient(135deg,#1a1800,#12121e)}.credit-pack-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#e040fb,#7c5bf5);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .6rem;border-radius:20px;text-transform:uppercase}.credit-pack-best .credit-pack-badge{background:linear-gradient(135deg,#ffd60a,#fb8500);color:#000}.credit-pack-icon{font-size:2rem;margin-bottom:.5rem}.credit-pack-name{font-size:.95rem;font-weight:700;color:#e0e0f0;margin-bottom:.25rem}.credit-pack-amount{font-size:1.4rem;font-weight:800;color:#7c5bf5;margin-bottom:1rem}.credit-pack-buy{width:100%;padding:.65rem;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:.95rem;color:#fff;background:linear-gradient(135deg,#7c5bf5,#5b4ef5);transition:all .15s}.credit-pack-buy:hover{transform:scale(1.03);box-shadow:0 4px 12px #7c5bf566}.credit-pack-buy:disabled{opacity:.5;cursor:not-allowed;transform:none}.credit-history{background:#0c0c18;border:1px solid #1e1e38;border-radius:10px;padding:.5rem}.credit-history-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .5rem;border-bottom:1px solid #1e1e30;font-size:.85rem}.credit-history-row:last-child{border-bottom:none}.credit-history-amount{font-weight:700;min-width:60px}.credit-positive{color:#06d6a0}.credit-negative{color:#e94560}.credit-history-desc{flex:1;color:#a0a0b0}.credit-history-balance{color:#505070;font-size:.75rem}.credit-history-time{color:#505070;font-size:.75rem;min-width:50px;text-align:right}.credit-store-page{padding-top:1.5rem;padding-bottom:1rem}.credit-store-page .page-subtitle{margin-bottom:1.25rem}.credit-store-page .section-title{margin:1.35rem 0 .65rem;font-size:1.1rem}.credit-store-section-subtitle{color:#707090;font-size:.83rem;margin-bottom:.7rem}.credit-store-page .credit-balance-card{padding:1.35rem 1.5rem;margin:1rem 0;border-radius:14px}.credit-store-page .credit-balance-icon{font-size:2.1rem}.credit-store-page .credit-balance-number{font-size:2.5rem}.credit-store-page .credit-balance-label{margin-top:.35rem;font-size:.86rem}.credit-store-page .credit-costs{padding:1rem;margin:.8rem 0}.credit-store-page .credit-costs h3{margin-bottom:.55rem}.credit-store-page .credit-cost-item{padding:.4rem 0}.credit-store-page .sub-plans-grid{gap:.85rem}.credit-store-page .sub-plan{padding:1.15rem 1rem;border-radius:12px}.credit-store-page .sub-plan-icon{font-size:1.7rem;margin-bottom:.35rem}.credit-store-page .sub-plan-name{margin-bottom:.2rem;font-size:1rem}.credit-store-page .sub-plan-price{font-size:1.65rem;margin-bottom:.15rem}.credit-store-page .sub-plan-credits{font-size:.9rem;margin-bottom:.2rem}.credit-store-page .sub-plan-desc{margin-bottom:.75rem;font-size:.78rem}.credit-store-page .sub-plan-btn{padding:.55rem}.credit-store-page .credit-packs-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.8rem}.credit-store-page .credit-pack{padding:1.1rem .85rem}.credit-store-page .credit-pack-icon{font-size:1.7rem;margin-bottom:.35rem}.credit-store-page .credit-pack-name{margin-bottom:.2rem}.credit-store-page .credit-pack-amount{font-size:1.25rem;margin-bottom:.75rem}.credit-store-page .credit-pack-buy{padding:.55rem}.credit-store-note{text-align:center;margin:.5rem 0;color:#505070;font-size:.78rem}.credit-store-note-packs{margin:.75rem 0}.credit-store-history-wrap{margin-top:1.25rem}.credit-store-history-toggle{margin-bottom:.7rem}@media(max-width:600px){.credit-store-page{padding-top:1.2rem}.credit-store-page .page-subtitle{margin-bottom:1rem}.credit-store-page .credit-balance-card{padding:1rem;margin:.8rem 0}.credit-store-page .credit-balance-icon{font-size:1.8rem}.credit-store-page .credit-balance-number{font-size:2.15rem}.credit-store-page .section-title{margin:1.1rem 0 .55rem}}.game-icon-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.game-icon-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--icon-color) 15%,transparent),transparent 70%);transition:all .3s ease}.game-card:hover .game-icon-wrap:before{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--icon-color) 30%,transparent),transparent 70%)}.game-icon-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none}.game-icon-img{width:var(--icon-size, 120px);height:var(--icon-size, 120px);object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--icon-color) 40%,transparent));transition:transform .25s ease,filter .25s ease}.game-card:hover .game-icon-img{transform:scale(1.06);filter:drop-shadow(0 6px 20px color-mix(in srgb,var(--icon-color) 60%,transparent))}.game-icon-emoji{font-size:calc(var(--icon-size, 120px) * .55);line-height:1;position:relative;z-index:1;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--icon-color) 40%,transparent));transition:transform .25s ease}.game-card:hover .game-icon-emoji{transform:scale(1.08)}.game-card-preview{height:180px;background:linear-gradient(145deg,#0e0e1a,#141428);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.04);position:relative;overflow:hidden}.empty-state{text-align:center;padding:4rem 2rem}.empty-state-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{color:#e0e0f0;margin-bottom:.5rem}.empty-state p{color:#505070}.empty-state a{color:#7c5bf5}.my-games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.my-game-card{background:#12121e;border:1px solid #1e1e38;border-radius:14px;overflow:hidden;transition:all .2s}.my-game-card:hover{border-color:#7c5bf5;transform:translateY(-2px)}.my-game-link{display:block;text-decoration:none;color:inherit}.my-game-icon{height:160px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0e0e1a,#141428);border-bottom:1px solid rgba(255,255,255,.04);overflow:hidden;position:relative}.my-game-info{padding:1rem}.my-game-info h3{font-size:1rem;font-weight:700;color:#e0e0f0;margin-bottom:.25rem}.my-game-creator{font-size:.8rem;color:#6868a0;display:flex;align-items:center;gap:.3rem;margin-bottom:.5rem}.my-game-stats{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.my-game-playtime{font-size:.75rem;color:#505070}.my-game-actions{display:flex;border-top:1px solid #1e1e38}.my-game-play{flex:1;text-align:center;padding:.7rem;text-decoration:none;color:#06d6a0;font-weight:600;font-size:.85rem;transition:all .15s}.my-game-play:hover{background:#06d6a01a}.my-game-evolve{padding:.7rem 1rem;text-decoration:none;color:#7c5bf5;font-size:.85rem;transition:all .15s;border-left:1px solid #1e1e38}.my-game-evolve:hover{background:#7c5bf51a}.my-game-remove{padding:.7rem 1rem;background:none;border:none;border-left:1px solid #1e1e38;color:#e94560;cursor:pointer;font-size:.85rem;transition:all .15s}.my-game-remove:hover{background:#e945601a}.make-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}@media(max-width:600px){.make-actions{grid-template-columns:1fr}}.make-action-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:14px;text-decoration:none;color:#e0e0f0;transition:all .2s}.make-action-card h3{font-size:1rem;margin-bottom:.2rem}.make-action-card p{font-size:.8rem;color:#8888a0;margin:0}.make-action-icon{font-size:2rem}.make-action-create{background:linear-gradient(135deg,#1a1040,#2a1060);border:1px solid rgba(124,91,245,.3)}.make-action-create:hover{border-color:#7c5bf5;transform:translateY(-2px)}.make-action-evolve{background:linear-gradient(135deg,#0a1a20,#102030);border:1px solid rgba(6,214,160,.3)}.make-action-evolve:hover{border-color:#06d6a0;transform:translateY(-2px)}.discover-controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.discover-search{flex:1;min-width:200px;padding:.7rem 1rem;border-radius:10px;background:#12121e;border:1px solid #1e1e38;color:#e0e0f0;font-size:.9rem;outline:none;transition:border-color .15s}.discover-search:focus{border-color:#7c5bf5}.discover-search::placeholder{color:#505070}.discover-sort{display:flex;gap:.5rem}.discover-sort-btn{padding:.5rem .8rem;border-radius:8px;background:#12121e;border:1px solid #1e1e38;color:#8888a0;font-size:.8rem;cursor:pointer;transition:all .15s;white-space:nowrap}.discover-sort-btn.active{border-color:#7c5bf5;color:#e0e0f0;background:#7c5bf51a}.discover-sort-btn:hover{border-color:#7c5bf5}.lineage-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.lineage-pill{display:inline-flex;align-items:center;font-size:.68rem;color:#b8a9ff;border:1px solid rgba(124,91,245,.35);background:#7c5bf51f;border-radius:999px;padding:.18rem .55rem;letter-spacing:.01em}.lineage-pill-muted{color:#8d8da9;border-color:#ffffff1f;background:#ffffff08}.lineage-score-label{font-size:.73rem;color:#8e8ca8}.lineage-score-value{font-size:.82rem;font-weight:700;color:#f5a623}.featured-badge{position:absolute;top:8px;left:8px;background:#f5a62333;color:#f5a623;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:6px;z-index:2}.sidebar-divider{height:1px;background:#1e1e38;margin:.5rem .75rem}.sidebar-link-secondary{opacity:.7}.sidebar-link-secondary:hover{opacity:1}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.pause-menu{background:linear-gradient(145deg,#1a1a2e,#12121e);border:1px solid #2a2a48;border-radius:20px;padding:2.5rem 2rem;text-align:center;min-width:280px;box-shadow:0 20px 60px #00000080}.pause-icon{font-size:3rem;margin-bottom:.5rem;opacity:.8}.pause-title{color:#e0e0f0;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.pause-actions{display:flex;flex-direction:column;gap:.6rem}.pause-btn{padding:.75rem 1.5rem;border:1px solid #2a2a48;border-radius:12px;background:#0e0e1a;color:#a0a0b0;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;text-align:left}.pause-btn:hover{border-color:#7c5bf5;color:#e0e0f0;background:#7c5bf514}.pause-btn-resume{background:linear-gradient(135deg,#7c5bf5,#5b4ef5);color:#fff;border:none;text-align:center}.pause-btn-resume:hover{transform:scale(1.02);box-shadow:0 4px 16px #7c5bf566;background:linear-gradient(135deg,#8c6bf5,#6b5ef5)}.pause-btn-evolve{border-color:#7c5bf54d}.pause-btn-exit{color:#e94560;border-color:#e9456033}.pause-btn-exit:hover{border-color:#e94560;background:#e9456014}.pause-hint{color:#505070;font-size:.75rem;margin-top:1.25rem}.pause-lineage{margin-bottom:1rem;border:1px solid rgba(124,91,245,.22);border-radius:12px;background:#7c5bf514;padding:.75rem;text-align:left}.pause-lineage-header{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}.pause-lineage-chip{font-size:.68rem;color:#d5cbff;border:1px solid rgba(124,91,245,.4);background:#7c5bf533;border-radius:999px;padding:.17rem .55rem}.pause-lineage-chip-muted{color:#a6a3bf;background:#ffffff0d;border-color:#ffffff1f}.pause-lineage-score{display:flex;align-items:center;justify-content:space-between;color:#a6a2c6;font-size:.76rem;margin-bottom:.5rem}.pause-lineage-score-value{color:#f5a623;font-weight:700;font-size:.9rem}.pause-lineage-track{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;margin-bottom:.5rem}.pause-lineage-node{font-size:.66rem;color:#9f9cc0;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.12rem .46rem;background:#ffffff08}.pause-lineage-contributors{color:#8e8aa7;font-size:.72rem}.pause-hint-corner{position:fixed;top:12px;right:12px;z-index:50;color:#ffffff4d;font-size:.7rem;font-weight:600;padding:.3rem .6rem;border-radius:6px;background:#0000004d;pointer-events:none;animation:hintFade 4s ease forwards}@keyframes hintFade{0%,60%{opacity:1}to{opacity:0}}.sub-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.sub-plan{background:linear-gradient(135deg,#12121e,#1a1a2e);border:1px solid rgba(124,91,245,.15);border-radius:12px;padding:1.5rem;text-align:center;position:relative;transition:transform .2s,border-color .2s}.sub-plan:hover{transform:translateY(-3px);border-color:#7c5bf566}.sub-plan-popular{border-color:#7c5bf580}.sub-plan-best{border-color:#06d6a080}.sub-plan-active{border-color:#06d6a0;box-shadow:0 0 20px #06d6a026}.sub-plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#7c5bf5;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .75rem;border-radius:10px;white-space:nowrap}.sub-plan-badge-best{background:#06d6a0;color:#0a0a1a}.sub-plan-icon{font-size:2rem;margin-bottom:.5rem}.sub-plan-name{font-size:1.1rem;color:#e0e0f0;margin-bottom:.3rem}.sub-plan-price{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.25rem}.sub-plan-price span{font-size:.85rem;font-weight:400;color:#707090}.sub-plan-credits{color:#f5a623;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.sub-plan-desc{color:#505070;font-size:.8rem;margin-bottom:1rem}.sub-plan-btn{width:100%;padding:.6rem;border:none;border-radius:8px;background:linear-gradient(135deg,#7c5bf5,#6341d4);color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.sub-plan-btn:hover:not(:disabled){opacity:.9;transform:scale(1.02)}.sub-plan-btn:disabled{opacity:.5;cursor:default}.sub-plan-btn-active{background:#06d6a0;color:#0a0a1a}.profile-edit-card{background:linear-gradient(135deg,#12121e,#1a1a2e);border:1px solid rgba(124,91,245,.15);border-radius:16px;padding:2rem;max-width:600px}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.profile-avatar-big{width:80px;height:80px;border-radius:50%;background:#7c5bf526;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;border:2px solid rgba(124,91,245,.3);transition:border-color .2s}.profile-avatar-big:hover{border-color:#7c5bf5}.profile-avatar-big img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-avatar-emoji{font-size:2.5rem}.profile-avatar-edit{position:absolute;bottom:-2px;right:-2px;background:#7c5bf5;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.7rem}.avatar-picker{margin-top:.75rem;background:#1a1a2e;border:1px solid rgba(124,91,245,.2);border-radius:12px;padding:.75rem;max-width:280px}.avatar-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.3rem}.avatar-option{background:none;border:2px solid transparent;border-radius:8px;font-size:1.4rem;cursor:pointer;padding:.25rem;transition:all .15s}.avatar-option:hover{background:#7c5bf526;border-color:#7c5bf54d}.avatar-option-selected{border-color:#7c5bf5;background:#7c5bf533}.profile-field{margin-bottom:1.25rem}.profile-field label{display:block;color:#a0a0c0;font-size:.85rem;font-weight:600;margin-bottom:.4rem}.profile-field-hint{font-weight:400;color:#505070;margin-left:.5rem;font-size:.75rem}.profile-field input,.profile-field textarea{width:100%;background:#0f0f1a;border:1px solid rgba(124,91,245,.2);border-radius:8px;padding:.6rem .8rem;color:#e0e0f0;font-size:.9rem;font-family:inherit;box-sizing:border-box}.profile-field input:focus,.profile-field textarea:focus{outline:none;border-color:#7c5bf5}.profile-field textarea{resize:vertical}.username-input-row{display:flex;align-items:center;background:#0f0f1a;border:1px solid rgba(124,91,245,.2);border-radius:8px;overflow:hidden}.username-input-row:focus-within{border-color:#7c5bf5}.username-prefix{color:#505070;padding:0 .1rem 0 .8rem;font-size:.9rem}.username-input-row input{border:none;background:none;flex:1;padding:.6rem .4rem}.username-input-row input:focus{outline:none}.username-status{padding:0 .6rem;font-size:.9rem}.username-status-available{color:#06d6a0}.username-status-taken{color:#e94560}.username-status-invalid{color:#f5a623}.username-status-saved{color:#06d6a0}.field-error{color:#e94560;font-size:.78rem;margin-top:.3rem}.btn-link{background:none;border:none;color:#7c5bf5;cursor:pointer;font-size:.82rem;padding:.3rem 0}.btn-link:hover{text-decoration:underline}.username-suggestions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.4rem}.suggestion-chip{background:#7c5bf51f;border:1px solid rgba(124,91,245,.25);color:#a0a0f0;border-radius:16px;padding:.25rem .7rem;font-size:.8rem;cursor:pointer;transition:all .15s}.suggestion-chip:hover{background:#7c5bf540;border-color:#7c5bf5}.profile-url{background:#06d6a014;border:1px solid rgba(6,214,160,.2);border-radius:8px;padding:.6rem .8rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.profile-url-label{color:#505070;font-size:.8rem}.profile-url-link{color:#06d6a0;font-size:.85rem;text-decoration:none;font-weight:600}.profile-url-link:hover{text-decoration:underline}.profile-save-row{display:flex;align-items:center;gap:1rem}.save-msg{font-size:.85rem}.save-ok{color:#06d6a0}.save-err{color:#e94560}.profile-danger-zone{margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(233,69,96,.25)}.profile-danger-zone p{color:#8888a0;font-size:.82rem;margin:0 0 .75rem}.btn-danger{background:#e9456029;border:1px solid rgba(233,69,96,.5);color:#ffb3bf;padding:.65rem 1rem;border-radius:10px;cursor:pointer;font-weight:600}.btn-danger:hover:not(:disabled){background:#e9456040}.btn-danger:disabled{opacity:.6;cursor:default}.credit-cost-badge{margin-left:auto;font-size:.78rem;font-weight:700;color:#f5a623;background:#f5a62329;border:1px solid rgba(245,166,35,.4);border-radius:999px;padding:.25rem .65rem;white-space:nowrap}.welcome-onboarding-card{background:linear-gradient(135deg,#17122a,#1d1330);border:1px solid rgba(124,91,245,.35);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem}.welcome-onboarding-card h2{margin:0 0 .4rem}.welcome-onboarding-card p{color:#a0a0c0}.welcome-onboarding-input{min-height:120px}.welcome-onboarding-actions{display:flex;gap:.65rem;margin-top:.7rem;flex-wrap:wrap}.welcome-inline-player-wrap{margin:.8rem 0;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:#000}.welcome-inline-player{width:100%;height:500px;border:0}@media(max-width:768px){.welcome-inline-player{height:380px}}.welcome-nudge{color:#d7c8ff;font-weight:600}.builder-hero{text-align:center;padding:2rem 0}.builder-avatar-big{font-size:4rem;margin-bottom:.5rem}.builder-name{font-size:1.8rem;color:#e0e0f0;margin-bottom:.2rem}.builder-handle{color:#7c5bf5;font-size:1rem;margin-bottom:.5rem}.builder-bio{color:#a0a0c0;font-size:.95rem;max-width:500px;margin:0 auto .5rem}.builder-since{color:#505070;font-size:.8rem}.game-card-creator{color:#7c5bf5;text-decoration:none;font-size:.8rem}.game-card-creator:hover{text-decoration:underline}.pause-btn-save{opacity:.5;cursor:default!important}.pause-btn-save:hover{transform:none!important}.coming-soon-tag{font-size:.6rem;background:#7c5bf54d;color:#a0a0f0;padding:.1rem .4rem;border-radius:8px;margin-left:.4rem;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px}.cooldown-banner{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#e945601f,#e945600f);border:1px solid rgba(233,69,96,.3);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;animation:cooldown-shake .4s ease}@keyframes cooldown-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}.cooldown-icon{font-size:2rem}.cooldown-text{flex:1}.cooldown-msg{color:#e94560;font-size:.9rem;font-weight:600;margin:0 0 .2rem}.cooldown-timer{color:#a0a0c0;font-size:.85rem;margin:0}.cooldown-timer strong{color:#e94560;font-size:1.1rem;font-variant-numeric:tabular-nums}.volume-control{display:flex;align-items:center;gap:.4rem}.volume-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:.2rem;opacity:.7;transition:opacity .15s}.volume-btn:hover{opacity:1}.volume-slider{-webkit-appearance:none;width:70px;height:4px;background:#ffffff26;border-radius:2px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#7c5bf5;cursor:pointer}.volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#7c5bf5;cursor:pointer;border:none}.volume-btn-compact{background:none;border:none;font-size:1rem;cursor:pointer;padding:.2rem .4rem;opacity:.7;transition:opacity .15s}.volume-btn-compact:hover{opacity:1}.global-volume{position:fixed;top:.6rem;right:1rem;z-index:9999;background:#0a0a1ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:.4rem .75rem;display:flex;align-items:center}@media(max-width:768px){.global-volume{top:.6rem;right:.75rem}}.escape-hint{position:fixed;top:.6rem;right:1rem;z-index:102;color:#fff6;font-size:.75rem;font-family:monospace;pointer-events:none}.discover-page{position:relative}.discover-page{padding-top:0!important}.discover-sticky-header{position:sticky;top:0;z-index:50;background:#0a0a0f;padding:2rem 2.5rem 1rem}@media(max-width:768px){.discover-sticky-header{padding:1.5rem 1rem .75rem}}.discover-sticky-header:after{content:"";position:absolute;bottom:-2rem;left:0;right:0;height:2rem;background:linear-gradient(to bottom,#0a0a0f,transparent);pointer-events:none;z-index:49}.profile-avatar-clickable{position:relative}.profile-avatar-clickable:hover .avatar-edit-hint{opacity:1}.avatar-edit-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:50%;opacity:0;transition:opacity .2s;font-size:1.5rem;pointer-events:none}.icon-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon-picker{background:#12121f;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;max-width:480px;width:90%;max-height:85vh;overflow-y:auto}.icon-picker h3{color:#e0e0f0;margin:0 0 .5rem}.sidebar-profile-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem}.sidebar-profile-row .sidebar-avatar{flex-shrink:0}.sidebar-profile-row .sidebar-profile-link{padding:0}.sidebar-signout{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:none;border:none;color:var(--text-secondary, #999);font-size:.85rem;cursor:pointer;width:100%;transition:color .2s}.sidebar-signout:hover{color:var(--text-primary, #fff)}.sidebar-avatar-wrap{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.sidebar-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover;pointer-events:none}.sidebar-avatar-clerk{position:absolute;top:0;left:0;width:28px;height:28px;opacity:0}.sidebar-avatar-clerk:hover{opacity:1}.game-container grammarly-extension,.game-container [data-grammarly-shadow-root],.game-container grammarly-desktop-integration,.game-page grammarly-extension,.game-page [data-grammarly-shadow-root],.game-page grammarly-desktop-integration,.game-page .gt-toolbar,.game-page .ginger-module,.game-page .writesonic-editor{display:none!important;visibility:hidden!important;pointer-events:none!important}.game-card-wrap{position:relative}.game-card-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background:#0009;color:#999;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,color .2s,background .2s;z-index:2}.game-card-wrap:hover .game-card-remove{opacity:1}.game-card-remove:hover{color:#f46;background:#000c}.make-card-wrap{position:relative}.make-card-hover-actions{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:6px;opacity:0;transition:opacity .2s;z-index:3}.make-card-wrap:hover .make-card-hover-actions{opacity:1}.make-hover-btn{width:34px;height:34px;border-radius:8px;border:none;background:#141423d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s}.make-hover-btn:hover{background:#282841f2;transform:scale(1.1)}.make-hover-delete:hover{background:#b42828d9}.status-dot{font-size:.75rem;padding:2px 8px;border-radius:10px;font-weight:500}.status-published{background:#06d6a026;color:#06d6a0}.status-draft{background:#7c5bf526;color:#7c5bf5}.game-card-actions{display:none}.escape-hint-subtle{position:fixed;top:16px;left:50%;transform:translate(-50%);color:#fff6;font-size:.8rem;letter-spacing:.03em;pointer-events:none;z-index:100;animation:hint-fade 4s ease-in-out forwards}@keyframes hint-fade{0%{opacity:0}10%{opacity:1}60%{opacity:1}to{opacity:0}}.pause-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:1rem}.pause-actions-grid .pause-btn-wide{grid-column:1 / -1}.pause-actions-grid .pause-btn{padding:.6rem .8rem;font-size:.9rem}textarea,input,[contenteditable]{-webkit-writing-suggestions:false}grammarly-extension,[data-grammarly-shadow-root],grammarly-desktop-integration,.gt-toolbar,.ginger-module,.writesonic-editor,.ltadv-highlighted{display:none!important;visibility:hidden!important;pointer-events:none!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important}.game-hud-corner{position:fixed;top:12px;right:12px;display:flex;align-items:center;gap:12px;z-index:100;pointer-events:auto}.game-hud-esc{color:#ffffff4d;font-size:.75rem;letter-spacing:.03em;-webkit-user-select:none;user-select:none}.game-hud-corner .volume-control{opacity:.4;transition:opacity .2s}.game-hud-corner .volume-control:hover{opacity:1}.model-selector{margin:1.25rem 0}.model-selector-label{display:block;font-size:.85rem;color:#8888a0;margin-bottom:.5rem;font-weight:500}.model-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.model-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.75rem .5rem;border-radius:10px;border:2px solid rgba(124,91,245,.15);background:#7c5bf50d;cursor:pointer;transition:border-color .2s,background .2s}.model-option:hover{border-color:#7c5bf559;background:#7c5bf51a}.model-option-selected{border-color:#7c5bf5;background:#7c5bf526}.model-option-name{font-weight:600;font-size:.85rem;color:#e0e0f0}.model-option-cost{font-size:.9rem;color:#7c5bf5;font-weight:700}.model-option-desc{font-size:.7rem;color:#6a6a80;text-align:center}@media(max-width:600px){.model-options{grid-template-columns:1fr}}.prompt-assist{margin-top:.5rem}.prompt-assist-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.prompt-assist-btn{background:#7c5bf51a;border:1px solid rgba(124,91,245,.3);color:#b0a0e0;padding:.4rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s}.prompt-assist-btn:hover:not(:disabled){background:#7c5bf533;border-color:#7c5bf580;color:#d0c0ff}.prompt-assist-btn:disabled{opacity:.4;cursor:not-allowed}.prompt-assist-btn-apply{background:#00ff881a;border-color:#00ff884d;color:#80ffb0}.prompt-assist-btn-apply:hover:not(:disabled){background:#0f83;border-color:#00ff8880}.prompt-assist-error{color:#e94560;font-size:.8rem;margin-top:.4rem}.prompt-assist-review{margin-top:.5rem;background:#7c5bf514;border:1px solid rgba(124,91,245,.2);border-radius:8px;overflow:hidden}.prompt-assist-review-header{display:flex;justify-content:space-between;align-items:center;padding:.4rem .75rem;background:#7c5bf51a;font-size:.75rem;color:#8888a0;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.prompt-assist-review-close{background:none;border:none;color:#6868a0;cursor:pointer;font-size:.85rem;padding:0}.prompt-assist-review-body{padding:.6rem .75rem;font-size:.85rem;color:#b0a0d0;line-height:1.5;white-space:pre-wrap}.prompt-assist-applied{color:#0f8;font-size:.8rem;padding:.4rem .75rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-page{max-width:1200px;margin:0 auto;padding:1rem}.admin-tabs{display:flex;gap:.25rem;flex-wrap:wrap;border-bottom:1px solid rgba(124,91,245,.2);padding-bottom:.5rem;margin-bottom:1.5rem}.admin-tab{background:none;border:none;color:#6868a0;padding:.5rem .75rem;border-radius:6px 6px 0 0;cursor:pointer;font-size:.85rem;transition:all .15s}.admin-tab:hover{color:#b0a0e0;background:#7c5bf51a}.admin-tab-active{color:#e0e0e8;background:#7c5bf526;border-bottom:2px solid #7c5bf5}.admin-content h2{color:#e0e0e8;margin-bottom:1rem;font-size:1.3rem}.admin-content h3{color:#b0a0e0;margin:1.5rem 0 .75rem;font-size:1rem}.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem}.admin-kpi{background:#7c5bf514;border:1px solid rgba(124,91,245,.2);border-radius:8px;padding:1rem;text-align:center}.admin-kpi-value{font-size:1.5rem;font-weight:700;color:#e0e0e8}.admin-kpi-label{font-size:.75rem;color:#6868a0;margin-top:.25rem;text-transform:uppercase;letter-spacing:.05em}.admin-kpi-sub{font-size:.75rem;color:#7c5bf5;margin-top:.25rem}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th{text-align:left;padding:.5rem;color:#6868a0;border-bottom:1px solid rgba(124,91,245,.2);font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.05em}.admin-table td{padding:.5rem;color:#b0b0c0;border-bottom:1px solid rgba(255,255,255,.04)}.admin-table tbody tr:hover{background:#7c5bf50f}.admin-search{width:100%;padding:.6rem .75rem;background:#0a0a0f80;border:1px solid rgba(124,91,245,.3);border-radius:6px;color:#e0e0e8;font-size:.85rem;margin-bottom:1rem;outline:none}.admin-search:focus{border-color:#7c5bf5}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;color:#6868a0;font-size:.85rem}.admin-pagination button{background:#7c5bf51a;border:1px solid rgba(124,91,245,.3);color:#b0a0e0;padding:.3rem .75rem;border-radius:4px;cursor:pointer}.admin-pagination button:disabled{opacity:.3;cursor:not-allowed}.admin-error{background:#e945601a;border:1px solid rgba(233,69,96,.3);color:#e94560;padding:.75rem;border-radius:6px;margin-bottom:1rem}.admin-loading{display:flex;justify-content:center;padding:3rem}.admin-table code{font-size:.75rem;color:#6868a0;max-width:200px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-pause-btn{position:fixed;top:.6rem;right:1rem;z-index:9999;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#0a0a1a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffff80;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;line-height:1}.game-pause-btn:hover{background:#0a0a1ad9;color:#ffffffe6;border-color:#7c5bf566;transform:scale(1.05)}.game-pause-btn:active{transform:scale(.95)}.pause-volume{display:flex;justify-content:center;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:.75rem}.pause-volume .volume-control{opacity:1}.credit-store-page{max-width:100%!important}.credit-store-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#7c5bf526,#7c5bf50d);border:1px solid rgba(124,91,245,.2);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.credit-balance-compact{display:flex;align-items:baseline;gap:.5rem}.credit-balance-compact .credit-balance-icon{font-size:1.3rem}.credit-balance-compact .credit-balance-number{font-size:2rem;font-weight:700;color:gold}.credit-balance-compact .credit-balance-label{color:#8888a0;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.credit-costs-inline{display:flex;gap:1.5rem;color:#b0b0c0;font-size:.85rem;flex-wrap:wrap}.credit-costs-inline b{color:gold}.feed-page{max-width:100%}.feed-header{margin-bottom:1.5rem}.feed-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.feed-tab{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#8888a0;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.feed-tab:hover{border-color:#7c5bf54d;color:#e0e0f0}.feed-tab-active{background:#7c5bf533;border-color:#7c5bf5;color:#e0e0f0}.feed-tags{display:flex;gap:.4rem;flex-wrap:wrap}.feed-tag{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#6868a0;padding:.25rem .6rem;border-radius:12px;cursor:pointer;font-size:.75rem;text-transform:capitalize;transition:all .2s}.feed-tag:hover{border-color:#7c5bf54d;color:#b0b0c0}.feed-tag-active{background:#7c5bf526;border-color:#7c5bf5;color:#e0e0f0}.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.feed-card{display:flex;gap:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.75rem;cursor:pointer;transition:all .2s}.feed-card:hover{border-color:#7c5bf566;background:#7c5bf50d;transform:translateY(-2px)}.feed-card-icon{width:64px;height:64px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.feed-card-info{flex:1;min-width:0}.feed-card-title{font-size:.95rem;font-weight:600;color:#e0e0f0;margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-card-desc{font-size:.75rem;color:#6868a0;margin:0 0 .4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-card-meta{display:flex;gap:.6rem;font-size:.7rem;color:#505070;flex-wrap:wrap}.feed-card-tags{display:flex;gap:.3rem;margin-top:.3rem}.feed-card-tag{background:#7c5bf51a;color:#7c5bf5;padding:.1rem .4rem;border-radius:6px;font-size:.6rem;text-transform:capitalize}.gen-badge-sm{background:#7c5bf526;color:#7c5bf5;padding:.05rem .35rem;border-radius:4px;font-size:.65rem}.evolution-tree{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem;margin:1rem 0}.tree-title{font-size:1rem;margin:0 0 .75rem;color:#e0e0f0}.tree-container{max-height:300px;overflow-y:auto}.tree-node-wrap{margin-bottom:.25rem}.tree-node{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:8px;cursor:pointer;transition:all .15s}.tree-node:hover{background:#7c5bf51a}.tree-node-current{background:#7c5bf526;border:1px solid rgba(124,91,245,.3)}.tree-node-icon{font-size:1.2rem}.tree-node-info{flex:1;min-width:0}.tree-node-title{font-size:.8rem;color:#e0e0f0;display:block}.tree-node-meta{font-size:.65rem;color:#6868a0}.notif-wrap{position:relative}.notif-bell{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.3rem;position:relative;opacity:.7;transition:opacity .2s}.notif-bell:hover{opacity:1}.notif-badge{position:absolute;top:-2px;right:-4px;background:#e94560;color:#fff;font-size:.55rem;font-weight:700;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px}.notif-dropdown{position:absolute;top:100%;right:0;width:320px;max-height:400px;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #00000080;z-index:9999;overflow:hidden}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);font-size:.85rem;color:#e0e0f0;font-weight:600}.notif-mark-read{background:none;border:none;color:#7c5bf5;cursor:pointer;font-size:.7rem}.notif-empty{padding:2rem;text-align:center;color:#505070;font-size:.85rem}.notif-list{overflow-y:auto;max-height:340px}.notif-item{padding:.6rem 1rem;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:background .15s}.notif-item:hover{background:#7c5bf50d}.notif-unread{background:#7c5bf514}.notif-item-title{font-size:.8rem;color:#e0e0f0;font-weight:500}.notif-item-body{font-size:.7rem;color:#6868a0;margin-top:.15rem}.notif-item-time{font-size:.6rem;color:#505070;margin-top:.2rem}.follow-btn{background:#7c5bf5;color:#fff;border:none;padding:.4rem 1rem;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s}.follow-btn:hover{background:#6a4be0}.follow-btn.following{background:#ffffff14;color:#8888a0;border:1px solid rgba(255,255,255,.1)}.follow-btn.following:hover{background:#e945601a;color:#e94560;border-color:#e945604d}.follow-btn-sm{background:#7c5bf526;color:#7c5bf5;border:none;padding:.15rem .5rem;border-radius:10px;cursor:pointer;font-size:.65rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;margin-left:.3rem;white-space:nowrap}.follow-btn-sm:hover{background:#7c5bf5;color:#fff}.follow-btn-sm.following{background:#4ecdc426;color:#4ecdc4}.follow-btn-sm.following:hover{background:#e9456026;color:#e94560}.follow-chip{display:inline-flex;align-items:center;gap:.3rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:.3rem .6rem;border-radius:8px;font-size:.8rem;color:#e0e0f0;text-decoration:none;transition:all .15s}.follow-chip:hover{border-color:#7c5bf54d;background:#7c5bf50d}.game-card-tags-row{display:flex;gap:.3rem;margin-bottom:.3rem}.game-tag-pill{background:#7c5bf51a;color:#7c5bf5;padding:.1rem .4rem;border-radius:6px;font-size:.6rem;text-transform:capitalize}.report-modal{max-width:420px}.report-reasons{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.report-reason-option{padding:.6rem .75rem;border-radius:6px;cursor:pointer;background:#ffffff08;border:1px solid rgba(255,255,255,.08);font-size:.9rem;transition:all .15s}.report-reason-option:hover{background:#7c5bf51a;border-color:#7c5bf54d}.report-reason-option.selected{background:#7c5bf526;border-color:#7c5bf5;color:#e0e0f0}.report-comment{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.6rem;color:#e0e0f0;font-size:.85rem;resize:vertical}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;width:100%;color:#e0e0f0}.report-btn{opacity:.4;font-size:.75rem!important;padding:.2rem .4rem!important}.report-btn:hover{opacity:1}.confirm-dialog{max-width:400px}.btn-danger{background:#e94560;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:background .15s}.btn-danger:hover{background:#d63851}.friends-page{max-width:100%}.friends-layout{display:flex;gap:0;height:calc(100vh - 160px);border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.friends-list{width:280px;min-width:280px;border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;background:#0003}.friend-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s}.friend-item:hover{background:#7c5bf514}.friend-item-active{background:#7c5bf51f;border-left:3px solid #7c5bf5}.friend-avatar{position:relative;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:1.2rem;overflow:hidden}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-status{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:#505070;border:2px solid #0a0a1a}.friend-status.online{background:#06d6a0}.friend-info{overflow:hidden}.friend-name{color:#e0e0f0;font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-activity{color:#06d6a0;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-area{flex:1;display:flex;flex-direction:column;min-width:0}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#505070;font-size:1.1rem;gap:.5rem}.chat-empty p:first-child{font-size:2.5rem}.chat-header{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.chat-header-name{color:#e0e0f0;font-weight:600;font-size:.95rem}.chat-playing-link{color:#06d6a0;font-size:.8rem;text-decoration:none}.chat-playing-link:hover{text-decoration:underline}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.chat-msg{display:flex;flex-direction:column;max-width:70%}.chat-msg-mine{align-self:flex-end;align-items:flex-end}.chat-msg-theirs{align-self:flex-start;align-items:flex-start}.chat-msg-bubble{padding:.5rem .75rem;border-radius:12px;font-size:.9rem;line-height:1.4;word-break:break-word}.chat-msg-mine .chat-msg-bubble{background:#7c5bf5;color:#fff;border-bottom-right-radius:4px}.chat-msg-theirs .chat-msg-bubble{background:#ffffff14;color:#e0e0f0;border-bottom-left-radius:4px}.chat-msg-time{font-size:.65rem;color:#505070;margin-top:.15rem}.chat-input-bar{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.06)}.chat-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:.5rem 1rem;color:#e0e0f0;font-size:.9rem;outline:none}.chat-input:focus{border-color:#7c5bf580}.chat-send-btn{width:36px;height:36px;border-radius:50%;background:#7c5bf5;color:#fff;border:none;cursor:pointer;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-send-btn:disabled{opacity:.3;cursor:default}.chat-send-btn:not(:disabled):hover{background:#6a4be0}@media(max-width:640px){.friends-list{width:72px;min-width:72px}.friend-info{display:none}.friend-item{justify-content:center;padding:.75rem .5rem}}.model-option-disabled{opacity:.35;cursor:not-allowed!important;pointer-events:none}.make-tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.make-tab{background:none;border:none;color:#6868a0;padding:.6rem 1.25rem;font-size:.9rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.make-tab:hover{color:#e0e0f0}.make-tab-active{color:#e0e0f0;border-bottom-color:#7c5bf5}.comments-section{margin-top:2rem;max-width:720px}.comments-title{color:#e0e0f0;font-size:1.1rem;margin-bottom:1rem}.comments-empty{color:#505070;font-size:.9rem}.comment-compose{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:1.5rem}.comment-compose .textarea-wrap{flex:1}.comment-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem .75rem;color:#e0e0f0;font-size:.9rem;resize:vertical;font-family:inherit}.comment-input:focus{outline:none;border-color:#7c5bf580}.comment-post-btn{background:#7c5bf5;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-size:.85rem;font-weight:600;white-space:nowrap;align-self:flex-end}.comment-post-btn:disabled{opacity:.3;cursor:default}.comment-post-btn:not(:disabled):hover{background:#6a4be0}.comment-cancel-btn{background:none;border:1px solid rgba(255,255,255,.1);color:#6868a0;border-radius:8px;padding:.4rem .75rem;cursor:pointer;font-size:.8rem}.comment-thread{margin-bottom:.75rem}.comment-reply{margin-left:2rem;border-left:2px solid rgba(124,91,245,.2);padding-left:.75rem}.comment-reply-compose{margin-left:2rem;margin-top:.5rem}.comment-reply-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.4rem}.comment-bubble{background:#ffffff08;border-radius:8px;padding:.6rem .75rem;margin-bottom:.4rem}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem;flex-wrap:wrap}.comment-avatar{width:24px;height:24px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:.75rem;overflow:hidden;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-author{color:#e0e0f0;font-size:.85rem;font-weight:600}.comment-creator-badge{background:#7c5bf533;color:#a78bfa;font-size:.65rem;padding:.1rem .4rem;border-radius:4px;font-weight:600;text-transform:uppercase}.comment-time{color:#505070;font-size:.75rem}.comment-actions-right{margin-left:auto;display:flex;gap:.25rem}.comment-action-btn{background:none;border:none;color:#6868a0;cursor:pointer;font-size:.75rem;padding:.15rem .35rem;border-radius:4px}.comment-action-btn:hover{color:#e0e0f0;background:#ffffff0d}.comment-delete-btn:hover{color:#e94560}.comment-content{color:#c0c0d8;font-size:.88rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}