@font-face{font-family:Nunito;font-style:normal;font-weight:700 900;font-display:swap;src:url(/deadlock-street-brawl-helper/fonts/nunito-latin.woff2)format("woff2")}:root{--room:#0e1a19;--room2:#16302c;--board:#cbbd9f;--board-edge:#a89873;--board-head:#b7a986;--ink:#2b241a;--ink-soft:#6b5e46;--teal:#62b6c8;--teal-ink:#1b3a44;--weapon:#e6ad5f;--weapon-deep:#c98a3a;--vitality:#a6cf6e;--vitality-deep:#7fae47;--spirit:#b992e4;--spirit-deep:#9a6fd0;--navy:#2b3d70;--navy-track:#1a2a58;--navy-ink:#e9edf8;--good:#3f9f5c;--warn:#d98a2b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--room);color:var(--navy-ink);margin:0;font:15px/1.4 Nunito,Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}body{background:radial-gradient(120% 70% at 50% -10%, var(--room2), var(--room) 70%) fixed}body.overlay-window{background:0 0}html:has(body.overlay-window){background:0 0}#root{max-width:560px;min-height:100dvh;margin:0 auto;padding-bottom:24px}.layout{display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}h1,h2,h3{margin:0;font-weight:800}:focus-visible{outline-offset:2px;outline:3px solid #fff}.app-header{z-index:5;background:var(--teal);color:var(--teal-ink);align-items:center;gap:10px;padding:10px 14px;display:flex;position:sticky;top:0;box-shadow:0 2px #00000040}.app-header img{object-fit:cover;background:#0b1414;border:2px solid #ffffff8c;border-radius:50%;width:40px;height:40px}.app-header h1{font-size:17px;line-height:1.15}.hero-auto-badge{letter-spacing:.05em;text-transform:uppercase;vertical-align:middle;color:#0b1414;background:var(--accent,#7fffa0);border-radius:999px;margin-left:8px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.app-header .sub{opacity:.8;font-size:12px}.app-header .sub .stale{color:var(--warn);opacity:1;font-weight:600}.hero-search{width:calc(100% - 28px);min-height:44px;color:var(--navy-ink);font:inherit;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;margin:10px 14px 0;padding:8px 12px;font-weight:700}.hero-search::placeholder{color:var(--navy-ink);opacity:.5}.hero-strip{scrollbar-width:none;gap:8px;padding:10px 14px 4px;display:flex;overflow-x:auto}.hero-strip::-webkit-scrollbar{display:none}.hero-chip{background:#ffffff0f;border:2px solid #0000;border-radius:10px;flex-direction:column;flex:none;align-items:center;gap:3px;min-width:60px;min-height:44px;padding:5px 4px;display:flex}.hero-chip img{object-fit:cover;background:#000;border-radius:50%;width:40px;height:40px}.hero-chip span{white-space:nowrap;opacity:.85;font-size:11px;font-weight:700}.hero-chip.active{border-color:var(--teal);background:#62b6c82e}.hero-chip.match{border-color:var(--warn);background:#d98a2b38;box-shadow:0 0 0 3px #d98a2b40}.hero-select{width:calc(100% - 28px);min-height:44px;color:var(--navy-ink);font:inherit;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;margin:4px 14px 6px;padding:8px 12px;font-weight:700}.board{background:var(--board);color:var(--ink);box-shadow:inset 0 0 0 2px var(--board-edge), 0 6px 18px #00000073;border-radius:8px;margin:0 10px 14px;padding:12px 10px 10px}.board h2{font-size:18px}.board .muted{color:var(--ink-soft);font-size:12.5px}.phase{background:#ffffff2e;border:1px solid #5a4b3240;border-radius:6px;margin-top:10px;overflow:hidden}.phase-head{background:var(--board-head);color:var(--ink);justify-content:space-between;align-items:baseline;padding:6px 10px;font-size:15px;font-weight:800;display:flex}.phase-head small{color:var(--ink-soft);font-size:12px;font-weight:700}.tiles{grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 8px;display:grid}.tile{text-align:center;border-radius:6px;flex-direction:column;min-height:40px;padding:0;display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 2px #00000040}.tile:active{box-shadow:none;transform:translateY(1px)}.tile .art{aspect-ratio:1;place-items:center;display:grid}.tile .art img{object-fit:contain;filter:drop-shadow(0 1px 1px #00000059);width:82%;height:82%}.tile .plate{min-height:32px;color:var(--ink);place-items:center;padding:4px 3px 5px;font-size:11px;font-weight:800;line-height:1.15;display:grid}.tile.weapon .art{background:var(--weapon-deep)}.tile.weapon .plate{background:var(--weapon)}.tile.vitality .art{background:var(--vitality-deep)}.tile.vitality .plate{background:var(--vitality)}.tile.spirit .art{background:var(--spirit-deep)}.tile.spirit .plate{background:var(--spirit)}.tile .tier{clip-path:polygon(0 0,100% 0,100% 100%);background:#281e148c;width:26px;height:26px;position:absolute;top:0;right:0}.tile .tier span{color:#fff;letter-spacing:-.5px;font-size:9px;font-weight:900;position:absolute;top:1px;right:3px}.tile.weapon .tier{background:var(--weapon)}.tile.vitality .tier{background:var(--vitality)}.tile.spirit .tier{background:var(--spirit)}.tile .tier.t2{background:#7f5d33}.tile .tier.t3{background:#5a4630}.tile .tier.t4{background:#2e2419}.tile .order{color:#fff;background:#140f0ab3;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:900;display:grid;position:absolute;top:3px;left:3px}.tile .active-tag{color:#f2e7cf;letter-spacing:.5px;background:#2d2418;border-radius:3px;padding:2px 5px;font-size:8px;font-weight:900;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.tile .mark{color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;font-weight:900;display:grid;position:absolute;bottom:34px;right:3px}.tile .mark.core{background:var(--good)}.board-foot{justify-content:space-between;align-items:center;margin-top:10px;padding:6px 4px 0;font-weight:800;display:flex}.souls{align-items:center;gap:5px;display:inline-flex}.souls:before{content:"";clip-path:polygon(50% 0,100% 25%,65% 50%,100% 75%,50% 100%,0 75%,35% 50%,0 25%);background:currentColor;border-radius:6px/8px;width:12px;height:16px}.board-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.share-btn{min-width:44px;min-height:44px;color:var(--ink);border:1px solid var(--board-edge);background:#00000012;border-radius:10px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.share-btn:disabled{opacity:.6}.source{color:var(--ink-soft);margin-top:6px;padding:0 4px;font-size:12px}.legend{color:var(--ink-soft);flex-wrap:wrap;gap:10px;margin-top:8px;font-size:12px;display:flex}.legend span{align-items:center;gap:4px;display:inline-flex}.legend i{border-radius:50%;width:12px;height:12px;display:inline-block}.ap{background:var(--navy);color:var(--navy-ink);border-radius:8px;margin:0 10px 14px;padding:12px;box-shadow:0 6px 18px #00000073}.ap h2{margin-bottom:8px;font-size:17px}.ap .muted{opacity:.7;margin-bottom:8px;font-size:12px}.ap-grid{grid-template-columns:36px 1fr;gap:2px 6px;display:grid}.ap-icon{place-items:center;height:34px;display:grid}.ap-icon img{object-fit:contain;background:#f3ead6;border-radius:3px;width:32px;height:32px;padding:2px}.ap-track{background:var(--navy-track);border-radius:4px;align-items:center;height:34px;display:grid}.ap-track .pt{color:#fff;background:#5b6485;border-radius:4px;justify-self:center;align-items:center;gap:1px;min-width:20px;height:20px;padding:0 4px;font-size:11px;font-weight:900;display:inline-flex}.ap-track .pt.unlock{background:#a06be0}.ap-track .pt:before{content:"◆";opacity:.9;font-size:8px}.ap-names{grid-template-columns:repeat(2,1fr);gap:4px 10px;margin-top:10px;font-size:12px;display:grid}.ap-names div{align-items:center;gap:6px;display:flex}.ap-names img{background:#f3ead6;border-radius:3px;width:22px;height:22px;padding:1px}.panel{background:#cbbd9f1f;border:1px solid #cbbd9f40;border-radius:8px;margin:0 10px 14px;padding:12px}.panel h2{margin-bottom:4px;font-size:16px}.panel .muted{opacity:.7;font-size:12px}.big{font-size:30px;font-weight:900;line-height:1.1}.meter{background:#00000059;border-radius:4px;height:8px;margin:6px 0 8px;overflow:hidden}.meter>div{background:linear-gradient(90deg, var(--teal), var(--vitality));height:100%}.kv{grid-template-columns:1fr auto;gap:4px 12px;font-size:13px;display:grid}.kv span:nth-child(2n){text-align:right;font-variant-numeric:tabular-nums;font-weight:800}.panel-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.panel-table th{text-align:left;opacity:.7;padding:2px 6px 2px 0;font-weight:600}.panel-table td{white-space:nowrap;border-top:1px solid #80808033;padding:2px 6px 2px 0}.panel-table th:not(:first-child),.panel-table td:not(:first-child){text-align:right}.chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.top-items{gap:0 16px;display:grid}.top-items-tier h3{opacity:.7;margin:10px 0 2px;font-size:12px}.top-items-tier .tiles{grid-template-columns:repeat(3,1fr);max-width:300px;padding:0}.chip{background:#ffffff1a;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.badge{border-radius:999px;padding:2px 7px;font-size:10px;font-weight:900}.badge.core{background:var(--good);color:#fff}.badge.notcore{background:#ffffff2e}.sheet-backdrop{z-index:20;background:#000000a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--board);width:100%;max-width:560px;max-height:88dvh;color:var(--ink);box-shadow:inset 0 3px 0 var(--board-edge);border-radius:14px 14px 0 0;padding:12px 14px 28px;overflow-y:auto}.sheet-head{align-items:flex-start;gap:12px;display:flex}.sheet-head .tile{flex:none;width:84px}.sheet-head h2{font-size:20px;line-height:1.1}.sheet-close{min-width:44px;min-height:44px;color:var(--ink-soft);margin-left:auto;font-size:24px}.sheet .chip{background:#3c2d1924}.stat-line{border-bottom:1px solid #3c2d192e;justify-content:space-between;gap:10px;padding:5px 0;font-size:14px;display:flex}.stat-line b{font-variant-numeric:tabular-nums}.tt-section{margin-top:12px}.tt-section h3{color:#7a3f9e;margin-bottom:4px;font-size:13px}.tt-section p{white-space:pre-line;margin:4px 0;font-size:14px}.sheet .kv span:nth-child(2n){font-weight:800}.reasons{color:var(--ink-soft);margin:8px 0 0;padding-left:18px;font-size:13px}.loading,.error{text-align:center;opacity:.7;padding:40px 20px}.error{color:#ff9a8a;white-space:pre-wrap}footer{opacity:.55;text-align:center;padding:16px;font-size:11px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width>=900px){#root{max-width:none;padding:0 0 24px}.hero-strip{flex-wrap:wrap;padding:12px 20px 6px;overflow:visible}.hero-select{display:none}.layout{grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr);align-items:start;gap:0 14px;padding:4px 10px 0 20px;display:grid}.col-side{max-height:calc(100vh - 80px);padding-right:10px;position:sticky;top:72px;overflow-y:auto}.tiles{grid-template-columns:repeat(6,1fr);gap:10px;padding:12px 10px}.sheet-backdrop{align-items:center}.sheet{border-radius:14px;max-width:640px}}@media (width>=1400px){.tiles{grid-template-columns:repeat(8,1fr)}}.mode-switch{background:#00000040;border-radius:999px;margin-left:auto;padding:3px;display:flex}.mode-switch button{min-height:40px;color:var(--teal-ink);opacity:.75;border-radius:999px;padding:0 14px;font-weight:800}.mode-switch button.active{background:var(--board);opacity:1}.style-tabs{flex-wrap:wrap;gap:8px;margin:8px 14px 0;display:flex}.style-tabs button{min-height:48px;color:var(--navy-ink);background:#ffffff14;border:1px solid #ffffff2e;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px;font-weight:800;display:flex}.style-tabs button.active{background:var(--teal);color:var(--teal-ink);border-color:#0000}.style-tabs small{opacity:.8;font-size:12px;font-weight:600}.brawl .row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.brawl label{align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.brawl select,.brawl input[type=number]{min-height:40px;color:var(--navy-ink);font:inherit;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;max-width:100%;padding:4px 8px}.brawl input[type=number]{width:60px}.btn{min-height:40px;color:inherit;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;align-items:center;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.btn.primary{background:var(--teal);color:var(--teal-ink);border-color:#0000}.btn:disabled{opacity:.5}.brawl-advice{gap:8px;margin:0 10px 14px;display:grid}.brawl-advice>.muted{opacity:.75;padding:6px 2px;font-size:13px}.brawl-card{text-align:left;background:#cbbd9f1f;border:2px solid #cbbd9f40;border-radius:10px;grid-template-columns:84px 1fr;align-items:center;gap:10px;padding:8px;display:grid}.brawl-card.best{border-color:var(--teal);background:#62b6c82e;box-shadow:0 0 0 3px #62b6c840}.brawl-card-body{gap:2px;display:grid}.brawl-card-body b{font-size:16px}.brawl-card.best .brawl-card-body b{color:var(--teal)}.brawl-card-body small{opacity:.8;font-size:12px}.brawl-reroll-banner{color:#1a1200;text-transform:uppercase;letter-spacing:.02em;background:#ffb020;border:2px solid #a86400;border-radius:10px;flex-wrap:wrap;order:-1;justify-content:space-between;align-items:center;gap:10px;padding:12px;font-size:15px;font-weight:800;display:flex}.pip .brawl-reroll-banner{padding:8px 10px;font-size:13px}.brawl-ability-order{flex-direction:column;gap:2px;margin:6px 0 0;padding-left:20px;font-size:13px;display:flex}.brawl-ability-order li.now{color:var(--teal);font-weight:700}.brawl-ability-order small{opacity:.7}.brawl-pick{align-items:center;gap:6px;display:inline-flex}.brawl-foot{opacity:.6;align-items:center;gap:6px;margin:0 14px;font-size:12px;display:flex}.brawl-foot img{border-radius:50%;width:18px;height:18px}.tabs{gap:6px;padding:10px 10px 0;display:flex}.tabs button{min-height:44px;color:var(--navy-ink);opacity:.7;background:#ffffff0f;border:1px solid #ffffff24;border-bottom:0;border-radius:10px 10px 0 0;flex:1 1 0;padding:0 10px;font-size:13.5px;font-weight:800}.tabs button.active{border-color:var(--teal);opacity:1;color:var(--teal);background:#62b6c833}.tl-controls{margin-top:10px}.tl-controls .muted{margin:8px 0 0;font-size:12.5px;line-height:1.35}.tl-switch{background:#0000004d;border-radius:999px;padding:3px;display:inline-flex}.tl-switch button{opacity:.7;border-radius:999px;min-height:38px;padding:0 18px;font-weight:800}.tl-switch button.active{background:var(--teal);color:var(--teal-ink);opacity:1}.tl-filter{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tl-filter button{opacity:.75;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;min-height:36px;padding:0 12px;font-size:12.5px;font-weight:700}.tl-filter button.active{border-color:var(--teal);color:var(--teal);opacity:1;background:#62b6c833}.tl-board{gap:10px;display:grid}.tl-row{grid-template-columns:52px minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.tl-grade{color:#221a10;text-align:center;border-radius:8px;place-content:center;gap:1px;font-weight:900;display:grid}.tl-grade b{font-size:26px;line-height:1}.tl-grade small{opacity:.65;font-size:10px;font-weight:800}.tl-grade.gS{background:#d9645a}.tl-grade.gA{background:var(--weapon)}.tl-grade.gB{background:#d8c24a}.tl-grade.gC{background:var(--vitality)}.tl-cells{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;padding:4px 0;display:grid}.tl-empty{align-items:center;padding:10px 2px;font-size:12.5px;display:flex}.tl-cell{align-content:start;gap:2px;display:grid}.tl-portrait{aspect-ratio:3/4;object-fit:cover;object-position:50% 0;background:#000;border-radius:6px;width:100%;box-shadow:0 2px #00000040}.tl-name{font-size:11px;font-weight:800;line-height:1.1}.tl-nums{opacity:.7;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px}.tl-nums b{opacity:.95;font-weight:900}.tl-cell .tile .plate{min-height:28px;padding:3px 2px 4px;font-size:10px}.tl-foot{opacity:.6;margin:0 14px;font-size:11.5px;line-height:1.4}.pip-body{background:var(--room);color:var(--navy-ink);margin:0;font:14px/1.4 Nunito,Segoe UI,system-ui,sans-serif}.pip{padding:8px}.pip h2{opacity:.8;margin:0 2px 8px;font-size:14px}.pip .brawl-advice{margin:0}.pip .brawl-card{grid-template-columns:60px 1fr;padding:6px}.pip .brawl-card-body b{font-size:14px}.brawl-preview{background:#000;border:1px solid #ffffff26;border-radius:8px;width:100%;height:auto;margin:0 0 8px;display:block}.pip .brawl-preview{margin:0 0 6px}@media (width>=900px){.brawl-advice{max-width:900px;margin:0 20px 14px}.top-items{grid-template-columns:repeat(auto-fit,minmax(240px,360px));justify-content:space-between;gap:4px 18px}.top-items-tier h3{font-size:13px}.top-items-tier .tiles{gap:10px;max-width:none}.tabs{max-width:620px;padding:12px 20px 0}.tl-controls,.tl-board{margin-left:20px;margin-right:20px}.tl-row{grid-template-columns:64px minmax(0,1fr);gap:12px}.tl-grade b{font-size:32px}.tl-cells{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}.tl-name{font-size:12px}.tl-nums{font-size:11.5px}.tl-foot{margin:0 20px}}.overlay-panel{pointer-events:none;color:#fff;background:#0a1010;border:1px solid #ffffff40;border-radius:10px;width:16%;max-height:38%;padding:10px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:18px;line-height:1.35;position:fixed;top:40%;left:1%;overflow:hidden}.overlay-panel-head{margin-bottom:6px;font-weight:700}.overlay-panel-reroll{color:#ffb020;text-transform:uppercase;font-weight:800}.overlay-panel-card{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.overlay-panel-status{opacity:.85;margin-top:6px;font-size:14px}.brawl-testmode{align-items:center;gap:.75rem}.brawl-testmode-message{color:#ffb020}.ap{--u:1px;--ap-lilac:#ce88d7;width:calc(485 * var(--u));box-sizing:border-box;gap:calc(10 * var(--u));padding:calc(18 * var(--u)) calc(14 * var(--u)) calc(16 * var(--u));border-top:calc(8 * var(--u)) solid #ce91ff;border-radius:calc(8 * var(--u));color:#d6c7b0;font-family:system-ui,-apple-system,sans-serif;font-weight:800;font-size:calc(17 * var(--u));pointer-events:none;-webkit-user-select:none;user-select:none;background:#2a2a26;grid-template-columns:repeat(4,1fr);display:grid}.ap-title{text-align:center;color:#f3e5d2;font-size:calc(20 * var(--u));grid-column:1/-1}.ap-col{gap:calc(6 * var(--u));flex-direction:column;display:flex}.ap-pill{height:calc(28 * var(--u));border-radius:calc(14 * var(--u));justify-content:center;align-items:center;gap:calc(5 * var(--u));display:flex}.ap-later{background:#23231e}.ap-now{background:var(--ap-lilac);color:#140e18}.ap-done{color:#be96cd;background:#2a1e34}.ap-bolt{font-size:.8em}.ap-ability{margin-top:calc(18 * var(--u));height:calc(100 * var(--u));justify-content:center;display:flex;position:relative}.ap-circle{width:calc(84 * var(--u));height:calc(84 * var(--u));box-sizing:border-box;background:#e8e4ea;border-radius:50%;justify-content:center;align-items:center;display:flex}.ap-circle img{filter:brightness(0)opacity(.78);width:80%;height:80%}.ap-key{min-width:calc(28 * var(--u));text-align:center;border-radius:calc(4 * var(--u));color:#1e1e1e;font-size:calc(18 * var(--u));background:#e8e3ea;position:absolute;bottom:0}.overlay-ap{--u:.04536vw;position:fixed;bottom:12.5%;left:50%;transform:translate(-50%)}.ap-control{--u:.8px;margin:8px 0}.ap-pip{--u:.6px;margin:6px 0}