*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0e12;--surface:#1a1a22;--border:#2e2e3e;--accent:#56b4e9;--accent2:#cc79a7;--safe:#009e73;--risky:#e69f00;--punish:#d55e00;--text:#e8e8f0;--muted:#889;--radius:8px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}.char-select-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}@media (width<=860px){.char-select-grid{grid-template-columns:1fr;gap:32px}}.char-tile-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=480px){.char-tile-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=280px){.char-tile-grid{grid-template-columns:1fr}}.top-panels-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:16px;display:grid}@media (width<=560px){.top-panels-grid{grid-template-columns:1fr}.top-panels-grid .char-col-header-my{order:1}.top-panels-grid .char-panel-safe-my{order:2}.top-panels-grid .char-panel-oos-my{order:3}.top-panels-grid .char-panel-floorhug-my{order:4}.top-panels-grid .char-col-header-opp{order:5}.top-panels-grid .char-panel-safe-opp{order:6}.top-panels-grid .char-panel-oos-opp{order:7}.top-panels-grid .char-panel-floorhug-opp{order:8}}.page-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:20px 32px;display:flex}.page-main{flex-direction:column;flex:1;gap:24px;width:100%;max-width:1300px;margin:0 auto;padding:24px 32px;display:flex}.select-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:24px 32px 20px;display:flex}.select-header-text{flex-direction:column;display:flex}@media (width<=600px){.select-header{flex-direction:column;align-items:flex-start}.select-header .kofi-link{margin-top:10px}}.select-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px}@media (width<=600px){.page-header{padding:12px 16px}.page-main{gap:16px;padding:12px 16px}.select-header{padding:14px 16px}.select-main{padding:16px}.subtitle-break{height:0;display:block;overflow:hidden}}.accordion-header-inner{display:contents}.accordion-counts{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.accordion-counts-row{align-items:center;gap:10px;display:flex}.accordion-counts-divider{color:var(--border);-webkit-user-select:none;user-select:none;font-size:.8rem}@media (width<=600px){.accordion-counts{flex-direction:column;align-items:flex-end;gap:3px}.accordion-counts-row{gap:6px}.accordion-counts-divider{display:none}}.col-headers{border-bottom:1px solid var(--border);background:var(--bg);grid-template-columns:.6fr 140px 1fr;gap:16px;padding:6px 16px;display:grid}@media (width<=600px){.col-headers{display:none}}.matchup-tabs{scrollbar-width:none}.matchup-tabs::-webkit-scrollbar{display:none}@media (width<=600px){.matchup-tabs button{gap:6px!important;padding:10px 12px!important;font-size:.75rem!important}.matchup-tabs button img{width:16px!important;height:16px!important}}.filter-modal-content{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.filter-modal-content::-webkit-scrollbar{width:4px}.filter-modal-content::-webkit-scrollbar-track{background:0 0}.filter-modal-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.filter-modal-content::-webkit-scrollbar-thumb:hover{background:var(--muted)}.oos-filter-desktop{flex-direction:column;gap:6px;display:flex}.oos-filter-mobile{display:none}@media (width<=600px){.oos-filter-desktop{display:none}.oos-filter-mobile{display:block}#root>div{overflow-x:hidden}}.on-hit-col-headers{border-bottom:1px solid var(--border);grid-template-columns:.8fr 90px 110px 1fr;gap:16px;padding:6px 16px;display:grid}.on-hit-row{border-bottom:1px solid var(--border);grid-template-columns:.8fr 90px 110px 1fr;align-items:center;gap:16px;padding:10px 16px;font-size:.82rem;display:grid}@media (width<=600px){.on-hit-col-headers{display:none}.on-hit-row{grid-template-rows:auto auto auto;grid-template-columns:2fr 3fr;align-items:start;gap:4px 12px}.on-hit-row>div:first-child{grid-area:1/1/3;align-self:start}.on-hit-row>div:nth-child(2){text-align:right;grid-area:1/2;justify-self:end}.on-hit-row>div:nth-child(3){text-align:right;grid-area:2/2;justify-self:end}.on-hit-row>div:nth-child(4){text-align:right;grid-area:3/2}.on-hit-row>div:nth-child(4)>div{justify-content:flex-end}}.move-row{border-bottom:1px solid var(--border);grid-template-columns:.6fr 140px 1fr;align-items:start;gap:16px;padding:10px 16px;font-size:.82rem;display:grid}@media (width<=600px){.move-row{grid-template-rows:auto auto auto;grid-template-columns:2fr 3fr;align-items:start;gap:4px 12px;padding:10px 16px}.move-row>div:first-child{grid-area:1/1/3;align-self:start}.move-row>div:nth-child(2){text-align:right;grid-area:1/2;justify-self:end}.move-row>div:nth-child(3){text-align:right;grid-area:2/2}.move-row>div:nth-child(3)>div{justify-content:flex-end}.move-row-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hitbox-label{margin-top:3px;margin-left:0!important;display:block!important}}