@import "https://fonts.googleapis.com/css2?family=Rubik:wght@500;700;800;900&family=Nunito:wght@400;600;700&display=swap";:root{--text:#c3c6e6;--text-h:#fff;--bg:#0d0c22;--bg-alt:#131230;--card-bg:#191837;--border:#302f5c;--accent:#fc0;--accent-2:#ff5c77;--purple:#7b4dff;--shadow:#00000073 0 10px 25px -8px;--sans:"Nunito", system-ui, sans-serif;--heading:"Rubik", system-ui, sans-serif;font:22px/155% var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:radial-gradient(circle at top, var(--bg-alt), var(--bg) 65%);text-align:center;min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{font-family:var(--heading);color:var(--text-h);margin:0 0 12px;font-weight:800;line-height:1.2}h1{letter-spacing:-.5px;font-size:58px}h2{border-bottom:3px solid var(--accent);padding-bottom:6px;font-size:30px;display:inline-block}h3{font-size:25px}p{margin:0 0 8px}a{color:inherit;text-decoration:none}ul{margin:0;padding-left:20px}.btn{font-family:var(--heading);cursor:pointer;border:3px solid #0000;border-radius:12px;padding:12px 22px;font-size:20px;font-weight:700;transition:transform .1s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#171636}.btn-secondary{border-color:var(--accent);color:var(--accent);background:0 0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:24px 20px 64px}.navbar{border-bottom:3px solid var(--accent);z-index:10;background:#131230;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.brand{font-family:var(--heading);color:var(--accent);font-size:30px;font-weight:800}.nav-links{gap:24px;display:flex}.nav-links a{font-family:var(--heading);color:var(--text);border-bottom:3px solid #0000;padding:6px 4px;font-weight:600}.nav-links a.active,.nav-links a:hover{color:var(--accent);border-bottom-color:var(--accent)}.app-footer{text-align:center;color:#7d7ba3;border-top:1px solid var(--border);padding:16px;font-size:17px}.hero-panel{background:linear-gradient(135deg, var(--purple), #4c2fb0);text-align:center;box-shadow:var(--shadow);border-radius:20px;padding:48px 32px}.hero-panel p{max-width:560px;margin:0 auto 24px;font-size:23px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.home-note{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;margin-top:32px;padding:24px 28px}.filters{flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0;display:flex}.filters input,.filters select{background:var(--card-bg);border:1px solid var(--border);color:var(--text-h);font-family:var(--sans);border-radius:10px;padding:10px 14px;font-size:19px}.result-count{color:#9997c4;margin-bottom:16px;font-size:19px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.brawler-avatar{background:linear-gradient(135deg, var(--purple), var(--accent-2));font-family:var(--heading);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex;overflow:hidden}.brawler-avatar.has-image{background:var(--bg-alt)}.brawler-avatar img{object-fit:contain;width:100%;height:100%}.brawler-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:transform .12s,border-color .12s;display:flex}.brawler-card:hover{border-color:var(--accent);transform:translateY(-4px)}.brawler-card-body h3{margin-bottom:6px}.brawler-card-class{color:#9997c4;margin-top:4px;font-size:17px}.mode-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:20px;transition:transform .12s,border-color .12s;display:block}.mode-card:hover{border-color:var(--accent);transform:translateY(-4px)}.mode-card-format{color:var(--accent);margin-bottom:6px;font-size:17px;font-weight:700}.mode-card-desc{color:#b6b4d9;font-size:19px}.rarity-badge{background:color-mix(in srgb, var(--rarity-color) 25%, transparent);color:var(--rarity-color);border:1px solid var(--rarity-color);border-radius:999px;padding:3px 12px;font-size:17px;font-weight:700;display:inline-block}.back-link{color:var(--accent);margin-bottom:16px;font-weight:600;display:inline-block}.skin-banner{background:linear-gradient(135deg, var(--bg-alt), var(--card-bg));border:1px dashed var(--border);border-radius:20px;justify-content:center;align-items:center;width:100%;min-height:260px;margin-bottom:20px;display:flex;overflow:hidden}.skin-banner img{object-fit:contain;width:100%;max-height:420px}.skin-banner-placeholder{color:#7d7ba3;font-size:19px;font-style:italic}.detail-header{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;gap:28px;margin-bottom:24px;padding:24px;display:flex}.detail-header-avatars{justify-content:center;align-items:center;gap:14px;display:flex}.pin-image{object-fit:contain}.detail-header-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:8px 0;display:flex}.meta-chip{background:var(--bg-alt);border:1px solid var(--border);border-radius:999px;padding:3px 12px;font-size:17px;font-weight:600}.detail-header-titles{color:#b6b4d9;flex-wrap:wrap;justify-content:center;gap:20px;font-size:20px;display:flex}.detail-section{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:20px 24px}.empty-note{color:#7d7ba3;font-size:19px;font-style:italic}.quote-text{color:#b6b4d9;white-space:pre-line;margin:0 0 8px;font-style:italic}.flavor-quote{color:#dcdaf5;white-space:pre-line;margin-top:12px;font-size:24px}.class-tag{font-size:18px;font-weight:800}.stat-list{flex-direction:column;gap:3px;margin:6px 0 10px;display:flex}.trait-block{border-top:1px dashed var(--border);margin-top:12px;padding-top:12px}.special-gear-block{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:16px}.special-gear-block:last-of-type{margin-bottom:20px}.stat-line{margin:0;font-size:24px}.stat-label{color:#9997c4}.stat-value{color:var(--text-h)}.ability-card{border-top:1px solid var(--border);padding:16px 0}.ability-card:first-child{border-top:none;padding-top:0}.ability-card-head{justify-content:center;align-items:center;gap:10px;margin-bottom:6px;display:flex}.ability-icon{background:var(--bg-alt);border:1px dashed var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.ability-icon img{object-fit:contain;width:100%;height:100%}.ability-title{margin:0;font-size:26px;font-weight:800}.ability-details{margin-top:8px}.ability-details summary{cursor:pointer;color:var(--accent);font-size:19px;font-weight:700;list-style:none}.ability-details summary::-webkit-details-marker{display:none}.ability-details summary:before{content:"▸ "}.ability-details[open] summary:before{content:"▾ "}.ability-details p{margin-top:8px;font-size:22px}.buff-block{border:1px dashed var(--border);background:var(--bg-alt);border-radius:12px;margin-top:14px;padding:12px 14px}.gear-list{flex-flow:wrap;justify-content:center;gap:16px;margin-top:10px;margin-bottom:10px;display:flex}.gear-item{text-align:center;flex-direction:column;align-items:center;gap:6px;max-width:100px;display:flex}.gear-item p{margin:0;font-size:16px}.icon-chip-list{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.icon-chip{text-align:center;flex-direction:column;align-items:center;gap:6px;max-width:100px;font-size:17px;display:flex}.icon-chip-label{color:var(--text-h);font-weight:800}.bullet-list{margin:0;padding-left:0;list-style:inside}.bullet-list li{margin-bottom:8px;font-size:18px}.tag-list{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.tag-list li{background:var(--bg-alt);border-left:3px solid var(--accent);border-radius:6px;padding:8px 12px;font-size:22px}.meta-tier{font-family:var(--heading);color:var(--accent);font-size:28px;font-weight:800}