@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #1c1c1e;--bg-elevated: #2c2c2e;--bg-hover: rgba(255, 255, 255, .05);--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--text-tertiary: #6e6e73;--text-link: #2997ff;--accent-blue: #0071e3;--accent-blue-hover: #0077ed;--accent-green: #30d158;--accent-orange: #ff9f0a;--accent-red: #ff453a;--accent-purple: #bf5af2;--accent-pink: #ff375f;--accent-cyan: #64d2ff;--fire: #ff6b35;--wind: #64d2ff;--forest: #30d158;--mountain: #bf5af2;--earth: #ff9f0a;--void: #ff375f;--border-primary: rgba(255, 255, 255, .08);--border-secondary: rgba(255, 255, 255, .12);--border-hover: rgba(255, 255, 255, .2);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:480px){html{font-size:14px}}body{font-family:var(--font-system);background:var(--bg-primary);color:var(--text-primary);line-height:1.47059;letter-spacing:-.022em;min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);letter-spacing:-.022em;line-height:1.1}h1{font-size:2.5rem;font-weight:var(--weight-bold)}h2{font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{color:var(--text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background:#0071e34d}@keyframes contentReveal{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.reveal-content{animation:contentReveal .5s ease-out both}.loading-state{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;z-index:80;gap:20px}.minimal-loader{width:50px;height:50px;border:3px solid rgba(10,132,255,.1);border-top-color:#0a84ff;border-radius:50%;animation:rotate .8s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{text-align:center}.loading-text h3{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:600;color:#fff;letter-spacing:.05em;margin:0}.loading-text p{font-size:.8rem;color:#ffffff80;margin-top:4px;text-transform:uppercase;letter-spacing:.1em}.loading-state-inline{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);gap:var(--space-md);color:var(--text-secondary);font-size:.875rem}.spinner-small{width:24px;height:24px;border:2px solid var(--border-primary);border-top-color:#0a84ff;border-radius:50%;animation:rotate .8s linear infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-system);font-size:.9375rem;font-weight:var(--weight-medium);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:var(--accent-blue-hover);transform:scale(1.02)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover)}.modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000;animation:fadeIn .2s ease}.modal-content{position:relative;width:100%;max-width:560px;max-height:90vh;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:10}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.screen-bottom-fade{position:fixed;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to top,#000,#0000);pointer-events:none;z-index:99}.beta-badge-fixed{position:fixed;bottom:24px;right:24px;background:#0d111a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 16px;border-radius:100px;border:1px solid rgba(255,145,0,.3);color:#ff9100;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:800;letter-spacing:.1em;display:flex;align-items:center;gap:8px;z-index:1000;box-shadow:0 4px 20px #0006;pointer-events:none;text-transform:uppercase;animation:beta-pulse 2s infinite ease-in-out}.beta-dot{width:6px;height:6px;background:#ff9100;border-radius:50%;box-shadow:0 0 10px #ff9100}@keyframes beta-pulse{0%{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}to{opacity:.8;transform:translateY(0)}}.main-header{width:100%;background:transparent;padding:20px 24px;border-bottom:none;position:sticky;top:0;z-index:100}.header-container{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:16px;cursor:pointer;flex:1}.brand-logo-img{height:48px;width:auto;object-fit:contain}.top-nav{background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#0003);background-color:#0d111a80;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);padding:6px;border-radius:100px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000080;text-shadow:0 1px 3px rgba(0,0,0,.8)}.nav-pills{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:4px}.nav-pill{background:none;border:none;color:#ffffffb3;padding:8px 18px;font-size:.875rem;font-weight:600;border-radius:100px;cursor:pointer;transition:color .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;z-index:2}.nav-pill:hover{color:#fff;background:#ffffff0d}.nav-pill:active{transform:scale(.95)}.nav-pill.active{background:transparent;color:#030712}.active-indicator{position:absolute;inset:0;background:#e5e7eb;border-radius:100px;z-index:1}.header-right{display:flex;align-items:center;gap:16px;flex:1;justify-content:flex-end}.action-group{display:flex;align-items:center;gap:12px;background:#ffffff08;padding:4px;border-radius:100px;border:1px solid rgba(255,255,255,.05)}.lang-pill{display:flex;align-items:center;gap:6px;background:#ffffff0d;padding:6px 10px;border-radius:100px;color:#fff;font-size:.75rem;cursor:pointer}.icon-action{background:none;border:none;color:#fff9;display:flex;align-items:center;justify-content:center;padding:8px;cursor:pointer;transition:color .2s}.icon-action:hover{color:#fff}.profile-pill{display:flex;align-items:center;gap:10px;background:#ffffff08;padding:4px 6px 4px 4px;border-radius:100px;border:1px solid rgba(255,255,255,.05)}.avatar-mini{width:28px;height:28px;border-radius:50%;overflow:hidden;background:#1f2937}.avatar-mini img{width:100%;height:100%;object-fit:cover}.profile-name{color:#fff;font-size:.875rem;font-weight:600}.logout-btn{background:#ffffff0d;border:none;color:#ffffff80;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#ef444433;color:#ef4444}@media(max-width:1200px){.brand-name,.brand-sub{display:none}.nav-pill{padding:8px 12px;font-size:.8rem}}@media(max-width:768px){.main-header{padding:12px 16px;background:#000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.header-container{flex-direction:column;gap:12px;align-items:center}.brand{flex:none;justify-content:center;width:100%}.brand-logo-img{height:36px}.top-nav{width:100%;background:transparent;border:none;box-shadow:none;padding:0;overflow-x:auto;display:block;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.nav-pills{padding:4px 0;gap:8px;width:max-content}.nav-pill{padding:8px 16px;font-size:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.nav-pill.active{background:#fff;color:#000;border-color:#fff}.active-indicator,.header-right{display:none}}.home-page{position:relative;width:100%;min-height:calc(100vh - 80px);padding:var(--space-xl) 5%;display:flex;align-items:center;justify-content:center;gap:100px;font-family:Outfit,sans-serif;overflow:hidden;background:#000}.home-container{display:flex;align-items:center;justify-content:center;gap:100px;max-width:1600px;width:100%;margin:0 auto}.home-hero{flex:0 0 540px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:32px;padding-left:80px;z-index:10}.hero-title{font-size:4.5rem;font-weight:800;line-height:1.1;color:#fff;letter-spacing:-.04em;display:flex;flex-direction:column;gap:16px}.hero-logo-container{display:flex;align-items:center;gap:4px;padding-top:12px}.hero-logo-img{height:100px;width:auto;object-fit:contain}.logo-favicon{height:100px}.hero-title .gradient-text{display:block;background:linear-gradient(90deg,#ff9100,#fc0,#ff9100);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,145,0,.2)}.hero-description{font-size:1.2rem;line-height:1.6;color:#fff9;max-width:500px}.hero-actions{display:flex;gap:16px}.btn-discord{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;background:#5865f2;color:#fff;text-decoration:none;border-radius:14px;font-weight:700;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 16px #5865f233}.btn-discord:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 12px 24px #5865f266}.discord-icon{width:24px;height:24px}.home-visual-deck{flex:1;display:flex;align-items:center;justify-content:center;perspective:2000px;padding:40px}.deck-wrapper{display:flex;flex-direction:column;align-items:center;gap:40px}.deck-stack{position:relative;width:400px;height:480px;display:grid;place-items:center}.deck-indicators{display:flex;gap:12px;padding:10px 20px;background:#ffffff08;border-radius:100px;border:1px solid rgba(255,255,255,.05)}.indicator-dot{width:6px;height:6px;border-radius:50%;background:#ffffff26;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.indicator-dot.active{background:#ff9100;transform:scale(1.5);box-shadow:0 0 15px #ff910099}.player-card-idol{width:400px;background:linear-gradient(165deg,#ff91000d,#03071266);background-color:#0d111a66;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,145,0,.3);border-radius:32px;padding:32px;box-shadow:0 25px 50px -12px #0009;transform-style:preserve-3d;text-shadow:0 1px 3px rgba(0,0,0,.8)}.player-card-idol:before{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,rgba(255,145,0,.5),transparent,rgba(255,145,0,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.player-card-idol:hover{border-color:#ff9100;transform:scale(1.05) translateY(-5px);box-shadow:0 30px 60px #ff910026}.card-header{display:flex;justify-content:space-between;align-items:center}.p-info{display:flex;gap:16px;align-items:center}.particles-container{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#ff9100;border-radius:50%;filter:blur(2px)}.p-avatar{position:relative;width:64px;height:64px;padding:2px;background:linear-gradient(135deg,#ff9100,#fc0);border-radius:16px}.p-avatar img{width:100%;height:100%;border-radius:14px;object-fit:cover;background:#030712}.card-idol-watermark{position:absolute;top:50%;right:-20px;transform:translateY(-50%) rotate(90deg);font-size:5rem;font-weight:900;color:#ff910008;letter-spacing:.2em;pointer-events:none;line-height:1;text-transform:uppercase;z-index:0}.p-text h3{font-size:1.4rem;margin:0;color:#fff;font-weight:700}.p-text span{font-size:.85rem;color:#ffffff80}.p-score{text-align:right}.p-score .label{font-size:.65rem;color:#ff9100;font-weight:800;display:block;margin-bottom:2px}.p-score .val{font-size:2.2rem;font-weight:900;color:#fc0;line-height:1}.card-radar{height:150px;display:flex;justify-content:center;margin:10px 0}.card-radar svg{height:100%}.card-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mini-stat{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:12px 6px;border-radius:12px;text-align:center;display:flex;flex-direction:column;gap:4px}.mini-stat span{font-size:.65rem;color:#fff6;font-weight:800;text-transform:uppercase}.mini-stat strong{font-size:1.1rem;color:#fff;font-weight:700}.deck-loading,.deck-empty{width:400px;height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff05;border:1px dashed rgba(255,145,0,.2);border-radius:32px;color:#fff6;font-size:.9rem}.loader-simple{width:40px;height:40px;border:3px solid rgba(255,145,0,.1);border-top:3px solid #ff9100;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1200px){.home-page{padding:var(--space-xl);gap:40px}.hero-title{font-size:3.5rem}.player-card-idol{width:340px}}@media(max-width:1024px){.home-page{padding:40px 20px;min-height:100vh;overflow-y:auto;display:block}.home-container{flex-direction:column;gap:48px;padding-top:60px}.home-hero{flex:none;width:100%;padding:0;text-align:center;align-items:center;gap:24px}.hero-title{font-size:2.2rem;text-align:center}.hero-logo-container{justify-content:center;flex-wrap:wrap;gap:8px}.hero-logo-img,.logo-favicon{height:40px}.hero-description{font-size:.9rem;margin:0 auto;padding:0 10px}.home-visual-deck{width:100%;padding:0;height:auto;min-height:420px}.deck-stack{width:280px;height:380px}.player-card-idol{width:280px;height:380px;padding:20px;border-radius:24px}.p-avatar{width:48px;height:48px}.p-text h3{font-size:1.1rem}.p-score .val{font-size:1.6rem}.card-radar{height:120px;margin:8px 0}.mini-stat{padding:8px 4px}.mini-stat strong{font-size:1rem}}@media(max-width:480px){.hero-title{font-size:1.8rem}.deck-stack,.player-card-idol{width:260px;height:360px}.card-stats-grid{gap:6px}}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000;animation:overlayFadeIn .25s ease forwards}.modal-overlay.closing{animation:overlayFadeOut .2s ease forwards}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.player-modal{width:100%;max-width:480px;max-height:85vh;overflow:hidden;animation:modalSlideIn .35s cubic-bezier(.16,1,.3,1) forwards}.player-modal.modal-basara{background:linear-gradient(145deg,#fff,#f0f7ff,#e6f0ff);border:1px solid rgba(10,132,255,.2);position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.player-modal.modal-basara:before,.player-modal.modal-basara:after{display:none}.modal-basara .modal-player-name,.modal-basara .modal-player-nickname,.modal-basara .detail-label,.modal-basara .detail-value,.modal-basara .section-title,.modal-basara .stat-name,.modal-basara .stat-number,.modal-basara .total-stats-label,.modal-basara .total-stats-value{color:#1a365d!important}.modal-basara .modal-header{border-bottom:1px solid rgba(10,132,255,.1)}.modal-basara .total-stats,.modal-basara .modal-stat-bar{background:#0a84ff0d}.player-modal.modal-shawn-justice,.player-modal.modal-axel-justice,.player-modal.modal-gandares-justice{background:linear-gradient(135deg,#e0e0e0,#2c3e50,#000);border:none;position:relative;overflow:hidden}.player-modal.modal-shawn-justice:before,.player-modal.modal-shawn-justice:after,.player-modal.modal-axel-justice:before,.player-modal.modal-axel-justice:after,.player-modal.modal-gandares-justice:before,.player-modal.modal-gandares-justice:after{display:none}.modal-shawn-justice .modal-player-name,.modal-shawn-justice .modal-player-nickname,.modal-shawn-justice .detail-label,.modal-shawn-justice .detail-value,.modal-shawn-justice .section-title,.modal-shawn-justice .stat-name,.modal-shawn-justice .stat-number,.modal-shawn-justice .total-stats-label,.modal-shawn-justice .total-stats-value,.modal-axel-justice .modal-player-name,.modal-axel-justice .modal-player-nickname,.modal-axel-justice .detail-label,.modal-axel-justice .detail-value,.modal-axel-justice .section-title,.modal-axel-justice .stat-name,.modal-axel-justice .stat-number,.modal-axel-justice .total-stats-label,.modal-axel-justice .total-stats-value,.modal-gandares-justice .modal-player-name,.modal-gandares-justice .modal-player-nickname,.modal-gandares-justice .detail-label,.modal-gandares-justice .detail-value,.modal-gandares-justice .section-title,.modal-gandares-justice .stat-name,.modal-gandares-justice .stat-number,.modal-gandares-justice .total-stats-label,.modal-gandares-justice .total-stats-value{color:#fff!important}.modal-shawn-justice .modal-header,.modal-axel-justice .modal-header,.modal-gandares-justice .modal-header{border-bottom:1px solid rgba(255,255,255,.1)}.modal-shawn-justice .total-stats,.modal-shawn-justice .modal-stat-bar,.modal-axel-justice .total-stats,.modal-axel-justice .modal-stat-bar,.modal-gandares-justice .total-stats,.modal-gandares-justice .modal-stat-bar{background:#ffffff0d}.player-modal.modal-harper-tension{background:linear-gradient(135deg,#4a0000,#8b0000,#000);border:none;position:relative;overflow:hidden}.player-modal.modal-harper-tension:before,.player-modal.modal-harper-tension:after{display:none}.modal-harper-tension .modal-player-name,.modal-harper-tension .modal-player-nickname,.modal-harper-tension .detail-label,.modal-harper-tension .detail-value,.modal-harper-tension .section-title,.modal-harper-tension .stat-name,.modal-harper-tension .stat-number,.modal-harper-tension .total-stats-label,.modal-harper-tension .total-stats-value{color:#fff!important}.modal-harper-tension .modal-header{border-bottom:1px solid rgba(255,255,255,.1)}.modal-harper-tension .total-stats,.modal-harper-tension .modal-stat-bar{background:#ffffff0d}.player-modal.modal-briar-counter{background:linear-gradient(135deg,#f1cbff,#fff,#be2edd);border:1px solid rgba(190,46,221,.3);position:relative;overflow:hidden}.player-modal.modal-briar-counter:before,.player-modal.modal-briar-counter:after{display:none}.modal-briar-counter .modal-player-name,.modal-briar-counter .modal-player-nickname,.modal-briar-counter .detail-label,.modal-briar-counter .detail-value,.modal-briar-counter .section-title,.modal-briar-counter .stat-name,.modal-briar-counter .stat-number,.modal-briar-counter .total-stats-label,.modal-briar-counter .total-stats-value{color:#4a148c!important}.modal-briar-counter .modal-header{border-bottom:1px solid rgba(190,46,221,.1)}.modal-briar-counter .total-stats,.modal-briar-counter .modal-stat-bar{background:#4a148c0d}.modal-overlay.closing .player-modal{animation:modalSlideOut .2s ease forwards}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.95)}}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:10}.modal-close:hover{background:#fff3;color:var(--text-primary)}.modal-header{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);border-bottom:1px solid var(--border-primary)}.modal-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:var(--bg-tertiary);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.modal-avatar-img{width:100%;height:100%;object-fit:cover}.modal-avatar-letter{font-size:2rem;font-weight:var(--weight-bold);color:var(--text-tertiary);align-items:center;justify-content:center}.modal-player-info{flex:1;min-width:0}.modal-player-name{font-size:1.5rem;font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:2px}.modal-player-nickname{font-size:.9375rem;color:var(--text-secondary);margin-bottom:var(--space-xs)}.modal-player-game{font-size:.75rem;color:var(--accent-blue)}.modal-body{padding:var(--space-xl)}.modal-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:.6875rem;font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.detail-value{font-size:.9375rem;font-weight:var(--weight-medium);color:var(--text-primary)}.pos-badge-modal{display:inline-block;padding:2px 8px;font-size:.75rem;font-weight:var(--weight-bold);border-radius:var(--radius-sm);text-transform:uppercase;width:fit-content}.pos-GK{background:#ff9f0a26;color:#ff9f0a;border:1px solid rgba(255,159,10,.3)}.pos-DF{background:#30d15826;color:#30d158;border:1px solid rgba(48,209,88,.3)}.pos-MF{background:#0a84ff26;color:#0a84ff;border:1px solid rgba(10,132,255,.3)}.pos-FW{background:#ff453a26;color:#ff453a;border:1px solid rgba(255,69,58,.3)}.element-detail{display:flex;align-items:center;gap:6px}.modal-element-icon{width:20px;height:20px;object-fit:contain}.archetype-detail{display:flex;align-items:center;gap:8px}.modal-archetype-icon{width:20px;height:20px;object-fit:contain}.modal-section{margin-bottom:var(--space-xl)}.modal-section:last-child{margin-bottom:0}.section-title{font-size:.6875rem;font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md)}.stats-grid{display:flex;flex-direction:column;gap:var(--space-md)}.stat-item{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-name{font-size:.8125rem;color:var(--text-secondary)}.stat-number{font-size:.875rem;font-weight:var(--weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.modal-stat-bar{height:4px;background:var(--bg-tertiary)}.total-stats{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:var(--space-lg)}.total-stats-label{font-size:.875rem;font-weight:var(--weight-medium);color:var(--text-secondary)}.total-stats-value{font-size:1.5rem;font-weight:var(--weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}@media(max-width:480px){.modal-header{flex-direction:column;text-align:center;padding:var(--space-lg)}.modal-details{grid-template-columns:1fr}}.players-page{width:100%;max-width:100%;padding:0;min-height:100vh}.players-sticky-header{position:relative;z-index:50;background:transparent;border:none;pointer-events:none;padding-bottom:20px}.players-sticky-header>*{pointer-events:auto}.header-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.header-left{display:flex;align-items:center;gap:var(--space-sm)}.header-left h1{font-size:1.25rem;font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.header-main::-webkit-scrollbar{display:none}.player-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 10px;background:linear-gradient(135deg,#0a84ff33,#64d2ff1a);border:1px solid rgba(10,132,255,.3);border-radius:12px;font-size:.75rem;color:var(--accent-blue);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.filters-inline{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.search-compact{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ffffff0d,#0003);background-color:#0d111a66;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-radius:var(--radius-md);padding:6px 12px;min-width:160px;transition:all .3s ease}.search-compact:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px #0a84ff26}.search-compact .search-icon{color:var(--text-tertiary);flex-shrink:0}.search-compact input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.8125rem;outline:none;min-width:60px}.search-compact input::placeholder{color:var(--text-tertiary)}.search-compact .search-clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-tertiary);font-size:10px;cursor:pointer;transition:all .2s ease;line-height:1}.search-compact .search-clear:hover{background:var(--accent-blue);color:#fff}.filters-inline select{padding:6px 28px 6px 12px;background:linear-gradient(135deg,#ffffff0d,#0003);background-color:#0d111a66;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8125rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.filters-inline select:hover{border-color:var(--border-secondary)}.filters-inline select:focus{border-color:var(--accent-blue);outline:none}.filters-inline select.active{border-color:var(--accent-blue);color:var(--text-primary)}.clear-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ff453a1a;border:1px solid rgba(255,69,58,.3);border-radius:var(--radius-sm);color:#ff453a;cursor:pointer;transition:all .2s ease}.clear-btn:hover{background:#ff453a33}.tierlist-btn{display:flex;align-items:center;gap:8px;padding:6px 14px;background:linear-gradient(135deg,#5856d633,#5856d61a);border:1px solid rgba(88,86,214,.4);border-radius:var(--radius-md);color:#5e5ce6;font-size:.8125rem;font-weight:var(--weight-bold);text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tierlist-btn:hover{background:#5856d64d;border-color:#5e5ce6;transform:translateY(-2px);box-shadow:0 4px 12px #5856d633}.tierlist-btn:active{transform:scale(.95)}.sort-row{display:flex;align-items:center;gap:var(--space-sm);padding:8px var(--space-lg);background:transparent;overflow-x:auto;scrollbar-width:none}.sort-row::-webkit-scrollbar{display:none}.sort-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.sort-chips{display:flex;gap:4px;flex-wrap:nowrap}.sort-chip{display:flex;align-items:center;gap:3px;padding:6px 14px;background:linear-gradient(135deg,#ffffff0d,#0003);background-color:#0d111a66;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-radius:100px;color:var(--text-secondary);font-size:.6875rem;font-weight:var(--weight-medium);cursor:pointer;transition:all .3s ease;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5)}.sort-chip:hover{border-color:var(--border-secondary);color:var(--text-primary)}.sort-chip.active{background:linear-gradient(135deg,#0a84ff33,#64d2ff1a);border-color:var(--accent-blue);color:var(--accent-blue)}.sort-chip .arrow{font-size:.5625rem}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md);padding:var(--space-lg)}.player-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.player-card:hover{transform:translateY(-4px);border-color:var(--border-secondary);box-shadow:0 20px 40px #0006}.player-card:before{display:none}.player-card.element-fire{--card-accent: var(--fire)}.player-card.element-wind{--card-accent: var(--wind)}.player-card.element-forest{--card-accent: var(--forest)}.player-card.element-mountain{--card-accent: var(--mountain)}.player-card.card-basara{background:linear-gradient(145deg,#fff,#f0f7ff,#e6f0ff);border:1px solid rgba(10,132,255,.25);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.player-card.card-basara .card-name,.player-card.card-basara .card-nickname,.player-card.card-basara .stat-label,.player-card.card-basara .stat-value,.player-card.card-basara .total-label,.player-card.card-basara .total-value{color:#1a365d!important}.player-card.card-basara .total-value{background:none;-webkit-text-fill-color:#1a365d}.player-card.card-basara .stat-bar{background:#0a84ff1a}.player-card.card-basara:before,.player-card.card-basara:after{display:none}.player-card.card-shawn-justice,.player-card.card-axel-justice,.player-card.card-gandares-justice{background:linear-gradient(135deg,#e0e0e0,#2c3e50,#000);border:none;position:relative;overflow:hidden}.player-card.card-shawn-justice:before,.player-card.card-shawn-justice:after,.player-card.card-axel-justice:before,.player-card.card-axel-justice:after,.player-card.card-gandares-justice:before,.player-card.card-gandares-justice:after{display:none}.player-card.card-shawn-justice .card-name,.player-card.card-shawn-justice .card-nickname,.player-card.card-shawn-justice .total-label,.player-card.card-shawn-justice .stat-label,.player-card.card-axel-justice .card-name,.player-card.card-axel-justice .card-nickname,.player-card.card-axel-justice .total-label,.player-card.card-axel-justice .stat-label,.player-card.card-gandares-justice .card-name,.player-card.card-gandares-justice .card-nickname,.player-card.card-gandares-justice .total-label,.player-card.card-gandares-justice .stat-label{color:#fff!important}.player-card.card-shawn-justice .total-value,.player-card.card-axel-justice .total-value,.player-card.card-gandares-justice .total-value{background:linear-gradient(135deg,#fff,#bdc3c7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:var(--weight-black)}.player-card.card-shawn-justice .stat-bar,.player-card.card-axel-justice .stat-bar,.player-card.card-gandares-justice .stat-bar{background:#ffffff1a}.player-card.card-harper-tension{background:linear-gradient(135deg,#4a0000,#8b0000,#000);border:none;position:relative;overflow:hidden;box-shadow:0 4px 20px #4a000099}.player-card.card-harper-tension:before,.player-card.card-harper-tension:after{display:none}.player-card.card-harper-tension .card-name,.player-card.card-harper-tension .card-nickname,.player-card.card-harper-tension .total-label,.player-card.card-harper-tension .stat-label{color:#fff!important}.player-card.card-harper-tension .total-value{background:linear-gradient(135deg,red,#8b0000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:var(--weight-black)}.player-card.card-harper-tension .stat-bar{background:#ffffff1a}.player-card.card-briar-counter{background:linear-gradient(135deg,#f1cbff,#fff,#be2edd);border:1px solid rgba(190,46,221,.3);position:relative;overflow:hidden;box-shadow:0 4px 20px #be2edd33}.player-card.card-briar-counter:before,.player-card.card-briar-counter:after{display:none}.player-card.card-briar-counter .card-name,.player-card.card-briar-counter .card-nickname,.player-card.card-briar-counter .total-label,.player-card.card-briar-counter .stat-label{color:#4a148c!important}.player-card.card-briar-counter .total-value{background:linear-gradient(135deg,#6a0572,#be2edd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:var(--weight-black)}.player-card.card-briar-counter .stat-bar{background:#4a148c0d}.card-header{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);padding-bottom:0}.card-avatar{position:relative;width:64px;height:64px;border-radius:var(--radius-md);background:var(--bg-tertiary);overflow:hidden;flex-shrink:0;border:2px solid var(--border-primary)}.card-avatar img{width:100%;height:100%;object-fit:cover}.card-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:var(--weight-bold);color:var(--text-tertiary);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%)}.card-info{flex:1;min-width:0}.card-name{font-size:1.1rem;font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-nickname{font-size:.8rem;color:var(--text-tertiary);margin:0 0 8px}.card-badges{display:flex;gap:6px;flex-wrap:wrap}.card-total{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.total-value{font-size:1.75rem;font-weight:var(--weight-black);background:linear-gradient(135deg,var(--accent-blue) 0%,#64d2ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.total-label{font-size:.6rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:.65rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.02em}.badge-element{background:#ffffff0d;border:1px solid var(--border-primary);width:24px;height:24px;padding:0;justify-content:center}.badge-element img{width:18px;height:18px;object-fit:contain}.badge-element.fire{color:var(--fire);border-color:#ff453a4d}.badge-element.wind{color:var(--wind);border-color:#64d2ff4d}.badge-element.forest{color:var(--forest);border-color:#30d1584d}.badge-element.mountain{color:var(--mountain);border-color:#ff9f0a4d}.badge-position{display:flex;align-items:center;justify-content:center;padding:0;width:24px;height:24px}.badge-position img{width:20px;height:20px;object-fit:contain}.badge-position{display:flex;align-items:center;justify-content:center;padding:0;width:24px;height:24px;background:#ffffff0d;border:1px solid var(--border-primary);border-radius:4px}.badge-position.pos-GK{border-color:#ff9f0a4d}.badge-position.pos-DF{border-color:#30d1584d}.badge-position.pos-MF{border-color:#0a84ff4d}.badge-position.pos-FW{border-color:#ff453a4d}.badge-archetype{background:#ffffff0d;border:1px solid var(--border-primary);color:var(--text-secondary);width:24px;height:24px;padding:0;justify-content:center}.badge-archetype img{width:18px;height:18px;object-fit:contain}.badge-category{font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.03em}.badge-category.cat-ídolo{background:linear-gradient(135deg,#c0c0c033,#a9a9a91a);border:1px solid rgba(192,192,192,.4);color:silver}.badge-category.cat-ídolo.idol-justice{background:linear-gradient(135deg,#c0c0c04d,#dcdcdc26);border:1px solid rgba(192,192,192,.5);color:#e0e0e0}.badge-category.cat-ídolo.idol-counter{background:linear-gradient(135deg,#dc143c4d,#ff453a26);border:1px solid rgba(220,20,60,.5);color:#ff453a}.badge-category.cat-ídolo.idol-bond{background:linear-gradient(135deg,#ff69b44d,#ffb6c126);border:1px solid rgba(255,105,180,.5);color:#ff69b4}.badge-category.cat-ídolo.idol-breach{background:linear-gradient(135deg,#8a2be24d,#ba55d326);border:1px solid rgba(138,43,226,.5);color:#ba55d3}.badge-category.cat-ídolo.idol-tension{background:linear-gradient(135deg,#ffd7004d,#ffc10726);border:1px solid rgba(255,215,0,.5);color:gold}.badge-category.cat-ídolo.idol-rough-play{background:linear-gradient(135deg,#32323266,#50505033);border:1px solid rgba(100,100,100,.5);color:#888}.badge-category.cat-basara{background:#0a84ff26;border:1px solid rgba(10,132,255,.4);color:#1a365d;font-weight:var(--weight-black);text-shadow:none}.card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:var(--space-md)}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-header{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.6rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:.8rem;font-weight:var(--weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.stat-bar{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.stat-fill{height:100%;border-radius:2px;transition:width .5s ease}.stat-fill.power{background:linear-gradient(90deg,#ff453a,#ff6961)}.stat-fill.control{background:linear-gradient(90deg,#0a84ff,#64d2ff)}.stat-fill.technique{background:linear-gradient(90deg,#bf5af2,#da8fff)}.stat-fill.pressure{background:linear-gradient(90deg,#30d158,#7aed9f)}.stat-fill.agility{background:linear-gradient(90deg,#ff9f0a,#fc0)}.stat-fill.intelligence{background:linear-gradient(90deg,#64d2ff,#5ac8fa)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}.empty-icon{font-size:4rem;margin-bottom:var(--space-md);opacity:.5}.empty-state h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 var(--space-sm) 0}.empty-state p{color:var(--text-tertiary);margin:0 0 var(--space-lg) 0}.empty-state button{padding:10px 24px;background:var(--accent-blue);border:none;border-radius:var(--radius-md);color:#fff;font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease}.empty-state button:hover{background:#3898ff;transform:translateY(-2px)}.player-card{animation:cardFadeIn .4s ease backwards}@media(max-width:1200px){.players-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.header-main{padding:10px 16px;flex-direction:column;gap:10px;align-items:stretch;background:#0009;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.05)}.filters-inline{width:100%;overflow-x:auto;padding:2px 0 8px;gap:6px;scrollbar-width:none}.filters-inline::-webkit-scrollbar{display:none}.search-compact{height:40px;min-width:100%;flex-shrink:0}.sort-row{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.players-grid{grid-template-columns:1fr;padding:12px;gap:12px}.player-card{border-radius:12px}}@media(max-width:480px){.header-main{padding:8px;gap:8px}.header-left h1{font-size:1rem}.search-compact{min-width:100%;padding:8px 12px}.players-grid{padding:8px;gap:8px}.player-card .card-header{padding:12px;align-items:center;gap:12px}.player-card .card-avatar{width:50px;height:50px}.player-card .card-name{font-size:.95rem;margin-bottom:2px}.player-card .card-nickname{font-size:.7rem;margin-bottom:4px}.player-card .card-total{position:static;flex-direction:row;align-items:center;gap:4px;background:#0a84ff1a;padding:4px 8px;border-radius:6px;width:fit-content}.player-card .total-value{font-size:1.2rem}.player-card .total-label{font-size:.5rem}.player-card .card-stats{grid-template-columns:repeat(3,1fr);padding:8px 12px 12px;gap:8px;border-top:1px solid rgba(255,255,255,.03)}.player-card .stat-value{font-size:.75rem}.player-card .stat-label{font-size:.55rem}.player-card .badge{padding:2px 6px;font-size:.6rem}}.techniques-page{width:100%;max-width:100%;padding:0;min-height:100vh}.techniques-sticky-header{position:relative;z-index:50;background:transparent;padding-bottom:20px}.techniques-page .header-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);flex-wrap:wrap}.techniques-page .header-left{display:flex;align-items:center;gap:var(--space-sm)}.techniques-page .header-left h1{font-size:1.25rem;font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.techniques-page .count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 10px;background:linear-gradient(135deg,#0a84ff33,#64d2ff1a);border:1px solid rgba(10,132,255,.3);border-radius:12px;font-size:.75rem;color:var(--accent-blue);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.techniques-page .filters-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.techniques-page .search-compact{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ffffff0d,#0003);background-color:#0d111a66;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-radius:var(--radius-md);padding:6px 12px;min-width:160px;transition:all .3s ease}.techniques-page .search-compact:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px #0a84ff26}.techniques-page .search-compact .search-icon{color:var(--text-tertiary);flex-shrink:0}.techniques-page .search-compact input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.8125rem;outline:none;min-width:60px}.techniques-page .search-compact input::placeholder{color:var(--text-tertiary)}.techniques-page .search-compact .search-clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--bg-elevated);border:none;border-radius:50%;color:var(--text-tertiary);font-size:12px;cursor:pointer;transition:all .2s ease;line-height:1}.techniques-page .search-compact .search-clear:hover{background:var(--accent-blue);color:#fff}.techniques-page .filters-inline select{padding:6px 28px 6px 12px;background:linear-gradient(135deg,#ffffff0d,#0003);background-color:#0d111a66;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8125rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.techniques-page .filters-inline select:hover{border-color:var(--border-secondary)}.techniques-page .filters-inline select:focus{border-color:var(--accent-blue);outline:none}.techniques-page .filters-inline select.active{border-color:var(--accent-blue);color:var(--text-primary)}.techniques-page .clear-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ff453a1a;border:1px solid rgba(255,69,58,.3);border-radius:var(--radius-sm);color:#ff453a;cursor:pointer;transition:all .2s ease}.techniques-page .clear-btn:hover{background:#ff453a33}.techniques-page .sort-row{display:flex;align-items:center;gap:var(--space-sm);padding:8px var(--space-lg);background:transparent;overflow-x:auto;scrollbar-width:none}.techniques-page .sort-row::-webkit-scrollbar{display:none}.techniques-page .sort-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.techniques-page .sort-chips{display:flex;gap:4px;flex-wrap:nowrap}.techniques-page .sort-chip{display:flex;align-items:center;gap:3px;padding:4px 10px;background:linear-gradient(135deg,#ffffff0d,#0003);background-color:#0d111a66;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-radius:16px;color:var(--text-secondary);font-size:.6875rem;font-weight:var(--weight-medium);cursor:pointer;transition:all .3s ease;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5)}.techniques-page .sort-chip:hover{border-color:var(--border-secondary);color:var(--text-primary)}.techniques-page .sort-chip.active{background:linear-gradient(135deg,#0a84ff33,#64d2ff1a);border-color:var(--accent-blue);color:var(--accent-blue)}.techniques-page .sort-chip .arrow{font-size:.5625rem}.techniques-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md);padding:var(--space-lg)}.techniques-page .load-more{padding:var(--space-xl);display:flex;justify-content:center;color:var(--text-tertiary);font-size:.875rem}.techniques-page .spinner{width:24px;height:24px;border:2px solid var(--bg-elevated);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .6s linear infinite}.techniques-page .end-list{padding:var(--space-xl);text-align:center;color:var(--text-tertiary);font-size:.875rem;border-top:1px solid var(--border-primary)}.techniques-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}.techniques-page .empty-icon{font-size:4rem;margin-bottom:var(--space-md);opacity:.5}.techniques-page .empty-state h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 var(--space-sm) 0}.techniques-page .empty-state p{color:var(--text-tertiary);margin:0 0 var(--space-lg) 0}.techniques-page .empty-state button{padding:10px 24px;background:var(--accent-blue);border:none;border-radius:var(--radius-md);color:#fff;font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease}.techniques-page .empty-state button:hover{background:#3898ff;transform:translateY(-2px)}.techniques-page .modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.techniques-page .video-modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);width:90%;max-width:800px;overflow:hidden;position:relative;border:1px solid var(--border-primary);box-shadow:var(--shadow-lg)}.techniques-page .video-header{padding:var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.techniques-page .video-header h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 4px}.techniques-page .video-header p{font-size:.875rem;color:var(--text-tertiary);margin:0}.techniques-page .video-player{background:#000;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.techniques-page .main-video{width:100%;height:100%}.techniques-page .modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--text-secondary);font-size:1.5rem;cursor:pointer;z-index:10}.techniques-page .modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}@media(max-width:1200px){.techniques-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.techniques-page .header-main{padding:12px;flex-direction:column;gap:12px;align-items:stretch;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.techniques-page .filters-inline{width:100%;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.techniques-page .filters-inline::-webkit-scrollbar{display:none}.techniques-page .search-compact{min-width:200px;flex-shrink:0}.techniques-page .sort-row{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.techniques-grid{grid-template-columns:1fr;padding:12px;gap:12px}.technique-card{border-radius:12px}}@media(max-width:480px){.techniques-page .header-left h1{font-size:1.125rem}.techniques-page .filters-inline select{flex:1;min-width:0}.technique-card .card-header{flex-wrap:wrap}.technique-card .card-power{position:absolute;top:var(--space-md);right:var(--space-md)}}.hipertecnicas-page{width:100%;max-width:100%;padding:0;min-height:100vh}.hipertecnicas-sticky-header{position:relative;z-index:50;background:transparent;padding-bottom:20px}.hipertecnicas-page .header-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);flex-wrap:wrap}.hipertecnicas-page .header-left{display:flex;align-items:center;gap:var(--space-sm)}.hipertecnicas-page .header-left h1{font-size:1.25rem;font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.hipertecnicas-page .count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 10px;background:linear-gradient(135deg,#0a84ff33,#64d2ff1a);border:1px solid rgba(10,132,255,.3);border-radius:12px;font-size:.75rem;color:var(--accent-blue);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.hipertecnicas-page .filters-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hipertecnicas-page .search-compact{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ffffff0d,#0003);background-color:#0d111a66;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-radius:var(--radius-md);padding:6px 10px;min-width:140px;transition:all .3s ease}.hipertecnicas-page .search-compact:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px #0a84ff26}.hipertecnicas-page .search-compact .search-icon{color:var(--text-tertiary);flex-shrink:0}.hipertecnicas-page .search-compact input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.8125rem;outline:none;min-width:60px}.hipertecnicas-page .search-compact input::placeholder{color:var(--text-tertiary)}.hipertecnicas-page .search-compact .search-clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--bg-elevated);border:none;border-radius:50%;color:var(--text-tertiary);font-size:12px;cursor:pointer;transition:all .2s ease;line-height:1}.hipertecnicas-page .search-compact .search-clear:hover{background:var(--accent-blue);color:#fff}.hipertecnicas-page .filters-inline select{padding:6px 28px 6px 10px;background:linear-gradient(135deg,#ffffff0d,#0003);background-color:#0d111a66;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8125rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.hipertecnicas-page .filters-inline select:hover{border-color:var(--border-secondary)}.hipertecnicas-page .filters-inline select:focus{border-color:var(--accent-blue);outline:none}.hipertecnicas-page .filters-inline select.active{border-color:var(--accent-blue);color:var(--text-primary)}.hipertecnicas-page .clear-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ff453a1a;border:1px solid rgba(255,69,58,.3);border-radius:var(--radius-sm);color:#ff453a;cursor:pointer;transition:all .2s ease}.hipertecnicas-page .clear-btn:hover{background:#ff453a33}.hipertecnicas-page .sort-row{display:flex;align-items:center;gap:var(--space-sm);padding:8px var(--space-lg);background:transparent;overflow-x:auto;scrollbar-width:none}.hipertecnicas-page .sort-row::-webkit-scrollbar{display:none}.hipertecnicas-page .sort-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.hipertecnicas-page .sort-chips{display:flex;gap:4px;flex-wrap:nowrap}.hipertecnicas-page .sort-chip{display:flex;align-items:center;gap:3px;padding:4px 10px;background:linear-gradient(135deg,#ffffff0d,#0003);background-color:#0d111a66;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-radius:16px;color:var(--text-secondary);font-size:.6875rem;font-weight:var(--weight-medium);cursor:pointer;transition:all .3s ease;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5)}.hipertecnicas-page .sort-chip:hover{border-color:var(--border-secondary);color:var(--text-primary)}.hipertecnicas-page .sort-chip.active{background:linear-gradient(135deg,#0a84ff33,#64d2ff1a);border-color:var(--accent-blue);color:var(--accent-blue)}.hipertecnicas-page .sort-chip .arrow{font-size:.5625rem}.hipertecnicas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md);padding:var(--space-lg)}.technique-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.technique-card:hover{transform:translateY(-4px);border-color:var(--border-secondary);box-shadow:0 20px 40px #0006}.technique-card:before{display:none}.technique-card.element-fire{--card-accent: var(--fire)}.technique-card.element-wind{--card-accent: var(--wind)}.technique-card.element-forest{--card-accent: var(--forest)}.technique-card.element-mountain{--card-accent: var(--mountain)}.technique-card.element-void,.technique-card.element-neutro{--card-accent: var(--text-tertiary)}.technique-card.card-totem{background:linear-gradient(145deg,#1a2a4a,#0d1a30,#1e3a5f,#0d1a30,#1a2a4a,#0d1a30);border:1px solid rgba(100,180,255,.4);overflow:hidden}@keyframes totemShine{0%,to{opacity:.8}50%{opacity:1;filter:brightness(1.3)}}@keyframes sparkle{0%,to{opacity:.6}50%{opacity:1}}.technique-card.card-keshin{background:linear-gradient(145deg,#3a2a4a,#1a0d2a,#4a1e5f,#1a0d2a,#3a2a4a,#1a0d2a);border:1px solid rgba(180,100,255,.4);overflow:hidden}.technique-card.card-despertar{background:linear-gradient(145deg,#4a3a1a,#3a2a0d,#5f4a1e,#3a2a0d,#4a3a1a,#3a2a0d);border:1px solid rgba(255,180,50,.4);overflow:hidden}.technique-card .card-header{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);padding-bottom:0;position:relative;z-index:1}.card-icon-wrapper{position:relative;width:56px;height:56px;border-radius:var(--radius-md);background:var(--bg-tertiary);overflow:hidden;flex-shrink:0;border:2px solid var(--border-primary);display:flex;align-items:center;justify-content:center}.card-icon-wrapper .type-icon{width:40px;height:40px;object-fit:contain}.card-icon-wrapper .type-placeholder{font-size:1.5rem;font-weight:var(--weight-bold);color:var(--text-tertiary)}.technique-card .card-info{flex:1;min-width:0}.technique-card .card-name{font-size:1rem;font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.technique-card .card-meta{display:flex;gap:0;font-size:.75rem;color:var(--text-tertiary);margin:0 0 8px}.technique-card .card-meta .jp{opacity:.7}.technique-card .card-badges{display:flex;gap:6px;flex-wrap:wrap}.technique-card .card-power{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.technique-card .power-value{font-size:1.75rem;font-weight:var(--weight-black);background:linear-gradient(135deg,var(--accent-red) 0%,#ff6961 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.technique-card .power-label{font-size:.6rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.technique-card .badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:.65rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.02em}.technique-card .badge-element{background:#ffffff0d;border:1px solid var(--border-primary);width:24px;height:24px;padding:0;justify-content:center}.technique-card .badge-element img{width:18px;height:18px;object-fit:contain}.technique-card .badge-element.fire{border-color:#ff453a4d}.technique-card .badge-element.wind{border-color:#64d2ff4d}.technique-card .badge-element.forest{border-color:#30d1584d}.technique-card .badge-element.mountain{border-color:#ff9f0a4d}.technique-card .badge-element.neutro{border-color:#8e8e934d}.technique-card .badge-type{background:#0a84ff1a;border:1px solid rgba(10,132,255,.3);color:var(--accent-blue)}.technique-card .badge-effect{background:#ff9f0a1a;border:1px solid rgba(255,159,10,.3);color:var(--accent-orange)}.technique-card .badge-shop{background:#af52de1a;border:1px solid rgba(175,82,222,.3);color:#af52de}.video-shop{margin-top:4px!important;color:var(--accent-blue)!important;font-weight:var(--weight-medium)}.technique-card .card-stats{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);position:relative;z-index:1}.technique-card .stat-item{flex:1;display:flex;flex-direction:column;gap:4px}.technique-card .stat-header{display:flex;justify-content:space-between;align-items:center}.technique-card .stat-label{font-size:.6rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.technique-card .stat-value{font-size:.8rem;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--accent-cyan)}.technique-card .stat-bar{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.technique-card .stat-fill{height:100%;border-radius:2px;transition:width .5s ease}.technique-card .stat-fill.tension{background:linear-gradient(90deg,#ff9500,#fc0)}.technique-card .video-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--accent-blue);font-size:.75rem;font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap}.technique-card .video-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.technique-card .video-btn svg{fill:currentColor}.technique-card .card-extras{padding:0 var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.technique-card .extra-item{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#0003;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.technique-card .extra-label{font-size:.6rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.technique-card .extra-value{font-size:.8125rem;color:var(--text-primary);font-weight:var(--weight-medium);line-height:1.3}.technique-card .card-footer{padding:0 var(--space-md) var(--space-md);position:relative;z-index:1}.hipertecnicas-page .load-more{padding:var(--space-xl);display:flex;justify-content:center;color:var(--text-tertiary);font-size:.875rem}.hipertecnicas-page .spinner{width:24px;height:24px;border:2px solid var(--bg-elevated);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .6s linear infinite}.hipertecnicas-page .end-list{padding:var(--space-xl);text-align:center;color:var(--text-tertiary);font-size:.875rem;border-top:1px solid var(--border-primary)}.hipertecnicas-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}.hipertecnicas-page .empty-icon{font-size:4rem;margin-bottom:var(--space-md);opacity:.5}.hipertecnicas-page .empty-state h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 var(--space-sm) 0}.hipertecnicas-page .empty-state p{color:var(--text-tertiary);margin:0 0 var(--space-lg) 0}.hipertecnicas-page .empty-state button{padding:10px 24px;background:var(--accent-blue);border:none;border-radius:var(--radius-md);color:#fff;font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease}.hipertecnicas-page .empty-state button:hover{background:#3898ff;transform:translateY(-2px)}.hipertecnicas-page .modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.hipertecnicas-page .video-modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);width:90%;max-width:800px;overflow:hidden;position:relative;border:1px solid var(--border-primary);box-shadow:var(--shadow-lg)}.hipertecnicas-page .video-header{padding:var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.hipertecnicas-page .video-header h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 4px}.hipertecnicas-page .video-header p{font-size:.875rem;color:var(--text-tertiary);margin:0}.hipertecnicas-page .video-player{background:#000;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.hipertecnicas-page .main-video{width:100%;height:100%}.hipertecnicas-page .modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--text-secondary);font-size:1.5rem;cursor:pointer;z-index:10}.hipertecnicas-page .modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.technique-card{animation:cardFadeIn .4s ease backwards}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.hipertecnicas-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.hipertecnicas-page .header-main{padding:12px;flex-direction:column;gap:12px;align-items:stretch;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hipertecnicas-page .filters-inline{width:100%;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.hipertecnicas-page .filters-inline::-webkit-scrollbar{display:none}.hipertecnicas-page .search-compact{min-width:200px;flex-shrink:0}.hipertecnicas-page .sort-row{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.hipertecnicas-grid{grid-template-columns:1fr;padding:12px;gap:12px}.technique-card{border-radius:12px}.despertar-modal-overlay{padding:16px}}@media(max-width:480px){.hipertecnicas-page .header-left h1{font-size:1.125rem}.hipertecnicas-page .filters-inline select{flex:1;min-width:0}.technique-card .card-header{flex-wrap:wrap}.technique-card .card-power{position:absolute;top:var(--space-md);right:var(--space-md)}}.hipertecnicas-page .info-despertar-btn{display:flex;align-items:center;gap:8px;padding:6px 14px;background:linear-gradient(135deg,#ffffff0d,#0003);background-color:#0d111a66;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8125rem;font-weight:var(--weight-medium);cursor:pointer;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.hipertecnicas-page .info-despertar-btn:hover{border-color:var(--accent-blue);background-color:#0a84ff1a;transform:translateY(-1px)}.hipertecnicas-page .info-despertar-btn svg{color:var(--accent-blue)}.despertar-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.despertar-modal-content{background:linear-gradient(165deg,#1c1c1efa,#2c2c2ef2);border:1px solid rgba(255,159,10,.4);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #0009,0 0 30px #ff9f0a1a;position:relative;z-index:2001}.despertar-modal-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.despertar-modal-header h3{margin:0;font-size:1.125rem;color:#ff9f0a;font-weight:var(--weight-bold);text-shadow:0 2px 4px rgba(0,0,0,.5)}.despertar-modal-body{padding:var(--space-lg);overflow-y:auto}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(15px);opacity:0}}.hipertecnicas-page .despertar-list{display:flex;flex-direction:column;gap:16px}.hipertecnicas-page .despertar-item{position:relative;border-radius:16px;padding:16px;transition:all .3s ease;display:flex;gap:16px;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0006}.hipertecnicas-page .despertar-item:before{content:"";position:absolute;inset:0;opacity:.15;z-index:0;transition:opacity .3s ease}.hipertecnicas-page .despertar-item:hover:before{opacity:.3}.hipertecnicas-page .item-miximax:before{background:linear-gradient(120deg,#ffd60a,#ff9f0a,#ffd60a);background-size:200% 200%;animation:energyMove 6s linear infinite}.hipertecnicas-page .item-keshin:before{background:linear-gradient(120deg,#af52de,#5e5ce6,#af52de);background-size:200% 200%;animation:energyMove 8s linear infinite reverse}.hipertecnicas-page .item-armadura:before{background:linear-gradient(120deg,#af52de,#ff2d55,#af52de);background-size:200% 200%;animation:energyMove 6s ease-in-out infinite}.hipertecnicas-page .item-totem:before{background:linear-gradient(120deg,#0a84ff,#fff,#0a84ff);background-size:200% 200%;animation:energyMove 7s ease infinite}.hipertecnicas-page .item-vinculo:before{background:linear-gradient(120deg,#0a84ff,#ff3b30,#0a84ff);background-size:200% 200%;animation:energyMove 5s linear infinite}@keyframes energyMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hipertecnicas-page .despertar-item-image{width:64px;height:64px;flex-shrink:0;background:#00000080;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.hipertecnicas-page .despertar-item-image img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}.hipertecnicas-page .despertar-item-content{flex:1;position:relative;z-index:1}.hipertecnicas-page .despertar-item:hover{transform:scale(1.02);border-color:#fff3}.hipertecnicas-page .despertar-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hipertecnicas-page .despertar-item-header h4{font-size:1.0625rem;font-weight:700;color:var(--accent-blue);margin:0}.hipertecnicas-page .duration-tag{font-size:.6875rem;font-weight:700;padding:4px 8px;background:#0a84ff26;color:var(--accent-blue);border-radius:8px;text-transform:uppercase}.hipertecnicas-page .despertar-item-main{display:flex;flex-direction:column;gap:8px}.hipertecnicas-page .effect-row,.hipertecnicas-page .note-row{display:flex;gap:8px;font-size:.875rem}.hipertecnicas-page .despertar-item .label{color:var(--text-tertiary);font-weight:500;min-width:60px}.hipertecnicas-page .despertar-item .value{color:var(--text-primary);line-height:1.4}@media(max-width:768px){.hipertecnicas-page .limits-modal-trigger span{display:none}.hipertecnicas-page .despertar-modal-content{width:95%;max-height:90vh}}.items-page{width:100%;max-width:100%;padding:0}.items-sticky-header{position:relative;z-index:50;background:transparent;padding-bottom:20px}.items-page .header-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);flex-wrap:wrap}.items-page .header-left{display:flex;align-items:center;gap:var(--space-sm)}.items-page .header-left h1{font-size:1.25rem;font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.items-page .count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 10px;background:linear-gradient(135deg,#0a84ff33,#64d2ff1a);border:1px solid rgba(10,132,255,.3);border-radius:12px;font-size:.75rem;color:var(--accent-blue);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.items-page .filters-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.items-page .search-compact{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ffffff0d,#0003);background-color:#0d111a66;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-radius:var(--radius-md);padding:6px 12px;min-width:160px;transition:all .3s ease}.items-page .search-compact:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px #0a84ff26}.items-page .search-compact .search-icon{color:var(--text-tertiary);flex-shrink:0}.items-page .search-compact input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.8125rem;outline:none;min-width:60px}.items-page .search-compact input::placeholder{color:var(--text-tertiary)}.items-page .search-compact .search-clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--bg-elevated);border:none;border-radius:50%;color:var(--text-tertiary);font-size:12px;cursor:pointer;transition:all .2s ease;line-height:1}.items-page .search-compact .search-clear:hover{background:var(--accent-blue);color:#fff}.items-page .filters-inline select{padding:6px 28px 6px 12px;background:linear-gradient(135deg,#ffffff0d,#0003);background-color:#0d111a66;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8125rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.items-page .filters-inline select:hover{border-color:var(--border-secondary)}.items-page .filters-inline select:focus{border-color:var(--accent-blue);outline:none}.items-page .filters-inline select.active{border-color:var(--accent-blue);color:var(--text-primary)}.items-page .clear-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ff453a1a;border:1px solid rgba(255,69,58,.3);border-radius:var(--radius-sm);color:#ff453a;cursor:pointer;transition:all .2s ease}.items-page .clear-btn:hover{background:#ff453a33}.items-page .table-headers-row{display:grid;grid-template-columns:1fr 120px 140px repeat(7,80px) 90px;gap:0;padding:0 var(--space-xl);background:transparent;overflow-x:auto;scrollbar-width:none}.items-page .table-headers-row::-webkit-scrollbar{display:none}.items-page .table-header-cell{padding:var(--space-sm) var(--space-md);text-align:left;font-size:.6875rem;font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;-webkit-user-select:none;user-select:none;display:flex;align-items:center;border-bottom:1px solid var(--border-primary)}.items-page .table-header-cell.sortable{cursor:pointer;transition:all var(--transition-fast)}.items-page .table-header-cell.sortable:hover{color:var(--text-primary);background:var(--bg-elevated);transform:translateY(-1px)}.items-page .table-header-cell.sortable:active{transform:scale(.95);background:var(--bg-tertiary)}.items-page .table-header-cell.active{color:var(--accent-blue);animation:pulse-sort .3s ease-out}.items-page .table-header-cell.stat-col{text-align:center;justify-content:center}.items-page .header-content{display:flex;align-items:center;gap:4px}.items-page .table-header-cell .sort-arrow{font-size:.75rem;color:var(--accent-blue)}.items-page .table-header-cell:nth-child(2),.items-page .table-header-cell:nth-child(3){justify-content:center}.table-container{overflow-x:auto;position:relative;padding:0 var(--space-xl)}.items-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.items-table tbody tr{display:grid;grid-template-columns:1fr 120px 140px repeat(7,80px) 90px;border-bottom:1px solid var(--border-primary);transition:background var(--transition-fast)}.items-table tbody tr:hover{background:var(--bg-hover)}.items-table td{padding:var(--space-sm) var(--space-md);vertical-align:middle;display:flex;align-items:center}.items-table td.center{justify-content:center}.items-table tbody tr td:nth-child(2),.items-table tbody tr td:nth-child(3){justify-content:center}.item-name-cell{min-width:280px}.item-info{display:flex;align-items:center;gap:var(--space-md)}.item-avatar-wrapper{width:40px;height:40px;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:4px;display:flex;align-items:center;justify-content:center}.item-avatar{width:100%;height:100%;object-fit:contain}.item-details{display:flex;flex-direction:column}.item-name{font-weight:var(--weight-medium);color:var(--text-primary)}.item-meta{font-size:.75rem;color:var(--text-tertiary)}.category-badge{display:inline-block;padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);font-weight:var(--weight-medium)}.shop-cell{justify-content:center;font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.stat-cell{justify-content:center;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.total-cell{justify-content:center;font-weight:var(--weight-bold);color:var(--accent-blue);font-variant-numeric:tabular-nums}.load-more{padding:var(--space-xl);display:flex;justify-content:center;color:var(--text-tertiary);font-size:.875rem}.spinner{width:24px;height:24px;border:2px solid var(--bg-elevated);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .6s linear infinite}.end-list{padding:var(--space-xl);text-align:center;color:var(--text-tertiary);font-size:.875rem;border-top:1px solid var(--border-primary)}.items-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}.items-page .empty-icon{font-size:4rem;margin-bottom:var(--space-md);opacity:.5}.items-page .empty-state h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 var(--space-sm) 0}.items-page .empty-state p{color:var(--text-tertiary);margin:0 0 var(--space-lg) 0}.items-page .empty-state button{padding:10px 24px;background:var(--accent-blue);border:none;border-radius:var(--radius-md);color:#fff;font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease}.items-page .empty-state button:hover{background:#3898ff;transform:translateY(-2px)}.items-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}@media(max-width:1024px){.items-page .table-header-cell:nth-child(n+5),.items-table td:nth-child(n+5){display:none}}.poderbase-page{width:100%;max-width:1100px;margin:0 auto;padding:var(--space-xl) var(--space-2xl);padding-bottom:120px}.page-header{text-align:center;margin-bottom:var(--space-2xl)}.page-header h1{font-size:2rem;font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-xs) 0;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{font-size:.9375rem;color:var(--text-tertiary);margin:0}.table-section{margin-bottom:var(--space-2xl)}.table-section h2{font-size:1.25rem;font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-lg) 0;padding-left:var(--space-md);border-left:3px solid var(--accent-blue)}.table-wrapper{background:linear-gradient(135deg,#ffffff05,#00000026);background-color:#0d111a80;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#0000004d}.data-table th{padding:var(--space-md) var(--space-lg);text-align:left;font-size:.75rem;font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1)}.data-table th:first-child,.data-table td:first-child{white-space:nowrap}.data-table td{padding:var(--space-md) var(--space-lg);font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#ffffff05}.attr-name,.action-name{font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap}.formula-cell{font-family:SF Mono,Fira Code,monospace;color:#64d2ff;font-size:.8125rem}.impact-cell,.stats-cell{display:flex;flex-wrap:nowrap;gap:6px}.impact-tag{display:inline-block;padding:4px 8px;background:#0a84ff26;border:1px solid rgba(10,132,255,.3);border-radius:var(--radius-sm);font-size:.6875rem;font-weight:var(--weight-medium);color:#64d2ff;white-space:nowrap}.impact-tag.special{background:#ffd60a26;border-color:#ffd60a4d;color:#ffd60a}.impact-tag.element{background:#30d15826;border-color:#30d1584d;color:#30d158}.impact-tag.level{background:#bf5af226;border-color:#bf5af24d;color:#bf5af2}.impact-tag.evolution{background:#ff9f0a26;border-color:#ff9f0a4d;color:#ff9f0a}.impact-tag.keshin{background:#af52de26;border-color:#af52de4d;color:#af52de}.impact-tag.miximax{background:#ff2d5526;border-color:#ff2d554d;color:#ff2d55}.impact-tag.awakening{background:#5ac8fa26;border-color:#5ac8fa4d;color:#5ac8fa}.section-intro{font-size:.875rem;color:var(--text-tertiary);margin:0 0 var(--space-lg) 0;padding-left:var(--space-md)}.stat-badge{display:inline-block;padding:4px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);font-size:.6875rem;font-weight:var(--weight-bold);color:var(--text-secondary);text-transform:uppercase}.stat-badge.half{background:#bf5af226;border-color:#bf5af24d;color:#bf5af2}.stat-badge.special{background:#ffd60a26;border-color:#ffd60a4d;color:#ffd60a}.page-credits{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.08);text-align:center}.page-credits p{font-size:.8125rem;color:var(--text-tertiary);margin:0}.page-credits a{color:var(--accent-blue);text-decoration:none;font-weight:var(--weight-medium);transition:color .2s ease}.page-credits a:hover{color:#64d2ff;text-decoration:underline}@media(max-width:768px){.poderbase-page{padding:var(--space-lg)}.page-header h1{font-size:1.5rem}.data-table th,.data-table td{padding:var(--space-sm) var(--space-md);font-size:.75rem}.data-table th:nth-child(2),.data-table td:nth-child(2){display:none}.impact-cell,.stats-cell{flex-direction:column;gap:4px}}.passives-page{width:100%;max-width:100%;padding:0}.passives-sticky-header{position:relative;z-index:50;background:transparent;padding-bottom:20px}.passives-page .header-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);flex-wrap:wrap}.passives-page .header-left{display:flex;align-items:center;gap:var(--space-sm)}.passives-page .header-left h1{font-size:1.25rem;font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.passives-page .count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 10px;background:linear-gradient(135deg,#0a84ff33,#64d2ff1a);border:1px solid rgba(10,132,255,.3);border-radius:12px;font-size:.75rem;color:var(--accent-blue);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.passives-page .filters-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.passives-page .search-compact{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ffffff0d,#0003);background-color:#0d111a66;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-radius:var(--radius-md);padding:6px 12px;min-width:160px;transition:all .3s ease}.passives-page .search-compact:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px #0a84ff26}.passives-page .search-compact .search-icon{color:var(--text-tertiary);flex-shrink:0}.passives-page .search-compact input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.8125rem;outline:none;min-width:60px}.passives-page .search-compact input::placeholder{color:var(--text-tertiary)}.passives-page .search-compact .search-clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--bg-elevated);border:none;border-radius:50%;color:var(--text-tertiary);font-size:12px;cursor:pointer;transition:all .2s ease;line-height:1}.passives-page .search-compact .search-clear:hover{background:var(--accent-blue);color:#fff}.passives-page .filters-inline select{padding:6px 28px 6px 12px;background:linear-gradient(135deg,#ffffff0d,#0003);background-color:#0d111a66;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8125rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.passives-page .filters-inline select:hover{border-color:var(--border-secondary)}.passives-page .filters-inline select:focus{border-color:var(--accent-blue);outline:none}.passives-page .filters-inline select.active{border-color:var(--accent-blue);color:var(--text-primary)}.passives-page .clear-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ff453a1a;border:1px solid rgba(255,69,58,.3);border-radius:var(--radius-sm);color:#ff453a;cursor:pointer;transition:all .2s ease}.passives-page .clear-btn:hover{background:#ff453a33}.limits-modal-trigger{display:flex;align-items:center;gap:8px;padding:6px 14px;background:linear-gradient(135deg,#ff9f0a33,#ff9f0a1a);border:1px solid rgba(255,159,10,.4);border-radius:var(--radius-md);color:#ff9f0a;font-size:.8125rem;font-weight:var(--weight-bold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.limits-modal-trigger:hover{background:#ff9f0a4d;border-color:#ff9f0a;transform:translateY(-2px);box-shadow:0 4px 12px #ff9f0a33}.limits-modal-trigger:active{transform:scale(.95)}.limits-modal-trigger.obtain-btn{background:linear-gradient(135deg,#30d15833,#30d1581a);border:1px solid rgba(48,209,88,.4);color:#30d158}.limits-modal-trigger.obtain-btn:hover{background:#30d1584d;border-color:#30d158;box-shadow:0 4px 12px #30d15833}.obtain-modal-content{background:linear-gradient(165deg,#121212fa,#19231ef2);border:1px solid rgba(48,209,88,.3);border-radius:var(--radius-xl);width:95vw;max-width:1100px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #0009,0 0 30px #30d1580d;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.obtain-modal-content.closing{animation:slideDown .25s ease-out forwards}.limits-modal-overlay.closing{animation:fadeOut .25s ease-out forwards}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.obtain-modal-content .limits-modal-header h3{color:#30d158}.obtain-modal-body-native{padding:var(--space-lg);overflow-y:auto;flex:1}.obtain-intro{font-size:.875rem;color:var(--text-tertiary);margin:0 0 var(--space-lg) 0;text-align:center}.obtain-grid{display:flex;flex-direction:column;gap:var(--space-lg)}.obtain-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-lg)}.obtain-section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.08)}.obtain-icon{width:28px;height:28px;object-fit:contain}.obtain-section-header h4{margin:0;font-size:1.125rem;font-weight:var(--weight-bold);color:var(--text-primary)}.obtain-columns{display:flex;flex-direction:column;gap:var(--space-lg)}.obtain-column{display:flex;flex-direction:column;gap:var(--space-sm)}.column-label{display:block;font-size:.75rem;font-weight:var(--weight-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.obtain-column ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}.obtain-column li{font-size:.8125rem;color:var(--text-secondary);padding:0}.obtain-item-with-img{display:flex;align-items:center;padding:0!important;transition:transform .2s ease}.obtain-item-with-img:hover{transform:scale(1.1)}.obtain-trainer-img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.15);background:#0000004d;box-shadow:0 4px 8px #0003}.obtain-column li:last-child{border-bottom:none}.obtain-footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.08);text-align:center}.obtain-footer p{margin:0;font-size:.75rem;color:var(--text-tertiary)}@media(max-width:900px){.obtain-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.obtain-grid{grid-template-columns:1fr}}.obtain-credits p{margin:0;font-size:.75rem;color:var(--text-tertiary)}.obtain-credits a{font-size:.75rem;color:#30d158;text-decoration:none;font-weight:var(--weight-medium);transition:color .2s ease}.obtain-credits a:hover{color:#5ae67a;text-decoration:underline}.passives-page .table-headers-row{display:grid;grid-template-columns:1fr 140px 140px repeat(3,90px);gap:0;padding:0 var(--space-xl);background:transparent;overflow-x:auto;scrollbar-width:none}.passives-page .table-headers-row::-webkit-scrollbar{display:none}.passives-page .table-header-cell{padding:var(--space-sm) var(--space-md);text-align:left;font-size:.6875rem;font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;-webkit-user-select:none;user-select:none;display:flex;align-items:center;border-bottom:1px solid var(--border-primary)}.passives-page .table-header-cell.sortable{cursor:pointer;transition:all var(--transition-fast)}.passives-page .table-header-cell.sortable:hover{color:var(--text-primary);background:var(--bg-elevated);transform:translateY(-1px)}.passives-page .table-header-cell.sortable:active{transform:scale(.95);background:var(--bg-tertiary)}.passives-page .table-header-cell.active{color:var(--accent-blue);animation:pulse-sort .3s ease-out}@keyframes pulse-sort{0%{transform:scale(1)}50%{transform:scale(1.05);background:#0a84ff1a}to{transform:scale(1)}}.passives-page .header-content{display:flex;align-items:center;gap:4px}.passives-page .table-header-cell .sort-arrow{font-size:.75rem;color:var(--accent-blue)}.passives-page .table-header-cell:nth-child(2),.passives-page .table-header-cell:nth-child(3),.passives-page .table-header-cell:nth-child(n+4){justify-content:center}.passives-page .table-container{overflow-x:auto;position:relative;padding:0 var(--space-xl)}.passives-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.passives-table tbody tr{display:grid;grid-template-columns:1fr 140px 140px repeat(3,90px);border-bottom:1px solid var(--border-primary);transition:background var(--transition-fast)}.passives-table tbody tr:hover{background:var(--bg-hover)}.passives-table td{padding:var(--space-sm) var(--space-md);vertical-align:middle;display:flex;align-items:center}.passives-table td.center{justify-content:center}.passives-table tbody tr td:nth-child(2),.passives-table tbody tr td:nth-child(3),.passives-table tbody tr td:nth-child(n+4){justify-content:center}.passive-name-cell{min-width:320px}.passive-info{display:flex;flex-direction:column;gap:2px}.passive-name{font-weight:var(--weight-medium);color:var(--text-primary);font-size:.875rem}.passive-description{font-size:.75rem;color:var(--text-tertiary);line-height:1.3}.type-badge{display:inline-block;padding:3px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);font-weight:var(--weight-medium);text-transform:capitalize}.type-badge.jugador{background:#0a84ff26;color:var(--accent-blue)}.type-badge.entrenador{background:#ff950026;color:#ff9500}.type-badge.gerente{background:#af52de26;color:#af52de}.type-badge.personalizada{background:#ff2d5526;color:#ff2d55}.type-badge.limite{background:#ff9f0a26;color:#ff9f0a}.archetype-badge{display:inline-block;padding:3px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);font-weight:var(--weight-medium)}.archetype-badge-with-icon{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);font-weight:var(--weight-medium)}.archetype-icon{width:16px;height:16px;object-fit:contain;filter:brightness(.9)}.stat-cell{justify-content:center;font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:.8125rem}.stat-cell.highlight{font-weight:var(--weight-bold);color:var(--accent-blue)}.limit-cell{color:#ff9f0a;font-weight:var(--weight-semibold)}.passives-page .load-more{padding:var(--space-xl);display:flex;justify-content:center;color:var(--text-tertiary);font-size:.875rem}.passives-page .spinner{width:24px;height:24px;border:2px solid var(--bg-elevated);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.passives-page .end-list{padding:var(--space-xl);text-align:center;color:var(--text-tertiary);font-size:.875rem;border-top:1px solid var(--border-primary)}.passives-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}.passives-page .empty-icon{font-size:4rem;margin-bottom:var(--space-md);opacity:.5}.passives-page .empty-state h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 var(--space-sm) 0}.passives-page .empty-state p{color:var(--text-tertiary);margin:0 0 var(--space-lg) 0}.passives-page .empty-state button{padding:10px 24px;background:var(--accent-blue);border:none;border-radius:var(--radius-md);color:#fff;font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease}.passives-page .empty-state button:hover{background:#3898ff;transform:translateY(-2px)}.passives-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}.limits-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);animation:fadeIn .3s ease-out}.limits-modal-content{background:linear-gradient(165deg,#121212fa,#231e19f2);border:1px solid rgba(255,159,10,.3);border-radius:var(--radius-xl);width:100%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #0009,0 0 30px #ff9f0a0d;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.limits-modal-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.limits-modal-header h3{margin:0;font-size:1.25rem;color:#ff9f0a;font-weight:var(--weight-bold)}.close-modal{background:none;border:none;color:var(--text-tertiary);font-size:1.5rem;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.close-modal:hover{color:var(--text-primary)}.limits-modal-body{padding:var(--space-lg);overflow-y:auto}.limits-internal-table{width:100%;border-collapse:collapse}.limits-internal-table th{text-align:left;padding:var(--space-md);color:var(--text-tertiary);font-size:.75rem;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.05)}.limits-internal-table td{padding:var(--space-md);color:var(--text-secondary);font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.05)}.highlight-limit{color:#ff9f0a;font-weight:var(--weight-bold);font-size:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1024px){.passives-page .table-headers-row,.passives-table tbody tr{grid-template-columns:1fr 120px 120px 80px 80px 80px}.passive-name-cell{min-width:240px}}@media(max-width:768px){.passives-page .table-headers-row,.passives-table tbody tr{grid-template-columns:1fr 100px 90px 90px}.passives-page .table-header-cell:nth-child(4),.passives-page .table-header-cell:nth-child(5),.passives-table tbody tr td:nth-child(4),.passives-table tbody tr td:nth-child(5){display:none}}.tactics-page{width:100%;max-width:100%;padding:0}.tactics-sticky-header{position:relative;z-index:50;background:transparent;padding-bottom:20px}.tactics-page .header-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.tactics-page h1{font-size:1.25rem;font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.tactics-page .count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 10px;background:linear-gradient(135deg,#0a84ff33,#64d2ff1a);border:1px solid rgba(10,132,255,.3);border-radius:12px;font-size:.75rem;color:var(--accent-blue);font-weight:var(--weight-bold)}.tactics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.tactic-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column}.tactic-card:hover{border-color:var(--accent-blue);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.tactic-formation{padding:var(--space-xl);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-primary)}.formation-text{font-family:var(--font-system);font-size:2.5rem;font-weight:800;color:var(--text-primary);letter-spacing:.05em;text-shadow:0 4px 12px rgba(0,0,0,.3)}.tactic-content{padding:var(--space-lg);flex:1;display:flex;flex-direction:column}.tactic-name{font-size:1.25rem;font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.tactic-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.5;flex:1}.tactic-effect{padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent-blue)}.effect-label{display:block;font-size:.65rem;font-weight:var(--weight-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.effect-text{font-size:.8125rem;color:var(--accent-blue);font-weight:var(--weight-medium);line-height:1.4}@media(max-width:768px){.tactics-grid{grid-template-columns:1fr}.tactics-page{padding:var(--space-md)}}.builder-page{width:100%;max-width:1600px;margin:0 auto;padding:var(--space-xl)}.beta-badge{font-size:.65rem;font-weight:700;color:var(--accent-orange);background:#ff9f0a26;padding:2px 8px;border-radius:var(--radius-sm);margin-left:var(--space-sm);vertical-align:middle}.builder-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-xl)}.field-section{display:flex;flex-direction:column;gap:var(--space-lg)}.field-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-lg)}.football-field{position:relative;width:100%;aspect-ratio:1.5 / 1;background:linear-gradient(135deg,#1a472a,#2d5a3d,#1a472a);border-radius:var(--radius-lg);border:3px solid rgba(255,255,255,.3);overflow:hidden}.field-lines{position:absolute;inset:0;pointer-events:none}.center-circle{position:absolute;top:50%;left:50%;width:80px;height:80px;border:2px solid rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%)}.center-line{position:absolute;top:50%;left:0;right:0;height:2px;background:#ffffff4d}.penalty-area{position:absolute;left:50%;transform:translate(-50%);width:150px;height:50px;border:2px solid rgba(255,255,255,.3)}.penalty-area.top{top:0;border-top:none}.penalty-area.bottom{bottom:0;border-bottom:none}.field-slot{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:10}.slot-empty{width:50px;height:50px;background:#0006;border:2px dashed rgba(255,255,255,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.field-slot:hover .slot-empty,.field-slot.selected .slot-empty{border-color:var(--accent-blue);background:#0071e34d;transform:scale(1.1)}.slot-position{font-size:.75rem;font-weight:700;color:#ffffffb3}.slot-player{position:relative;width:50px;height:50px;background:var(--bg-tertiary);border:3px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.field-slot:hover .slot-player{transform:scale(1.1)}.slot-player-initial{font-family:var(--font-system);font-size:1.25rem;font-weight:var(--weight-bold);color:var(--text-primary)}.remove-player{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:var(--accent-red);border:none;border-radius:50%;color:#fff;font-size:1rem;line-height:1;cursor:pointer;opacity:0;transition:opacity var(--transition-fast);display:flex;align-items:center;justify-content:center;z-index:2}.field-slot:hover .remove-player{opacity:1}.slot-name{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;font-size:.65rem;font-weight:var(--weight-semibold);color:#fff;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.8)}.team-stats-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg)}.stats-title{font-size:1rem;font-weight:var(--weight-semibold);margin-bottom:var(--space-md)}.team-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-lg)}.team-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-md)}.team-stat-label{font-size:.6rem;font-weight:var(--weight-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.team-stat-value{font-family:var(--font-system);font-size:1.125rem;font-weight:var(--weight-bold);color:var(--text-primary)}.team-stat-value.highlight{color:var(--accent-blue)}.clear-team{width:100%}.players-section{height:fit-content;position:sticky;top:80px}.players-panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-primary)}.panel-header h3{font-size:.9375rem;font-weight:var(--weight-semibold)}.selecting-for{font-size:.75rem;color:var(--accent-blue);font-weight:var(--weight-medium)}.player-search{padding:var(--space-md);border-bottom:1px solid var(--border-primary)}.player-search input{width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;outline:none}.player-search input:focus{border-color:var(--accent-blue)}.players-list{max-height:500px;overflow-y:auto}.player-list-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-primary);transition:all var(--transition-fast)}.player-list-item.selectable{cursor:pointer}.player-list-item.selectable:hover{background:var(--bg-hover)}.player-list-avatar{width:36px;height:36px;background:var(--bg-tertiary);border:2px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:.875rem;color:var(--text-primary)}.player-list-info{flex:1;display:flex;flex-direction:column;min-width:0}.player-list-name{font-size:.875rem;font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.player-list-position{font-size:.75rem;color:var(--text-tertiary)}.player-list-total{font-family:var(--font-system);font-size:.9375rem;font-weight:var(--weight-bold);color:var(--accent-blue)}@media(max-width:1024px){.builder-layout{grid-template-columns:1fr}.players-section{position:static}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.page-content{flex:1;padding:0;width:100%;overflow:visible}@media(max-width:768px){.page-content{padding:var(--space-md)}}