@import "https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@500;600;700&family=Merriweather+Sans:wght@400;600;700&display=swap";:root{--text:#cfe0ec;--text-h:#f4f9fc;--bg:#0b141d;--bg-alt:#0f1c28;--card-bg:#10202e;--panel:#17293a;--border:#33495c;--accent:#3d8bc4;--accent-2:#6aa3c7;--shadow:none;--sans:"Merriweather Sans", system-ui, sans-serif;--heading:"Zilla Slab", 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:var(--bg);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:2px;padding:12px 22px;font-size:20px;font-weight:700;display:inline-block}.btn-primary{background:var(--accent);color:#fff}.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{background:var(--bg-alt);border-bottom:3px solid var(--accent);z-index:10;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:#93aec2;border-top:1px solid var(--border);padding:16px;font-size:17px}.hero-panel{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:2px;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:2px;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:2px;padding:10px 14px;font-size:19px}.result-count{color:#9db6c9;margin-bottom:16px;font-size:19px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}@media (width<=600px){.card-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.brawler-avatar{background:var(--accent);font-family:var(--heading);color:#fff;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex;overflow:hidden}.brawler-avatar.has-image{background:var(--panel)}.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:2px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.brawler-card:hover{border-color:var(--accent)}.brawler-card-body h3{margin-bottom:6px}.brawler-card-class{color:#9db6c9;margin-top:4px;font-size:17px}.mode-card{background:var(--card-bg);border:1px solid var(--border);border-radius:2px;padding:20px;display:block}.mode-card:hover{border-color:var(--accent)}.mode-card-format{color:var(--accent);margin-bottom:6px;font-size:17px;font-weight:700}.mode-card-desc{color:#a9c2d3;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:2px;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:var(--panel);border:1px dashed var(--border);border-radius:2px;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:#7f9cb0;font-size:19px;font-style:italic}.detail-header{background:var(--card-bg);border:1px solid var(--border);border-radius:2px;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(--panel);border:1px solid var(--border);border-radius:2px;padding:3px 12px;font-size:17px;font-weight:600}.detail-header-meta .rarity-badge{padding:5px 16px;font-size:24px}.detail-header-meta .class-tag{font-size:24px}.detail-header-meta .meta-chip{padding:5px 16px;font-size:22px}.detail-header-titles{color:#a9c2d3;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:2px;margin-bottom:16px;padding:20px 24px}.empty-note{color:#7f9cb0;font-size:19px;font-style:italic}.quote-text{color:#a9c2d3;white-space:pre-line;margin:0 0 8px;font-style:italic}.flavor-quote{color:#cfe3f0;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(--panel);border:1px solid var(--border);border-radius:2px;margin-bottom:16px;padding:16px}.special-gear-block:last-of-type{margin-bottom:20px}.stat-line{margin:0;font-size:24px}.stat-label{color:#9db6c9}.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(--panel);border:1px dashed var(--border);border-radius:2px;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(--panel);border-radius:2px;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(--panel);border-left:3px solid var(--accent);border-radius:0;padding:8px 12px;font-size:22px}.meta-tier{font-family:var(--heading);color:var(--accent);font-size:28px;font-weight:800}