.brawl-app{color:#e8eaf2;z-index:50;background:#1a1d2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;position:fixed;inset:0;overflow-y:auto}.brawl-app *{box-sizing:border-box}.brawl-app header{border-bottom:1px solid #2c3050;justify-content:space-between;align-items:center;gap:16px;padding:24px 32px 12px;display:flex}.brawl-app header h1{letter-spacing:.5px;margin:0;font-size:24px}.brawl-app header .sub{color:#8a90b2;margin:4px 0 0;font-size:14px}.brawl-app .back-link{color:#8a90b2;border:1px solid #2c3050;border-radius:6px;padding:6px 12px;font-size:13px;text-decoration:none}.brawl-app .back-link:hover{color:#e8eaf2;border-color:#3c4170}.brawl-app main{max-width:1200px;margin:0 auto;padding:24px 32px}.brawl-app .map-row{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.brawl-app .map-row label{color:#8a90b2;text-transform:uppercase;letter-spacing:.5px;flex-direction:column;font-size:12px;display:flex}.brawl-app .map-row .map-pair{flex-direction:row;align-items:flex-end;gap:6px}.brawl-app .map-row select,.brawl-app .map-row input[type=text]{color:#e8eaf2;background:#232746;border:1px solid #2c3050;border-radius:6px;min-width:200px;margin-top:4px;padding:8px 12px;font-size:14px}.brawl-app .map-row .map-search{min-width:140px}.brawl-app .map-image{background:#232746;border-radius:8px;height:80px}.brawl-app .teams{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.brawl-app .team{background:#232746;border-radius:12px;padding:16px}.brawl-app .team-you{border-top:3px solid #4ed1a1}.brawl-app .team-enemy{border-top:3px solid #e26d6d}.brawl-app .team h2{text-transform:uppercase;letter-spacing:1px;color:#8a90b2;margin:0 0 12px;font-size:14px}.brawl-app .slots{gap:12px;display:flex}.brawl-app .slot{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.brawl-app .slot-portrait{cursor:pointer;background:#1a1d2e;border:2px dashed #3c4170;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;transition:transform .1s,border-color .1s;display:flex;position:relative;overflow:hidden}.brawl-app .slot-portrait:hover{border-color:#6c72a8;transform:scale(1.03)}.brawl-app .slot-portrait img{object-fit:cover;width:100%;height:100%}.brawl-app .slot-portrait .placeholder{color:#4c527c;font-size:28px;font-weight:300}.brawl-app .slot-name{color:#c8cce8;text-align:center;height:16px;font-size:13px}.brawl-app .slot-class{color:#8a90b2;height:14px;font-size:11px}.brawl-app .slot.is-you-marker .slot-portrait{border-style:solid;border-color:#4ed1a1;box-shadow:0 0 0 3px #4ed1a133}.brawl-app .slot-marker{color:#8a90b2;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:11px;display:flex}.brawl-app .slot-marker input{margin:0}.brawl-app .actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.brawl-app .actions button{color:#e8eaf2;cursor:pointer;background:#2c3050;border:1px solid #3c4170;border-radius:6px;padding:10px 18px;font-family:inherit;font-size:14px;transition:background .1s}.brawl-app .actions button:hover{background:#3c4170}.brawl-app .actions button.primary{color:#1a1d2e;background:#4ed1a1;border-color:#4ed1a1;font-weight:600}.brawl-app .actions button.primary:hover{background:#6ee0b6}.brawl-app .actions button.ghost{color:#c8cce8;background:0 0;border-color:#3c4170}.brawl-app .actions button.ghost:hover{background:#2c3050}.brawl-app .actions button:disabled{opacity:.5;cursor:not-allowed}.brawl-app .filter-toggle{color:#c8cce8;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:inline-flex}.brawl-app .filter-toggle input{margin:0}.brawl-app .status{color:#8a90b2;font-size:13px;font-style:italic}.brawl-app .results{background:#232746;border-radius:12px;min-height:80px;padding:20px}.brawl-app .rec-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.brawl-app .rec-card{background:#1a1d2e;border-left:3px solid #4ed1a1;border-radius:10px;align-items:flex-start;gap:12px;padding:16px;display:flex}.brawl-app .rec-card.rank-2{border-left-color:#c8cce8}.brawl-app .rec-card.rank-3{border-left-color:#8a90b2}.brawl-app .rec-card img{border-radius:50%;flex-shrink:0;width:64px;height:64px}.brawl-app .rec-body h4{margin:0 0 4px;font-size:15px}.brawl-app .rec-body .class{color:#8a90b2;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px}.brawl-app .rec-body .reason{color:#c8cce8;font-size:13px;line-height:1.4}.brawl-app .eval-card{align-items:center;gap:16px;display:flex}.brawl-app .eval-rating{text-transform:uppercase;letter-spacing:1px;text-align:center;border-radius:10px;min-width:120px;padding:16px 24px;font-size:32px;font-weight:700}.brawl-app .eval-rating.good{color:#4ed1a1;background:#2a5a44}.brawl-app .eval-rating.ok{color:#e0c264;background:#5a4e2a}.brawl-app .eval-rating.bad{color:#e26d6d;background:#5a2a2a}.brawl-app .eval-body p{margin:0 0 6px;font-size:14px;line-height:1.4}.brawl-app .eval-body .alt{color:#8a90b2;font-size:12px}.brawl-app .picker{z-index:100;background:#0a0c18d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.brawl-app .picker-inner{background:#232746;border-radius:14px;flex-direction:column;width:min(900px,92vw);max-height:85vh;display:flex;overflow:hidden}.brawl-app .picker-header{border-bottom:1px solid #2c3050;align-items:center;gap:12px;padding:16px 20px;display:flex}.brawl-app .picker-header h3{flex-shrink:0;margin:0;font-size:16px}.brawl-app .picker-header input{color:#e8eaf2;background:#1a1d2e;border:1px solid #2c3050;border-radius:6px;flex:1;padding:8px 12px;font-family:inherit;font-size:14px}.brawl-app .picker-header button{color:#8a90b2;cursor:pointer;background:0 0;border:1px solid #2c3050;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px}.brawl-app .picker-header button.close{border:none;width:32px;height:32px;padding:0;font-size:24px}.brawl-app .picker-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;padding:16px 20px;display:grid;overflow-y:auto}.brawl-app .picker-cell{cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;padding:6px;transition:background .1s;display:flex}.brawl-app .picker-cell:hover{background:#2c3050}.brawl-app .picker-cell.taken{opacity:.25;cursor:not-allowed}.brawl-app .picker-cell.unowned{opacity:.3}.brawl-app .picker-cell.unowned img{filter:grayscale()}.brawl-app .picker-cell.owned{background:#4ed1a11f}.brawl-app .picker-cell img{border-radius:50%;width:64px;height:64px}.brawl-app .picker-cell .name{color:#c8cce8;text-align:center;margin-top:4px;font-size:11px}@media (max-width:720px){.brawl-app .teams{grid-template-columns:1fr}.brawl-app main,.brawl-app header{padding:16px}}