@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.header{position:sticky;top:0;z-index:100;padding:var(--spacing-md) 0}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.logo:hover{color:var(--color-text-primary)}.logo-img{width:40px;height:40px;filter:drop-shadow(0 0 8px rgba(99,102,241,.5))}.logo-text{background:linear-gradient(135deg,var(--color-text-primary),var(--color-accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:var(--spacing-lg)}.nav-link{color:var(--color-text-secondary);font-weight:500;transition:color .2s ease}.nav-link:hover{color:var(--color-text-primary)}.header-actions,.user-menu{display:flex;align-items:center;gap:var(--spacing-sm)}@media(max-width:768px){.nav,.logo-text{display:none}}.locale-toggle{background:#ffffff14;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:.35rem .65rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.locale-toggle:hover{background:#ffffff26;color:var(--color-text-primary);border-color:var(--color-accent-primary)}.footer{margin-top:auto;padding:var(--spacing-2xl) 0 var(--spacing-lg);border-top:1px solid var(--color-border);background:#0a0a0fcc}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.footer-brand{text-align:center}.footer-logo{font-size:1.3rem;font-weight:600;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{font-size:.85rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.footer-links{display:flex;gap:var(--spacing-2xl);flex-wrap:wrap;justify-content:center}.footer-links-group{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:140px}.footer-links-title{font-size:.85rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.footer-link{font-size:.9rem;color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--color-accent-primary)}.footer-copyright{font-size:.8rem;color:var(--color-text-muted);text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);width:100%}@media(max-width:768px){.footer-links{gap:var(--spacing-xl)}}.adblock-detector-overlay{position:fixed;bottom:20px;right:20px;z-index:9999;animation:slideIn .5s ease;pointer-events:none}.adblock-message-box{background:#1e1e28f2;border:1px solid var(--color-border);padding:var(--spacing-lg);border-radius:var(--radius-md);max-width:320px;box-shadow:0 10px 25px #00000080;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);pointer-events:auto}.adblock-icon{font-size:2.5rem;margin-bottom:-10px}.adblock-message-box h3{color:var(--color-error);margin:0;font-size:1.1rem}.adblock-message-box p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.adblock-actions{display:flex;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-xs)}.adblock-actions button{flex:1}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.adblock-detector-overlay{bottom:0;right:0;left:0;width:100%;padding:10px}.adblock-message-box{max-width:100%;width:100%}}.game-card{overflow:hidden;display:flex;flex-direction:column;animation:fadeIn .5s ease forwards}.game-card-thumbnail{aspect-ratio:16 / 9;overflow:hidden;background:var(--color-bg-secondary)}.game-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.game-card:hover .game-card-thumbnail img{transform:scale(1.05)}.game-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-primary));font-size:3rem}.game-card-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.game-card-title{font-size:1.25rem;margin:0}.game-card-description{font-size:.9rem;color:var(--color-text-secondary);flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.game-card-tag{font-size:.75rem;padding:.2em .6em;background:#6366f133;color:var(--color-accent-primary);border-radius:var(--radius-sm)}.game-card-play{margin-top:var(--spacing-md);width:100%}.home{flex:1}.hero{position:relative;padding:var(--spacing-2xl) 0;min-height:50vh;display:flex;align-items:center;overflow:hidden}.hero-content{position:relative;z-index:1;text-align:center;animation:fadeIn .8s ease}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--spacing-xl)}.hero-actions{display:flex;justify-content:center;gap:var(--spacing-md)}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(99,102,241,.2) 0%,transparent 70%);pointer-events:none}.section{padding:var(--spacing-2xl) 0}.section-title{margin-bottom:var(--spacing-xl);text-align:center}.section-more{margin-top:var(--spacing-xl);text-align:center}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.about-grid,.features-grid{grid-template-columns:1fr}}.about-section{border-top:1px solid var(--color-border)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:start}.about-text p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-md)}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.feature-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.feature-item:hover{border-color:#6366f14d;transform:translateY(-2px)}.feature-icon{font-size:1.8rem;flex-shrink:0}.feature-item h3{font-size:.95rem;font-weight:600;margin-bottom:var(--spacing-xs)}.feature-item p{font-size:.85rem;color:var(--color-text-muted)}.faq-section{border-top:1px solid var(--color-border)}.faq-grid{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.faq-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .3s ease}.faq-item[open]{border-color:#6366f14d}.faq-question{padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;font-weight:600;color:var(--color-text-primary);list-style:none;display:flex;align-items:center;justify-content:space-between;transition:color .3s ease}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-size:1.3rem;font-weight:300;color:var(--color-accent-primary);transition:transform .3s ease;flex-shrink:0;margin-left:var(--spacing-md)}.faq-item[open] .faq-question:after{content:"−"}.faq-question:hover{color:var(--color-accent-primary)}.faq-answer{padding:0 var(--spacing-lg) var(--spacing-md);color:var(--color-text-secondary);line-height:1.8;margin:0}.games-page{flex:1;padding:var(--spacing-xl) 0}.page-header{text-align:center;margin-bottom:var(--spacing-2xl);animation:fadeIn .5s ease}.page-header h1{margin-bottom:var(--spacing-sm)}.page-header p{color:var(--color-text-secondary)}.empty-state{text-align:center;padding:var(--spacing-2xl)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.empty-state h2{margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--color-text-muted)}.game-detail-page{flex:1;padding:var(--spacing-2xl) 0;min-height:60vh}.game-detail-header{margin-bottom:var(--spacing-2xl)}.game-detail-hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-xl);border:1px solid var(--color-border)}.game-detail-hero img{width:100%;height:300px;object-fit:cover;display:block}.game-detail-hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-2xl) var(--spacing-xl);background:linear-gradient(transparent,#000000d9)}.game-detail-hero-overlay h1{font-size:2.5rem;margin-bottom:var(--spacing-sm);text-shadow:0 2px 8px rgba(0,0,0,.5)}.game-detail-tags{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.game-detail-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:#6366f133;color:var(--color-accent-primary);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;border:1px solid rgba(99,102,241,.3)}.game-detail-content{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-xl)}.game-detail-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.game-detail-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-detail-section h2{font-size:1.3rem;color:var(--color-accent-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.game-detail-section p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-md)}.game-detail-section p:last-child{margin-bottom:0}.game-detail-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.game-detail-play-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;position:sticky;top:100px}.game-detail-play-card h3{margin-bottom:var(--spacing-md)}.game-detail-play-card p{color:var(--color-text-muted);font-size:.9rem;margin-bottom:var(--spacing-lg)}.game-detail-play-btn{display:block;width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:1.1rem;text-align:center}.game-detail-info{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.game-detail-info-item{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);font-size:.9rem}.game-detail-info-label{color:var(--color-text-muted)}.game-detail-info-value{color:var(--color-text-secondary)}.how-to-play-list{list-style:none;padding:0;counter-reset:step}.how-to-play-list li{position:relative;padding-left:2.5rem;margin-bottom:var(--spacing-md);color:var(--color-text-secondary);line-height:1.7;counter-increment:step}.how-to-play-list li:before{content:counter(step);position:absolute;left:0;top:0;width:1.8rem;height:1.8rem;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600}@media(max-width:768px){.game-detail-content{grid-template-columns:1fr}.game-detail-hero img{height:200px}.game-detail-hero-overlay h1{font-size:1.8rem}.game-detail-play-card{position:static}}.strategy-guide-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.strategy-section{background:#0003;border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid rgba(255,255,255,.05)}.strategy-section h3{font-size:1.1rem;color:var(--color-accent-secondary);margin-bottom:var(--spacing-sm);display:flex;align-items:center}.strategy-section h3:before{content:"💡";margin-right:var(--spacing-sm);font-size:1.2rem}.strategy-section p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.7;margin:0}.faq-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.game-detail-section .faq-item{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);overflow:hidden;transition:border-color .3s ease}.game-detail-section .faq-item[open]{border-color:#6366f14d}.game-detail-section .faq-question{padding:var(--spacing-md);cursor:pointer;font-weight:600;font-size:.95rem;color:var(--color-text-primary);list-style:none;display:flex;align-items:center;justify-content:space-between;transition:color .3s ease}.game-detail-section .faq-question::-webkit-details-marker{display:none}.game-detail-section .faq-question:after{content:"+";font-size:1.2rem;font-weight:300;color:var(--color-accent-primary);flex-shrink:0;margin-left:var(--spacing-md)}.game-detail-section .faq-item[open] .faq-question:after{content:"−"}.game-detail-section .faq-question:hover{color:var(--color-accent-primary)}.game-detail-section .faq-answer{padding:0 var(--spacing-md) var(--spacing-md);color:var(--color-text-secondary);line-height:1.7;font-size:.95rem;margin:0}.login-page{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.login-container{width:100%;max-width:400px}.login-card{padding:var(--spacing-xl);animation:fadeIn .5s ease}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-header h1{margin-bottom:var(--spacing-xs)}.login-header p{color:var(--color-text-secondary)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.9rem;font-weight:500;color:var(--color-text-secondary)}.login-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.9rem}.login-message.error{background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.login-message.success{background:#22c55e1a;color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.login-submit{margin-top:var(--spacing-sm);width:100%;padding:var(--spacing-md)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:var(--spacing-xl);text-align:center;display:flex;flex-direction:column;gap:var(--spacing-sm)}.login-footer p{color:var(--color-text-secondary);font-size:.9rem}.link-button{background:none;border:none;color:var(--color-accent-primary);font-family:inherit;font-size:inherit;cursor:pointer;text-decoration:underline}.link-button:hover{color:var(--color-accent-secondary)}.back-link{font-size:.9rem;color:var(--color-text-muted)}.back-link:hover{color:var(--color-text-secondary)}.profile-page{flex:1;padding:var(--spacing-xl) 0}.profile-card{max-width:600px;margin:0 auto;padding:var(--spacing-xl);animation:fadeIn .5s ease}.profile-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff}.profile-info{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.profile-field{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.profile-label{font-size:.85rem;font-weight:500;color:var(--color-text-muted)}.profile-value{color:var(--color-text-primary);word-break:break-all}.profile-value-row{display:flex;justify-content:space-between;align-items:center;width:100%}.profile-edit-row{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.profile-name-input{width:100%;background:var(--color-bg-primary);border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-primary);border-radius:var(--radius-sm)}.profile-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.btn-sm{padding:.25rem .75rem;font-size:.85rem;min-height:32px}.message{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);text-align:center;font-size:.9rem}.message.success{background:#22c55e1a;color:var(--color-success);border:1px solid rgba(34,197,94,.2)}.message.error{background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.profile-id-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.profile-id{font-size:.85rem;font-family:monospace;color:var(--color-text-secondary)}.copy-btn{padding:2px 8px;font-size:.8rem;min-height:auto;border-color:var(--color-border)}.profile-section{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.profile-section h2{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.profile-note{font-size:.9rem;color:var(--color-text-muted)}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.friends-page{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.friends-section{background:#ffffff0d;border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border)}.friends-section h2{font-size:1.25rem;margin-bottom:var(--spacing-md);color:var(--color-text-primary);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--spacing-xs)}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.friend-card{background:#0003;border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;align-items:center;justify-content:space-between;transition:background .2s}.friend-card:hover{background:#0000004d}.friend-info-link{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:inherit;flex:1}.friend-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.friend-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.2rem}.friend-name{font-weight:600;color:var(--color-text-primary)}.friend-actions{display:flex;gap:var(--spacing-xs)}.search-form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.search-input{flex:1;padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary)}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:var(--spacing-xs);opacity:.7;transition:opacity .2s}.btn-icon:hover{opacity:1}.btn-icon.delete:hover{color:var(--color-error)}.no-friends{color:var(--color-text-secondary);font-style:italic;text-align:center;padding:var(--spacing-md)}.legal-page{flex:1;padding:var(--spacing-2xl) 0;min-height:60vh}.legal-page .page-header{margin-bottom:var(--spacing-2xl);text-align:center}.legal-page .page-header h1{font-size:2.2rem;margin-bottom:var(--spacing-sm)}.legal-page .page-header .last-updated{color:var(--color-text-muted);font-size:.9rem}.legal-content{max-width:800px;margin:0 auto;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legal-content section{margin-bottom:var(--spacing-2xl)}.legal-content section:last-child{margin-bottom:0}.legal-content h2{font-size:1.3rem;color:var(--color-accent-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.legal-content p{margin-bottom:var(--spacing-md);line-height:1.8;color:var(--color-text-secondary)}.legal-content ul{list-style:none;padding:0;margin-bottom:var(--spacing-md)}.legal-content ul li{position:relative;padding-left:1.5rem;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);line-height:1.7}.legal-content ul li:before{content:"•";position:absolute;left:0;color:var(--color-accent-primary);font-weight:700}.legal-content a{color:var(--color-accent-primary);text-decoration:underline;text-underline-offset:2px}.legal-content a:hover{color:var(--color-accent-secondary)}@media(max-width:768px){.legal-content{padding:var(--spacing-lg)}}.contact-page{flex:1;padding:var(--spacing-2xl) 0;min-height:60vh}.contact-page .page-header{margin-bottom:var(--spacing-2xl);text-align:center}.contact-page .page-header h1{font-size:2.2rem;margin-bottom:var(--spacing-sm)}.contact-page .page-header p{color:var(--color-text-secondary)}.contact-content{max-width:800px;margin:0 auto}.contact-form-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.contact-form-card .contact-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.contact-form-card h2{font-size:1.5rem;margin-bottom:var(--spacing-md)}.contact-form-card p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.7}.contact-form-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:#fff;border-radius:var(--radius-md);font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .3s ease;box-shadow:var(--shadow-sm)}.contact-form-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);color:#fff}.contact-note{margin-top:var(--spacing-2xl)}.contact-note p{font-size:.9rem;color:var(--color-text-muted)}@media(max-width:768px){.contact-form-card{padding:var(--spacing-lg)}}.about-page{flex:1;padding:var(--spacing-2xl) 0;min-height:60vh}.about-page .page-header{margin-bottom:var(--spacing-2xl);text-align:center}.about-page .page-header h1{font-size:2.2rem;margin-bottom:var(--spacing-sm)}.about-page .page-header p{color:var(--color-text-secondary);font-size:1.1rem}.about-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.about-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.about-card:hover{border-color:#6366f14d}.about-card-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.about-card h2{font-size:1.4rem;margin-bottom:var(--spacing-md);color:var(--color-accent-primary)}.about-card p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-md)}.about-card p:last-child{margin-bottom:0}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.about-feature{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.about-feature-icon{font-size:1.5rem}.about-feature span:last-child{color:var(--color-text-secondary);font-size:.95rem}@media(max-width:768px){.about-card{padding:var(--spacing-lg)}.about-features{grid-template-columns:1fr}}.notfound-page{flex:1;display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-2xl) 0}.notfound-content{text-align:center;max-width:500px}.notfound-code{font-size:8rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--spacing-md)}.notfound-content h1{font-size:1.8rem;margin-bottom:var(--spacing-md)}.notfound-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.7}.notfound-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media(max-width:768px){.notfound-code{font-size:5rem}}:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-card: rgba(26, 26, 36, .8);--color-accent-primary: #6366f1;--color-accent-secondary: #8b5cf6;--color-accent-glow: rgba(99, 102, 241, .4);--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: rgba(255, 255, 255, .1);--color-success: #22c55e;--color-error: #ef4444;font-family:Outfit,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;font-weight:400;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--color-accent-glow);color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-bg-primary)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(139,92,246,.1),transparent),var(--color-bg-primary);background-attachment:fixed}#root{display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{color:var(--color-text-secondary)}a{color:var(--color-accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-family:inherit;font-size:.95rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{border-color:var(--color-accent-primary);background:#6366f11a}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:1rem;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-glow)}.input::placeholder{color:var(--color-text-muted)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.card:hover{border-color:#6366f14d;box-shadow:var(--shadow-md)}.glass{background:#1a1a2499;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.grid{display:grid;gap:var(--spacing-lg)}.grid-games{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .5s ease forwards}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){:root{font-size:14px}h1{font-size:2rem}h2{font-size:1.5rem}.container{padding:0 var(--spacing-md)}.grid-games{grid-template-columns:1fr}}