*,*:before,*:after{box-sizing:border-box;padding:0;margin:0;font-size:100%}:root{--color-background-dark: #111827;--color-background-gradient-start: rgba(76, 29, 149, .4);--color-text-primary: #E5E7EB;--color-text-secondary: #9CA3AF;--color-accent-primary: #8B5CF6;--color-accent-secondary: #34D399;--color-accent-tag: #10B981;--color-card-bg: rgba(31, 41, 55, .5);--color-card-border: rgba(255, 255, 255, .1);--color-input-bg: rgba(55, 65, 81, .7)}body{font-family:Inter,sans-serif;background-color:var(--color-background-dark);background-image:radial-gradient(ellipse 80% 60% at 50% -10%,var(--color-background-gradient-start),rgba(17,24,39,0) 50%);color:var(--color-text-primary);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1280px;margin-left:auto;margin-right:auto;padding:0 1rem}.header-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{font-size:1.5rem;font-weight:900;letter-spacing:-.05em;color:#fff}.logo__gradient{color:var(--color-accent-secondary)}.nav-links a{color:var(--color-text-secondary);transition:color .2s;margin:0 .75rem;font-weight:600}.nav-links a:hover{color:var(--color-text-primary)}.hero-section{text-align:center;padding:5rem 0}.hero-section__title{font-size:2.5rem;font-weight:900;letter-spacing:-.05em;margin-bottom:1rem;color:#fff}.hero-section__subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:42rem;margin:0 auto 2rem}.btn{display:inline-block;font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;text-align:center;transition:all .2s;border:none;cursor:pointer}.btn--primary{background-color:var(--color-accent-primary);color:#fff;box-shadow:0 0 20px #8b5cf666}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #8b5cf699}.btn--secondary{background-color:var(--color-accent-secondary);color:var(--color-background-dark)}.btn--info{background-color:#ffffff1a;color:#fff}.btn--info:hover{background-color:#ffffff26}.game-gallery{padding:4rem 0}.game-gallery__title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#fff}.game-gallery__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media (min-width: 768px){.game-gallery__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.game-gallery__grid{grid-template-columns:repeat(3,1fr)}}.game-card{background-color:var(--color-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-card-border);border-radius:.75rem;overflow:hidden;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column}.game-card__content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.game-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.game-card__title{font-size:1.25rem;font-weight:700;color:#fff}.game-card__tag{font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;background-color:var(--color-accent-tag);color:#064e3b}.game-card__description{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:1rem;flex-grow:1}.game-card__meta{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:1.5rem}.game-card__actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.game-card__actions .btn{flex:1}.video-placeholder{background-color:#1f2937;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9}.video-placeholder .play-icon{width:50px;height:50px;background-color:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.video-placeholder:hover .play-icon{background-color:#fff3}.video-placeholder .play-icon svg{width:24px;height:24px;fill:#fff;margin-left:4px}.ai-prompt-result{padding:.75rem;border-radius:.5rem;text-align:center;font-size:.875rem;margin-bottom:1rem;min-height:56px;display:flex;align-items:center;justify-content:center;background-color:#11182780;color:var(--color-accent-secondary)}.ai-input{width:100%;border-radius:.5rem;padding:.5rem .75rem;border:1px solid #4B5563;color:var(--color-text-primary);background-color:var(--color-input-bg);margin-bottom:.75rem}.ai-input::placeholder{color:var(--color-text-secondary)}.ai-input:focus{outline:none;box-shadow:0 0 0 2px var(--color-accent-primary);border-color:var(--color-accent-primary)}.loader{border:3px solid rgba(255,255,255,.2);border-top:3px solid var(--color-accent-primary);border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{margin-top:6rem;background-color:#11182780;text-align:center;padding:3rem 1rem}.footer__links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.footer__links a{color:var(--color-text-secondary);font-weight:600}.footer__links a:hover{color:var(--color-text-primary)}.footer__copyright{font-size:.875rem;color:var(--color-text-secondary);opacity:.8}.controller-container{display:flex;flex-direction:column;touch-action:none;background:#111;color:#fff;-webkit-user-select:none;user-select:none}.controller-header{padding:1rem;text-align:center;background:#333}.controller-title{margin:0;font-size:1.2rem}.controller-status{margin:.5rem 0 0;font-size:.9rem;color:#aaa}.controller-actions{flex-grow:1;display:flex;flex-direction:column}.controller-button{flex:1;border:none;background:#444;color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.controller-button:active{background:#555}.controller-divider{height:2px;background:#666}