@import"https://fonts.googleapis.com/css2?family=Anton&family=Roboto&display=swap";.marvel-header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,rgba(17,17,24,.98) 0%,rgba(20,20,30,.95) 100%);backdrop-filter:blur(12px);border-bottom:2px solid #ED1D24;box-shadow:0 4px 20px #00000080;padding:.75rem 1.5rem;transition:all .3s ease}.light .marvel-header{background:linear-gradient(180deg,#ED1D24 0%,#C41217 100%);border-bottom:2px solid #111}.marvel-header-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.marvel-brand-wrap{display:flex;align-items:center;gap:1rem;text-decoration:none}.marvel-logo-img{height:40px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(237,29,36,.5));transition:transform .2s ease}.marvel-logo-img:hover{transform:scale(1.04)}.marvel-brand-text{display:flex;flex-direction:column;gap:.15rem}.marvel-brand-badge{font-size:.65rem;font-weight:800;letter-spacing:.12em;color:gold;text-transform:uppercase;font-family:Anton,sans-serif}.marvel-brand-sub{font-size:.85rem;font-weight:700;letter-spacing:.05em;color:#e2e8f0;text-transform:uppercase;font-family:Roboto,sans-serif}.marvel-header-actions{display:flex;align-items:center;gap:.75rem}.marvel-header-fav-btn{display:flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:#f8fafc;padding:.45rem .9rem;border-radius:9999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.marvel-header-fav-btn:hover{background:rgba(237,29,36,.2);border-color:#ed1d24;transform:translateY(-1px)}.marvel-header-fav-btn.active{background:#ED1D24;border-color:#ed1d24;color:#fff;box-shadow:0 0 12px #ed1d2499}.fav-count-badge{background:rgba(0,0,0,.4);color:#fff;font-size:.75rem;font-weight:800;padding:.1rem .45rem;border-radius:9999px;min-width:18px;text-align:center}.marvel-mode-toggle{display:flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#f8fafc;padding:.45rem .9rem;border-radius:9999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.marvel-mode-toggle:hover{background:rgba(255,255,255,.16);border-color:#ffffff4d;transform:translateY(-1px)}@media (max-width: 640px){.marvel-brand-text,.fav-label,.mode-label{display:none}.marvel-header{padding:.6rem 1rem}}.comic-modal-overlay{position:fixed;inset:0;z-index:9999;background:rgba(8,9,14,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto;animation:modalFadeIn .25s cubic-bezier(.16,1,.3,1)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.comic-modal-container{position:relative;width:100%;max-width:920px;max-height:90vh;overflow-y:auto;background:#111219;border:1px solid rgba(237,29,36,.4);border-radius:28px;box-shadow:0 25px 60px -15px #ed1d2459,0 0 0 1px #ffffff14;color:#fff;padding:2rem;animation:modalPop .3s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{transform:scale(.94) translateY(15px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.comic-modal-close{position:absolute;top:1.25rem;right:1.25rem;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.comic-modal-close:hover{background:#ED1D24;transform:rotate(90deg) scale(1.05)}.comic-modal-grid{display:grid;grid-template-columns:320px 1fr;gap:2.5rem}.comic-modal-media{display:flex;flex-direction:column;gap:1rem}.comic-modal-img-frame{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 12px 32px #000000b3;border:2px solid rgba(255,255,255,.1);aspect-ratio:2/3;background:#08090E}.comic-modal-img{width:100%;height:100%;object-fit:cover;display:block}.comic-stamp{position:absolute;bottom:.75rem;left:.75rem;right:.75rem;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);padding:.35rem .5rem;border-radius:8px;font-family:Anton,sans-serif;font-size:.65rem;letter-spacing:.15em;text-align:center;color:#ed1d24}.comic-modal-fav-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.comic-modal-fav-btn:hover{background:rgba(237,29,36,.15);border-color:#ed1d2466;color:#ff5e62}.comic-modal-fav-btn.fav-active{background:#ED1D24;border-color:#ed1d24;color:#fff;box-shadow:0 4px 14px #ed1d2466}.comic-modal-share-btn,.comic-modal-arena-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#e2e8f0;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.comic-modal-share-btn:hover{background:rgba(59,130,246,.15);border-color:#3b82f666;color:#60a5fa;transform:translateY(-1px)}.comic-modal-share-btn.copied-active{background:rgba(16,185,129,.2);border-color:#10b98180;color:#34d399}.comic-modal-arena-btn:hover{background:rgba(245,158,11,.15);border-color:#f59e0b66;color:#fbbf24;transform:translateY(-1px)}.comic-modal-info{display:flex;flex-direction:column;gap:1.5rem}.comic-modal-header{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1rem}.comic-team-badge{display:inline-flex;align-items:center;gap:.35rem;background:rgba(237,29,36,.18);color:#ff4d52;border:1px solid rgba(237,29,36,.35);padding:.25rem .65rem;border-radius:20px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem}.comic-hero-title{font-family:Anton,sans-serif;font-size:2.6rem;letter-spacing:.06em;color:#fff;margin:0;line-height:1;text-transform:uppercase}.comic-real-name{font-size:.95rem;color:#aaa;margin:.4rem 0 0}.comic-real-name strong{color:#fff}.comic-first-appearance{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#ccc;background:rgba(255,255,255,.04);padding:.5rem .85rem;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.comic-section{display:flex;flex-direction:column;gap:.5rem}.comic-section-title{font-family:Anton,sans-serif;font-size:.95rem;letter-spacing:.1em;color:#ed1d24;text-transform:uppercase;margin:0}.comic-bio-text{font-size:.88rem;line-height:1.6;color:#ddd;margin:0}.comic-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem 1.25rem}.comic-stat-row{display:flex;flex-direction:column;gap:.3rem}.comic-stat-label{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:700;color:#ccc}.comic-stat-val{font-family:Anton,sans-serif;color:#fff;font-size:.85rem}.comic-stat-bar-bg{width:100%;height:8px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}.comic-stat-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#ED1D24,#f5a623);transition:width .6s cubic-bezier(.16,1,.3,1)}.comic-powers-pills{display:flex;flex-wrap:wrap;gap:.4rem}.comic-power-tag{display:inline-flex;align-items:center;gap:.3rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:.3rem .6rem;border-radius:8px;font-size:.75rem;color:#eee}.comic-bullets{margin:0;padding-left:1.25rem;font-size:.8rem;color:#bbb;line-height:1.5}.comic-mcu-tags{display:flex;flex-wrap:wrap;gap:.4rem}.comic-mcu-tag{display:inline-flex;align-items:center;gap:.35rem;background:rgba(237,29,36,.1);border:1px solid rgba(237,29,36,.25);padding:.3rem .6rem;border-radius:8px;font-size:.75rem;color:#ff999b}@media (max-width: 768px){.comic-modal-grid{grid-template-columns:1fr;gap:1.5rem}.comic-modal-media{max-width:260px;margin:0 auto}.comic-stats-grid{grid-template-columns:1fr}.comic-modal-container{padding:1.5rem}.comic-hero-title{font-size:2rem}}.sagas-explorer-wrapper{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.sagas-hero-banner{background:radial-gradient(circle at 50% 0%,rgba(237,29,36,.15) 0%,rgba(13,14,20,.95) 75%);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:3rem 2rem;text-align:center;margin-bottom:3rem;box-shadow:0 16px 40px #00000080}.sagas-banner-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:9999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:.75rem;font-weight:800;letter-spacing:.1em;color:#fbbf24;margin-bottom:1.25rem;text-transform:uppercase}.sagas-headline{font-family:Anton,sans-serif;font-size:clamp(2rem,5vw,3.25rem);letter-spacing:.04em;color:#fff;margin:0 0 1rem;text-transform:uppercase}.sagas-subheadline{max-width:760px;margin:0 auto 2rem;color:#94a3b8;font-size:1.05rem;line-height:1.6}.sagas-filter-bar{display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:820px;margin:0 auto}.sagas-search-box{display:flex;align-items:center;gap:.75rem;background:rgba(15,17,26,.85);border:1px solid rgba(255,255,255,.12);border-radius:9999px;padding:.65rem 1.25rem;width:100%;transition:all .2s ease}.sagas-search-box:focus-within{border-color:#ed1d24;box-shadow:0 0 16px #ed1d2459}.sagas-search-icon{color:#94a3b8}.sagas-search-input{background:transparent;border:none;color:#fff;font-size:.95rem;width:100%;outline:none}.sagas-search-input::placeholder{color:#64748b}.sagas-badge-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.sagas-badge-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#94a3b8;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.4rem .85rem;border-radius:9999px;cursor:pointer;transition:all .2s ease}.sagas-badge-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.sagas-badge-btn.active{background:#ED1D24;border-color:#ed1d24;color:#fff;box-shadow:0 2px 10px #ed1d2466}.sagas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem}.saga-card{background:rgba(17,20,29,.85);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;box-shadow:0 12px 28px #00000080;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.saga-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #000000b3;border-color:#ffffff29}.saga-card-header{padding:1.75rem 1.5rem 1.25rem;color:#fff;position:relative}.saga-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.saga-badge{background:rgba(0,0,0,.5);backdrop-filter:blur(4px);padding:.25rem .6rem;border-radius:6px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.2)}.saga-year{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;color:#f1f5f9;background:rgba(0,0,0,.35);padding:.2rem .5rem;border-radius:6px}.saga-title{font-family:Anton,sans-serif;font-size:1.6rem;letter-spacing:.03em;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.6)}.saga-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;flex-grow:1}.saga-synopsis{color:#cbd5e1;font-size:.92rem;line-height:1.55;margin:0}.saga-impact-box{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25);border-radius:12px;padding:.85rem}.saga-impact-title{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:800;color:#fbbf24;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.saga-impact-desc{font-size:.82rem;color:#e2e8f0;margin:0;line-height:1.45}.saga-section{display:flex;flex-direction:column;gap:.5rem}.saga-section-header{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.saga-characters-tags{display:flex;flex-wrap:wrap;gap:.4rem}.saga-char-tag{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#e2e8f0;padding:.25rem .6rem;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.saga-char-tag:hover{background:rgba(237,29,36,.2);border-color:#ed1d2480;color:#ff6b6b;transform:translateY(-1px)}.saga-issues-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.saga-issue-item{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:#94a3b8}.sagas-empty{text-align:center;padding:3rem;color:#94a3b8;font-size:1.1rem}@media (max-width: 768px){.sagas-grid{grid-template-columns:1fr}}.versus-arena-wrapper{max-width:1300px;margin:0 auto;padding:2rem 1.5rem}.versus-hero-banner{background:radial-gradient(circle at 50% 0%,rgba(245,158,11,.15) 0%,rgba(13,14,20,.95) 75%);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:3rem 2rem;text-align:center;margin-bottom:2.5rem;box-shadow:0 16px 40px #00000080}.versus-banner-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:9999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:.75rem;font-weight:800;letter-spacing:.1em;color:#fbbf24;margin-bottom:1.25rem;text-transform:uppercase}.versus-headline{font-family:Anton,sans-serif;font-size:clamp(2rem,5vw,3.25rem);letter-spacing:.04em;color:#fff;margin:0 0 1rem;text-transform:uppercase}.versus-subheadline{max-width:760px;margin:0 auto 2rem;color:#94a3b8;font-size:1.05rem;line-height:1.6}.versus-presets{display:flex;flex-direction:column;align-items:center;gap:.75rem}.versus-presets-title{font-size:.8rem;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:.08em}.versus-presets-scroll{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.versus-preset-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:.78rem;font-weight:600;padding:.4rem .85rem;border-radius:9999px;cursor:pointer;transition:all .2s ease}.versus-preset-btn:hover{background:rgba(237,29,36,.2);border-color:#ed1d24;color:#fff;transform:translateY(-1px)}.versus-selectors-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;background:rgba(17,20,29,.85);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.5rem 2rem;margin-bottom:2.5rem}.versus-select-group{display:flex;flex-direction:column;gap:.5rem}.versus-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.versus-select{background:rgba(10,12,18,.9);border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;padding:.75rem 1rem;font-size:.95rem;font-weight:600;outline:none;cursor:pointer;transition:all .2s ease}.versus-select:focus{border-color:#ed1d24;box-shadow:0 0 14px #ed1d2459}.versus-vs-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fbbf24;font-family:Anton,sans-serif;font-size:1.25rem;letter-spacing:.08em;padding:0 1rem}.versus-clash-container{display:grid;grid-template-columns:320px 1fr 320px;align-items:center;gap:2rem;margin-bottom:3rem}.fighter-card{background:rgba(17,20,29,.9);border-radius:20px;overflow:hidden;box-shadow:0 16px 36px #0009;border:2px solid transparent;display:flex;flex-direction:column;transition:transform .25s ease}.fighter-card.fighter-a{border-color:#ed1d2459}.fighter-card.fighter-b{border-color:#3b82f659}.fighter-badge{padding:.45rem 1rem;font-family:Anton,sans-serif;font-size:.75rem;letter-spacing:.15em;text-align:center}.fighter-a .fighter-badge{background:rgba(237,29,36,.25);color:#ff6b6b;border-bottom:1px solid rgba(237,29,36,.3)}.fighter-b .fighter-badge{background:rgba(59,130,246,.25);color:#60a5fa;border-bottom:1px solid rgba(59,130,246,.3)}.fighter-img-frame{position:relative;aspect-ratio:2/3;background:#000;overflow:hidden}.fighter-img{width:100%;height:100%;object-fit:cover;display:block}.fighter-prob-tag{position:absolute;bottom:.75rem;right:.75rem;background:rgba(0,0,0,.85);border:1px solid rgba(255,255,255,.2);padding:.35rem .65rem;border-radius:8px;font-family:Anton,sans-serif;font-size:1.1rem;letter-spacing:.05em;color:#fff}.fighter-meta{padding:1.25rem;text-align:center}.fighter-name{font-family:Anton,sans-serif;font-size:1.5rem;color:#fff;margin:0 0 .25rem;letter-spacing:.03em}.fighter-sub{color:#94a3b8;font-size:.82rem;margin:0 0 .75rem}.fighter-score{font-size:.85rem;color:#cbd5e1;background:rgba(255,255,255,.05);padding:.4rem .8rem;border-radius:8px;display:inline-block}.versus-center-action{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem}.versus-odds-meter{width:100%}.odds-label-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.odds-bar-track{height:12px;background:rgba(255,255,255,.1);border-radius:9999px;overflow:hidden;display:flex}.odds-bar-fill-a{background:linear-gradient(90deg,#ef4444,#dc2626);transition:width .4s ease}.odds-bar-fill-b{background:linear-gradient(90deg,#3b82f6,#2563eb);transition:width .4s ease}.versus-simulate-btn{display:flex;align-items:center;gap:.65rem;background:linear-gradient(135deg,#ED1D24 0%,#b91c1c 100%);border:1px solid rgba(255,255,255,.2);color:#fff;font-family:Anton,sans-serif;font-size:1.15rem;letter-spacing:.08em;padding:.85rem 2rem;border-radius:9999px;cursor:pointer;box-shadow:0 8px 24px #ed1d2473;transition:all .25s ease}.versus-simulate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #ed1d24a6}.versus-simulate-btn.simulating{opacity:.7;cursor:wait}.versus-result-box{display:flex;align-items:center;gap:.6rem;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.35);padding:.75rem 1.25rem;border-radius:12px;color:#fbbf24;font-weight:700;font-size:.95rem;text-align:center;animation:pulse 2s infinite}.versus-stats-comparison{background:rgba(17,20,29,.85);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;margin-bottom:2.5rem}.comparison-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Anton,sans-serif;font-size:1.35rem;letter-spacing:.05em;color:#fff;margin:0 0 1.5rem;text-transform:uppercase}.comparison-table{display:flex;flex-direction:column;gap:1rem}.comparison-row{display:grid;grid-template-columns:1fr 140px 1fr;align-items:center;gap:1rem}.comp-stat-center{display:flex;flex-direction:column;align-items:center;gap:.15rem}.comp-icon{font-size:1.1rem}.comp-name{font-size:.78rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.comp-val{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:.85rem;color:#94a3b8}.comp-val.winner{color:#fbbf24;font-weight:800}.comp-val-a{justify-content:flex-end}.comp-val-b{justify-content:flex-start}.comp-bar-wrapper{height:8px;background:rgba(255,255,255,.08);border-radius:9999px;overflow:hidden;width:100%;max-width:200px}.comp-bar-a{height:100%;background:#ef4444;border-radius:9999px}.comp-bar-b{height:100%;background:#3b82f6;border-radius:9999px}.versus-tactical-report{background:rgba(13,14,20,.95);border:1px solid rgba(237,29,36,.3);border-radius:16px;padding:1.5rem 2rem;box-shadow:0 8px 24px #0006}.report-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.report-header h4{margin:0;font-family:Anton,sans-serif;font-size:.9rem;letter-spacing:.1em;color:#ef4444}.report-content{color:#cbd5e1;font-size:.92rem;line-height:1.6;margin:0}@media (max-width: 900px){.versus-selectors-bar{grid-template-columns:1fr}.versus-vs-badge{padding:.5rem 0}.versus-clash-container{grid-template-columns:1fr}.comparison-row{grid-template-columns:1fr 100px 1fr}}.marvel-catalog-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem 3rem;box-sizing:border-box}.marvel-view-tabs{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:1.5rem 0 1.25rem;flex-wrap:wrap}.view-tab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;border-radius:9999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#94a3b8;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Anton,sans-serif;letter-spacing:.05em;text-transform:uppercase}.view-tab-btn:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-1px)}.view-tab-btn.active{background:#ED1D24;border-color:#ed1d24;color:#fff;box-shadow:0 4px 16px #ed1d2473}.light .view-tab-btn{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.light .view-tab-btn.active{background:#ED1D24;color:#fff}.marvel-hero-banner{margin:1.5rem 0 2rem;padding:2.75rem 2rem;border-radius:20px;background:radial-gradient(ellipse at top right,rgba(237,29,36,.25) 0%,rgba(18,18,28,.95) 70%),linear-gradient(135deg,#10101a 0%,#171727 100%);border:1px solid rgba(237,29,36,.3);box-shadow:0 10px 40px #0009,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.light .marvel-hero-banner{background:radial-gradient(ellipse at top right,rgba(237,29,36,.15) 0%,#FFFFFF 80%),linear-gradient(135deg,#F8FAFC 0%,#EDF2F7 100%);border-color:#ed1d2433;box-shadow:0 10px 30px #00000014}.marvel-hero-content{max-width:850px;position:relative;z-index:2}.marvel-banner-pill{display:inline-flex;align-items:center;gap:.5rem;background:rgba(237,29,36,.18);border:1px solid rgba(237,29,36,.4);color:gold;padding:.35rem .85rem;border-radius:9999px;font-size:.72rem;font-weight:800;letter-spacing:.12em;font-family:Anton,sans-serif;margin-bottom:1rem}.marvel-hero-headline{font-size:2.8rem;line-height:1.05;color:#fff;margin:0 0 1rem;text-shadow:0 2px 10px rgba(0,0,0,.7);letter-spacing:.04em}.light .marvel-hero-headline{color:#0f172a;text-shadow:none}.marvel-hero-subheadline{font-size:1.05rem;line-height:1.55;color:#cbd5e1;margin:0 0 1.75rem;font-family:Roboto,sans-serif}.light .marvel-hero-subheadline{color:#475569}.marvel-hero-stats{display:flex;flex-wrap:wrap;gap:1.25rem}.hero-stat-card{display:flex;flex-direction:column;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:.65rem 1.25rem;border-radius:12px;min-width:120px}.light .hero-stat-card{background:#FFFFFF;border:1px solid #E2E8F0;box-shadow:0 2px 8px #0000000a}.stat-number{font-family:Anton,sans-serif;font-size:1.75rem;color:#ed1d24;line-height:1.1}.stat-label{font-size:.78rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.marvel-control-panel{margin-bottom:2rem}.marvel-control-inner{display:flex;flex-direction:column;gap:1rem}.marvel-search-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.marvel-search-box{flex:1;min-width:280px;position:relative;display:flex;align-items:center}.marvel-search-icon{position:absolute;left:1rem;color:#94a3b8;pointer-events:none}.marvel-search-input{width:100%;background:#141422;color:#fff;border:1.5px solid rgba(255,255,255,.12);border-radius:9999px;padding:.75rem 2.8rem .75rem 2.75rem;font-size:.95rem;outline:none;transition:all .2s ease;box-sizing:border-box}.light .marvel-search-input{background:#FFFFFF;color:#0f172a;border-color:#cbd5e1;box-shadow:0 2px 6px #0000000d}.marvel-search-input:focus{border-color:#ed1d24;box-shadow:0 0 0 3px #ed1d2440}.marvel-search-clear{position:absolute;right:.85rem;background:rgba(255,255,255,.1);border:none;color:#94a3b8;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.marvel-search-clear:hover{background:#ED1D24;color:#fff}.marvel-view-controls{display:flex;align-items:center;gap:.75rem}.marvel-sort-wrap{display:flex;align-items:center;gap:.5rem;background:#141422;border:1.5px solid rgba(255,255,255,.12);padding:.45rem .85rem;border-radius:12px;color:#94a3b8}.light .marvel-sort-wrap{background:#FFFFFF;border-color:#cbd5e1;color:#475569}.marvel-sort-select{background:transparent;border:none;color:inherit;font-size:.85rem;font-weight:600;outline:none;cursor:pointer}.marvel-sort-select option{background:#181828;color:#fff}.light .marvel-sort-select option{background:#FFF;color:#111}.marvel-view-modes{display:flex;gap:.35rem;background:#141422;border:1.5px solid rgba(255,255,255,.12);padding:.25rem;border-radius:12px}.light .marvel-view-modes{background:#FFFFFF;border-color:#cbd5e1}.marvel-view-btn{background:transparent;border:none;color:#94a3b8;padding:.45rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.marvel-view-btn:hover{color:#fff}.marvel-view-btn.active{background:#ED1D24;color:#fff}.marvel-teams-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.marvel-team-chip{display:inline-flex;align-items:center;gap:.45rem;background:#141422;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:.45rem .95rem;border-radius:9999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.light .marvel-team-chip{background:#FFFFFF;border-color:#e2e8f0;color:#475569}.marvel-team-chip:hover{border-color:#ed1d24;color:#fff;transform:translateY(-1px)}.marvel-team-chip.active{background:#ED1D24;border-color:#ed1d24;color:#fff;box-shadow:0 0 12px #ed1d2480}.marvel-team-chip.fav-chip{border-color:#ed1d2466}.marvel-team-chip.fav-chip.active{background:#ED1D24;color:#fff}.marvel-characters-section{min-height:400px}.marvel-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem}.marvel-comic-strip{display:flex;gap:1.5rem;overflow-x:auto;padding:1rem 0 2rem;scrollbar-width:thin;scrollbar-color:#ED1D24 #141422}.marvel-comic-strip .marvel-hero-card{min-width:290px;max-width:320px;flex-shrink:0}.marvel-hero-card{background:#141422;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;box-shadow:0 4px 15px #0000004d}.light .marvel-hero-card{background:#FFFFFF;border-color:#e2e8f0;box-shadow:0 4px 15px #0000000d}.marvel-hero-card:hover{transform:translateY(-8px);border-color:#ed1d24;box-shadow:0 16px 35px #ed1d2459}.marvel-card-media{position:relative;width:100%;height:320px;overflow:hidden;background:#090910}.marvel-card-img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s ease}.marvel-hero-card:hover .marvel-card-img{transform:scale(1.06)}.marvel-card-team-badge{position:absolute;top:.85rem;left:.85rem;background:rgba(15,15,25,.85);backdrop-filter:blur(8px);border:1px solid rgba(237,29,36,.5);color:gold;font-family:Anton,sans-serif;font-size:.72rem;letter-spacing:.08em;padding:.3rem .65rem;border-radius:6px;text-transform:uppercase}.marvel-card-fav-btn{position:absolute;top:.85rem;right:.85rem;background:rgba(15,15,25,.8);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#cbd5e1;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.marvel-card-fav-btn:hover{transform:scale(1.15);background:rgba(237,29,36,.3);color:#ed1d24}.marvel-card-fav-btn.is-fav{background:#ED1D24;border-color:#ed1d24;color:#fff}.marvel-card-body{padding:1.25rem 1.25rem 1rem;display:flex;flex-direction:column;flex:1}.marvel-card-header{margin-bottom:.65rem}.marvel-card-name{margin:0;font-size:1.5rem;color:#fff;letter-spacing:.03em;line-height:1.1}.light .marvel-card-name{color:#0f172a}.marvel-card-realname{margin:.25rem 0 0;font-size:.82rem;color:#ed1d24;font-weight:600;font-family:Roboto,sans-serif}.marvel-card-desc{margin:0 0 1rem;font-size:.85rem;line-height:1.45;color:#94a3b8;font-family:Roboto,sans-serif;flex:1}.light .marvel-card-desc{color:#64748b}.marvel-card-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;background:rgba(255,255,255,.04);padding:.65rem;border-radius:10px;margin-bottom:.85rem}.light .marvel-card-stats-row{background:#F1F5F9}.mini-stat{display:flex;flex-direction:column;gap:.25rem}.mini-stat-name{font-size:.68rem;color:#94a3b8;text-transform:uppercase;font-weight:700}.mini-stat-bar{height:5px;background:rgba(255,255,255,.1);border-radius:9999px;overflow:hidden}.light .mini-stat-bar{background:#E2E8F0}.mini-stat-fill{height:100%;border-radius:9999px}.fill-red{background:#ED1D24}.fill-blue{background:#38BDF8}.fill-yellow{background:#F59E0B}.mini-stat-num{font-size:.72rem;color:#cbd5e1;font-weight:800;font-family:Anton,sans-serif}.light .mini-stat-num{color:#334155}.marvel-card-powers{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem}.mini-power-tag{display:inline-flex;align-items:center;gap:.25rem;background:rgba(237,29,36,.1);border:1px solid rgba(237,29,36,.25);color:#f8fafc;font-size:.72rem;padding:.2rem .5rem;border-radius:6px;font-weight:500}.light .mini-power-tag{background:#FEE2E2;border-color:#fecaca;color:#991b1b}.marvel-card-footer{border-top:1px solid rgba(255,255,255,.08);padding-top:.75rem;display:flex;justify-content:flex-end}.light .marvel-card-footer{border-color:#e2e8f0}.marvel-card-action{display:inline-flex;align-items:center;gap:.35rem;color:#ed1d24;font-family:Anton,sans-serif;font-size:.85rem;letter-spacing:.05em;transition:transform .2s}.marvel-hero-card:hover .marvel-card-action{transform:translate(4px)}.marvel-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1.5rem;background:rgba(255,255,255,.02);border:2px dashed rgba(255,255,255,.12);border-radius:20px}.marvel-empty-state h3{font-size:1.6rem;color:#fff;margin:0 0 .5rem}.light .marvel-empty-state h3{color:#111}.marvel-empty-state p{color:#94a3b8;margin:0 0 1.5rem}.marvel-reset-btn{background:#ED1D24;color:#fff;border:none;border-radius:9999px;padding:.65rem 1.5rem;font-family:Anton,sans-serif;letter-spacing:.05em;cursor:pointer;transition:background .2s}.marvel-reset-btn:hover{background:#C41217}.marvel-spinner{width:42px;height:42px;border:3px solid rgba(237,29,36,.2);border-top-color:#ed1d24;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.marvel-hero-headline{font-size:2.1rem}.marvel-hero-banner{padding:1.75rem 1.25rem}.marvel-cards-grid{grid-template-columns:1fr}}.marvel-footer{background:#0D0D14;border-top:2px solid #ED1D24;padding:2.5rem 1.5rem 1.5rem;color:#cbd5e1;font-family:Roboto,sans-serif;margin-top:3rem}.light .marvel-footer{background:#F8FAFC;border-top-color:#ed1d24;color:#475569}.marvel-footer-inner{max-width:1400px;margin:0 auto 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.marvel-footer-brand{max-width:600px}.footer-pill{display:inline-block;font-family:Anton,sans-serif;font-size:.72rem;letter-spacing:.12em;color:gold;background:rgba(237,29,36,.15);border:1px solid rgba(237,29,36,.3);padding:.25rem .65rem;border-radius:6px;margin-bottom:.6rem}.footer-desc{font-size:.88rem;line-height:1.5;margin:0;color:#94a3b8}.light .footer-desc{color:#64748b}.marvel-footer-links{display:flex;gap:1rem;flex-wrap:wrap}.footer-link{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#f8fafc;text-decoration:none;font-size:.85rem;font-weight:600;padding:.5rem 1rem;border-radius:9999px;transition:all .2s ease}.light .footer-link{background:#FFFFFF;border-color:#e2e8f0;color:#0f172a}.footer-link:hover{background:rgba(237,29,36,.2);border-color:#ed1d24;color:#fff;transform:translateY(-2px)}.marvel-footer-bottom{max-width:1400px;margin:0 auto;border-top:1px solid rgba(255,255,255,.08);padding-top:1.25rem;text-align:center}.light .marvel-footer-bottom{border-color:#e2e8f0}.footer-copy{font-size:.8rem;color:#64748b;margin:0}@media (max-width: 640px){.marvel-footer-inner{flex-direction:column;align-items:flex-start}}:root{--color-bg-dark: #181828;--color-bg-light: #fff;--color-primary: #ED1D24;--color-secondary: #222;--color-text-dark: #fff;--color-text-light: #222}body,html,#root,.dark,.light{margin:0;padding:0;min-height:100vh;font-family:Roboto,sans-serif;transition:background-color .3s ease,color .3s ease}.dark{background:var(--color-bg-dark);color:var(--color-text-dark)}.light{background:var(--color-bg-light);color:var(--color-text-light)}h1,h2,h3,h4,h5,h6{font-family:Anton,sans-serif;font-weight:400;letter-spacing:.1em;text-transform:uppercase}