:root{color-scheme:light;--sticky-offset: calc(env(safe-area-inset-top, 0px) + 12px) ;--page-bg: #f4f7fb;--surface: rgba(255, 255, 255, .94);--surface-strong: #ffffff;--surface-muted: #f8fafc;--border: rgba(148, 163, 184, .28);--border-strong: rgba(100, 116, 139, .28);--text: #0f172a;--text-soft: #475569;--text-faint: #64748b;--shadow: 0 18px 45px rgba(15, 23, 42, .08);--shadow-soft: 0 10px 24px rgba(15, 23, 42, .05);--focus: rgba(14, 116, 144, .28);--safe-bg: #0f172a;--safe-text: #f8fafc;--safe-kicker: #bae6fd}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-inter),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(circle at top left,rgba(125,211,252,.28),transparent 28%),radial-gradient(circle at top right,rgba(251,191,36,.2),transparent 24%),linear-gradient(180deg,#ffffff 0,var(--page-bg) 260px)}img{display:block;max-width:100%}a{color:inherit}button,input,select{font:inherit}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0 56px}.hero-panel{position:relative;overflow:clip;border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow)}.hero-panel:before{content:"";position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px);background-size:24px 24px}.hero-copy,.field,.cards-section,.brawler-grid,.title-wrap,.build-list,.build-row,.build-choice{display:grid}.hero-copy{position:relative;z-index:1;gap:12px;max-width:68ch;padding:28px}.hero-kicker,.field-label,.eyebrow,.choice-label,.build-note{margin:0;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-kicker,.field-label,.eyebrow{color:var(--text-faint)}.choice-label,.build-note{color:#94a3b8}.hero-title{margin:0;font-size:clamp(2.25rem,4vw,4rem);line-height:.96;letter-spacing:-.045em;text-wrap:balance}.hero-copy-text,.hero-note{margin:0;color:var(--text-soft);line-height:1.7}.hero-note{width:fit-content;max-width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:#ffffffc7;backdrop-filter:blur(8px)}.hero-note-link{font-weight:700;text-decoration:underline;text-underline-offset:.2em}.hero-note code,.shortcut-hint,.results-count,.rarity-pill{border-radius:999px}.hero-note code{padding:.1rem .35rem;background:#94a3b826;font-size:.94em}.toolbar{position:sticky;top:var(--sticky-offset);z-index:10;display:grid;gap:16px;margin-top:20px;padding:20px;border:1px solid var(--border-strong);border-radius:24px;background:#f1f5f9e0;backdrop-filter:blur(10px);box-shadow:0 16px 36px #0f172a14,0 2px 8px #0f172a0a}.toolbar-controls{display:grid;gap:14px;align-items:end;grid-template-columns:minmax(0,2.2fr) minmax(220px,1fr) minmax(220px,1fr)}.field{gap:8px}.field-control-wrap,.gear-chip{position:relative}.field-control{width:100%;min-height:48px;border:1px solid var(--border);border-radius:16px;background:var(--surface-strong);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.field-control:hover{border-color:#47556952}.field-control:focus-visible{outline:none;border-color:#0f172a;box-shadow:0 0 0 4px var(--focus)}.search-input{padding:0 78px 0 44px}.search-icon,.shortcut-hint,.select-caret{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.search-icon{left:14px;width:18px;height:18px;color:var(--text-faint)}.shortcut-hint{right:12px;padding:.22rem .48rem;border:1px solid rgba(148,163,184,.35);background:#f8fafc;color:var(--text-faint);font-size:.74rem;font-weight:700;letter-spacing:.02em}.select-control{appearance:none;padding:0 42px 0 14px}.select-caret{right:14px;width:12px;height:12px;color:var(--text-faint)}.toolbar-meta,.build-choice-content{display:flex;align-items:center}.toolbar-meta{justify-content:flex-start;gap:12px}.results-count,.rarity-pill{display:inline-flex}.results-count{margin:0;align-items:center;min-height:44px;padding:0 14px;border:1px solid rgba(148,163,184,.22);background:#ffffffb8;color:var(--text-soft);font-weight:700}@media(max-width:1100px)and (min-width:768px){.toolbar-controls{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(200px,1fr))}}.cards-section,.brawler-grid{gap:18px}.cards-section{margin-top:20px}.empty-state{padding:26px;border:1px dashed rgba(148,163,184,.5);border-radius:24px;background:#ffffffad;color:var(--text-faint);text-align:center}.brawler-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.brawler-card{display:grid;gap:16px;padding:18px;border:1px solid var(--border);border-radius:24px;background:var(--surface-strong);box-shadow:var(--shadow-soft);contain:layout paint style;content-visibility:auto;contain-intrinsic-size:320px;container-type:inline-size}.card-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.brawler-icon{width:76px;height:76px;object-fit:contain}.title-wrap{gap:4px;min-width:0}.card-title{margin:0;font-size:1.5rem;font-weight:900;line-height:.95;letter-spacing:-.03em}.rarity-pill{width:fit-content;padding:.32rem .62rem;background:var(--rarity-bg);color:var(--rarity-text);font-size:.78rem;font-weight:800}.build-list{gap:12px;margin:0}.build-row{gap:8px;padding-top:12px;border-top:1px solid rgba(226,232,240,.8)}.build-label,.gear-list{display:flex;flex-wrap:wrap}.build-label{align-items:center;gap:6px 10px}.build-term{font-size:.96rem;font-weight:800;color:var(--text-soft)}.choice-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:start}.gear-list{gap:8px}.build-choice{gap:6px;min-width:0;min-height:100%;padding:11px 12px;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:var(--surface-muted);box-shadow:inset 0 1px #fff6}.build-choice--primary{border-color:#0f172a1f;background:var(--safe-bg);color:var(--safe-text)}.build-choice--primary .choice-label{color:var(--safe-kicker)}.build-choice-content{gap:9px;min-width:0}.ability-icon,.gear-chip{width:42px;height:42px}.ability-icon{flex:none}.build-copy{flex:1 1 auto;min-width:0;font-weight:700;line-height:1.18;overflow-wrap:anywhere;text-wrap:pretty}.gear-chip{display:inline-flex;align-items:center;justify-content:center;padding:7px;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:var(--surface-muted);cursor:help}.gear-chip--secondary{background:#fff}.gear-chip:after{content:attr(aria-label);position:absolute;left:50%;bottom:calc(100% + 10px);z-index:2;padding:.45rem .65rem;border-radius:10px;background:#0f172a;color:#f8fafc;font-size:.78rem;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 12px 24px #0f172a2e;transform:translate(-50%,4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.gear-chip:hover:after,.gear-chip:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)}.gear-chip:focus-visible{outline:2px solid var(--safe-bg);outline-offset:3px}.gear-icon{width:28px;height:28px;object-fit:contain}@container (min-width: 420px){.build-row{grid-template-columns:88px minmax(0,1fr);align-items:start}.build-label{display:grid;gap:3px;justify-content:start}}@media(max-width:767px){.toolbar{position:static}.page-shell{width:min(1180px,calc(100% - 24px));padding-top:20px}.hero-panel,.toolbar,.brawler-card,.empty-state{border-radius:20px}.hero-copy{padding:22px}.toolbar-controls{grid-template-columns:1fr}.results-count{min-height:0;padding:0;border:0;border-radius:0;background:transparent}.brawler-grid{grid-template-columns:1fr}}