:root,[data-theme=dark]{--bg-dark:#0f1115;--bg-panel:#1a1d24;--bg-hover:#262b35;--bg-surface:#1e222b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#333;--border-subtle:#2d333f;--accent-gold:gold;--accent-blue:#3b82f6;--danger:#ef4444;--card-back-bg:#1e222b;--nav-height:70px}[data-theme=light]{--bg-dark:#f8fafc;--bg-panel:#fff;--bg-hover:#f1f5f9;--bg-surface:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#e2e8f0;--border-subtle:#cbd5e1;--accent-gold:gold;--accent-blue:#2563eb;--danger:#dc2626;--card-back-bg:#fff;--nav-height:70px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif;transition:background-color .25s,color .2s}.app-container{flex-direction:column;height:100vh;display:flex}.navbar{height:var(--nav-height);background-color:var(--bg-panel);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 2rem;transition:background-color .25s,border-color .25s;display:flex}.nav-left,.nav-right,.social-links{align-items:center;gap:1rem;display:flex}.logo-container{align-items:center;margin-right:20px;display:flex}.brand-text{color:var(--accent-gold);letter-spacing:1px;font-weight:900}.search-bar{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-secondary);position:absolute;left:10px}.search-bar input{background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);border-radius:20px;outline:none;width:300px;padding:.5rem 1rem .5rem 2.5rem;transition:background-color .25s,border-color .25s,color .2s}.social-btn{color:var(--text-primary);background:var(--bg-hover);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;text-decoration:none;transition:all .2s;display:flex}.social-btn:hover{transform:translateY(-2px)}.social-btn.yt:hover{color:#fff;background:red}.social-btn.tk:hover{color:#000;background:#00f2fe}.social-btn.tw:hover{color:#fff;background:#9146ff}.social-btn.ki:hover{color:#000;background:#53fc18}.btn-market,.btn-login{border:1px solid var(--accent-gold);color:var(--accent-gold);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:.5rem 1rem;font-weight:700;transition:all .2s;display:flex}.btn-market:hover{background:#ffd7001a}.btn-login{border-color:var(--border-color);color:var(--text-primary)}.btn-login:hover{background:var(--bg-hover)}.user-profile{cursor:pointer;align-items:center;display:flex}.avatar{border:2px solid var(--accent-gold);object-fit:cover;border-radius:50%;width:36px;height:36px}.profile-dropdown{background:var(--bg-panel);border:1px solid var(--border-color);z-index:200;border-radius:8px;min-width:160px;position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 10px 20px #0000004d}.dropdown-item{color:var(--text-primary);cursor:pointer;border-bottom:1px solid var(--border-color);padding:12px 15px;transition:all .2s}.dropdown-item:hover{background:var(--bg-hover);color:var(--accent-gold)}.dropdown-item.logout:hover{color:var(--danger)}.dropdown-item:last-child{border-bottom:none}.main-layout{flex:1;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border-color);width:250px;padding:1.5rem;transition:transform .3s,background-color .25s,border-color .25s;overflow-y:auto}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;margin-right:10px;padding:6px;transition:all .2s;display:none}.mobile-menu-btn:hover{background:var(--bg-hover);color:var(--accent-gold)}.dashboard-content{flex:1;padding:2rem;overflow-y:auto}.section-title{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:1rem;font-size:.9rem;display:flex}.scroll-index{max-height:30vh;padding-right:5px;overflow-y:auto}.scroll-index::-webkit-scrollbar{width:4px}.scroll-index::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.index-item{cursor:pointer;border-radius:6px;margin-bottom:2px;padding:8px;font-size:.9rem;transition:all .2s}.index-item:hover{background:var(--bg-hover);color:var(--accent-gold)}.empty-text{color:#666;font-size:.8rem;font-style:italic}.section-header{border-bottom:2px solid var(--accent-gold);margin-bottom:2rem;padding-bottom:5px;font-size:1.5rem;display:inline-block}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.flip-card{perspective:1000px;cursor:pointer;background-color:#0000;width:100%;height:320px}.flip-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;-webkit-font-smoothing:antialiased;border-radius:12px;width:100%;height:100%;position:absolute;overflow:hidden;box-shadow:0 4px 15px #00000080}.flip-card-front{background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:1px solid #222}.card-front-overlay{text-align:left;background:linear-gradient(#0000 0%,#0006 50%,#000000f2 100%);width:100%;padding:1.5rem 1rem;position:absolute;bottom:0}.rarity-badge{text-transform:uppercase;border-radius:12px;margin-bottom:8px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-block}.rarity-platino{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf8}.rarity-oro{color:var(--accent-gold);border:1px solid var(--accent-gold);background:#ffd70033}.rarity-plata,.rarity-inusual,.rarity-comun,.rarity-común{color:#e2e8f0;background:#c0c0c033;border:1px solid #e2e8f0}.rarity-bronce{color:#cd7f32;background:#cd7f3233;border:1px solid #cd7f32}.rarity-mitico,.rarity-mítico{color:#0fa;text-shadow:0 0 8px #00ffaae6;background:#00ffaa38;border:1px solid #0fa;box-shadow:0 0 14px #00ffaaa6,0 0 6px #0fa6}.badge-plat{text-transform:uppercase;border:1px solid;border-radius:12px;margin-bottom:8px;margin-left:5px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-block}.badge-plat.playstation{color:#fff;text-shadow:none;background:#00439cd9;border-color:#2e8eff}.badge-plat.xbox{color:#fff;text-shadow:none;background:#107c10d9;border-color:#10c610}.badge-plat.pc{color:#fff;text-shadow:none;background:#646464cc;border-color:#aaa}.badge-plat.nintendo{color:#fff;text-shadow:none;background:#e60012d9;border-color:#ff4d4d}.card-title{color:#f8fafc;text-shadow:0 2px 4px #000000f2,0 0 2px #000;margin-bottom:2px;font-size:1.1rem}.card-game{color:#cbd5e1;text-shadow:0 1px 3px #000000f2,0 0 2px #000;font-size:.8rem}.flip-card-front .card-title,.card-front-overlay .card-title{color:#f8fafc!important;text-shadow:0 2px 4px #000000f2,0 0 2px #000!important}.flip-card-front .card-game,.card-front-overlay .card-game{color:#cbd5e1!important;text-shadow:0 1px 3px #000000f2,0 0 2px #000!important}.flip-card-back{background-color:var(--card-back-bg);border:2px solid var(--border-color);flex-direction:column;justify-content:space-between;align-items:center;padding:1.5rem 1rem;display:flex;transform:rotateY(180deg)translateZ(1px)}.flip-card-back.back-bronce{border-color:#cd7f32;box-shadow:inset 0 0 20px #cd7f3233}.flip-card-back.back-plata,.flip-card-back.back-inusual,.flip-card-back.back-comun,.flip-card-back.back-común{border-color:#e2e8f0;box-shadow:inset 0 0 20px #e2e8f033}.flip-card-back.back-oro{border-color:var(--accent-gold);box-shadow:inset 0 0 20px #ffd70033}.flip-card-back.back-platino{border-color:#38bdf8;box-shadow:inset 0 0 20px #38bdf833}.flip-card-back.back-mitico,.flip-card-back.back-mítico{border-color:#0fa;box-shadow:inset 0 0 25px #00ffaa73,0 0 15px #00ffaa40}.flip-card-back.back-verde{border-color:#10b981;box-shadow:inset 0 0 20px #10b98133}.card-title-back{color:var(--accent-gold);text-align:center;width:100%;margin-bottom:10px;font-size:1.1rem}.card-desc{color:var(--text-secondary);text-align:center;flex:1;margin-bottom:1rem;padding:0 5px;font-size:.85rem;overflow-y:auto}.card-desc::-webkit-scrollbar{width:2px}.card-desc::-webkit-scrollbar-thumb{background:var(--accent-gold)}.card-actions{flex-direction:column;gap:8px;width:100%;display:flex}.btn-action{color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.btn-action:hover{filter:brightness(1.2);transform:translateY(-1px)}.btn-action.yt{background:red;animation:1.8s infinite attract-pulse}.btn-action.tiktok{animation:1.8s infinite attract-pulse}.btn-action.info{border:1px solid var(--text-secondary);color:var(--text-primary);background:0 0}.btn-action.info:hover{background:#ffffff1a}@keyframes attract-pulse{0%{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.03);box-shadow:0 0 0 10px #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}@keyframes blink{0%{opacity:1;transform:scale(1)}50%{opacity:.2;filter:drop-shadow(0 0 5px red);transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.blinking-skull{color:#ef4444;animation:1.5s infinite blink}.back-bronce .card-title-back,.back-bronce .btn-action.info{color:#cd7f32;border-color:#cd7f32}.back-bronce .btn-action.tiktok{color:#fff;background:#ab6624;animation:1.8s infinite attract-pulse}.back-plata .card-title-back,.back-plata .btn-action.info,.back-inusual .card-title-back,.back-inusual .btn-action.info,.back-comun .card-title-back,.back-común .card-title-back,.back-comun .btn-action.info,.back-común .btn-action.info{color:#e2e8f0;border-color:#e2e8f0}.back-plata .btn-action.tiktok,.back-inusual .btn-action.tiktok,.back-comun .btn-action.tiktok,.back-común .btn-action.tiktok{color:#111;background:#e2e8f0;animation:1.8s infinite attract-pulse}.back-oro .card-title-back,.back-oro .btn-action.info{color:var(--accent-gold);border-color:var(--accent-gold)}.back-oro .btn-action.tiktok{background:var(--accent-gold);color:#111;animation:1.8s infinite attract-pulse}.back-platino .card-title-back,.back-platino .btn-action.info{color:#38bdf8;border-color:#38bdf8}.back-platino .btn-action.tiktok{color:#111;background:#38bdf8;animation:1.8s infinite attract-pulse}.back-mitico .card-title-back,.back-mítico .card-title-back,.back-mitico .btn-action.info,.back-mítico .btn-action.info{color:#0fa;text-shadow:0 0 8px #00ffaab3;border-color:#0fa}.back-mitico .btn-action.tiktok,.back-mítico .btn-action.tiktok{color:#111;background:#0fa;animation:1.8s infinite attract-pulse;box-shadow:0 0 15px #00ffaa80}.back-verde .card-title-back,.back-verde .btn-action.info{color:#10b981;border-color:#10b981}.back-verde .btn-action.wiki{color:#fff;background:#10b981;border:none;animation:1.8s infinite attract-pulse}.games-flex{flex-wrap:wrap;gap:1rem;display:flex}.game-box{background:var(--bg-panel);cursor:pointer;text-align:center;min-width:150px;color:var(--text-secondary);border:1px solid #333;border-radius:8px;padding:1rem 2rem;font-weight:700;transition:all .2s}.game-box:hover{border-color:var(--accent-gold);color:var(--accent-gold);transform:translateY(-3px)}.games-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.75rem;margin-bottom:2.5rem;display:grid}.game-image-card{cursor:pointer;background:#0d0d1a;border:1px solid #ffd7002e;border-radius:14px;height:210px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 6px 20px #0009}.game-image-card:hover{border-color:var(--accent-gold);transform:translateY(-6px)scale(1.01);box-shadow:0 12px 30px #d4af3759,0 0 15px #d4af3733}.game-image-card img{object-fit:cover;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:auto;will-change:transform;backface-visibility:hidden;filter:brightness(.96)contrast(1.04);transition:transform .5s cubic-bezier(.4,0,.2,1),filter .5s;transform:translateZ(0)scale(1)}.game-image-card:hover img{filter:brightness(1.08)contrast(1.08);transform:translateZ(0)scale(1.06)}.game-image-overlay{pointer-events:none;background:linear-gradient(#0000 0%,#0000008c 50%,#000000f2 100%);align-items:flex-end;padding:2.2rem 1.25rem 1.25rem;display:flex;position:absolute;bottom:0;left:0;right:0}.game-image-title{color:#fff;text-shadow:0 2px 6px #000000e6;letter-spacing:.3px;margin:0;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:700;line-height:1.3}.switch{width:60px;height:34px;margin-left:1rem;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#333;border:1px solid #555;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-secondary);border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#10b981;border-color:#10b981;box-shadow:0 0 15px #10b9814d}input:checked+.slider:before{background-color:#fff;transform:translate(26px)}.wiki-table{border-collapse:collapse;background:var(--bg-panel);border:1px solid #333;width:100%}.wiki-table th,.wiki-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #333;padding:12px 15px}.wiki-table th{color:var(--accent-gold);text-transform:uppercase;text-align:center;background:#0000004d;font-size:.85rem;font-weight:700}.wiki-table tr{transition:background .2s}.wiki-table tbody tr:hover{background:#ffd7001a}@media (width<=1200px){.sidebar{width:220px}.dashboard-content{padding:1.5rem}.cards-grid{gap:1.5rem}}@media (width<=1024px){.navbar{padding:0 1.5rem}.search-bar input{width:200px}.sidebar{width:200px;padding:1rem}.dashboard-content{padding:1.2rem}}@media (width<=768px){.app-container{height:auto;min-height:100vh}.navbar{flex-wrap:wrap;justify-content:center;gap:1rem;height:auto;padding:1rem}.nav-right{flex-wrap:wrap;justify-content:center;width:100%}.search-bar{width:100%}.search-bar input{width:100%;min-width:0}.main-layout{flex-direction:column;overflow:visible}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.sidebar{top:var(--nav-height);z-index:1000;width:250px;height:calc(100vh - var(--nav-height));position:fixed;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 20px #000c}.sidebar.open{transform:translate(0)}.dashboard-content{padding:1rem;overflow-y:visible}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.section-header{margin-bottom:1rem;font-size:1.2rem}.flip-card{height:260px}.card-title{font-size:.9rem}.card-game{font-size:.7rem}.card-front-overlay{padding:1rem .5rem}.btn-action{padding:8px;font-size:.75rem}.games-flex{justify-content:center}}.swimlane-card-wrapper{will-change:transform;-webkit-font-smoothing:antialiased;transform:translateZ(0)}.swimlane-card-wrapper .flip-card{width:100%!important;height:100%!important}.swimlane-card-wrapper .flip-card img{will-change:transform!important;backface-visibility:hidden!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:auto!important;transform:translateZ(0)scale(1)!important}.swimlane-card-wrapper .flip-card .card-title{margin-bottom:2px;font-size:1.05rem;line-height:1.25}.swimlane-card-wrapper .flip-card .card-game{opacity:.9;font-size:.8rem}.swimlane-card-wrapper .flip-card .card-front-overlay,.swimlane-card-wrapper .flip-card .flip-card-back{padding:1.25rem .75rem}.swimlane-card-wrapper .flip-card .btn-action{padding:8px 10px;font-size:.8rem}.btn-language{background:var(--bg-hover);color:var(--text-primary);cursor:pointer;white-space:nowrap;border:1px solid #444;border-radius:20px;align-items:center;gap:7px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:all .25s;display:flex}.btn-language:hover{border-color:var(--accent-gold);color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 4px 12px #ffd70040}.btn-language.active-en{color:#38bdf8;background:#38bdf826;border-color:#38bdf8;box-shadow:0 0 12px #38bdf859}.btn-language.active-ja{color:#f43f5e;background:#f43f5e26;border-color:#f43f5e;box-shadow:0 0 12px #f43f5e59}.btn-language:disabled{opacity:.7;cursor:wait}.language-selector{position:relative}.language-dropdown{background:var(--bg-panel);border:1px solid var(--border-color);z-index:250;border-radius:12px;min-width:155px;animation:.15s ease-out fadeInDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 28px #0006}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.language-option{color:var(--text-primary);cursor:pointer;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.language-option:hover{background:var(--bg-hover);color:var(--accent-gold)}.language-option.active{color:var(--accent-gold);background:#ffd7001a}.language-option:last-child{border-bottom:none}.btn-theme-toggle{background:var(--bg-hover);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.btn-theme-toggle:hover{border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 4px 12px #ffd70040}.btn-theme-toggle .theme-icon.sun{color:#facc15}.btn-theme-toggle .theme-icon.moon{color:#38bdf8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,iframe.goog-te-banner-frame{visibility:hidden!important;height:0!important;display:none!important}body{position:static!important;top:0!important}#goog-gt-tt,.goog-te-balloon-frame{display:none!important}.goog-text-highlight{box-shadow:none!important;background:0 0!important}#google_translate_element,.VIpgJd-ZVi9od-ORHb-OEVmcd,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,.VIpgJd-ZVi9od-aZ2wEe-OiiCO{display:none!important}[data-theme=light] .rarity-plata,[data-theme=light] .rarity-inusual,[data-theme=light] .rarity-comun,[data-theme=light] .rarity-común{color:#1e293b;background:#e2e8f0;border:1px solid #94a3b8;font-weight:800;box-shadow:0 1px 3px #00000014}[data-theme=light] .flip-card-back.back-plata,[data-theme=light] .flip-card-back.back-inusual,[data-theme=light] .flip-card-back.back-comun,[data-theme=light] .flip-card-back.back-común{background-color:#f8fafc;border:2px solid #94a3b8;box-shadow:inset 0 0 15px #94a3b840,0 6px 18px #00000014}[data-theme=light] .back-plata .card-title-back,[data-theme=light] .back-inusual .card-title-back,[data-theme=light] .back-comun .card-title-back,[data-theme=light] .back-común .card-title-back{color:#0f172a;text-shadow:none;font-weight:800}[data-theme=light] .back-plata .btn-action.info,[data-theme=light] .back-inusual .btn-action.info,[data-theme=light] .back-comun .btn-action.info,[data-theme=light] .back-común .btn-action.info{color:#334155;border-color:#64748b}[data-theme=light] .back-plata .btn-action.tiktok,[data-theme=light] .back-inusual .btn-action.tiktok,[data-theme=light] .back-comun .btn-action.tiktok,[data-theme=light] .back-común .btn-action.tiktok{color:#fff;background:#334155}[data-theme=light] .card-desc,[data-theme=light] .flip-card-back .card-desc{color:#334155!important}[data-theme=light] .flip-card-back.back-verde{background-color:#f8fafc;border:2px solid #10b981;box-shadow:inset 0 0 15px #10b98126,0 6px 18px #00000014}[data-theme=light] .back-verde .card-title-back{color:#047857;text-shadow:none;font-weight:800}[data-theme=light] .flip-card-back.back-bronce{background-color:#f8fafc;border:2px solid #b45309;box-shadow:inset 0 0 15px #b4530926,0 6px 18px #00000014}[data-theme=light] .back-bronce .card-title-back{color:#9a3412;text-shadow:none;font-weight:800}[data-theme=light] .flip-card-back.back-platino{background-color:#f8fafc;border:2px solid #0284c7;box-shadow:inset 0 0 15px #0284c726,0 6px 18px #00000014}[data-theme=light] .back-platino .card-title-back{color:#0369a1;text-shadow:none;font-weight:800}[data-theme=light] .flip-card-back.back-mitico,[data-theme=light] .flip-card-back.back-mítico{background-color:#f8fafc;border:2px solid #10b981;box-shadow:inset 0 0 15px #10b98126,0 6px 18px #00000014}[data-theme=light] .back-mitico .card-title-back,[data-theme=light] .back-mítico .card-title-back{color:#047857;text-shadow:none;font-weight:800}[data-theme=light] .slider{background-color:#cbd5e1;border:1px solid #94a3b8}[data-theme=light] .slider:before{background-color:#fff;box-shadow:0 2px 5px #0003}[data-theme=light] input:checked+.slider{background-color:#10b981;border-color:#10b981;box-shadow:0 0 12px #10b98159}[data-theme=light] input:checked+.slider:before{background-color:#fff}[data-theme=light] .rarity-platino{color:#0284c7;background:#0284c726;border:1px solid #0284c7}[data-theme=light] .rarity-bronce{color:#9a3412;background:#b4530926;border:1px solid #9a3412}[data-theme=light] .rarity-mitico,[data-theme=light] .rarity-mítico{color:#047857;text-shadow:none;background:#10b9812e;border:1px solid #10b981;box-shadow:0 0 8px #10b98140}