:root{--bg-page:#fff;--bg-surface:#f8f9fa;--bg-elevated:#fff;--bg-input:#fff;--bg-skeleton:#f0f0f2;--bg-card-placeholder:#e8e8ea;--text-primary:#1a1a1a;--text-secondary:#636e72;--text-tertiary:#999;--text-on-accent:#fff;--accent:#8c7ae6;--accent-hover:#7f6ee3;--accent-soft:#8c7ae614;--accent-border:#8c7ae626;--border-primary:#e7e7edcc;--border-subtle:#0000000f;--navbar-bg:#ffffffeb;--navbar-border:#e7e7edcc;--search-bg:#ffffffd9;--search-input-bg:#ffffffe6;--search-input-border:#e9ecefcc;--search-text:#495057;--search-placeholder:#adb5bd;--filter-bg:#fff9;--filter-label:#4a5568;--filter-text:#2d3748;--filter-border:#e2e8f0cc;--button-bg:#fffffff2;--button-text:#554769;--button-border:#8c7ae626;--nav-link-text:#4a4a4a;--nav-link-hover-bg:#f6f6fccc;--nav-link-hover-text:#7667e3;--pagination-bg:#fffffff2;--pagination-text:#554769;--pagination-active-text:#fff;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shimmer-color:#ffffff80;--secondary-color:#536b8ba1;--primary-color-search:#a78bfa;--secondary-color-search:#dee3e79a;--primary-button-color:#8b5cf6;--primary-color:#312e81;--nav-color:#f8fafc}[data-theme=dark]{--bg-page:#0f0d1a;--bg-surface:#1a1625;--bg-elevated:#1e1a2b;--bg-input:#2d2640;--bg-skeleton:#1a1625;--bg-card-placeholder:#231e30;--text-primary:#f0eef5;--text-secondary:#a89ec4;--text-tertiary:#6b6188;--text-on-accent:#fff;--accent:#a78bfa;--accent-hover:#8b5cf6;--accent-soft:#a78bfa1a;--accent-border:#a78bfa33;--border-primary:#3d3555;--border-subtle:#ffffff0f;--navbar-bg:#0f0d1aeb;--navbar-border:#3d355599;--search-bg:#1a1625d9;--search-input-bg:#2d2640e6;--search-input-border:#3d3555cc;--search-text:#e0dce8;--search-placeholder:#6b6188;--filter-bg:#1e1a2b99;--filter-label:#a89ec4;--filter-text:#e0dce8;--filter-border:#3d3555cc;--button-bg:#1e1a2bf2;--button-text:#c4b5de;--button-border:#a78bfa33;--nav-link-text:#c4b5de;--nav-link-hover-bg:#a78bfa14;--nav-link-hover-text:#a78bfa;--pagination-bg:#1e1a2bf2;--pagination-text:#a89ec4;--pagination-active-text:#fff;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shimmer-color:#ffffff08}body,html{background:#fff;background:var(--bg-page)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a1a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}#root,body{min-height:100vh}#root{background:#0000}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.brand-icon{color:#8c7ae6;color:var(--accent);flex-shrink:0;transition:transform .3s ease}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a1a,#8c7ae6);background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-weight:800;letter-spacing:-.5px;line-height:1.2}:focus-visible{outline:2px solid #8c7ae6;outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-radius:4px;box-shadow:0 0 0 4px #8c7ae614;box-shadow:0 0 0 4px var(--accent-soft);outline:2px solid #8c7ae6;outline:2px solid var(--accent);outline-offset:2px}.card-link:focus-visible{border-radius:16px;outline-offset:3px}.create-button:focus-visible,.nav-link:focus-visible{border-radius:12px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.App{text-align:center}*,.App{box-sizing:border-box;margin:0}*{padding:0}body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.error-boundary{align-items:center;background:linear-gradient(180deg,var(--bg-surface) 0,var(--bg-surface) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-boundary-content{background:#fffffff2;border-radius:16px;box-shadow:0 8px 30px #00000014;max-width:480px;padding:3rem 2rem;text-align:center}.error-boundary-content h1{color:var(--text-primary);font-size:1.75rem;margin-bottom:1rem}.error-boundary-content p{color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem}.error-boundary-hint{font-size:.95rem;margin-bottom:1.5rem!important}.error-boundary-button{background-color:#0984e3;background-color:var(--primary-button-color,#0984e3);border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px}.error-boundary-button:hover{background-color:#074a7a;background-color:var(--secondary-color,#074a7a)}.skip-to-content{background:var(--accent);border-radius:0 0 12px 12px;box-shadow:var(--shadow-md);color:#fff;font-size:.9rem;font-weight:500;left:50%;padding:.75rem 1.5rem;position:fixed;text-decoration:none;top:-100%;transform:translateX(-50%);transition:top .2s ease;z-index:99999}.skip-to-content:focus{outline:none;top:0}.top-progress-bar{height:3px;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.top-progress-bar__indeterminate{animation:top-progress-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#8c7ae6,#0000);background:linear-gradient(90deg,#0000,var(--accent,#8c7ae6),#0000);height:100%;width:30%}.top-progress-bar--finishing .top-progress-bar__indeterminate{animation:top-progress-finish .15s ease-out forwards;width:100%}@keyframes top-progress-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}@keyframes top-progress-finish{0%{opacity:1;transform:translateX(-30%)}to{opacity:0;transform:translateX(100%)}}.offline-banner{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.6rem 1rem;position:fixed;right:0;top:0;z-index:9998}.offline-banner__icon{font-size:1.25rem}.offline-banner__text{line-height:1.3}.toast-container{display:flex;flex-direction:column;gap:.6rem;max-width:380px;pointer-events:none;position:fixed;right:1.25rem;top:1.25rem;width:calc(100% - 2.5rem);z-index:10000}.toast{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;gap:.75rem;min-width:0;padding:.85rem 1rem;pointer-events:auto}.toast-icon{flex-shrink:0;font-size:20px}.toast-msg{color:var(--text-primary);flex:1 1;font-size:.88rem;font-weight:400;line-height:1.4;min-width:0}.toast-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:background .2s ease,color .2s ease;width:28px}.toast-close:hover{background:var(--accent-soft);color:var(--text-primary)}.toast-close .material-symbols-rounded{font-size:16px}.toast--success{border-left:3px solid #4ade80}.toast--success .toast-icon{color:#4ade80}.toast--error{border-left:3px solid #f87171}.toast--error .toast-icon{color:#f87171}.toast--warning{border-left:3px solid #facc15}.toast--warning .toast-icon{color:#facc15}.toast--info{border-left:3px solid var(--accent)}.toast--info .toast-icon{color:var(--accent)}@media (max-width:480px){.toast-container{bottom:1rem;left:1rem;max-width:none;right:1rem;top:auto;width:auto}.toast{padding:.75rem .85rem}.toast-msg{font-size:.84rem}}.ln{background:var(--bg-page);color:var(--text-primary);margin-top:-70px;overflow-x:hidden}.ln-hero{flex-direction:column;min-height:100vh;min-height:100dvh;overflow:hidden;padding:6rem 2rem 2rem}.ln-hero,.ln-hero-row{align-items:center;display:flex;justify-content:center;position:relative}.ln-hero-row{gap:3rem;max-width:1000px;width:100%;z-index:1}.ln-hero-bg{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.ln-hero-grid{background-image:linear-gradient(var(--border-subtle) 1px,#0000 1px),linear-gradient(90deg,var(--border-subtle) 1px,#0000 1px);background-size:64px 64px;inset:0;mask-image:radial-gradient(ellipse 60% 50% at 50% 40%,#000 20%,#0000 70%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 40%,#000 20%,#0000 70%);opacity:.5;position:absolute}[data-theme=dark] .ln-hero-grid{opacity:.3}.ln-orb{border-radius:50%;filter:blur(60px);position:absolute;will-change:transform}.ln-orb--1{animation:ln-float-1 18s ease-in-out infinite;background:radial-gradient(circle,#8c7ae626 0,#0000 70%);height:400px;left:-5%;top:-5%;width:400px}.ln-orb--2{animation:ln-float-2 22s ease-in-out infinite;background:radial-gradient(circle,#a78bfa1f 0,#0000 70%);height:300px;right:-8%;top:20%;width:300px}.ln-orb--3{animation:ln-float-3 20s ease-in-out infinite;background:radial-gradient(circle,#8b5cf61a 0,#0000 70%);bottom:5%;height:250px;left:15%;width:250px}[data-theme=dark] .ln-orb--1{background:radial-gradient(circle,#a78bfa2e 0,#0000 70%)}[data-theme=dark] .ln-orb--2{background:radial-gradient(circle,#8b5cf624 0,#0000 70%)}[data-theme=dark] .ln-orb--3{background:radial-gradient(circle,#7c3aed1f 0,#0000 70%)}@keyframes ln-float-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,25px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.97)}}@keyframes ln-float-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-25px,-20px) scale(1.03)}66%{transform:translate(15px,-30px) scale(.98)}}@keyframes ln-float-3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-15px) scale(1.04)}66%{transform:translate(-15px,25px) scale(.96)}}.ln-hero-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0;position:relative;text-align:left;z-index:1}.ln-title{font-size:3.5rem;line-height:1.1;margin:0 0 1.25rem}.ln-subtitle{color:var(--text-secondary);font-size:1.15rem;font-weight:300;line-height:1.8;margin-bottom:2rem}.ln-hint{align-items:center;color:var(--text-tertiary);display:inline-flex;font-size:.76rem;gap:.35rem;letter-spacing:.3px;margin-top:1rem}.ln-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.ln-hero-visual{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative;z-index:1}.ln-hero-glow{animation:ln-glow-breathe 6s ease-in-out infinite;background:radial-gradient(circle,var(--accent-soft) 0,#0000 70%);border-radius:50%;filter:blur(50px);height:380px;opacity:.9;position:absolute;width:380px}[data-theme=dark] .ln-hero-glow{background:radial-gradient(circle,#a78bfa24 0,#0000 70%);height:420px;opacity:1;width:420px}@keyframes ln-glow-breathe{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}[data-theme=dark] .ln-hero-glow{animation-name:ln-glow-breathe-dark}@keyframes ln-glow-breathe-dark{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.ln-hero-img-wrap{border-radius:16px;position:relative}.ln-hero-img{filter:drop-shadow(0 12px 32px rgba(0,0,0,.12));height:auto;position:relative;transition:transform .4s ease;width:380px}[data-theme=dark] .ln-hero-img{filter:drop-shadow(0 12px 40px rgba(0,0,0,.4))}.ln-hero-visual:hover .ln-hero-img{transform:translateY(-4px) scale(1.02)}.ln-scroll-indicator{align-items:center;animation:ln-bounce 2.5s ease-in-out infinite;background:var(--bg-elevated);border:none;border:1px solid var(--border-subtle);border-radius:50%;bottom:1.5rem;color:var(--text-tertiary);cursor:pointer;display:flex;height:36px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:color .2s,border-color .2s,box-shadow .2s;width:36px;z-index:2}.ln-scroll-indicator:hover{border-color:var(--accent-border);box-shadow:0 2px 12px var(--accent-soft);color:var(--accent)}@keyframes ln-bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}.ln-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:500;gap:.5rem;letter-spacing:.2px;padding:.7rem 1.5rem;text-decoration:none;transition:all .25s ease}.ln-btn--primary{background:var(--accent);box-shadow:0 2px 8px #8c7ae633;color:#fff}.ln-btn--primary:hover{background:var(--accent-hover);box-shadow:0 6px 20px #8c7ae64d;color:#fff;transform:translateY(-2px)}.ln-btn--primary:active{box-shadow:0 2px 8px #8c7ae633;transform:translateY(0)}.ln-btn--ghost{background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);color:var(--text-primary)}.ln-btn--ghost .material-symbols-rounded{color:var(--accent);font-size:18px}.ln-btn--ghost:hover{border-color:var(--accent-border);box-shadow:0 4px 16px #8c7ae61a;color:var(--text-primary);transform:translateY(-2px)}.ln-btn--ghost:active{transform:translateY(0)}.ln-btn svg{transition:transform .25s}.ln-btn:hover svg{transform:translateX(3px)}.ln-btn--lg{border-radius:14px;font-size:.92rem;padding:.85rem 2rem}.ln-section{margin:0 auto;max-width:860px;padding:4rem 1.5rem;position:relative}.ln-section--stats{padding-top:2rem}.ln-section--features{max-width:800px;padding-bottom:2rem;padding-top:2rem}.ln-section-tag{color:var(--accent);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:1.5px;margin-bottom:.75rem;text-transform:uppercase}.ln-section-tag--light{color:#ffffffb3}.ln-heading{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.4px;line-height:1.3;margin-bottom:.5rem;text-align:center}.ln-heading-sub{color:var(--text-secondary);font-size:.9rem;font-weight:300;line-height:1.6;margin-bottom:2.5rem;text-align:center}.ln-stats-card{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:var(--shadow-sm);display:flex;gap:2.5rem;justify-content:center;overflow:hidden;padding:2rem 3rem;position:relative}.ln-stats-card-glow{background:var(--accent);border-radius:50%;filter:blur(40px);height:80px;left:50%;opacity:.06;pointer-events:none;position:absolute;top:-30%;transform:translateX(-50%);width:200px}[data-theme=dark] .ln-stats-card{border-color:#a78bfa14;box-shadow:0 2px 12px #0003}[data-theme=dark] .ln-stats-card-glow{opacity:.08}.ln-stats-sep{background:var(--border-primary);flex-shrink:0;height:40px;opacity:.6;width:1px}.ln-stat{align-items:center;display:flex;flex-direction:column;gap:.3rem;min-width:85px}.ln-stat-num{color:var(--accent);font-size:2.2rem;font-weight:700;letter-spacing:-.5px;line-height:1.1}.ln-stat-lbl{color:var(--text-tertiary);font-size:.7rem;font-weight:600;letter-spacing:1.8px;text-transform:uppercase}.ln-features{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}.ln-feat,.ln-feat-col{height:100%}.ln-feat{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;padding:2.25rem 1.5rem 2rem;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s}.ln-feat:hover{border-color:var(--accent-border);box-shadow:0 12px 32px #00000014;transform:translateY(-5px)}[data-theme=dark] .ln-feat:hover{box-shadow:0 12px 36px #00000040}.ln-feat-shine{background:linear-gradient(90deg,#0000,#ffffff0a 50%,#0000);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.ln-feat:hover .ln-feat-shine{left:100%}[data-theme=dark] .ln-feat-shine{background:linear-gradient(90deg,#0000,#ffffff08 50%,#0000)}.ln-feat-icon{align-items:center;border-radius:14px;display:flex;height:52px;justify-content:center;margin-bottom:1.25rem;transition:transform .3s,box-shadow .3s;width:52px}.ln-feat:hover .ln-feat-icon{transform:scale(1.08)}.ln-feat-icon.ln-grad-blue{background:linear-gradient(135deg,#6366f126,#4f46e514)}.ln-feat-icon.ln-grad-purple{background:linear-gradient(135deg,#a78bfa2e,#8b5cf614)}.ln-feat-icon.ln-grad-pink{background:linear-gradient(135deg,#ec48991f,#a78bfa14)}[data-theme=dark] .ln-feat-icon.ln-grad-blue{background:linear-gradient(135deg,#6366f133,#4f46e51a)}[data-theme=dark] .ln-feat-icon.ln-grad-purple{background:linear-gradient(135deg,#a78bfa38,#8b5cf61a)}[data-theme=dark] .ln-feat-icon.ln-grad-pink{background:linear-gradient(135deg,#ec489929,#a78bfa1a)}.ln-feat-icon .material-symbols-rounded{color:var(--accent);font-size:24px}.ln-feat-title{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.ln-feat-desc{color:var(--text-secondary);font-size:.82rem;font-weight:300;line-height:1.65}.ln-cta{background:linear-gradient(135deg,#8c7ae6,#7c3aed 50%,#6d28d9);color:#fff;overflow:hidden;padding:5.5rem 1.5rem 6rem;position:relative;text-align:center}[data-theme=dark] .ln-cta{background:linear-gradient(135deg,#8c7ae626,#7c3aed1a 50%,#6d28d914);border-bottom:1px solid #a78bfa1a;border-top:1px solid #a78bfa1a}.ln-cta-bg{inset:0;overflow:hidden;pointer-events:none;position:absolute}.ln-cta-orb{border-radius:50%;filter:blur(60px);position:absolute}.ln-cta-orb--1{animation:ln-float-1 16s ease-in-out infinite;background:#ffffff14;height:300px;right:-10%;top:-20%;width:300px}.ln-cta-orb--2{animation:ln-float-2 20s ease-in-out infinite;background:#ffffff0f;bottom:-10%;height:200px;left:-5%;width:200px}[data-theme=dark] .ln-cta-orb--1{background:#a78bfa14}[data-theme=dark] .ln-cta-orb--2{background:#8b5cf60f}.ln-cta .ln-section-tag--light{color:#fff9}[data-theme=dark] .ln-cta .ln-section-tag--light{color:var(--accent)}.ln-cta-title{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:-.4px;line-height:1.2;margin-bottom:.75rem}[data-theme=dark] .ln-cta-title{color:var(--text-primary)}.ln-cta-desc{color:#fffc;font-size:.95rem;font-weight:300;line-height:1.7;margin-bottom:2rem}[data-theme=dark] .ln-cta-desc{color:var(--text-secondary)}.ln-cta-actions{align-items:center;display:flex;gap:.75rem;justify-content:center}.ln-cta .ln-btn--primary{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;color:#fff}.ln-cta .ln-btn--primary:hover{background:#ffffff40;box-shadow:0 8px 24px #00000026;color:#fff}[data-theme=dark] .ln-cta .ln-btn--primary{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--accent);border-color:#0000}[data-theme=dark] .ln-cta .ln-btn--primary:hover{background:var(--accent-hover);box-shadow:0 8px 24px #a78bfa33}@media (max-width:768px){.ln-hero{padding:5rem 1.5rem 2rem}.ln-hero-row{flex-direction:column;gap:2rem;text-align:center}.ln-hero-content{align-items:center;text-align:center}.ln-hero-actions{justify-content:center}.ln-hero-img{width:280px}.ln-hero-glow{height:260px;width:260px}.ln-heading{font-size:1.3rem}.ln-cta-title{font-size:1.5rem}.ln-cta-desc br{display:none}}@media (max-width:640px){.ln-hero{min-height:auto;padding:5rem 1.25rem 2rem}.ln-title{font-size:2.5rem}.ln-subtitle{font-size:1rem}.ln-hero-img{width:220px}.ln-hero-glow{height:200px;width:200px}.ln-orb--1{height:250px;width:250px}.ln-orb--2{height:180px;width:180px}.ln-orb--3{height:150px;width:150px}.ln-stats-card{border-radius:16px;gap:1.5rem;padding:1.5rem}.ln-stat-num{font-size:1.7rem}.ln-features{grid-template-columns:1fr;margin:0 auto;max-width:360px}.ln-heading{font-size:1.15rem}.ln-heading-sub{font-size:.85rem}.ln-cta-title{font-size:1.35rem}.ln-hero-actions{flex-direction:column;gap:.6rem;max-width:260px;width:100%}.ln-hero-actions .ln-btn{justify-content:center;width:100%}.ln-scroll-indicator{display:none}}@media (max-width:420px){.ln-hero{padding:4.5rem 1rem 1.5rem}.ln-hero-img{width:190px}.ln-stats-card{flex-direction:column;gap:.75rem;padding:1.25rem}.ln-stats-sep{height:1px;width:32px}.ln-btn{font-size:.85rem;padding:.65rem 1.3rem}.ln-section{padding:2.5rem 1rem}.ln-cta{padding:4rem 1rem 4.5rem}}@media (prefers-reduced-motion:reduce){.ln-cta-orb,.ln-hero-glow,.ln-orb,.ln-scroll-indicator{animation:none!important}.ln-feat-shine{display:none}}.social-container{align-items:center;display:flex;gap:.75rem;margin:0;padding:0}.social-link{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.5rem .9rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.social-link:before{background:var(--accent-soft);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.social-link:hover{border-color:var(--accent-border);box-shadow:0 4px 14px #8c7ae61f;color:var(--accent);transform:translateY(-2px)}.social-link:hover:before{opacity:1}.social-link:active{transform:translateY(0)}.social-link svg{flex-shrink:0;position:relative;transition:all .3s ease;z-index:1}.social-link:hover svg{stroke:var(--accent);transform:scale(1.08)}.social-label{letter-spacing:.2px;position:relative;transition:color .3s ease;z-index:1}.social-link:hover .social-label{color:var(--accent)}@media (max-width:768px){.social-container{gap:.6rem}.social-link{font-size:.8rem;padding:.45rem .8rem}.social-link svg{height:18px;width:18px}}@media (max-width:500px){.social-label{display:none}.social-link{border-radius:50%;height:38px;justify-content:center;padding:.5rem;width:38px}}.footer{background:var(--bg-surface);border-top:1px solid var(--border-primary);overflow:hidden;padding:0;position:relative;text-align:center;width:100%}.footer-glow{background:radial-gradient(ellipse,var(--accent-soft) 0,#0000 70%);height:160px;left:50%;pointer-events:none;top:-80px;transform:translateX(-50%);width:600px}.footer-glow,.footer:before{opacity:.5;position:absolute}.footer:before{background:linear-gradient(90deg,#0000 0,var(--accent) 30%,var(--accent-hover) 50%,var(--accent) 70%,#0000 100%);content:"";height:2px;left:0;right:0;top:0}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1.5fr 1fr 1fr;margin:0 auto;max-width:1200px;padding:3rem 2.5rem 2rem;position:relative;text-align:left;width:100%}.footer-section{display:flex;flex-direction:column}.footer-brand-link{align-items:center;display:inline-flex;gap:.5rem;margin-bottom:.75rem;text-decoration:none}.footer-brand-link:hover .brand-icon{transform:scale(1.08)}.footer-brand-name{font-size:1.5rem;transition:opacity .3s ease}.footer-brand-link:hover .footer-brand-name{opacity:.8}.footer-tagline{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0;max-width:280px}.footer-section-title{color:var(--text-tertiary);font-size:.75rem;font-weight:700;letter-spacing:1.5px;margin:0 0 1rem;text-transform:uppercase}.footer-nav{display:flex;flex-direction:column;gap:.6rem}.footer-nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500;padding:.3rem 0;position:relative;text-decoration:none;transition:all .25s ease;width:-webkit-fit-content;width:fit-content}.footer-nav-link:after{background:var(--accent);border-radius:1px;bottom:0;content:"";height:1.5px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.footer-nav-link:hover{color:var(--accent);transform:translateX(4px)}.footer-nav-link:hover:after{width:100%}.footer-social-section{align-items:flex-start}.footer-divider{background:linear-gradient(90deg,#0000 0,var(--border-primary) 20%,var(--border-primary) 80%,#0000 100%);height:1px;margin:0 auto;max-width:1200px}.footer-bottom{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.25rem 2.5rem}.footer-text{color:var(--text-secondary);font-size:.9rem;font-weight:400;line-height:1.6;margin:0}.footer-heart{animation:heartbeat 2s ease-in-out infinite;color:var(--accent);display:inline-block;font-size:1rem}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}60%{transform:scale(1)}}.footer-author-link{border-radius:4px;color:var(--accent);font-weight:600;padding:.15rem .3rem;position:relative;text-decoration:none;transition:all .3s ease}.footer-author-link:after{background:var(--accent);bottom:0;content:"";height:1.5px;left:.3rem;position:absolute;right:.3rem;transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.4,0,.2,1)}.footer-author-link:hover{background:var(--accent-soft)}.footer-author-link:hover:after{transform:scaleX(1);transform-origin:left}.footer-copyright{color:var(--text-tertiary);font-size:.8rem;letter-spacing:.2px;margin:0}.back-to-top{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:50%;bottom:2rem;box-shadow:var(--shadow-md);color:var(--text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;opacity:0;position:fixed;right:2rem;transform:translateY(16px);transition:all .35s cubic-bezier(.4,0,.2,1);visibility:hidden;width:44px;z-index:1000}.back-to-top--visible{opacity:1;transform:translateY(0);visibility:visible}.back-to-top:hover{background:var(--accent);border-color:var(--accent);box-shadow:0 6px 20px #8c7ae64d;color:#fff;transform:translateY(-3px)}.back-to-top:active{transform:translateY(0)}.back-to-top .material-symbols-rounded{font-size:22px;transition:transform .3s ease}.back-to-top:hover .material-symbols-rounded{transform:translateY(-2px)}.footer-highlight{color:var(--accent);font-weight:600;padding:0 .2rem;position:relative;text-decoration:none;transition:all .3s ease}.footer-highlight[href]{border-radius:3px;padding:.2rem .4rem}.footer-highlight[href]:hover{background:#6c5ce714;color:var(--accent);transform:translateY(-1px)}.footer-links{display:flex;gap:2.5rem;margin-left:2rem}.footer-link{color:var(--text-primary);font-size:.95rem;font-weight:500;letter-spacing:.5px;padding:.2rem 0;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.footer-link:after{background:var(--accent);bottom:0;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.footer-link:hover{color:var(--accent);transform:translateY(-1px)}.footer-link:hover:after{transform:scaleX(1);transform-origin:left}@media (max-width:768px){.footer-content{gap:2rem;grid-template-columns:1fr;padding:2.5rem 1.5rem 1.5rem;text-align:center}.footer-section{align-items:center}.footer-tagline{max-width:100%;text-align:center}.footer-nav{align-items:center}.footer-nav-link:hover{transform:none}.footer-social-section{align-items:center}.footer-bottom{flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;text-align:center}.footer-text{font-size:.85rem}.footer-copyright{font-size:.75rem}.footer-glow{height:100px;top:-50px;width:300px}.back-to-top{bottom:1.5rem;height:40px;right:1.5rem;width:40px}.back-to-top .material-symbols-rounded{font-size:20px}.footer-links{flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-left:0}.footer-link{font-size:.9rem}}@media (max-width:500px){.footer-content{gap:1.5rem;padding:2rem 1rem 1.25rem}.footer-brand-name{font-size:1.3rem}.footer-section-title{font-size:.7rem}.footer-bottom{padding:1rem}.back-to-top{bottom:1rem;right:1rem}}.theme-toggle{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;padding:0;transition:all .3s ease;width:34px}.theme-toggle:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.toggle-icon{align-items:center;display:flex;justify-content:center;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.toggle-icon.is-dark,.toggle-icon.is-light{transform:rotate(0deg)}.theme-toggle:hover .toggle-icon{transform:rotate(15deg)}@media (max-width:500px){.theme-toggle{border-radius:8px;height:30px;width:30px}.theme-toggle svg{height:14px;width:14px}}.tooltip-trigger{display:inline-flex;position:relative}.tooltip-bubble{animation:tooltip-in .15s ease-out;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:var(--shadow-md);color:var(--text-primary);font-size:.78rem;font-weight:400;line-height:1.4;padding:.45rem .75rem;pointer-events:none;position:fixed;white-space:nowrap;z-index:10001}@keyframes tooltip-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.tooltip-bottom{animation-name:tooltip-in-bottom}@keyframes tooltip-in-bottom{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.custom-button{animation:none;background-color:var(--primary-button-color);border:0;border-radius:8px!important;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:44px;margin:.1rem;padding:12px 32px;text-align:center}.custom-button:hover{background-color:var(--secondary-color);color:#fff}.custom-button:disabled{background-color:rgba(97,97,97,.971)}.custom-buttonIcon{animation:none;background-color:var(--primary-button-color);border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:44px;padding:6px 32px;text-align:center}.custom-buttonIcon:hover{background-color:var(--secondary-color);color:#fff}.icon-button{height:20px;margin-right:5px;width:20px}.delete-button{background-color:red;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:800;height:44px;padding:10px 30px;text-align:center}.delete-button,.middle-align{vertical-align:middle}.delete-button:hover{background-color:#af0000}.button-icon{padding-right:8px}.icon-emptyResults{height:60px;width:60px}.custom-button span{align-items:center;display:flex;gap:8px}.navbar{backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);background:var(--navbar-bg);border-bottom:1px solid var(--navbar-border);height:70px;left:0;position:fixed;right:0;top:0;transition:transform .35s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease,box-shadow .35s cubic-bezier(.4,0,.2,1);width:100%;z-index:9999}.navbar--scrolled{border-bottom-color:#0000;box-shadow:var(--shadow-md)}.navbar--hidden{transform:translateY(-100%)}.navbar:after{background:linear-gradient(90deg,#0000 0,var(--accent) 50%,#0000 100%);bottom:-1px;content:"";height:1px;left:0;opacity:0;position:absolute;right:0;transition:opacity .4s ease}.navbar--scrolled:after{opacity:.3}.App{min-height:100vh;padding-top:70px;position:relative;width:100%}.navbar-content{box-sizing:border-box;height:100%;justify-content:space-between;margin:0 auto;max-width:1600px;padding:0 2.5rem;width:100%}.navbar-content,.navbar-left{align-items:center;display:flex}.navbar-left{flex:0 0 auto}.navbar-right{flex:0 0 auto;gap:1.25rem}.logo-link,.navbar-right{align-items:center;display:flex}.logo-link{border-radius:12px;gap:.5rem;padding:.4rem .6rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.logo-link:hover{background:var(--accent-soft)}.logo-link:hover .brand-icon{transform:scale(1.08)}.navbar-brand{font-size:1.25rem;transition:opacity .3s ease}.nav-link{align-items:center;border:1px solid #0000;border-radius:12px;color:var(--nav-link-text);display:flex;font-size:.95rem;font-weight:400;gap:.6rem;letter-spacing:.3px;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{background:var(--nav-link-hover-bg);border:1px solid var(--accent-border);color:var(--nav-link-hover-text)}.create-button{align-items:center;background:#0000;border:1.5px solid var(--accent-border);border-radius:10px;box-shadow:none;color:var(--accent);display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;letter-spacing:.2px;overflow:hidden;padding:.45rem 1rem;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.create-button:hover{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px #8c7ae640;color:var(--text-on-accent);transform:translateY(-1px)}.create-button:active{box-shadow:0 1px 4px #8c7ae626;transform:translateY(0)}.create-button .material-symbols-rounded,.create-button-icon{color:inherit;font-size:18px;transition:all .25s cubic-bezier(.4,0,.2,1)}.create-button:hover .create-button-icon,.create-button:hover .material-symbols-rounded{transform:rotate(90deg)}.button-text-large,.button-text-small{color:inherit;display:inline;margin-left:1px}.button-text-small{display:none}.create-button:disabled{background:#0000;border-color:var(--border-primary);box-shadow:none;color:var(--text-tertiary);cursor:not-allowed;opacity:.5;pointer-events:none}.create-button:not(:disabled){cursor:pointer}.create-button:focus-visible{box-shadow:0 0 0 2px var(--bg-page),0 0 0 4px #8c7ae666;outline:none}.create-button.loading{cursor:wait;pointer-events:none}.create-button.loading .material-symbols-rounded,.create-button.loading span{opacity:.7}.create-button.success{background:#10b981;border-color:#10b981;color:#fff;pointer-events:none}.create-button.error{background:#ef4444;border-color:#ef4444;color:#fff;pointer-events:none}.material-symbols-rounded{font-size:19px;opacity:.9}.home-button{align-items:center;background:var(--accent-soft);border-radius:10px;display:flex;justify-content:center;overflow:hidden;padding:.65rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.home-button:before{background:linear-gradient(135deg,#8b7ff926,#9d91ff26);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease}.home-button .material-symbols-rounded{color:var(--accent);font-size:22px;font-variation-settings:"FILL" 0,"wght" 400;opacity:.85;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:1}.home-button:hover{box-shadow:0 2px 8px #8b7ff926;transform:translateY(-1px)}.home-button:hover:before{opacity:1}.home-button:hover .material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 400;opacity:1;transform:scale(1.1)}.home-button:active{box-shadow:0 1px 4px #8b7ff91a;transform:translateY(0)}.home-button:active .material-symbols-rounded{transform:scale(.95)}@media screen and (max-width:1200px){.navbar{height:65px}.App{padding-top:65px}.navbar-content{padding:0 2rem}.navbar-right{gap:1rem}}@media screen and (max-width:768px){.navbar{height:60px}.App{padding-top:60px}.navbar-content{padding:0 1.5rem}.navbar-brand{font-size:1rem}.navbar-right{gap:.75rem}.button-text-large{display:none}.button-text-small{display:inline;margin-left:1px}.create-button{font-size:.8rem;padding:.4rem .85rem}.nav-link{font-size:.85rem;padding:.4rem .85rem}}@media screen and (max-width:500px){.navbar{height:56px}.App{padding-top:56px}.navbar-content{padding:0 1rem}.navbar-right{gap:.5rem}.logo-link{padding:.3rem}.nav-link{font-size:.8rem;padding:.35rem .6rem}.create-button{font-size:.78rem;gap:4px;padding:.35rem .7rem}.create-button .material-symbols-rounded{font-size:16px}}@media screen and (min-width:1921px){.navbar{height:80px}.App{padding-top:80px}.navbar-content{max-width:none;padding:0 4rem;width:95%}.navbar-brand{font-size:1.4rem}.create-button{font-size:1rem;padding:.55rem 1.3rem}.material-symbols-rounded{font-size:22px}.home-button{padding:.75rem}.home-button .material-symbols-rounded{font-size:26px}}@media screen and (min-width:2560px){.navbar{height:90px}.App{padding-top:90px}.navbar-content{padding:0 5rem;width:96%}.navbar-brand{font-size:1.55rem}.create-button{font-size:1.05rem;padding:.6rem 1.5rem}.material-symbols-rounded{font-size:24px}.home-button{padding:.85rem}.home-button .material-symbols-rounded{font-size:28px}}@media screen and (min-width:3840px){.navbar{height:100px}.App{padding-top:100px}.navbar-content{padding:0 6rem;width:98%}.navbar-brand{font-size:1.75rem}.create-button{font-size:1.15rem;padding:.7rem 1.8rem}.material-symbols-rounded{font-size:28px}.home-button{border-radius:12px;padding:1rem}.home-button .material-symbols-rounded{font-size:32px}}.img-placeholder{background:#f0f0f2;background:var(--bg-skeleton,#f0f0f2);height:100%;overflow:hidden;position:relative;width:100%}[data-theme=dark] .img-placeholder{background:var(--bg-skeleton)}.img-placeholder__img{height:100%;inset:0;object-fit:cover;position:absolute;transition:opacity .25s ease;width:100%}.img-placeholder--loading .img-placeholder__img{opacity:0}.img-placeholder--loaded .img-placeholder__img{opacity:1}.img-placeholder__shimmer{animation:img-placeholder-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--shimmer-color,#fff6) 50%,#0000 100%);background-size:200% 100%;inset:0;position:absolute}.img-placeholder--loaded .img-placeholder__shimmer{display:none}.img-placeholder__fallback{align-items:center;background:#f8f9fa;background:var(--bg-surface,#f8f9fa);color:#999;color:var(--text-tertiary,#999);display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;position:absolute}[data-theme=dark] .img-placeholder__fallback{background:var(--bg-surface)}.img-placeholder__icon{font-size:2.5rem;opacity:.5}.img-placeholder__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.75rem;font-weight:500;line-height:1.2;max-height:2.4em;overflow:hidden;padding:0 12px;text-align:center;text-overflow:ellipsis}@keyframes img-placeholder-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.suggestions-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:100}[data-theme=dark] .suggestions-dropdown{box-shadow:0 12px 40px #0006,0 4px 12px #0003}.suggestions-section{padding:6px 0}.suggestions-header{align-items:center;display:flex;justify-content:space-between;padding:8px 16px 4px}.suggestions-header-label{align-items:center;color:var(--text-tertiary);display:flex;font-size:.72rem;font-weight:600;gap:6px;letter-spacing:.04em;text-transform:uppercase}.suggestions-header-icon{font-size:14px;opacity:.7}.suggestions-clear-btn{background:none;border:none;border-radius:6px;color:var(--accent);cursor:pointer;font-size:.72rem;font-weight:500;padding:2px 6px;transition:background .15s ease}.suggestions-clear-btn:hover{background:var(--accent-soft)}.suggestions-list{list-style:none;margin:0;padding:0}.suggestion-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 16px;position:relative;transition:background .12s ease}.suggestion-active,.suggestion-item:hover{background:var(--accent-soft)}.suggestion-recent{padding:10px 16px}.suggestion-icon{color:var(--text-tertiary);flex-shrink:0;font-size:16px}.suggestion-text{color:var(--text-primary);flex:1 1;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-remove-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;opacity:0;padding:4px;transition:opacity .15s ease,background .15s ease}.suggestion-remove-btn .material-symbols-rounded{font-size:14px}.suggestion-item:hover .suggestion-remove-btn{opacity:1}.suggestion-remove-btn:hover{background:#0000000f;color:var(--text-primary)}[data-theme=dark] .suggestion-remove-btn:hover{background:#ffffff14}.suggestion-game{padding:6px 16px}.suggestion-game-link{align-items:center;color:inherit;display:flex;gap:12px;text-decoration:none;width:100%}.suggestion-thumb-wrapper{background:var(--bg-skeleton);border-radius:10px;flex-shrink:0;height:44px;overflow:hidden;width:44px}.suggestion-thumb{transition:transform .2s ease}.suggestion-item:hover .suggestion-thumb .img-placeholder__img{transform:scale(1.06)}.suggestion-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.suggestion-name{color:var(--text-primary);font-size:.88rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-highlight{background:#0000;color:var(--accent);font-weight:600}.suggestion-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:.76rem;gap:8px}.suggestion-rating{align-items:center;display:flex;gap:2px}.suggestion-star{color:#f4c542;font-size:12px}.suggestion-genres{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-search-all{border-top:1px solid var(--border-subtle);color:var(--text-secondary);margin-top:4px;padding:10px 16px}.suggestion-search-all .suggestion-icon{color:var(--accent)}.suggestion-search-all .suggestion-text{color:var(--text-secondary);font-size:.84rem}.suggestion-search-all .suggestion-text strong{color:var(--text-primary);font-weight:600}.suggestion-shortcut{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-tertiary);font-size:.68rem;font-weight:500;letter-spacing:.02em;padding:1px 6px}.suggestions-loading{display:flex;flex-direction:column;gap:8px;padding:8px 16px}.suggestion-skeleton{animation:suggestion-shimmer 1.6s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-skeleton) 25%,var(--shimmer-color) 50%,var(--bg-skeleton) 75%);background-size:200% 100%;border-radius:10px;height:44px}@keyframes suggestion-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.suggestions-empty{align-items:center;display:flex;flex-direction:column;gap:6px;padding:24px 20px;text-align:center}.suggestions-empty-icon{color:var(--text-tertiary);font-size:32px;margin-bottom:4px;opacity:.5}.suggestions-empty-title{color:var(--text-primary);font-size:.9rem;font-weight:500}.suggestions-empty-hint{color:var(--text-tertiary);font-size:.78rem;line-height:1.4;max-width:240px}.suggestions-empty-action{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:20px;color:var(--accent);cursor:pointer;font-size:.8rem;font-weight:500;margin-top:8px;padding:6px 16px;transition:all .15s ease}.suggestions-empty-action:hover{background:var(--accent);color:var(--text-on-accent)}@media (max-width:768px){.suggestions-dropdown{border-radius:12px;max-height:50vh;overflow-y:auto}.suggestion-thumb-wrapper{border-radius:8px;height:38px;width:38px}.suggestion-name{font-size:.84rem}.suggestion-shortcut{display:none}}.contenedor-component{align-items:center;background-image:linear-gradient(#0006,#0006),url(/static/media/banner.ead705ec8c9cd6819386.jpg);background-position:50%;background-repeat:repeat-x;background-size:auto 100%;display:flex;height:280px;justify-content:center;transition:all .4s ease-in-out;width:100%}.search-wrapper{max-width:580px;position:relative;transition:max-width .35s ease;width:auto}.search-wrapper--focused{max-width:620px}.search-container{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--search-bg);border:1px solid #ffffff2e;border-radius:30px;box-shadow:0 4px 20px #00000014;display:flex;gap:8px;padding:5px 5px 5px 6px;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease}.search-container:hover{box-shadow:0 6px 25px #0000001a;transform:translateY(-1px)}.search-wrapper--focused .search-container{background:var(--bg-elevated);border-color:var(--accent-border);box-shadow:0 8px 32px #0000001f,0 0 0 3px var(--accent-soft);transform:translateY(-1px)}.search-input-group{align-items:center;display:flex;flex:1 1;gap:0;min-width:0;position:relative}.search-icon{color:var(--text-tertiary);flex-shrink:0;font-size:20px;margin-left:10px;transition:color .25s ease,transform .3s ease}.search-icon--focused{color:var(--accent);transform:scale(1.08)}.search-bar{background:#0000;border:none;border-radius:0;color:var(--text-primary);font-size:.95rem;height:42px;outline:none;padding:0 8px;transition:width .35s ease,color .3s ease;width:340px}.search-wrapper--focused .search-bar{width:420px}.search-bar::placeholder{color:var(--search-placeholder);font-size:.92rem;font-weight:300}.search-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-right:4px;padding:4px;transition:background .15s ease,color .15s ease}.search-clear-btn .material-symbols-rounded{font-size:18px}.search-clear-btn:hover{background:var(--accent-soft);color:var(--text-primary)}.search-button{align-items:center;background:linear-gradient(135deg,#8c7ae6,#9b59b6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .25s ease;width:40px}.search-button:hover:not(:disabled){box-shadow:0 4px 15px #8c7ae64d;transform:scale(1.06)}.search-button:active:not(:disabled){transform:scale(.96)}.search-button:disabled{background:var(--text-tertiary);cursor:not-allowed;opacity:.4}.search-button-icon{font-size:20px}@media (max-width:768px){.contenedor-component{height:200px}.search-wrapper{max-width:450px;width:90%}.search-wrapper--focused{max-width:450px}.search-bar{font-size:.9rem;height:38px;width:100%}.search-wrapper--focused .search-bar{width:100%}.search-container{padding:4px 4px 4px 6px}.search-icon{font-size:18px;margin-left:8px}.search-button{height:36px;width:36px}.search-button-icon{font-size:18px}}@media (min-width:1921px){.contenedor-component{height:380px}.search-wrapper{max-width:700px}.search-wrapper--focused{max-width:750px}.search-bar{font-size:1.1rem;height:48px;padding:0 12px;width:500px}.search-wrapper--focused .search-bar{width:580px}.search-icon{font-size:22px}.search-button{height:46px;width:46px}.search-button-icon{font-size:22px}}.filters-bar{margin:.75rem auto;max-width:1400px;padding:0 .75rem;transition:all .3s ease;width:100%}.filters-bar-inner{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--filter-bg);border:1px solid var(--filter-border);border-radius:14px;display:flex;gap:1.5rem;justify-content:center;padding:.875rem 1.25rem;transition:background-color .3s ease,border-color .3s ease}.filter-group{align-items:center;display:flex;gap:.75rem}.filter-group-label{color:var(--text-tertiary);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.filter-group-controls{align-items:center;display:flex;gap:.5rem}.filter-group+.filter-group{border-left:1px solid var(--border-subtle);padding-left:1.25rem}.filter-item{display:flex;flex-direction:column;gap:.2rem;position:relative}.filter-item label{color:var(--text-tertiary);font-size:.65rem;font-weight:500;letter-spacing:.04em;padding-left:.5rem;text-transform:uppercase;-webkit-user-select:none;user-select:none}.filter-select{-webkit-appearance:none;appearance:none;background:var(--bg-elevated);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239b9b9b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.85rem;border:1px solid var(--border-subtle);border-radius:8px;color:var(--filter-text);cursor:pointer;font-size:.82rem;font-weight:450;min-width:100px;padding:.45rem 2rem .45rem .75rem;transition:all .2s ease}.filter-select:hover{background-color:var(--bg-surface);border-color:var(--accent-border)}.filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.filter-select:not([value="-"]):not([value=all]){border-color:var(--accent-border);color:var(--accent);font-weight:500}.clear-filters-btn{align-items:center;background:#0000;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:500;gap:.35rem;padding:.45rem .85rem;transition:all .2s ease;white-space:nowrap}.clear-filters-btn:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.clear-filters-btn .material-symbols-rounded{font-size:.95rem}.mobile-filter-fab{align-items:center;background:var(--accent);border:none;border-radius:50px;bottom:1.25rem;box-shadow:0 4px 20px #8c7ae659,0 2px 6px #0000001f;color:#fff;cursor:pointer;display:none;font-size:.85rem;font-weight:600;gap:.4rem;left:50%;padding:.7rem 1.25rem;position:fixed;transform:translateX(-50%);transition:transform .2s ease,box-shadow .2s ease;z-index:100}.mobile-filter-fab:active{transform:translateX(-50%) scale(.96)}.mobile-filter-fab .material-symbols-rounded{font-size:1.1rem}.filter-badge{align-items:center;background:#fff;border-radius:50px;color:var(--accent);display:inline-flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;margin-left:.15rem;min-width:18px;padding:0 5px}.sheet-backdrop{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0006;inset:0;position:fixed;z-index:200}.sheet{background:var(--bg-elevated);border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -4px 30px #00000026;display:flex;flex-direction:column;left:0;max-height:85vh;overflow-y:auto;position:fixed;right:0;z-index:201}.sheet-handle{background:var(--border-primary);border-radius:2px;flex-shrink:0;height:4px;margin:.75rem auto 0;width:36px}.sheet-header{align-items:center;display:flex;justify-content:space-between;padding:1rem 1.25rem .5rem}.sheet-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.sheet-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:color .2s ease,background .2s ease}.sheet-close:hover{background:var(--accent-soft);color:var(--text-primary)}.sheet-close .material-symbols-rounded{font-size:1.3rem}.sheet-body{display:flex;flex-direction:column;gap:1.5rem;padding:.75rem 1.25rem 1rem}.sheet-body .filter-group{align-items:stretch;flex-direction:column;gap:.75rem}.sheet-body .filter-group+.filter-group{border-left:none;border-top:1px solid var(--border-subtle);padding-left:0;padding-top:1rem}.sheet-body .filter-group-label{font-size:.75rem}.sheet-body .filter-group-controls{flex-direction:column;gap:.6rem}.sheet-body .filter-item{align-items:center;flex-direction:row;gap:1rem;justify-content:space-between}.sheet-body .filter-item label{font-size:.8rem;min-width:70px;padding-left:0}.sheet-body .filter-select{flex:1 1;font-size:.88rem;min-width:0;padding:.6rem 2rem .6rem .85rem}.sheet-footer{align-items:center;border-top:1px solid var(--border-subtle);display:flex;gap:.75rem;padding:1rem 1.25rem}.sheet-clear-btn{background:#0000;border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:.88rem;font-weight:500;padding:.65rem 1.25rem;transition:all .2s ease}.sheet-clear-btn:hover{border-color:var(--accent-border);color:var(--accent)}.sheet-apply-btn{background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:.88rem;font-weight:600;padding:.65rem 1.25rem;transition:background .2s ease}.sheet-apply-btn:hover{background:var(--accent-hover)}@media (max-width:1100px){.filters-bar-inner{flex-wrap:wrap;gap:1rem}.filter-group+.filter-group{border-left:none;padding-left:0}}@media (max-width:768px){.filters-bar{display:none}.mobile-filter-fab{display:inline-flex}}@media (min-width:769px){.mobile-filter-fab,.sheet,.sheet-backdrop{display:none!important}}.filter-chips-bar{margin:0 auto;max-width:1400px;padding:0 .75rem;width:95%}.filter-chips-inner{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem .25rem}.results-counter{color:var(--text-tertiary);font-size:.8rem;letter-spacing:.02em;white-space:nowrap}.results-counter strong{color:var(--text-secondary);font-weight:600}.filter-chips-list{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.filter-chip{align-items:center;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:50px;color:var(--accent);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:500;gap:.3rem;line-height:1;padding:.3rem .55rem .3rem .45rem;transition:all .2s ease;white-space:nowrap}.filter-chip:hover{background:#8c7ae626;border-color:var(--accent)}.chip-icon{font-size:.85rem;opacity:.7}.chip-label{max-width:120px;overflow:hidden;text-overflow:ellipsis}.chip-close{font-size:.8rem;margin-left:.1rem;opacity:.5;transition:opacity .15s ease}.filter-chip:hover .chip-close{opacity:1}.filter-chip-clear{background:#0000;border-color:var(--border-subtle);color:var(--text-tertiary);padding:.3rem .65rem}.filter-chip-clear:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}@media (max-width:768px){.filter-chips-bar{padding:0 .5rem}.filter-chips-inner{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.25rem .25rem .5rem}.filter-chips-list{gap:.35rem}}@media (max-width:480px){.filter-chip{font-size:.72rem;padding:.25rem .45rem .25rem .35rem}.chip-icon{font-size:.8rem}.results-counter{font-size:.75rem}}.card{background:var(--bg-card-placeholder);border-radius:14px;height:260px;overflow:hidden;position:relative;width:100%}.card-bg-image{inset:0;position:absolute;transition:transform .5s cubic-bezier(.25,.46,.45,.94);will-change:transform}.card-bg-image__img{border-radius:inherit}.card-overlay{background:linear-gradient(180deg,#0000004d 0,#0000 40%),linear-gradient(0deg,#0009 0,#0000 55%);inset:0;position:absolute;transition:opacity .4s ease;z-index:1}.card-link{border-radius:14px;box-shadow:0 2px 8px #0000000f;color:inherit;display:block;text-decoration:none;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease;width:100%}.card-link:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-3px)}.card-link:hover .card-bg-image{transform:scale(1.04)}.card-link:hover .card-overlay{background:linear-gradient(180deg,#00000059 0,#0000 40%),linear-gradient(0deg,#000000b3 0,#0000 55%)}.card-inner{flex-direction:column;height:100%;padding:.75rem .875rem;position:relative;z-index:2}.card-inner,.card-top{display:flex;justify-content:space-between}.card-top{align-items:flex-start}.card-label{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:5px;font-size:.6rem;font-weight:500;letter-spacing:.5px;line-height:1.4;padding:.2rem .5rem;text-transform:uppercase}.label-new{background:#00000059;border:1px solid #ffffff1f;color:#fffffff2}.label-soon{background:#00000059;border:1px solid #ffffff1a;color:#ffffffe6}.label-top{background:#00000059;border:1px solid #ffd70026;color:#ffd700f2}.label-custom{background:#00000059;border:1px solid #8b5cf633;color:#a78bfa}.card-rating{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#00000059;border:1px solid #ffffff14;border-radius:5px;color:#fffffff2;font-size:.725rem;font-weight:500;letter-spacing:-.01em;line-height:1.4;padding:.175rem .45rem}.card-bottom{display:flex;flex-direction:column;gap:.3rem;text-align:left}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:1rem;font-weight:550;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #00000040}.card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.card-date,.card-genre{color:#ffffffb8;font-size:.675rem;font-weight:400;letter-spacing:.01em;text-shadow:0 1px 2px #0003}a,a:active,a:hover,a:visited{color:inherit;text-decoration:none}@media (max-width:1024px){.card{height:240px}.card-title{font-size:.95rem}}@media (max-width:768px){.card{height:220px}.card-inner{padding:.625rem .75rem}.card-title{font-size:.9rem}.card-date,.card-genre{font-size:.625rem}}@media (max-width:480px){.card{height:200px}.card-inner{padding:.5rem .625rem}.card-title{font-size:.85rem}.card-label{font-size:.55rem;padding:.15rem .4rem}.card-rating{font-size:.65rem;padding:.15rem .375rem}}@media (max-width:360px){.card{height:180px}.card-inner{padding:.4rem .5rem}.card-title{font-size:.8rem}}.card-skeleton{background:var(--bg-skeleton);border-radius:14px;height:260px;overflow:hidden;position:relative;width:100%}.skeleton-shimmer{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(105deg,#0000 30%,var(--shimmer-color) 50%,#0000 70%);background-size:250% 100%;inset:0;position:absolute}.skeleton-content{height:100%;justify-content:space-between;padding:.875rem 1rem;position:relative;width:100%;z-index:2}.skeleton-header{align-items:flex-start;display:flex;justify-content:space-between}.skeleton-badge{background:var(--border-subtle);width:52px}.skeleton-rating{background:var(--border-subtle);width:28px}.skeleton-body{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.skeleton-title{background:var(--border-subtle);height:16px;width:65%}.skeleton-meta{display:flex;gap:.5rem}.skeleton-tag{background:var(--border-subtle);border-radius:3px;height:12px;width:56px}.skeleton-tag-short{width:40px}@media (max-width:1024px){.card-skeleton{height:240px}}@media (max-width:768px){.card-skeleton{height:220px}}@media (max-width:480px){.card-skeleton{height:200px}}@media (max-width:360px){.card-skeleton{height:180px}}.cont-cards-vertical{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-content:center;margin:0 auto;max-width:1400px;padding:.75rem;place-items:center;width:95%}.card-motion-wrapper{width:100%}@media screen and (min-width:1440px){.cont-cards-vertical{gap:1.5rem;grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1024px) and (max-width:1439px){.cont-cards-vertical{gap:1.375rem;grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:768px) and (max-width:1023px){.cont-cards-vertical{gap:1.125rem;grid-template-columns:repeat(2,1fr);width:98%}}@media screen and (max-width:767px){.cont-cards-vertical{gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0;padding:.5rem;width:100%}}@media screen and (max-width:480px){.cont-cards-vertical{gap:.625rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));padding:.375rem}}@media screen and (max-width:360px){.cont-cards-vertical{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));padding:.25rem}}.cont-cards-horizontal{-webkit-overflow-scrolling:touch;display:flex;gap:1.25rem;overflow-x:auto;padding:1rem;scroll-padding:1rem;scroll-snap-type:x mandatory;scrollbar-width:none}.cont-cards-horizontal::-webkit-scrollbar{height:4px}.cont-cards-horizontal::-webkit-scrollbar-track{background:#0000}.cont-cards-horizontal::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.cont-cards-horizontal::-webkit-scrollbar-thumb:hover{background:#0003}@media screen and (max-width:768px){.cont-cards-horizontal{gap:.75rem;padding:.75rem;scroll-behavior:smooth}}@media screen and (max-width:480px){.cont-cards-horizontal{gap:.625rem;padding:.5rem}}.pagination{justify-content:center;margin:2rem 0 3.5rem}.pagination,.pagination>div{align-items:center;display:flex}.pagination>div{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--pagination-bg);border:1px solid var(--accent-border);border-radius:16px;box-shadow:var(--shadow-md);gap:.5rem;padding:.75rem;transition:all .3s ease}.pagination>div:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.pagination-button{align-items:center;background-color:initial;border:none;border-radius:12px;color:var(--pagination-text);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;height:38px;justify-content:center;min-width:38px;transition:all .3s ease}.pagination-button:hover{background-color:var(--accent-soft);color:var(--accent);transform:translateY(-1px)}.pagination-button-current{align-items:center;background:linear-gradient(45deg,#6c5ce7,#8c7ae6);border:none;border-radius:12px;box-shadow:0 4px 12px #6c5ce733;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;height:38px;justify-content:center;min-width:38px;transition:all .3s ease}.pagination-button-current:hover{box-shadow:0 6px 15px #6c5ce740;transform:translateY(-1px)}.pagination-NextPrevious{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--accent);cursor:pointer;display:flex;font-size:1.1rem;height:38px;justify-content:center;transition:all .3s ease;width:38px}.pagination-NextPrevious:hover{background-color:var(--accent-soft);color:var(--accent-hover);transform:translateY(-1px)}.pagination-NextPrevious[hidden]{visibility:hidden}.extra-left-padding{font-size:1.2rem;margin-left:0}@media (max-width:768px){.pagination{margin:1.5rem 0 3rem}.pagination>div{gap:.4rem;padding:.6rem}.pagination-NextPrevious,.pagination-button,.pagination-button-current{font-size:.9rem;height:34px;min-width:34px}}@media (max-width:480px){.pagination{margin:1rem 0 2.5rem}.pagination>div{gap:.3rem;padding:.5rem}.pagination-NextPrevious,.pagination-button,.pagination-button-current{border-radius:10px;font-size:.85rem;height:32px;min-width:32px}}.empty-results-container{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:480px;padding:3rem 1.5rem;text-align:center}.empty-illustration{margin-bottom:1.5rem}.empty-message{color:var(--text-primary);font-size:1.15rem;font-weight:500;line-height:1.5;margin-bottom:.5rem}.empty-suggestion{color:var(--text-secondary);font-size:.92rem;font-weight:300;line-height:1.5;margin-bottom:1.75rem;max-width:340px}.empty-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.empty-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.empty-btn:hover{transform:translateY(-1px)}.empty-btn:active{transform:translateY(0)}.empty-btn .material-symbols-rounded{font-size:18px}.empty-btn--primary{background:var(--accent);box-shadow:0 2px 8px var(--accent-soft);color:#fff}.empty-btn--primary:hover{box-shadow:0 4px 14px #8c7ae64d}.empty-btn--secondary{background:var(--accent-soft);color:var(--accent)}.empty-btn--secondary:hover{background:var(--accent-border)}@media (max-width:768px){.empty-results-container{margin:1rem;padding:2.5rem 1.25rem}.empty-illustration{height:auto;width:130px}.empty-message{font-size:1.05rem}.empty-suggestion{font-size:.88rem}}@media (max-width:480px){.empty-results-container{border-radius:16px;padding:2rem 1rem}.empty-illustration{width:110px}}.recent-games-section{outline:none;padding:1.5rem 0;width:100%}.rg-glass-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#8c7ae608;border:1px solid #8c7ae614;border-radius:24px;margin:0 auto;max-width:1440px;overflow:hidden;position:relative}.rg-glass-container:before{background:radial-gradient(ellipse at 20% 50%,#8c7ae60f 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}.recent-games-container,.upcoming-games-container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:1.75rem 2rem;position:relative;width:100%;z-index:1}.recent-games-header,.upcoming-games-header{align-items:center;border-bottom:1px solid #8c7ae614;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto 1.25rem;padding:0 .5rem 1.25rem;width:100%}.header-left{align-items:center;display:flex;gap:.75rem}.header-titles{align-items:baseline;display:flex;flex-wrap:wrap;gap:.75rem}.recent-games-container h2,.similar-games-container h2,.upcoming-games-container h2{color:var(--text-primary);display:inline;font-size:1.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0}.header-left>.game-icon,.recent-games-container h2 .game-icon,.similar-games-container h2 .game-icon,.upcoming-games-container h2 .game-icon{align-items:center;animation:iconFloat 3s ease-in-out infinite;color:var(--accent);display:flex;font-size:1.4rem;opacity:.9}.header-titles .subtitle,.recent-games-container h2 .subtitle,.similar-games-container h2 .subtitle,.upcoming-games-container h2 .subtitle{background:#8c7ae61a;border:1px solid #8c7ae61f;border-radius:20px;color:var(--accent);font-size:.75rem;font-weight:600;letter-spacing:.03em;opacity:.9;padding:.2rem .7rem;text-transform:uppercase}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(5deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(5deg)}}.header-right{align-items:center;display:flex;gap:.75rem}.games-count-badge{align-items:center;background:#8c7ae614;border:1px solid #8c7ae626;border-radius:20px;color:var(--accent);display:inline-flex;font-size:.78rem;font-weight:600;gap:.4rem;padding:.35rem .85rem;transition:all .25s ease;white-space:nowrap}.games-count-badge:hover{background:#8c7ae61f}.games-count-badge .count-icon{color:#f6c90e;filter:drop-shadow(0 1px 2px rgba(246,201,14,.3));font-size:.7rem}.scroll-nav-buttons{display:flex;gap:.4rem}.nav-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 2px 6px #00000014;color:var(--text-primary);cursor:pointer;display:flex;font-size:.8rem;height:36px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:36px}.nav-btn:hover:not(.nav-btn--disabled){background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px #8c7ae659;color:#fff;transform:scale(1.08)}.nav-btn:active:not(.nav-btn--disabled){transform:scale(.95)}.nav-btn--disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.carousel-wrapper{border-radius:16px;overflow:hidden;position:relative}.scroll-fade{bottom:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:60px;z-index:3}.scroll-fade.visible{opacity:1}.scroll-fade--left{background:linear-gradient(90deg,#0d0c1cf2 0,#0000);left:0}.scroll-fade--right{background:linear-gradient(270deg,#0d0c1cf2 0,#0000);right:0}.recent-games-grid{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:flex-start;cursor:grab;display:flex;gap:.85rem;overflow-x:auto;padding:.5rem .25rem 1rem;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.recent-games-grid:active{cursor:grabbing}.recent-games-grid.is-dragging{cursor:grabbing;scroll-snap-type:none}.recent-games-grid.is-dragging .game-card-v2{pointer-events:none}.recent-games-grid::-webkit-scrollbar{display:none}.scroll-progress-track{background:#8c7ae614;border-radius:3px;height:3px;margin:1.25rem auto 0;overflow:hidden;width:120px}.scroll-progress-fill{background:linear-gradient(90deg,var(--accent),#8c7ae680);border-radius:3px;box-shadow:0 0 8px #8c7ae64d;height:100%;min-width:5%;transition:width .15s ease-out}.game-card-v2{animation:cardSlideIn .5s ease-out both;background:var(--bg-elevated);border:1px solid #8c7ae60f;border-radius:16px;box-shadow:0 2px 12px #00000026;color:inherit;display:flex;flex:0 0 210px;flex-direction:column;overflow:hidden;position:relative;scroll-snap-align:start;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);-webkit-user-select:none;user-select:none}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.game-card-v2:hover{border-color:#8c7ae633;box-shadow:0 20px 40px #00000040,0 0 30px #8c7ae61f;transform:translateY(-6px) scale(1.02)}.game-card-v2:active{transform:translateY(-2px) scale(1);transition-duration:.15s}.card-image-wrapper{aspect-ratio:3/4;background:var(--bg-surface);overflow:hidden;position:relative;width:100%}.card-image{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94),filter .4s ease;width:100%}.game-card-v2:hover .card-image{transform:scale(1.06)}.card-image-gradient{background:linear-gradient(0deg,#000000d9 0,#00000080 35%,#0000001a 60%,#0000);bottom:0;height:70%;left:0;pointer-events:none;position:absolute;right:0;transition:opacity .35s ease;z-index:1}.game-card-v2:hover .card-image-gradient{opacity:.6}.new-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,#f7c948);border-radius:6px;box-shadow:0 2px 10px #ff6b3573;color:#fff;display:inline-flex;font-size:.6rem;font-weight:800;gap:.3rem;left:.6rem;letter-spacing:.1em;padding:.22rem .6rem;position:absolute;text-transform:uppercase;top:.6rem;z-index:4}@keyframes badgePulse{0%,to{box-shadow:0 2px 10px #ff6b3573}50%{box-shadow:0 2px 18px #ff6b35a6}}.rating-badge{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000080;border:1px solid color-mix(in srgb,#4ade80 30%,#0000);border:1px solid color-mix(in srgb,var(--rating-color,#4ade80) 30%,#0000);border-radius:8px;display:inline-flex;gap:.2rem;padding:.2rem .5rem;position:absolute;right:.6rem;top:.6rem;transition:all .3s ease;z-index:4}.rating-star{filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));font-size:.55rem}.rating-star,.rating-value{color:#4ade80;color:var(--rating-color,#4ade80)}.rating-value{font-size:.7rem;font-weight:700;letter-spacing:.02em}.game-card-v2:hover .rating-badge{background:#0009;transform:scale(1.05)}.card-hover-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#1e1946b3;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .35s ease;z-index:2}.game-card-v2:hover .card-hover-overlay{opacity:1}.view-details-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1.5px solid #ffffffb3;border-radius:24px;color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.03em;opacity:0;padding:.5rem 1.2rem;transform:translateY(8px);transition:all .35s cubic-bezier(.25,.46,.45,.94)}.game-card-v2:hover .view-details-btn{opacity:1;transform:translateY(0)}.view-details-btn:hover{background:#ffffff2e;border-color:#fff;transform:translateY(0) scale(1.04)}.game-card-v2 .card-body{align-items:flex-start;bottom:0;display:flex;flex-direction:column;gap:.35rem;left:0;padding:.75rem .7rem;pointer-events:none;position:absolute;right:0;transition:transform .35s ease,opacity .35s ease;z-index:2}.game-card-v2:hover .card-body{opacity:0;transform:translateY(6px)}.game-card-v2 .card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:.88rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:0;overflow:hidden;text-align:left;text-overflow:ellipsis;text-shadow:0 1px 6px #0009;width:100%}.date-badge{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:6px;display:inline-flex;font-size:.62rem;font-weight:600;gap:.25rem;padding:.15rem .5rem;transition:all .3s ease;white-space:nowrap}.date-badge-icon{font-size:.5rem;opacity:.9}.date-badge--today{background:#ff6b3540;border:1px solid #ff6b354d;color:#ffb088}.date-badge--recent{background:#8c7ae633;border:1px solid #8c7ae64d;color:#b4a8fff2}.date-badge--week{background:#64b4e633;border:1px solid #64b4e640;color:#96d2fff2}.date-badge--older{background:#b4b4c826;border:1px solid #b4b4c826;color:#c8c8dcd9}.card-genres{display:flex;flex-wrap:wrap;gap:.2rem;width:100%}.genre-chip{background:#8c7ae626;border:none;border-radius:4px;color:#dcd7ffcc;font-size:.58rem;font-weight:500;letter-spacing:.02em;max-width:80px;overflow:hidden;padding:.1rem .4rem;text-overflow:ellipsis;text-shadow:0 1px 2px #0000004d;white-space:nowrap}.card-platforms{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.05rem;width:100%}.platform-chip{align-items:center;background:#ffffff1a;border:none;border-radius:6px;cursor:default;display:flex;height:22px;justify-content:center;transition:all .25s ease;width:22px}.platform-chip svg{color:#dcd7ffbf;font-size:.65rem}.platform-chip--more{background:#ffffff1a;color:#dcd7ffbf;font-size:.58rem;font-weight:700}.loading-skeleton{display:flex;gap:.85rem;overflow:hidden;padding:.5rem .25rem}.skeleton-card-v2{background:var(--bg-elevated);border:1px solid #8c7ae60f;border-radius:16px;flex:0 0 210px;overflow:hidden}.skeleton-image-v2{animation:skeletonShimmer 1.5s ease-in-out infinite;aspect-ratio:3/4;background:linear-gradient(110deg,var(--bg-surface) 30%,#8c7ae60f 50%,var(--bg-surface) 70%);background-size:200% 100%;width:100%}.skeleton-content-v2{align-items:flex-start;display:flex;flex-direction:column;gap:.4rem;padding:.65rem .6rem .75rem}.skeleton-badge{border-radius:6px;height:18px;width:80px}.skeleton-badge,.skeleton-title-v2{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(110deg,var(--bg-surface) 30%,#8c7ae60f 50%,var(--bg-surface) 70%);background-size:200% 100%}.skeleton-title-v2{border-radius:4px;height:16px;width:85%}.skeleton-platforms{display:flex;gap:.25rem}.skeleton-platforms:after,.skeleton-platforms:before{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(110deg,var(--bg-surface) 30%,#8c7ae60f 50%,var(--bg-surface) 70%);background-size:200% 100%;border-radius:6px;content:"";height:22px;width:22px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card-no-image{align-items:center;background:linear-gradient(160deg,#8c7ae61f,#1e1937f2);color:#8c7ae666;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;width:100%}.card-no-image svg{font-size:2.2rem;opacity:.5}.card-no-image span{font-size:.65rem;font-weight:600;letter-spacing:.05em;opacity:.4;text-transform:uppercase}.error-state{background:#ff3c3c0a;border:1px dashed #ff3c3c33;border-radius:16px;margin:1rem 0;padding:2.5rem}.error-state p{color:var(--text-secondary);font-size:.95rem;margin:0 0 1rem}.retry-button{background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.5rem;transition:all .25s ease}.retry-button:hover{background:#8c7ae6e6;box-shadow:0 4px 12px #8c7ae64d;transform:translateY(-2px)}.empty-state{background:var(--bg-surface);border:1px dashed var(--border-primary);border-radius:16px;margin:1rem 0;padding:3rem;text-align:center}.empty-state p{color:var(--text-secondary);font-size:1rem;margin:0}.subtitle.error{background:#ff3c3c1a!important;border-color:#ff3c3c26!important;color:#dc3545!important}.scroll-indicators{display:none}@media (max-width:768px){.rg-glass-container{border-radius:18px;margin:0 .25rem}.recent-games-container,.upcoming-games-container{margin:0 auto;padding:1rem .75rem}.recent-games-header,.upcoming-games-header{gap:.75rem;margin-bottom:.75rem;padding:0 .25rem .75rem}.recent-games-container h2,.similar-games-container h2,.upcoming-games-container h2{font-size:1.25rem}.header-left>.game-icon,.recent-games-container h2 .game-icon,.upcoming-games-container h2 .game-icon{font-size:1.15rem}.header-titles .subtitle,.recent-games-container h2 .subtitle,.upcoming-games-container h2 .subtitle{font-size:.68rem;padding:.15rem .55rem}.games-count-badge{font-size:.72rem;padding:.3rem .7rem}.nav-btn{font-size:.7rem;height:32px;width:32px}.game-card-v2{flex:0 0 175px}.game-card-v2 .card-title{font-size:.8rem}.game-card-v2 .card-body{padding:.6rem .55rem}.date-badge{font-size:.58rem;padding:.12rem .4rem}.genre-chip{font-size:.52rem;padding:.08rem .32rem}.platform-chip{height:20px;width:20px}.platform-chip svg{font-size:.6rem}.scroll-fade{width:40px}.rating-badge{padding:.15rem .4rem}.rating-star{font-size:.5rem}.rating-value{font-size:.62rem}.scroll-progress-track{width:80px}}@media (max-width:480px){.rg-glass-container{border-radius:14px;margin:0 .15rem}.recent-games-container,.upcoming-games-container{margin:0 auto;padding:.75rem .5rem}.recent-games-header{align-items:flex-start;flex-direction:column}.header-right{justify-content:space-between;width:100%}.game-card-v2{flex:0 0 155px}.game-card-v2 .card-body{gap:.25rem;padding:.5rem .4rem}.game-card-v2 .card-title{font-size:.74rem}.date-badge{font-size:.54rem;padding:.1rem .35rem}.genre-chip{font-size:.5rem;max-width:65px;padding:.06rem .28rem}.platform-chip{border-radius:5px;height:18px;width:18px}.platform-chip svg{font-size:.55rem}.view-details-btn{font-size:.7rem;padding:.4rem .9rem}.scroll-fade{width:30px}.new-badge{font-size:.55rem;padding:.18rem .45rem}.rating-badge{padding:.12rem .35rem}.rating-star{font-size:.48rem}.rating-value{font-size:.56rem}.scroll-progress-track{width:60px}}@media (max-width:360px){.rg-glass-container{border-radius:12px}.recent-games-container,.upcoming-games-container{padding:.5rem .35rem}.game-card-v2{flex:0 0 140px}.game-card-v2 .card-title{font-size:.68rem}.date-badge{font-size:.5rem}.genre-chip{font-size:.48rem;max-width:55px}.platform-chip{height:17px;width:17px}}.month-group{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-surface);border:1px solid var(--accent-border);border-radius:20px;margin-bottom:2.5rem;padding:2rem}.month-header{border-bottom:2px solid var(--accent);color:var(--text-primary);font-size:1.4rem;font-weight:700;letter-spacing:-.025em;margin-bottom:1.5rem;padding-bottom:1rem}.games-list{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem}.game-list-item{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--accent-border);border-radius:16px;box-shadow:var(--shadow-sm);color:var(--text-primary);display:flex;gap:1.5rem;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.game-list-item:hover{background:var(--bg-elevated);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.game-image-container{border-radius:12px;flex-shrink:0;height:68px;width:120px}.game-thumbnail{transition:transform .3s ease}.game-hover-info{background:#8c7ae6e6;pointer-events:none}.view-details{font-size:.8rem;padding:.5rem 1rem}.game-card-content{gap:.2rem;padding:.1rem 0}.game-card-title{font-size:1.15rem;letter-spacing:-.01em;padding-bottom:.2rem;position:relative;transition:all .3s ease;white-space:nowrap}.game-card-info{color:var(--text-secondary);font-size:.9rem;gap:1.2rem;margin-top:.2rem;position:relative}.release-date{background:#322d6905;border:1px solid #322d690a;font-size:.8rem;font-weight:400;padding:.25rem .6rem}.game-info{align-items:flex-start;flex:1 1;padding-right:1rem;width:100%}.game-title-container{align-items:center;justify-content:space-between;margin-bottom:.8rem;width:100%}.game-title{display:block;font-size:1.2rem;letter-spacing:-.01em;padding-left:0;position:relative;text-align:left}.game-details{align-items:flex-start;display:flex;flex-direction:column;font-size:.9rem;gap:.6rem;width:100%}.platforms-list{gap:.35rem;justify-content:flex-start;margin-top:.5rem}.platform-tag{background:#8c7ae60a;border:1px solid #8c7ae614;border-radius:4px;color:var(--accent);font-size:.75rem;font-weight:500;letter-spacing:.02em;padding:.3rem .6rem;transition:all .3s ease}.platform-tag:hover{background:#8c7ae60f;border-color:#8c7ae61f}.platform-tag.more{background:#8c7ae60a;border:1px solid #8c7ae614;color:var(--accent);font-weight:500}.month-header-container{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-elevated);border:1px solid var(--accent-border);border-radius:16px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:.5rem}.month-year-badge{align-items:flex-start;background:linear-gradient(135deg,var(--accent) 0,var(--text-primary) 100%);border-radius:12px;box-shadow:0 4px 6px -1px #8c7ae633,0 2px 4px -1px #8c7ae61a;display:flex;flex-direction:column;overflow:hidden;padding:.8rem 1.2rem;position:relative}.month-year-badge:before{animation:shimmer 2s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}@keyframes shimmer{to{transform:translateX(100%)}}.month-year-badge .month{color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:capitalize}.month-year-badge .year{color:#ffffffe6;font-size:1rem;font-weight:500;opacity:.9}.month-stats{gap:1rem;padding:0 1rem}.games-count,.month-stats{align-items:center;display:flex}.games-count{background:#8c7ae61a;border-radius:20px;color:var(--text-primary);font-size:.95rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.games-count:hover{background:#8c7ae626;transform:translateY(-1px)}.upcoming-games-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:flex-start;margin:0 auto 1.5rem;padding:0 1rem 1rem;width:100%}.upcoming-games-container h2{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;font-weight:800;gap:.8rem;letter-spacing:-.025em;margin:0;padding-left:.5rem;position:relative}.upcoming-games-container h2 .game-icon{align-items:center;animation:float 3s ease-in-out infinite;color:var(--accent);display:flex;font-size:1.8rem;opacity:.9}.upcoming-games-container h2 .subtitle{color:var(--accent);font-size:1.1rem;font-weight:500;margin-left:1rem;opacity:.9;padding-left:1rem;position:relative}.upcoming-games-container h2 .subtitle:before{background:#8c7ae64d;content:"";height:70%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1px}@media (max-width:768px){.game-hover-info{display:none}.month-header-container{flex-direction:column;gap:1rem;padding:1rem}.month-year-badge{align-items:center;text-align:center;width:100%}.month-stats{padding:0}.games-count,.month-stats{justify-content:center;width:100%}.month-group{margin-bottom:2rem;padding:1.2rem}.month-header{font-size:1.3rem;margin-bottom:1.2rem;padding-bottom:.8rem}}@media (max-width:480px){.month-header-container{background:var(--bg-surface);gap:.25rem;margin-bottom:.35rem;padding:.35rem}.month-year-badge{font-size:.8rem;padding:.25rem .4rem}.games-list{gap:.25rem;padding:0}.game-list-item{background:var(--bg-elevated);border:1px solid var(--accent-border);border-radius:12px;box-shadow:0 2px 8px #8c7ae614;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding:.75rem}.month-group{margin-bottom:1.5rem;padding:1rem}.month-header{font-size:1.2rem;margin-bottom:1rem;padding-bottom:.6rem}.upcoming-games-container{padding:.75rem}}@media (max-width:360px){.month-header-container{margin-bottom:.75rem;padding:.6rem}.month-year-badge{font-size:.85rem;padding:.4rem .8rem}.games-count{font-size:.7rem;padding:.15rem .3rem}.month-group{margin-bottom:1.2rem;padding:.8rem}.month-header{font-size:1.1rem;margin-bottom:.8rem;padding-bottom:.5rem}.upcoming-games-container{padding:.5rem}}.recent-games-container.error{background-color:#ff00000d;border-radius:16px;padding:1.5rem}.error-message{color:var(--text-secondary);padding:1rem;text-align:center}.recent-games-container.loading .loading-skeleton{display:flex;gap:.85rem;overflow:hidden;padding:.5rem .25rem}.skeleton-card{animation:loading 1.5s infinite;background:var(--bg-elevated);border-radius:16px;display:flex;gap:1.2rem;margin-bottom:1rem;padding:1.2rem}.skeleton-image{background:linear-gradient(90deg,var(--bg-skeleton) 25%,var(--bg-card-placeholder) 50%,var(--bg-skeleton) 75%);border-radius:12px;height:150px;width:110px}.skeleton-content{display:flex;flex:1 1;flex-direction:column;gap:.8rem}.skeleton-text,.skeleton-title{background:linear-gradient(90deg,var(--bg-skeleton) 25%,var(--bg-card-placeholder) 50%,var(--bg-skeleton) 75%)}.game-card{background:var(--bg-elevated);border:1px solid #8c7ae61a;border-radius:12px;box-shadow:0 4px 6px -1px #8c7ae608,0 2px 4px -1px #8c7ae605,0 0 0 1px #8c7ae60d;cursor:pointer;flex:0 0 auto;flex-direction:column;gap:.4rem;padding:.6rem;text-decoration:none;transform-origin:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:240px;will-change:transform}.game-card,.game-card-image-container{align-items:center;display:flex;position:relative}.game-card-image-container{aspect-ratio:2/3;border-radius:12px;box-shadow:0 4px 12px #00000026;justify-content:center;max-width:200px;overflow:hidden;width:100%}.game-card-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.game-card-rating{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f6c90e26;border:1px solid #f6c90e33;border-radius:12px;box-shadow:0 2px 4px #f6c90e33;color:#f6c90e;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;justify-content:center;min-width:60px;padding:.35rem .8rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease;z-index:2}.game-card-rating .rating-icon{color:#f6c90e;filter:drop-shadow(0 2px 2px rgba(246,201,14,.3));font-size:.9rem}.game-card-rating .rating-value{font-weight:600;letter-spacing:.02em;text-align:center}.game-card:active .game-card-rating{background:#f6c90e1f;box-shadow:0 1px 2px #f6c90e26;transform:scale(.98);transition-duration:.1s}.game-card-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#322d69d9;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease;z-index:1}.game-card:hover .game-card-overlay{opacity:1}.view-details{border-radius:20px;font-size:.9rem;min-width:120px;padding:.6rem 1.2rem}.game-card:hover .view-details{transform:translateY(0)}.game-card-content{align-items:center;display:flex;flex-direction:column;gap:.3rem;padding:.2rem 0;width:100%}.game-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.95rem;font-weight:700;line-height:1.2;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .3s ease;width:100%}.game-card-info{align-items:center;display:flex;gap:.4rem;justify-content:center;width:100%}.game-card:active .release-date{background:#322d690d;box-shadow:0 1px 2px #322d6914;transform:scale(.98);transition-duration:.1s}.game-card-genres{align-items:center;display:flex;flex-direction:column;padding:.5rem 0;position:relative;width:100%}.genres-container{flex-wrap:wrap;padding:0 .5rem;width:100%}.game-card-genre,.genres-container{display:flex;gap:.5rem;justify-content:center;position:relative}.game-card-genre{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#8c7ae614;border:1px solid var(--accent-border);border-radius:20px;box-shadow:0 2px 4px #8c7ae61a;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;letter-spacing:.01em;min-width:85px;overflow:hidden;padding:.4rem .9rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.game-card-genre .genre-icon{color:var(--accent);filter:drop-shadow(0 2px 2px rgba(140,122,230,.2));font-size:.8rem;opacity:.9;transition:all .3s ease}.game-card-genre .genre-name{font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.game-card-genre:hover{background:#8c7ae61f;border-color:#8c7ae640;box-shadow:0 4px 12px var(--accent-border);transform:translateY(-2px)}.game-card-genre:hover .genre-icon{color:var(--accent);transform:scale(1.1) rotate(5deg)}.game-card-genre:hover .genre-name{color:var(--accent)}.game-card-genre:before{background:linear-gradient(45deg,#0000,#8c7ae61a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.game-card-genre:hover:before{transform:translateX(100%)}.game-card-genre.more{background:#8c7ae61f;border-color:#8c7ae633;box-shadow:0 2px 4px var(--accent-border);color:var(--accent);font-weight:600;min-width:65px;padding:.4rem 1rem;position:relative}.game-card-genre.more:after{background:#8c7ae640;border-radius:2px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:25px}.game-card-genre.more:hover{background:#8c7ae62e;box-shadow:0 4px 12px #8c7ae633;transform:translateY(-2px)}.game-card-genre.more:hover:after{background:#8c7ae659;width:35px}.game-card .game-card-platforms{align-items:center!important;flex-direction:column!important;padding:.6rem 0!important}.game-card .game-card-platforms,.game-card .platforms-container{display:flex!important;margin:0!important;position:relative!important;width:100%!important}.game-card .platforms-container{flex-wrap:wrap!important;gap:.25rem!important;justify-content:center!important;padding:0 .25rem!important}.game-card .platform-icon{align-items:center!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#8c7ae614!important;border:1px solid var(--accent-border)!important;border-radius:8px!important;box-shadow:0 2px 4px #8c7ae61a!important;cursor:pointer!important;display:flex!important;height:26px!important;justify-content:center!important;margin:0!important;overflow:hidden!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:26px!important}.platform-icon svg{color:var(--accent);filter:drop-shadow(0 2px 2px rgba(140,122,230,.2));font-size:.85rem;opacity:.9;transition:all .3s ease}.platform-icon:hover{background:#8c7ae61f;border-color:#8c7ae640;box-shadow:0 4px 12px var(--accent-border);transform:translateY(-2px) scale(1.1)}.platform-icon:hover svg{color:var(--accent);transform:scale(1.1)}.platform-icon:before{background:linear-gradient(45deg,#0000,#8c7ae61a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.platform-icon:hover:before{transform:translateX(100%)}.platform-icon.more{align-items:center;background:#8c7ae61f;border-color:#8c7ae633;box-shadow:0 2px 4px var(--accent-border);color:var(--accent);display:flex;font-size:.8rem;font-weight:600;justify-content:center}.platform-icon.more:hover{background:#8c7ae62e;box-shadow:0 4px 12px #8c7ae633}@media (max-width:768px){.game-card{gap:.3rem;padding:.5rem;width:220px}.game-card-content{gap:.25rem;padding:.15rem 0}.game-card-title{font-size:.9rem}.release-date{font-size:.7rem;min-width:80px;padding:.15rem .4rem}.release-date .date-icon{font-size:.75rem}.game-card .game-card-platforms{padding:.5rem 0!important}.game-card .platforms-container{gap:.2rem;padding:0 .15rem}.game-card .platform-icon{height:24px;width:24px}.game-card .platform-icon svg{font-size:.8rem}}@media (max-width:480px){.game-card{gap:.25rem;padding:.4rem;width:200px}.game-card-content{gap:.2rem;padding:.1rem 0}.game-card-title{font-size:.85rem}.release-date{font-size:.65rem;min-width:70px;padding:.1rem .3rem}.release-date .date-icon{font-size:.7rem}.game-card .game-card-platforms{padding:.4rem 0!important}.game-card .platforms-container{gap:.15rem;padding:0 .1rem}.game-card .platform-icon{height:22px;width:22px}.game-card .platform-icon svg{font-size:.75rem}}.platforms-list{justify-content:center;padding:.2rem 0}@media (max-width:768px){.platforms-list{padding:.15rem 0}.platforms-list .platform-icon{height:22px;width:22px}.platforms-list .platform-icon svg{font-size:.75rem}}@media (max-width:480px){.platforms-list{padding:.1rem 0}.platforms-list .platform-icon{height:20px;width:20px}.platforms-list .platform-icon svg{font-size:.7rem}}.game-thumbnail{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.game-hover-info{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#322d69d9;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.game-list-item:hover .game-hover-info{opacity:1}.game-list-item:hover .game-thumbnail{transform:scale(1.05)}.view-details{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:2px solid #fff;border-radius:16px;color:#fff;font-size:.85rem;font-weight:600;min-width:100px;padding:.4rem .8rem;text-align:center;transform:translateY(10px);transition:transform .3s ease}.game-list-item:hover .view-details{transform:translateY(0)}@media (max-width:768px){.game-list-item{gap:.5rem;grid-template-columns:90px 1fr;padding:.5rem}.game-image-container{height:130px;width:90px}.game-info{gap:.3rem}.game-title{font-size:.95rem}.release-date{font-size:.7rem;padding:.15rem .4rem}.platforms-list .platform-icon{height:22px;width:22px}.platforms-list .platform-icon svg{font-size:.75rem}}@media (max-width:480px){.game-list-item{gap:.4rem;grid-template-columns:80px 1fr;padding:.4rem}.game-image-container{height:110px;width:80px}.game-info{gap:.25rem}.game-title{font-size:.9rem}.release-date{font-size:.65rem;padding:.1rem .3rem}.platforms-list .platform-icon{height:20px;width:20px}.platforms-list .platform-icon svg{font-size:.7rem}}.upcoming-games-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem}.game-list-item{grid-gap:.6rem;align-items:start;background:var(--bg-elevated);border:1px solid #8c7ae61a;border-radius:8px;box-shadow:0 1px 3px #8c7ae60d;color:inherit;display:grid;gap:.6rem;grid-template-columns:100px 1fr;height:100%;padding:.6rem;text-decoration:none;transition:all .3s ease}.game-image-container{border-radius:6px;box-shadow:0 1px 4px #0000001a;grid-row:span 2;height:140px;overflow:hidden;position:relative;width:100px}.game-info{gap:.4rem;min-width:0;padding:.1rem 0}.game-info,.game-title-container{display:flex;flex-direction:column}.game-title-container{gap:.3rem}.game-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1rem;font-weight:700;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis}.release-date{align-items:center;background:#322d6908;border:1px solid #322d6914;border-radius:8px;box-shadow:0 2px 4px #322d690d;color:var(--text-primary);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;justify-content:center;min-width:90px;padding:.2rem .5rem;transition:all .3s ease}.release-date .date-icon{color:var(--accent);font-size:.8rem;opacity:.8}.game-list-item:hover .release-date{background:#322d690d;border-color:#322d691f;box-shadow:0 4px 8px #322d6914}.platforms-list{flex-wrap:wrap;gap:.25rem;padding:0;width:100%}.platforms-list,.platforms-list .platform-icon{align-items:center;display:flex;position:relative}.platforms-list .platform-icon{background:#8c7ae614;border:1px solid var(--accent-border);border-radius:50%;box-shadow:0 1px 2px #8c7ae61a;cursor:pointer;height:24px;justify-content:center;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.platforms-list .platform-icon svg{color:var(--accent);font-size:.8rem;opacity:.9;transition:all .3s ease}.platforms-list .platform-icon:hover{background:#8c7ae61f;border-color:#8c7ae640;box-shadow:0 2px 4px var(--accent-border);transform:translateY(-1px) scale(1.05)}.platforms-list .platform-icon.more{align-items:center;background:#8c7ae61f;border-color:#8c7ae633;box-shadow:0 1px 2px var(--accent-border);color:var(--accent);display:flex;font-size:.65rem;font-weight:600;justify-content:center}@media (max-width:1200px){.upcoming-games-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.upcoming-games-list{gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:.8rem}.game-list-item{gap:.5rem;grid-template-columns:90px 1fr;padding:.5rem}.game-image-container{height:130px;width:90px}.game-info{gap:.3rem}.game-title{font-size:.95rem}.release-date{font-size:.7rem;padding:.15rem .4rem}.platforms-list .platform-icon{height:22px;width:22px}.platforms-list .platform-icon svg{font-size:.75rem}}@media (max-width:480px){.upcoming-games-list{gap:.6rem;grid-template-columns:1fr;padding:.6rem}.game-list-item{gap:.4rem;grid-template-columns:80px 1fr;padding:.4rem}.game-image-container{height:110px;width:80px}.game-info{gap:.25rem}.game-title{font-size:.9rem}.release-date{font-size:.65rem;padding:.1rem .3rem}.platforms-list .platform-icon{height:20px;width:20px}.platforms-list .platform-icon svg{font-size:.7rem}}.upcoming-section{padding:1.5rem 0;width:100%}.ug-glass-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#8c7ae608;border:1px solid #8c7ae614;border-radius:24px;margin:0 auto;max-width:1440px;overflow:hidden;position:relative}.ug-glass-container:before{background:radial-gradient(ellipse at 80% 30%,#8c7ae60d 0,#0000 50%);content:"";height:200%;pointer-events:none;position:absolute;right:-30%;top:-50%;width:200%;z-index:0}.ug-container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:1.75rem 2rem;position:relative;width:100%;z-index:1}.ug-header{border-bottom:1px solid var(--border-primary);flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem 1.25rem}.ug-header,.ug-icon{align-items:center;display:flex}.ug-icon{animation:rocketFloat 3s ease-in-out infinite;color:var(--accent);font-size:1.4rem}@keyframes rocketFloat{0%,to{transform:translateY(0) rotate(-15deg)}50%{transform:translateY(-4px) rotate(-10deg)}}.ug-header h2{color:var(--text-primary);font-size:1.6rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0}.ug-subtitle{background:#8c7ae61a;border:1px solid #8c7ae61f;border-radius:20px;color:var(--accent);font-size:.82rem;font-weight:600;letter-spacing:.02em;opacity:.9;padding:.2rem .75rem}.ug-subtitle--error{background:#ff3c3c1a!important;border-color:#ff3c3c26!important;color:#dc3545!important}.ug-total-badge{align-items:center;background:#8c7ae614;border:1px solid #8c7ae626;border-radius:20px;color:var(--accent);display:inline-flex;font-size:.78rem;font-weight:600;gap:.4rem;padding:.35rem .85rem;transition:all .25s ease;white-space:nowrap}.ug-total-badge:hover{background:#8c7ae61f}.ug-total-icon{font-size:.65rem;opacity:.8}.ug-timeline{display:flex;flex-direction:column;gap:1.25rem}.ug-month-group{animation:monthSlideIn .4s ease-out both}@keyframes monthSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ug-month-header{align-items:center;background:var(--bg-elevated);border:1px solid #8c7ae61a;border-radius:14px;color:inherit;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;margin-bottom:0;padding:.8rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ug-month-header:hover{background:#8c7ae60f;border-color:#8c7ae62e;box-shadow:0 4px 12px #8c7ae614}.ug-month-header--expanded{border-color:#8c7ae626;box-shadow:0 2px 8px #8c7ae60f;margin-bottom:1rem}.ug-month-badge{align-items:baseline;display:flex;gap:.5rem}.ug-month-name{color:var(--text-primary);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;text-transform:capitalize}.ug-month-year{color:var(--text-secondary);font-size:.82rem;font-weight:500;opacity:.7}.ug-month-meta{align-items:center;display:flex;gap:.75rem}.ug-month-count{background:#8c7ae614;border:1px solid #8c7ae61a;border-radius:12px;color:var(--accent);font-size:.75rem;font-weight:600;padding:.2rem .65rem}.ug-month-toggle{align-items:center;color:var(--text-secondary);display:flex;font-size:.7rem;transition:transform .3s ease,color .3s ease}.ug-month-header:hover .ug-month-toggle{color:var(--accent)}.ug-games-grid{grid-gap:1rem;animation:gridFadeIn .35s ease-out;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ug-card{animation:cardAppear .4s ease-out both;background:var(--bg-elevated);border:1px solid #8c7ae614;border-radius:14px;box-shadow:0 2px 8px #0000000d,0 0 0 1px #8c7ae608;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}@keyframes cardAppear{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ug-card:hover{border-color:#8c7ae638;box-shadow:0 14px 28px #8c7ae62e,0 4px 10px #0000000f,0 0 0 1px #8c7ae626;transform:translateY(-6px)}.ug-card:active{transform:translateY(-2px) scale(.98);transition-duration:.1s}.ug-card-image{aspect-ratio:16/10;background:var(--bg-surface);overflow:hidden;position:relative;width:100%}.ug-card-image img{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1),filter .4s ease;width:100%}.ug-card:hover .ug-card-image img{filter:brightness(1.05);transform:scale(1.07)}.ug-card-gradient{background:linear-gradient(0deg,#0009 0,#0000);bottom:0;height:55%;left:0;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease;z-index:1}.ug-card:hover .ug-card-gradient{opacity:.4}.ug-countdown{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:8px;bottom:.5rem;display:inline-flex;font-size:.65rem;font-weight:700;gap:.3rem;left:.5rem;padding:.2rem .6rem;position:absolute;transition:all .3s ease;white-space:nowrap;z-index:3}.ug-countdown svg{font-size:.55rem}.countdown--now{animation:countdownPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35d9,#f7c948d9);box-shadow:0 2px 10px #ff6b3566;color:#fff}.countdown--soon{background:#fb923cd9;box-shadow:0 2px 8px #fb923c59;color:#fff}.countdown--week{background:#8c7ae6d9;box-shadow:0 2px 8px #8c7ae64d;color:#fff}.countdown--month{background:#64aadcd9;box-shadow:0 2px 8px #64aadc4d;color:#fff}.countdown--later{background:#505064cc;box-shadow:0 2px 6px #0003;color:#ffffffe6}@keyframes countdownPulse{0%,to{box-shadow:0 2px 10px #ff6b3566}50%{box-shadow:0 2px 18px #ff6b35a6}}.ug-rating{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#4ade8026;background:var(--r-bg,#4ade8026);border:1px solid color-mix(in srgb,#4ade80 25%,#0000);border:1px solid color-mix(in srgb,var(--r-color,#4ade80) 25%,#0000);border-radius:8px;display:inline-flex;font-size:.65rem;font-weight:700;gap:.2rem;padding:.2rem .5rem;position:absolute;right:.5rem;top:.5rem;transition:all .3s ease;z-index:3}.ug-rating,.ug-rating-star{color:#4ade80;color:var(--r-color,#4ade80)}.ug-rating-star{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:.55rem}.ug-card:hover .ug-rating{transform:scale(1.05)}.ug-card-hover{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#322d69b3;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease;z-index:2}.ug-card:hover .ug-card-hover{opacity:1}.ug-view-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:2px solid #ffffffd9;border-radius:24px;color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:.5rem 1.1rem;transform:translateY(8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.ug-card:hover .ug-view-btn{transform:translateY(0)}.ug-card-body{align-items:flex-start;display:flex;flex-direction:column;gap:.4rem;padding:.65rem .7rem .75rem}.ug-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.88rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;width:100%}.ug-card:hover .ug-card-title{color:var(--accent)}.ug-card-genres{display:flex;flex-wrap:wrap;gap:.2rem}.ug-genre{background:#8c7ae60f;border:1px solid #8c7ae614;border-radius:5px;color:var(--text-secondary);font-size:.6rem;font-weight:500;max-width:90px;overflow:hidden;padding:.1rem .4rem;text-overflow:ellipsis;transition:all .25s ease;white-space:nowrap}.ug-card:hover .ug-genre{background:#8c7ae61a;color:var(--accent)}.ug-card-platforms{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.1rem}.ug-platform{align-items:center;background:#8c7ae60f;border:1px solid #8c7ae61a;border-radius:7px;display:flex;height:24px;justify-content:center;transition:all .25s ease;width:24px}.ug-platform svg{color:var(--accent);font-size:.68rem;opacity:.75}.ug-card:hover .ug-platform{background:#8c7ae61a;border-color:#8c7ae62e}.ug-card:hover .ug-platform svg{opacity:1}.ug-platform--more{background:#8c7ae61a;border-color:#8c7ae626;color:var(--accent);font-size:.6rem;font-weight:700}.ug-skeleton-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ug-skeleton-card{background:var(--bg-elevated);border:1px solid #8c7ae60f;border-radius:14px;overflow:hidden}.ug-skeleton-image{animation:ugShimmer 1.5s ease-in-out infinite;aspect-ratio:16/10;background:linear-gradient(110deg,var(--bg-surface) 30%,#8c7ae60f 50%,var(--bg-surface) 70%);background-size:200% 100%;width:100%}.ug-skeleton-body{display:flex;flex-direction:column;gap:.4rem;padding:.65rem .7rem .75rem}.ug-skeleton-line{animation:ugShimmer 1.5s ease-in-out infinite;background:linear-gradient(110deg,var(--bg-surface) 30%,#8c7ae60f 50%,var(--bg-surface) 70%);background-size:200% 100%;border-radius:4px}.ug-skeleton-line--title{height:16px;width:80%}.ug-skeleton-line--badge{height:14px;width:50%}.ug-skeleton-line--chips{height:24px;width:60%}@keyframes ugShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ug-error-state{background:#ff3c3c08;border:1px dashed #ff3c3c2e;border-radius:16px;padding:3rem 2rem;text-align:center}.ug-error-icon{color:#ff3c3c4d;font-size:2rem;margin-bottom:.75rem}.ug-error-state p{color:var(--text-secondary);font-size:.95rem;margin:0 0 1.25rem}.ug-retry-btn{background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:.5rem 1.5rem;transition:all .25s ease}.ug-retry-btn:hover{box-shadow:0 4px 14px #8c7ae659;transform:translateY(-2px)}.ug-empty-state{background:var(--bg-surface);border:1px dashed var(--border-primary);border-radius:16px;padding:3rem;text-align:center}.ug-empty-state p{color:var(--text-secondary);font-size:1rem;margin:0}@media (max-width:768px){.ug-glass-container{border-radius:18px;margin:0 .25rem}.ug-container{padding:1rem .75rem}.ug-header{margin-bottom:1rem;padding:0 .25rem .75rem}.ug-header h2{font-size:1.25rem}.ug-icon{font-size:1.15rem}.ug-subtitle{font-size:.72rem;padding:.15rem .55rem}.ug-total-badge{font-size:.72rem;padding:.3rem .65rem}.ug-month-header{padding:.65rem 1rem}.ug-month-name{font-size:1.05rem}.ug-games-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.ug-card-title{font-size:.82rem}.ug-countdown{font-size:.6rem;padding:.18rem .5rem}.ug-rating{font-size:.6rem;padding:.18rem .42rem}.ug-platform{height:22px;width:22px}.ug-platform svg{font-size:.62rem}}@media (max-width:480px){.ug-glass-container{border-radius:14px;margin:0 .15rem}.ug-container{padding:.75rem .5rem}.ug-header{align-items:flex-start;flex-direction:column;gap:.6rem}.header-right{width:100%}.ug-games-grid{gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.ug-card-body{gap:.3rem;padding:.5rem .55rem .6rem}.ug-card-title{font-size:.76rem}.ug-genre{font-size:.55rem;max-width:70px}.ug-platform{border-radius:5px;height:20px;width:20px}.ug-platform svg{font-size:.58rem}.ug-countdown{font-size:.55rem;padding:.15rem .4rem}.ug-countdown svg{font-size:.48rem}.ug-view-btn{font-size:.7rem;padding:.4rem .85rem}.ug-month-header{border-radius:12px;padding:.55rem .8rem}.ug-month-name{font-size:.95rem}.ug-month-year{font-size:.72rem}.ug-month-count{font-size:.68rem;padding:.15rem .5rem}}@media (max-width:360px){.ug-glass-container{border-radius:12px}.ug-container{padding:.5rem .35rem}.ug-games-grid{gap:.5rem;grid-template-columns:1fr 1fr}.ug-card-title{font-size:.7rem}.ug-genre{font-size:.5rem;max-width:55px}.ug-countdown{font-size:.52rem}.ug-month-name{font-size:.88rem}}.section-error-boundary{align-items:center;background:var(--bg-surface);border:1px dashed var(--border-primary);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:160px;padding:2rem 1rem}.section-error-boundary__icon{color:var(--text-tertiary);font-size:2rem;opacity:.7}.section-error-boundary__text{color:var(--text-secondary);font-size:.9rem;margin:0}.section-error-boundary__btn{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:8px;color:var(--accent);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:background .2s,color .2s}.section-error-boundary__btn:hover{background:var(--accent);color:var(--text-on-accent)}.home-container{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;margin:0 auto;position:relative;width:100%}.games-section{margin:2rem 0;min-height:400px;position:relative}.featured-sections{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.loading-state{background:var(--bg-elevated);border-radius:12px;inset:0;overflow:hidden;padding:2rem;position:absolute}.loading-container{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;text-align:center}.loading-container p{color:var(--text-primary);font-size:1.1rem;margin:0}.loading-skeleton{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));width:100%}.skeleton-card{animation:pulse 1.5s ease-in-out infinite;background:var(--bg-surface);border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.skeleton-image{background:var(--bg-skeleton);height:200px;width:100%}.skeleton-content{padding:1rem}.skeleton-title{background:var(--bg-skeleton);border-radius:4px;height:24px;margin-bottom:1rem;width:80%}.skeleton-text{margin-bottom:.5rem;width:60%}.skeleton-rating,.skeleton-text{background:var(--bg-skeleton);border-radius:4px;height:16px}.skeleton-rating{width:40%}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.error-state{padding:2rem 1rem;text-align:center}@media (max-width:768px){.games-section{margin:1.5rem 0}.loading-state{padding:1.5rem}.loading-skeleton{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:480px){main{padding:.5rem}.games-section{margin:1rem 0}.loading-state{padding:1rem}.loading-skeleton{gap:1rem;grid-template-columns:1fr}.loading-container p{font-size:.95rem}}@media (max-width:360px){main{padding:.25rem}.loading-state{padding:.75rem}.loading-container p{font-size:.9rem}}@media (min-width:1921px){main{max-width:1800px;padding:0 2rem}.games-section{margin:3rem 0}.featured-sections{gap:3rem;margin:3rem 0}.loading-skeleton{gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.rating-circle{align-items:center;display:flex;flex-direction:column;gap:6px;position:relative}.rating-circle__svg{display:block}.rating-circle__track{fill:none;stroke:var(--border-subtle);opacity:.5}.rating-circle__progress{fill:none}.rating-circle__value{align-items:center;display:flex;height:72px;justify-content:center;left:0;position:absolute;top:0;width:72px}.rating-circle__number{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1}.rating-circle__label{color:var(--text-tertiary);font-size:.65rem;font-weight:500;letter-spacing:.8px;text-transform:uppercase}.rating-circle.small .rating-circle__svg,.rating-circle.small .rating-circle__value{height:48px;width:48px}.rating-circle.small .rating-circle__number{font-size:.9rem}.rating-circle.small .rating-circle__label{display:none}.breadcrumbs{margin-bottom:.5rem;padding:0}.breadcrumbs__list{flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumbs__item,.breadcrumbs__list{align-items:center;display:flex;gap:0}.breadcrumbs__separator{font-size:.7rem;margin:0 .4rem;opacity:.35;-webkit-user-select:none;user-select:none}.breadcrumbs__link{align-items:center;display:flex;font-size:.75rem;font-weight:400;gap:3px;letter-spacing:.2px;opacity:.5;text-decoration:none;transition:color .2s ease,opacity .2s ease;white-space:nowrap}.breadcrumbs__link:hover{opacity:.85}.breadcrumbs__icon{font-size:.85rem}.breadcrumbs__current{font-size:.75rem;font-weight:500;letter-spacing:.2px;max-width:220px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vd-hero__content .breadcrumbs__separator{color:#fff6}.vd-hero__content .breadcrumbs__link{color:#ffffffe6}.vd-hero__content .breadcrumbs__link:hover{color:#fff}.vd-hero__content .breadcrumbs__current{color:#ffffffe6}.lightbox{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000eb;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:9999}.lightbox,.lightbox__header{align-items:center;display:flex}.lightbox__header{justify-content:space-between;left:0;padding:1rem 1.5rem;position:absolute;right:0;top:0;z-index:10}.lightbox__counter{color:#fff9;font-size:.8rem;font-weight:500;letter-spacing:.5px}.lightbox__close{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.lightbox__close:hover{background:#ffffff26;color:#fff}.lightbox__close .material-symbols-rounded{font-size:1.25rem}.lightbox__body{height:calc(100vh - 120px);padding:0 60px;position:relative;width:100%}.lightbox__body,.lightbox__image-wrapper{align-items:center;display:flex;justify-content:center}.lightbox__image-wrapper{max-height:100%;max-width:100%}.lightbox__image{border-radius:6px;max-height:calc(100vh - 160px);max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.lightbox__nav{align-items:center;background:#ffffff0f;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:44px;z-index:5}.lightbox__nav:hover{background:#ffffff1f;color:#fff}.lightbox__nav .material-symbols-rounded{font-size:1.5rem}.lightbox__nav--prev{left:12px}.lightbox__nav--next{right:12px}.lightbox__thumbnails{align-items:center;bottom:0;display:flex;gap:6px;justify-content:center;left:0;overflow-x:auto;padding:12px 1rem;position:absolute;right:0;scrollbar-width:none}.lightbox__thumbnails::-webkit-scrollbar{display:none}.lightbox__thumb{background:none;border:2px solid #0000;border-radius:4px;cursor:pointer;flex-shrink:0;height:36px;opacity:.4;overflow:hidden;padding:0;transition:all .2s ease;width:56px}.lightbox__thumb:hover{opacity:.7}.lightbox__thumb--active{border-color:#fff9;opacity:1}.lightbox__thumb img{display:block;height:100%;object-fit:cover;width:100%}@media (max-width:768px){.lightbox__body{padding:0 44px}.lightbox__nav{height:36px;width:36px}.lightbox__nav .material-symbols-rounded{font-size:1.25rem}.lightbox__nav--prev{left:4px}.lightbox__nav--next{right:4px}.lightbox__thumbnails{display:none}}.mg-loading__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.mg-loading__item{animation:mg-shimmer 1.8s ease-in-out infinite;aspect-ratio:16/9;background:var(--bg-skeleton);border-radius:10px}@keyframes mg-shimmer{0%,to{opacity:.5}50%{opacity:.8}}.mg-empty{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1rem;text-align:center}.mg-empty__icon{color:var(--text-tertiary);font-size:2rem;opacity:.5}.mg-empty__text{color:var(--text-tertiary);font-size:.85rem;margin:0}.mg-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.mg-screenshot{aspect-ratio:16/9;background:var(--bg-skeleton);border-radius:10px;cursor:zoom-in;overflow:hidden;position:relative}.mg-screenshot .img-placeholder{transition:transform .4s ease}.mg-screenshot:hover .img-placeholder__img{transform:scale(1.03)}.mg-screenshot__overlay{align-items:center;background:#00000040;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.mg-screenshot:hover .mg-screenshot__overlay{opacity:1}.mg-screenshot__overlay .material-symbols-rounded{color:#ffffffd9;font-size:1.75rem}.mg-screenshot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mg-trailers{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.mg-trailer__video{aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;position:relative}.mg-trailer__video iframe,.mg-trailer__video video{border:none;display:block;height:100%;width:100%}.mg-trailer__title{color:var(--text-secondary);font-size:.8rem;font-weight:500;margin:.5rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.mg-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.mg-trailers{grid-template-columns:1fr}}@media (max-width:480px){.mg-grid{gap:.4rem;grid-template-columns:1fr 1fr}.mg-screenshot{border-radius:8px}}.sg__title{color:var(--text-tertiary);font-size:.7rem;font-weight:500;letter-spacing:1.5px;margin:0 0 1.25rem;text-transform:uppercase}.sg__grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sg__card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;display:block;overflow:hidden;text-decoration:none;transition:all .25s ease}.sg__card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.sg__image-wrapper{aspect-ratio:16/9;overflow:hidden;position:relative}.sg__image{transition:transform .4s ease}.sg__card:hover .sg__image .img-placeholder__img{transform:scale(1.04)}.sg__image-overlay{background:linear-gradient(180deg,#0000 50%,#0003);inset:0;pointer-events:none;position:absolute}.sg__info{display:flex;flex-direction:column;gap:3px;padding:.65rem .75rem}.sg__name{color:var(--text-primary);font-size:.82rem;font-weight:500;line-height:1.3;margin:0}.sg__genres,.sg__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg__genres{color:var(--text-tertiary);font-size:.7rem}.sg-empty{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1rem;text-align:center}.sg-empty__icon{color:var(--text-tertiary);font-size:2rem;opacity:.4}.sg-empty__text{color:var(--text-tertiary);font-size:.85rem;margin:0}@media (max-width:480px){.sg__grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.sg__info{padding:.5rem .6rem}.sg__name{font-size:.75rem}}.pc-section{margin-bottom:2rem}.pc-title{font-size:1rem;font-weight:600;letter-spacing:.02em;margin:0 0 .5rem}.pc-content{overflow:hidden;padding-top:.5rem}.pc-skeleton{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;display:flex;flex-direction:column;gap:.6rem;padding:1rem 1.25rem}.pc-skeleton__row{animation:pc-pulse 1.5s ease-in-out infinite;background:#ffffff0a;background:var(--bg-skeleton,#ffffff0a);border-radius:8px;height:20px}@keyframes pc-pulse{0%,to{opacity:.5}50%{opacity:.9}}.pc-subtitle{color:var(--text-secondary);font-size:.78rem;font-weight:500;letter-spacing:.06em;margin:0 0 .6rem;text-transform:uppercase}.pc-deals{margin-bottom:1rem}.pc-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.pc-item{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:0 1px 3px #0000000a;display:flex;gap:1rem;padding:1rem 1.25rem;transition:border-color .2s ease,box-shadow .2s ease}[data-theme=dark] .pc-item{box-shadow:0 1px 0 #ffffff08}.pc-item:hover{border-color:var(--border-primary);box-shadow:0 2px 8px #0000000f}.pc-item--best{background:linear-gradient(135deg,var(--bg-elevated) 0,var(--accent-soft) 100%);border-color:var(--accent-border);box-shadow:0 2px 8px var(--accent-soft)}.pc-item__store{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:.5rem;min-width:130px}.pc-item__badge{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:5px;color:var(--accent);font-size:.65rem;font-weight:600;letter-spacing:.08em;padding:.15rem .45rem;text-transform:uppercase}.pc-item__prices{align-items:center;display:flex;flex:1 1;gap:.6rem;min-height:1.5rem}.pc-item__retail{color:var(--text-tertiary);font-size:.8rem;text-decoration:line-through}.pc-item__price{color:var(--text-primary);font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.pc-item__price--best{color:var(--accent);font-weight:700}.pc-item__savings{background:#22c55e1f;border-radius:6px;color:#16a34a;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:.2rem .5rem}[data-theme=dark] .pc-item__savings{background:#22c55e2e;color:#4ade80}.pc-item__link{align-items:center;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:8px;color:var(--accent);display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;justify-content:center;padding:.35rem .65rem;text-decoration:none;transition:all .2s ease}.pc-item__link:hover{background:#8c7ae626;border-color:var(--accent)}[data-theme=dark] .pc-item__link:hover{background:#a78bfa26}.pc-item__link .material-symbols-rounded{font-size:.75rem;opacity:.9}.pc-fallback{margin-bottom:1rem}.pc-list--links{flex-direction:row;flex-wrap:wrap;gap:.5rem}.pc-list--links li{display:inline}.pc-fallback__link{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-secondary);display:inline-flex;font-size:.82rem;font-weight:500;gap:6px;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.pc-fallback__link:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text-primary)}.pc-fallback__link .material-symbols-rounded{font-size:.8rem;opacity:.7}.pc-disclaimer{color:var(--text-tertiary);font-size:.7rem;line-height:1.4;margin:.75rem 0 0;opacity:.75}@media (hover:none) and (pointer:coarse){.pc-fallback__link:active,.pc-item__link:active{-webkit-tap-highlight-color:transparent;transform:scale(.97)}}.pc-fallback__link:active,.pc-item__link:active{-webkit-tap-highlight-color:transparent}@media (max-width:640px){.pc-section{margin-bottom:1.5rem}.pc-title{font-size:.95rem}.pc-content{padding-top:.75rem}.pc-skeleton{gap:.45rem;min-height:80px;padding:.75rem 1rem calc(.875rem + env(safe-area-inset-bottom, 0px))}.pc-skeleton__row{height:18px}.pc-item{flex-wrap:wrap;gap:.75rem;min-height:auto}.pc-item,.pc-item--best{padding:1rem}.pc-item__store{font-size:.9rem;min-width:0;min-width:auto;order:1;width:100%}.pc-item__prices{flex:1 1;gap:.5rem;min-height:0;min-height:auto;order:2}.pc-item__link{align-self:flex-start;font-size:.75rem;justify-content:center;min-height:36px;order:3;padding:.4rem .75rem;width:auto}.pc-item__price{font-size:1rem}.pc-item__retail{font-size:.78rem}.pc-list{gap:.6rem}.pc-fallback,.pc-fallback .pc-subtitle{text-align:center}.pc-list--links{gap:.4rem;justify-content:center}.pc-fallback__link{font-size:.75rem;justify-content:center;min-height:36px;padding:.35rem .65rem}.pc-fallback__link .material-symbols-rounded{font-size:.7rem}.pc-disclaimer{margin-bottom:env(safe-area-inset-bottom,0)}}.vd-page{background:var(--bg-page);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.vd-loading{padding-top:64px}.vd-loading__hero{animation:vd-pulse 1.8s ease-in-out infinite;background:var(--bg-skeleton);height:60vh;width:100%}.vd-loading__content{display:flex;flex-direction:column;gap:1rem;margin:2rem auto;max-width:800px;padding:0 2rem}.vd-loading__bar{animation:vd-pulse 1.8s ease-in-out infinite;background:var(--bg-skeleton);border-radius:6px;height:14px}.vd-loading__bar--lg{height:28px;width:55%}.vd-loading__bar--md{width:75%}.vd-loading__bar--sm{width:35%}@keyframes vd-pulse{0%,to{opacity:.5}50%{opacity:.85}}.vd-error{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:70vh;padding:2rem;text-align:center}.vd-error__icon{color:var(--text-tertiary);font-size:3rem;opacity:.4}.vd-error__title{font-size:1.25rem;font-weight:600;margin:0}.vd-error__text{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:0;max-width:360px}.vd-error__btn{align-items:center;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:10px;color:var(--accent);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;margin-top:.5rem;padding:.6rem 1.25rem;transition:all .2s ease}.vd-error__btn:hover{background:var(--accent);color:var(--text-on-accent)}.vd-error__btn .material-symbols-rounded{font-size:1.1rem}.vd-hero{height:65vh;max-height:700px;min-height:420px;overflow:hidden;position:relative;width:100%}.vd-hero__bg{inset:-40px;position:absolute;transition:none;will-change:transform}.vd-hero__bg-img{inset:0;position:absolute}.vd-hero__bg-img .img-placeholder__img{object-position:center 25%}.vd-hero__overlay{background:linear-gradient(to bottom,#0000001a 0,#0003 35%,#0000008c 65%,#000000d9 85%,var(--bg-page) 100%);inset:0;position:absolute;z-index:1}.vd-hero__content{align-items:flex-start;bottom:0;display:flex;flex-direction:column;gap:.6rem;left:0;margin:0 auto;max-width:960px;padding:0 2rem 2.5rem;position:absolute;right:0;z-index:2}.vd-hero__title{color:#fff;font-size:3rem;font-weight:700;letter-spacing:-.025em;line-height:1.05;margin:0;text-shadow:0 2px 20px #00000080}.vd-hero__meta{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.vd-hero__rating{align-items:center;border-radius:5px;display:inline-flex;font-size:.78rem;font-weight:700;justify-content:center;letter-spacing:.01em;line-height:1;min-width:36px;padding:.2rem .55rem}.vd-hero__rating[data-quality=high]{background:#4ade8026;border:1px solid #4ade8040;color:#4ade80}.vd-hero__rating[data-quality=mid]{background:#facc1526;border:1px solid #facc1540;color:#facc15}.vd-hero__rating[data-quality=low]{background:#f8717126;border:1px solid #f8717140;color:#f87171}.vd-hero__genres{color:#fff9;font-size:.8rem;font-weight:400;letter-spacing:.2px}.vd-hero__dot{color:#ffffff40;font-size:.75rem;-webkit-user-select:none;user-select:none}.vd-hero__date{color:#ffffff80;font-size:.8rem;font-weight:400;letter-spacing:.2px}.vd-hero__actions{align-items:center;display:flex;gap:.5rem;margin-top:.15rem}.vd-hero__link{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffb3;display:inline-flex;font-size:.75rem;font-weight:500;gap:5px;padding:.4rem .9rem;text-decoration:none;transition:all .2s ease}.vd-hero__link:hover{background:#ffffff26;color:#fff}.vd-hero__link .material-symbols-rounded{font-size:.85rem}.vd-hero__delete{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;color:#ffffff73;cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.vd-hero__delete:hover{background:#ef444426;border-color:#ef444440;color:#f87171}.vd-hero__delete .material-symbols-rounded{font-size:.95rem}.vd-rating-bar{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:1.25rem;margin-bottom:2rem;padding:1rem 1.25rem}.vd-rating-bar__info{display:flex;flex-direction:column;gap:3px}.vd-rating-bar__detail{color:var(--text-secondary);font-size:.78rem;line-height:1.3}.vd-rating-bar__detail:first-child{color:var(--text-primary);font-weight:500}.vd-content{margin:0 auto;max-width:960px;padding:0 2rem 4rem;position:relative}.vd-body{flex-direction:column}.vd-body,.vd-tabs{display:flex;gap:0}.vd-tabs{border-bottom:1px solid var(--border-subtle);margin-bottom:2rem}.vd-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:6px;letter-spacing:.2px;padding:.75rem 1.25rem;position:relative;transition:all .2s ease}.vd-tab:hover{color:var(--text-secondary)}.vd-tab--active{border-bottom-color:var(--accent);color:var(--accent)}.vd-tab__icon{font-size:1.05rem}.vd-tab-content{min-height:200px}.vd-section{margin-bottom:2.5rem}.vd-section__title{color:var(--text-tertiary);font-size:.7rem;font-weight:500;letter-spacing:1.5px;margin:0 0 1rem;text-align:center;text-transform:uppercase}.vd-description{color:var(--text-secondary);font-size:.9rem;line-height:1.75;text-align:left}.vd-description p{margin-bottom:.75rem}.vd-description p:last-child{margin-bottom:0}.vd-credits{border-bottom:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;justify-content:center;margin-bottom:2.5rem;padding:1.25rem 0}.vd-credit{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.vd-credit__label{color:var(--text-tertiary);font-size:.65rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.vd-credit__value{color:var(--text-primary);font-size:.88rem;font-weight:400}.vd-platforms{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.vd-platform{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:400;gap:.4rem;padding:.5rem .9rem;transition:all .2s ease}.vd-platform:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.vd-platform__icon{font-size:.85rem;opacity:.7;transition:opacity .2s ease}.vd-platform:hover .vd-platform__icon{opacity:1}.vd-platform__name{white-space:nowrap}.vd-media-toggle{background:var(--bg-surface);border-radius:8px;display:flex;gap:0;margin-bottom:1.5rem;padding:3px;width:-webkit-fit-content;width:fit-content}.vd-media-btn{background:none;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;font-size:.78rem;font-weight:500;padding:.45rem 1rem;transition:all .2s ease}.vd-media-btn--active{background:var(--bg-elevated);box-shadow:var(--shadow-sm);color:var(--text-primary)}@media (max-width:768px){.vd-hero{height:55vh;min-height:360px}.vd-hero__content{padding:0 1.5rem 2rem}.vd-hero__title{font-size:2.25rem}.vd-content{padding:0 1.5rem 3rem}.vd-tabs{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.vd-tabs::-webkit-scrollbar{display:none}.vd-tab{font-size:.8rem;padding:.65rem 1rem;white-space:nowrap}.vd-rating-bar{padding:.85rem 1rem}}@media (max-width:480px){.vd-hero{height:50vh;min-height:300px}.vd-hero__content{gap:.45rem;padding:0 1.25rem 1.5rem}.vd-hero__title{font-size:1.75rem;line-height:1.12}.vd-hero__meta{gap:.4rem}.vd-hero__date,.vd-hero__genres{font-size:.72rem}.vd-content{padding:0 1.25rem 2rem}.vd-credits{flex-direction:column;gap:1rem}.vd-platforms{gap:.4rem}.vd-platform{font-size:.75rem;padding:.4rem .75rem}.vd-description{font-size:.85rem;line-height:1.65}.vd-rating-bar{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.85rem 1rem}}@media (max-width:360px){.vd-hero__title{font-size:1.5rem}.vd-tab{font-size:.75rem;padding:.55rem .75rem}.vd-tab__icon{font-size:.95rem}}@media (min-width:1200px){.vd-hero{height:70vh;max-height:800px}.vd-hero__title{font-size:3.5rem}}.vd-content,.vd-page,.vd-platform,.vd-tabs{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.platform-games{background:var(--bg-page);color:var(--text-primary);min-height:100vh;padding:1.5rem;transition:background-color .3s ease,color .3s ease}.platform-header{margin:1.5rem auto 2rem;max-width:1400px;padding:1rem 0;text-align:center}.platform-title{color:var(--text-primary);font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem}.platform-stats{margin-top:.375rem}.games-count{color:var(--text-tertiary);font-size:.85rem;font-weight:400;letter-spacing:.01em}.platform-cards-container{align-items:center;display:flex;flex-direction:column;flex-grow:1;padding:.5rem 0 2rem;width:100%}.no-games-found{margin:2rem auto;max-width:420px;padding:3rem 2rem;text-align:center}.no-games-found h2{color:var(--text-primary);font-size:1.25rem;font-weight:550;margin-bottom:.75rem}.no-games-found p{color:var(--text-tertiary);font-size:.875rem;line-height:1.6}.loading-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);width:100%}@media (max-width:768px){.platform-games{padding:1rem}.platform-header{margin:.75rem 0 1.5rem}.platform-title{font-size:1.4rem}.games-count{font-size:.8rem}}@media (max-width:480px){.platform-title{font-size:1.2rem}}
/*# sourceMappingURL=main.4a1e6b66.css.map*/