@font-face{font-family:Brawl;src:local("Lilita One");font-display:swap}:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17202d;background:#eef3fa;--ink: #17202d;--muted: #68748a;--line: #dbe5f2;--blue: #2f6fec;--yellow: #f7c948;--pink: #ff4f93;--green: #1f9d55;--red: #d64545;--nav: #111923}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--nav);color:#fff;padding:28px 20px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:34px;font-family:Brawl,Impact,sans-serif;font-size:28px}.brand img{width:58px;height:58px;object-fit:contain}nav{display:grid;gap:10px}nav button{display:flex;align-items:center;gap:14px;width:100%;border:0;border-radius:8px;padding:16px;color:#c6d2e4;background:transparent;font-weight:800;text-align:left}nav button.active,nav button:hover{color:#fff;background:#233247}main{min-width:0}.topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;padding:14px 28px;background:#ffffffe6;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar div{display:grid;justify-items:end;color:var(--muted);font-size:13px}.topbar strong{color:var(--ink)}.menu{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:#fff}.page{width:min(1280px,100%);padding:28px}.title{margin-bottom:22px}.title span{color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}h1,h2,h3{font-family:Brawl,Impact,sans-serif;letter-spacing:0}h1{margin:8px 0 4px;font-size:clamp(42px,6vw,76px);line-height:.95}h2{margin:0;font-size:30px}h3{margin:0 0 10px;font-size:22px}p{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.metric,.panel,.search{border:1px solid var(--line);border-radius:8px;background:#fff}.metric{min-width:0;padding:18px}.metric span{display:block;color:var(--muted);font-weight:800;margin-bottom:8px}.metric strong{display:block;overflow-wrap:anywhere;font-size:30px;font-weight:950}.panel{margin-top:18px;padding:22px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-head button,.account-form button,.ghost{border:0;border-radius:8px;padding:11px 16px;background:var(--blue);color:#fff;font-weight:900}.ghost{display:inline-block;margin-bottom:14px;background:#e7edf7;color:var(--ink)}.search,.account-form input{width:100%;min-height:52px;padding:0 16px;font-weight:800}.search-row{display:grid;grid-template-columns:minmax(220px,520px) auto;gap:12px;align-items:center;margin-bottom:18px}.search-row button,.player-hero button,.page>button{min-height:52px;border:0;border-radius:8px;padding:0 20px;background:var(--blue);color:#fff;font-weight:950}.player-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.player-hero span{color:var(--blue);font-size:13px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.player-hero h2{margin:6px 0 2px;font-size:40px}.player-hero p{margin:0;font-weight:800}.draft-controls{display:grid;grid-template-columns:minmax(260px,520px) auto;gap:12px;align-items:end;margin-bottom:18px}.draft-controls label{display:grid;gap:8px;color:var(--muted);font-weight:950}.draft-controls select,.draft-slot input{width:100%;min-height:52px;border:1px solid var(--line);border-radius:8px;padding:0 14px;background:#fff;color:var(--ink);font-weight:850}.draft-controls button{min-height:52px;border:0;border-radius:8px;padding:0 18px;background:#e7edf7;color:var(--ink);font-weight:950}.draft-board{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:10px;margin-bottom:18px}.draft-slot{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.draft-slot span{font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.draft-slot.blue{border-color:#2f6fec73;background:#f4f8ff}.draft-slot.red{border-color:#d6454561;background:#fff6f6}.table-wrap{width:100%;overflow-x:auto}table{width:100%;min-width:640px;border-collapse:collapse}th,td{padding:15px 12px;border-bottom:1px solid #edf2f8;text-align:left;white-space:nowrap}th{color:var(--muted);font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.link{border:0;background:none;color:var(--blue);font-weight:950;text-align:left}.name-cell,.brawler-heading{display:flex;align-items:center;gap:12px}.brawler-heading{margin-bottom:22px}.brawler-heading .title{margin-bottom:0}.brawler-avatar{flex:0 0 auto;border-radius:8px;object-fit:cover;background:var(--yellow);box-shadow:inset 0 0 0 1px #17202d1f}.brawler-avatar.sm{width:42px;height:42px}.brawler-avatar.lg{width:86px;height:86px}.brawler-avatar.fallback{display:grid;place-items:center;color:var(--ink);font-weight:950}.confidence{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:950;text-transform:uppercase}.confidence.strong{color:#10733d;background:#dff7e8}.confidence.solid{color:#255bc7;background:#dfeaff}.confidence.low{color:#946200;background:#fff1c8}.mode-grid,.map-grid,.brawler-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.mode,.brawler-gallery button,.leader{border:1px solid var(--line);border-radius:8px;background:#f9fbff;padding:16px}.mode strong,.map-card strong{display:block;margin-bottom:6px;font-weight:950}.mode span,.map-card span,.map-card em,.leader em{display:block;color:var(--muted);font-style:normal}.map-groups{display:grid;gap:18px}.map-group{--mode: var(--blue);--mode-soft: #eef4ff;border:1px solid color-mix(in srgb,var(--mode) 35%,var(--line));border-radius:8px;padding:16px;background:linear-gradient(180deg,var(--mode-soft),#fff 58%)}.map-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:12px;border-left:6px solid var(--mode);padding-left:12px}.map-group-heading h2{margin:0;color:var(--ink);font-size:24px;text-transform:none}.map-group-heading span{color:var(--muted);font-weight:850}.map-card{border:1px solid color-mix(in srgb,var(--mode) 28%,var(--line));border-radius:8px;padding:16px;background:#ffffffdb;text-align:left}.map-card.active{border-color:var(--mode);box-shadow:0 0 0 3px color-mix(in srgb,var(--mode) 20%,transparent);background:#fff}.mode-brawlball,.mode-brawl-ball{--mode: #2f6fec;--mode-soft: #edf4ff}.mode-gemgrab,.mode-gem-grab{--mode: #9b4dff;--mode-soft: #f4edff}.mode-heist{--mode: #d4452f;--mode-soft: #fff0ec}.mode-hotzone,.mode-hot-zone{--mode: #ef8b15;--mode-soft: #fff5e6}.mode-knockout,.mode-knockout5v5{--mode: #222f46;--mode-soft: #edf1f7}.mode-bounty{--mode: #16a06d;--mode-soft: #e9f8f1}.mode-soloshowdown,.mode-solo-showdown{--mode: #cf2f79;--mode-soft: #fff0f7}.mode-duo-showdown{--mode: #0b9fb5;--mode-soft: #e8f9fb}.mode-brawlarena,.mode-brawl-arena,.mode-deathmatch,.mode-deathmatch5v5{--mode: #6b7280;--mode-soft: #f2f4f7}.brawler-gallery button{display:flex;align-items:center;gap:12px;text-align:left}.brawler-gallery .brawler-avatar{width:54px;height:54px}.good{color:var(--green);font-weight:950}.bad{color:var(--red);font-weight:950}.build-group{display:inline-grid;min-width:220px;margin:0 18px 18px 0;vertical-align:top}.usage{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #edf2f8}.leaders{display:grid;gap:10px}.leader{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px}.leader span{color:var(--blue);font-weight:950}.account-form{display:grid;gap:12px;max-width:520px}.lfg-form{display:grid;grid-template-columns:180px minmax(220px,1fr);gap:12px;align-items:end}.filter-form{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr)) auto auto;gap:12px;align-items:end}.lfg-form label,.filter-form label{display:grid;gap:8px;color:var(--muted);font-weight:950}.lfg-form .wide{grid-column:1 / -1}.lfg-form input,.lfg-form select,.filter-form input,.sort-select{min-height:52px;border:1px solid var(--line);border-radius:8px;padding:0 14px;background:#fff;color:var(--ink);font-weight:850}.lfg-form button,.filter-form button{min-height:52px;border:0;border-radius:8px;padding:0 18px;background:var(--blue);color:#fff;font-weight:950}.lfg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.lfg-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;padding:16px;background:#f9fbff}.lfg-card span{display:inline-flex;width:max-content;border-radius:999px;padding:5px 9px;background:#fff1c8;color:#946200;font-size:12px;font-weight:950;text-transform:uppercase}.lfg-card p{margin:0}.lfg-card em{color:var(--muted);font-style:normal;font-weight:800}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tabs button{background:#e8eef8;color:var(--ink)}.tabs button.active{background:var(--blue);color:#fff}.message{font-weight:800}@media(max-width:820px){.shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;z-index:4;width:min(86vw,320px);transform:translate(-100%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.menu{display:inline-grid;place-items:center}.topbar{padding:12px 16px}.topbar div{max-width:220px;justify-items:start}.page{padding:20px}.metrics{grid-template-columns:1fr}.metric strong{font-size:26px}.panel{padding:16px}.search-row,.draft-controls,.draft-board,.lfg-form,.filter-form{grid-template-columns:1fr}.player-hero{align-items:stretch;flex-direction:column}.panel-head{align-items:flex-start;flex-direction:column}h1{font-size:46px}h2{font-size:26px}}