@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-primary:#1a1625;--bg-secondary:#2d2340;--color-primary:#c8a2e0;--color-secondary:#7dd3c0;--color-accent:#ffb6d9;--color-text:#e8e8e8;--color-text-secondary:#b0b0b0;--color-border:#2d2340;--color-success:#7dd3c0;--color-error:#ff6b9d;--color-warning:#ffb347;--font-primary:"Poppins",sans-serif;--font-secondary:"Inter",sans-serif;--font-size-base:16px;--font-size-sm:14px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:48px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--header-height:72px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0003;--shadow-xl:0 20px 25px #0000004d;--transition-fast:.15s ease-in-out;--transition-base:.3s ease-in-out;--transition-slow:.5s ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;font-size:var(--font-size-base)}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--color-text);padding-top:var(--header-height);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);line-height:1.2}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-primary);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--color-secondary)}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.site-header .container{max-width:100%;padding:0 var(--spacing-md)}.container-lg{max-width:1400px;padding:0 var(--spacing-md);margin:0 auto}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.grid{display:grid}.grid-2{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.px-md{padding:0 var(--spacing-md)}.px-lg{padding:0 var(--spacing-lg)}.py-md{padding:var(--spacing-md)0}.py-lg{padding:var(--spacing-lg)0}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-muted{color:var(--color-text-secondary)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.hidden{display:none!important}.visible{display:block!important}.btn{padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:var(--spacing-sm);border:2px solid #0000;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--bg-primary);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){color:var(--color-primary);box-shadow:var(--shadow-lg);background-color:#0000}.btn-secondary{background-color:var(--color-secondary);color:var(--bg-primary);border-color:var(--color-secondary)}.btn-secondary:hover:not(:disabled){color:var(--color-secondary);box-shadow:var(--shadow-lg);background-color:#0000}.btn-accent{background-color:var(--color-accent);color:var(--bg-primary);border-color:var(--color-accent)}.btn-accent:hover:not(:disabled){color:var(--color-accent);box-shadow:var(--shadow-lg);background-color:#0000}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--bg-primary)}.btn-ghost{color:var(--color-text);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--color-primary)}.btn-sm{padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-lg)}.btn-block{width:100%}@media (hover:none) and (pointer:coarse){.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.btn-accent:active:not(:disabled){box-shadow:var(--shadow-md)}.btn-outline:active:not(:disabled){background-color:var(--color-primary);color:var(--bg-primary)}.btn-ghost:active:not(:disabled){background-color:var(--bg-secondary);color:var(--color-primary)}}.form-group{margin-bottom:var(--spacing-lg)}label{margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--color-text);display:block}input,textarea,select{width:100%;padding:var(--spacing-sm)var(--spacing-md);font-family:var(--font-secondary);font-size:var(--font-size-base);background-color:var(--bg-secondary);color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #c8a2e01a}input::placeholder,textarea::placeholder{color:var(--color-text-secondary)}textarea{resize:vertical;min-height:120px}.form-group.error input,.form-group.error textarea,.form-group.error select{border-color:var(--color-error)}.form-group.error input:focus,.form-group.error textarea:focus,.form-group.error select:focus{box-shadow:0 0 0 3px #ff6b9d1a}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);display:none}.form-group.error .form-error{display:block}.form-success{color:var(--color-success);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);display:none}.form-group.success .form-success{display:block}.card{background-color:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media (hover:none) and (pointer:coarse){.card:hover{border-color:var(--color-border);box-shadow:none;transform:none}}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card-body{margin-bottom:var(--spacing-md)}.card-footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.site-header{width:100%;height:var(--header-height);z-index:var(--z-sticky);background-color:var(--bg-primary);border-bottom:2px solid var(--color-primary);background:linear-gradient(180deg,var(--bg-primary)0%,#1a1625f2 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color var(--transition-base),box-shadow var(--transition-base);position:fixed;top:0;left:0;right:0;box-shadow:0 4px 12px #0000004d}.site-header.scrolled{background:#1a1625fa;border-bottom-color:#c8a2e099;box-shadow:0 8px 24px #00000059}nav{padding:0 var(--spacing-md);justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);transition:color var(--transition-base);align-items:center;gap:var(--spacing-sm);text-decoration:none;display:inline-flex}.logo:hover{color:var(--color-secondary)}.logo-icon{object-fit:contain;width:28px;height:28px}.nav-menu{gap:var(--spacing-lg);align-items:center;list-style:none;display:flex}.nav-menu a{color:var(--color-text);font-weight:var(--font-weight-medium);transition:color var(--transition-base)}.nav-menu a:hover,.nav-menu a.active{color:var(--color-primary)}.nav-toggle{color:var(--color-text);font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);width:44px;height:44px;transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.nav-toggle:hover{background-color:var(--bg-secondary);color:var(--color-primary)}.nav-toggle:active{background-color:var(--bg-secondary);color:var(--color-secondary)}footer{background-color:var(--bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-2xl)0;margin-top:var(--spacing-3xl)}.footer-content{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:768px){.stats-row{gap:var(--spacing-md);text-align:center;flex-direction:column}}.footer-section h4{margin-bottom:var(--spacing-md);color:var(--color-primary)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--spacing-sm)}.footer-section a{color:var(--color-text-secondary);transition:color var(--transition-base)}.footer-section a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--spacing-lg);text-align:center;color:var(--color-text-secondary)}.hero{padding:var(--spacing-3xl)0;text-align:center;border-radius:var(--radius-lg);margin-bottom:var(--spacing-3xl);background:linear-gradient(135deg,#c8a2e01a 0%,#7dd3c01a 100%)}.hero h1{margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem)}.hero p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}section{padding:var(--spacing-2xl)0}.section-title{text-align:center;margin-bottom:var(--spacing-2xl)}.section-title h2{margin-bottom:var(--spacing-md)}.section-title p{font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.game-card{border-radius:var(--radius-lg);background-color:var(--bg-secondary);border:1px solid var(--color-border);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);position:relative;overflow:hidden}.game-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-8px)}@media (hover:none) and (pointer:coarse){.game-card:hover{border-color:var(--color-border);box-shadow:none;transform:none}}.game-card-image{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));width:100%;height:200px;font-size:var(--font-size-2xl);justify-content:center;align-items:center;display:flex;overflow:hidden}.game-card-image img{object-fit:cover;width:100%;height:100%}.category-card-image{object-fit:cover;border-radius:var(--radius-md);width:100%;height:140px;margin-bottom:var(--spacing-md)}.game-card-content{padding:var(--spacing-lg)}.game-card-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-text)}.game-card-category{background-color:var(--color-primary);color:var(--bg-primary);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);display:inline-block}.game-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.breadcrumb{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);display:flex}.breadcrumb a{color:var(--color-primary)}.breadcrumb a:hover{color:var(--color-secondary)}.breadcrumb span{color:var(--color-text-secondary)}.alert{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-md);display:flex}.alert-success{border:1px solid var(--color-success);color:var(--color-success);background-color:#7dd3c01a}.alert-error{border:1px solid var(--color-error);color:var(--color-error);background-color:#ff6b9d1a}.alert-warning{border:1px solid var(--color-warning);color:var(--color-warning);background-color:#ffb3471a}.loading{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-lg)0}.divider{background-color:var(--color-border);height:1px;margin:var(--spacing-lg)0}.badge{padding:var(--spacing-xs)var(--spacing-md);background-color:var(--color-primary);color:var(--bg-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:inline-block}.badge-secondary{background-color:var(--color-secondary)}.badge-accent{background-color:var(--color-accent)}@media (max-width:480px){:root{--font-size-base:14px;--font-size-3xl:32px;--font-size-2xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--header-height:64px}.container,.container-lg{padding:0 var(--spacing-md)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}nav{padding:var(--spacing-md)var(--spacing-md)}.logo{font-size:var(--font-size-lg)}.nav-menu{gap:var(--spacing-md);display:none}.nav-toggle{display:flex!important}.nav-menu.active{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);gap:var(--spacing-md);z-index:var(--z-sticky);flex-direction:column;width:100%;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 24px #00000059}.nav-menu.active li{width:100%}.nav-menu.active a{padding:var(--spacing-sm)0;display:block}.hero{padding:var(--spacing-xl)var(--spacing-md);margin-bottom:var(--spacing-xl);border-radius:var(--radius-md)}.hero h1{margin-bottom:var(--spacing-md);font-size:1.5rem}.hero p{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.hero-buttons{gap:var(--spacing-sm);flex-direction:column}.hero-buttons .btn{width:100%;padding:var(--spacing-sm)var(--spacing-md)}.grid-2,.grid-3,.grid-4{gap:var(--spacing-md);grid-template-columns:1fr}.footer-content{gap:var(--spacing-lg);grid-template-columns:1fr}.form-group{margin-bottom:var(--spacing-md)}input,textarea,select{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);font-size:16px}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 2px #c8a2e033}.btn{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-sm)var(--spacing-lg)}.card{padding:var(--spacing-md)}.game-card{margin-bottom:var(--spacing-md)}.game-card-image{height:120px}.game-card-content{padding:var(--spacing-md)}.game-card-title{font-size:var(--font-size-base)}.btn{padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-md);min-height:44px}.btn-lg{padding:var(--spacing-sm)var(--spacing-lg);min-height:48px}section{padding:var(--spacing-lg)0}.section-title{margin-bottom:var(--spacing-lg)}.section-title h2{font-size:var(--font-size-xl)}}@media (min-width:768px){:root{--font-size-base:16px}.nav-toggle{display:none}.nav-menu{background-color:#0000;border:none;flex-direction:row;padding:0;position:static;display:flex!important}.grid-2,.grid-3,.grid-4,.footer-content{grid-template-columns:repeat(2,1fr)}.hero-buttons{flex-direction:row}.hero-buttons .btn{width:auto}.game-card-image{height:200px}}@media (min-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(3,1fr)}.footer-content{grid-template-columns:repeat(4,1fr)}.card:hover{transform:translateY(-4px)}.game-card:hover{transform:translateY(-8px)}}@media (min-width:1440px){.container{max-width:1320px}.container-lg{max-width:1400px}.grid-4{grid-template-columns:repeat(4,1fr)}}@media print{body{color:#000;background-color:#fff}.site-header,footer,.nav-toggle,.btn-outline,.btn-ghost{display:none}a{color:#000;text-decoration:underline}.card{page-break-inside:avoid}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--color-border:#4a4060;--shadow-md:0 4px 8px #0000004d;--shadow-lg:0 10px 20px #0006}.btn,input,textarea,select{border-width:3px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:fadeIn var(--transition-base)ease-in-out}.fade-out{animation:fadeOut var(--transition-base)ease-in-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.slide-in-up{animation:slideInUp var(--transition-base)ease-out}.slide-in-down{animation:slideInDown var(--transition-base)ease-out}.slide-in-left{animation:slideInLeft var(--transition-base)ease-out}.slide-in-right{animation:slideInRight var(--transition-base)ease-out}.slide-out-up{animation:slideOutUp var(--transition-base)ease-in}.slide-out-down{animation:slideOutDown var(--transition-base)ease-in}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.scale-in{animation:scaleIn var(--transition-base)ease-out}.scale-out{animation:scaleOut var(--transition-base)ease-in}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.bounce{animation:1s ease-in-out infinite bounce}.bounce-in{animation:bounceIn var(--transition-base)ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseScale{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.pulse{animation:2s ease-in-out infinite pulse}.pulse-scale{animation:2s ease-in-out infinite pulseScale}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-10deg)}to{opacity:1;transform:rotate(0)}}.rotate{animation:2s linear infinite rotate}.rotate-in{animation:rotateIn var(--transition-base)ease-out}@keyframes flipInX{0%{opacity:0;transform:perspective(400px)rotateX(90deg)}to{opacity:1;transform:perspective(400px)rotateX(0)}}@keyframes flipInY{0%{opacity:0;transform:perspective(400px)rotateY(90deg)}to{opacity:1;transform:perspective(400px)rotateY(0)}}.flip-in-x{animation:flipInX var(--transition-base)ease-out}.flip-in-y{animation:flipInY var(--transition-base)ease-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:.5s ease-in-out shake}@keyframes glow{0%,to{box-shadow:0 0 5px #c8a2e080}50%{box-shadow:0 0 20px #c8a2e0cc}}@keyframes glowText{0%,to{text-shadow:0 0 5px #c8a2e080}50%{text-shadow:0 0 20px #c8a2e0cc}}.glow{animation:2s ease-in-out infinite glow}.glow-text{animation:2s ease-in-out infinite glowText}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-shift{background-size:200% 200%;animation:3s infinite gradientShift}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-color{transition:color var(--transition-base)}.hover-color:hover{color:var(--color-primary)}.hover-bg{transition:background-color var(--transition-base)}.hover-bg:hover{background-color:var(--bg-secondary)}.hover-border{transition:border-color var(--transition-base)}.hover-border:hover{border-color:var(--color-primary)}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.transition-none{transition:none}@keyframes spinReverse{to{transform:rotate(-360deg)}}.loading-reverse{animation:.8s linear infinite spinReverse}@keyframes spinFast{to{transform:rotate(360deg)}}.loading-fast{animation:.4s linear infinite spinFast}@keyframes spinSlow{to{transform:rotate(360deg)}}.loading-slow{animation:1.2s linear infinite spinSlow}.stagger-item{animation:slideInUp var(--transition-base)ease-out backwards}.stagger-item:first-child{animation-delay:0s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.2s}.stagger-item:nth-child(4){animation-delay:.3s}.stagger-item:nth-child(5){animation-delay:.4s}.stagger-item:nth-child(n+6){animation-delay:.5s}@media (max-width:768px){.stagger-item{animation:none}}@keyframes inputFocus{0%{box-shadow:0 0 #c8a2e066}to{box-shadow:0 0 0 8px #c8a2e000}}input:focus,textarea:focus,select:focus{animation:.6s ease-out inputFocus}@keyframes slideInAlert{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.alert{animation:slideInAlert var(--transition-base)ease-out}@keyframes checkmark{0%{stroke-dashoffset:50px}to{stroke-dashoffset:0}}.checkmark{animation:.6s ease-out forwards checkmark}.slider-container{border-radius:var(--radius-lg);background-color:var(--bg-secondary);width:100%;max-width:100%;margin:0 auto;position:relative;overflow:hidden}.slider-wrapper{width:100%;height:400px;position:relative;overflow:hidden}.slider-track{width:100%;height:100%;transition:transform .5s ease-in-out;display:flex}.slider-slide{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));justify-content:center;align-items:center;min-width:100%;height:100%;display:flex;position:relative;overflow:hidden}.slider-slide img{object-fit:cover;width:100%;height:100%}.slider-content{padding:var(--spacing-2xl)var(--spacing-lg);color:var(--color-text);z-index:10;background:linear-gradient(#0000,#1a1625f2);position:absolute;bottom:0;left:0;right:0}.slider-content h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm);color:var(--color-primary)}.slider-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.slider-badge{background-color:var(--color-secondary);color:var(--bg-primary);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);display:inline-block}.slider-controls{bottom:var(--spacing-lg);gap:var(--spacing-md);z-index:20;display:flex;position:absolute;left:50%;transform:translate(-50%)}.slider-dot{cursor:pointer;width:12px;height:12px;transition:all var(--transition-base);background-color:#ffffff80;border:2px solid #0000;border-radius:50%}.slider-dot.active{background-color:var(--color-primary);border-radius:var(--radius-full);width:32px}.slider-dot:hover{background-color:#fffc}.slider-nav{color:#fff;cursor:pointer;width:50px;height:50px;font-size:var(--font-size-xl);transition:all var(--transition-base);z-index:15;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-nav:hover{background-color:#000c;transform:translateY(-50%)scale(1.1)}.slider-nav.prev{left:var(--spacing-lg)}.slider-nav.next{right:var(--spacing-lg)}.slider-nav:disabled{opacity:.3;cursor:not-allowed}.slider-nav:disabled:hover{transform:translateY(-50%)}.slider-autoplay-indicator{top:var(--spacing-lg);right:var(--spacing-lg);color:#fff;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);z-index:15;align-items:center;gap:var(--spacing-sm);background-color:#0009;display:flex;position:absolute}.slider-autoplay-indicator i{animation:1s ease-in-out infinite pulse}@media (max-width:768px){.slider-wrapper{height:250px}.slider-content{padding:var(--spacing-lg)var(--spacing-md)}.slider-content h2{font-size:var(--font-size-xl)}.slider-content p{font-size:var(--font-size-sm);display:none}.slider-nav{width:40px;height:40px;font-size:var(--font-size-lg)}.slider-nav.prev{left:var(--spacing-md)}.slider-nav.next{right:var(--spacing-md)}.slider-controls{bottom:var(--spacing-md)}.slider-dot{width:10px;height:10px}.slider-dot.active{width:28px}}@media (max-width:480px){.slider-wrapper{height:200px}.slider-content{padding:var(--spacing-md)}.slider-content h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.slider-badge{padding:4px 8px;font-size:11px}.slider-nav{width:36px;height:36px;font-size:var(--font-size-base)}.slider-autoplay-indicator{top:var(--spacing-md);right:var(--spacing-md);padding:6px 10px;font-size:11px}.slider-dot{width:8px;height:8px}.slider-dot.active{width:24px}}.slider-container.touch-enabled{cursor:grab}.slider-container.touch-enabled.grabbing{cursor:grabbing}@keyframes slideInContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slider-slide.active .slider-content{animation:.5s ease-out slideInContent}@media (max-width:480px){.nav-toggle{border-radius:6px;width:40px;height:40px;padding:8px;display:flex!important}.nav-toggle span{background-color:var(--color-text);width:24px;height:2px;transition:all .3s ease-in-out;display:block;position:relative}.nav-toggle span:before,.nav-toggle span:after{content:"";background-color:var(--color-text);width:24px;height:2px;transition:all .3s ease-in-out;position:absolute;left:0}.nav-toggle span:before{top:-8px}.nav-toggle span:after{bottom:-8px}.nav-toggle.active span{background-color:#0000}.nav-toggle.active span:before{top:0;transform:rotate(45deg)}.nav-toggle.active span:after{bottom:0;transform:rotate(-45deg)}.nav-menu{display:none!important}.nav-menu.active{display:flex!important}.nav-menu li{width:100%}.nav-menu a{border-bottom:1px solid var(--color-border);padding:12px 0;display:block}.nav-menu a:last-child{border-bottom:none}.nav-menu .btn{width:100%;margin-top:8px}}@media (hover:none) and (pointer:coarse){.card,.game-card{transition:border-color .2s ease-in-out}.card:hover,.game-card:hover{border-color:var(--color-border);box-shadow:none;transform:none}.card:active,.game-card:active{border-color:var(--color-primary);box-shadow:var(--shadow-md)}a{transition:color .2s ease-in-out}a:active{color:var(--color-secondary)}.btn{transition:background-color .2s ease-in-out,color .2s ease-in-out}.btn:active:not(:disabled){opacity:.8}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-accent:hover:not(:disabled),.btn-outline:hover:not(:disabled),.btn-ghost:hover:not(:disabled){box-shadow:none}.btn-primary:active:not(:disabled){background-color:var(--color-primary);color:var(--bg-primary);box-shadow:var(--shadow-sm)}.btn-secondary:active:not(:disabled){background-color:var(--color-secondary);color:var(--bg-primary);box-shadow:var(--shadow-sm)}.btn-accent:active:not(:disabled){background-color:var(--color-accent);color:var(--bg-primary);box-shadow:var(--shadow-sm)}.btn-outline:active:not(:disabled){background-color:var(--color-primary);color:var(--bg-primary);box-shadow:var(--shadow-sm)}.btn-ghost:active:not(:disabled){background-color:var(--bg-secondary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.footer-section a:hover{color:var(--color-primary)}.footer-section a:active{color:var(--color-secondary)}.nav-menu a:hover,.nav-menu a.active{color:var(--color-primary)}.nav-menu a:active{color:var(--color-secondary)}.stagger-item{animation:none!important}input,textarea,select,button{-webkit-user-select:none;user-select:none}button,a,input[type=button],input[type=submit],input[type=reset]{min-width:44px;min-height:44px}input,textarea,select{font-size:16px!important}}@media (max-width:480px){.container,.container-lg{padding:0 12px}section{padding:24px 0}.card,.game-card-content{padding:12px}.grid-2,.grid-3,.grid-4{gap:12px}.footer-content{gap:16px}.hero{margin-bottom:20px;padding:20px 12px}.btn{border-radius:8px;padding:10px 16px;font-size:14px}.btn-lg{padding:12px 20px}.form-group{margin-bottom:12px}input,textarea,select{border-radius:6px;padding:10px 12px}.breadcrumb{gap:4px;font-size:12px}.badge{padding:4px 8px;font-size:12px}.game-card-image{height:120px}.game-card-title{font-size:14px}.game-card-category{padding:4px 8px;font-size:11px}.game-card-description{font-size:12px}}@media (max-height:500px) and (orientation:landscape){section{padding:12px 0}.hero{margin-bottom:12px;padding:12px 0}.hero h1{margin-bottom:8px;font-size:1.25rem}.hero p{margin-bottom:12px;font-size:14px}.hero-buttons{gap:8px}.btn{padding:8px 12px;font-size:13px}}.card,.game-card{will-change:auto}html{overflow-y:scroll}img{display:block}input,textarea,select{width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.bg-accent-subtle{background-color:#c8a2e00d;border-bottom:1px solid #c8a2e01a}.definition-block .content-card{max-width:800px;padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);margin:0 auto}.definition-block h2{color:var(--color-primary);font-size:var(--font-size-2xl)}.definition-block .lead{font-size:var(--font-size-lg);color:var(--color-text);line-height:1.8}.platform-stats{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background-color:var(--bg-primary)}.stats-row{justify-content:center;gap:var(--spacing-2xl);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.stat-item{align-items:center;gap:var(--spacing-sm);display:flex}.stat-item i{color:var(--color-secondary)}@media (max-width:768px){.stats-row{gap:var(--spacing-md);text-align:center;flex-direction:column}}