@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Geist+Mono:wght@400;500;600;700&display=swap";.hifi{--bg:#0b1628;--bg-2:#0f1d33;--card:#13223b;--card-2:#182a48;--line:#ffffff0f;--line-strong:#ffffff1f;--ink:#eaf0fa;--ink-dim:#eaf0fa99;--ink-faint:#eaf0fa59;--accent:#4dd4e4;--accent-2:#5eead4;--green:#3ddc84;--danger:#ff6a6a;--purple:#9b7dff;--gold:#f1c56b;--magenta:#e45da3;background:var(--bg);color:var(--ink);width:100%;height:100%;font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden}.hifi.mono{--accent:#6d88b8;--accent-2:#9aadd0}.hifi.gray{--bg:#131822;--bg-2:#1a2030;--card:#1f2635;--card-2:#262e40;--line:#ffffff12;--line-strong:#ffffff21}.hifi.mono .nav-pill.active{color:var(--ink);border-left:2px solid var(--accent);background:linear-gradient(#6d88b838,#6d88b81a);font-weight:600}.hifi.mono .chip2.active{color:var(--ink);background:linear-gradient(#6d88b83d,#6d88b81a);border:1px solid #6d88b873;font-weight:500;box-shadow:inset 0 1px #ffffff0a}.hifi .chip-nav{letter-spacing:0;padding:7px 14px;font-size:13px;font-weight:400}.hifi .chip-nav.active{font-weight:600}.hifi .switch-group{background:var(--card-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:0;padding:4px;display:inline-flex}.hifi .switch-group .chip2{color:var(--ink-dim);letter-spacing:0;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:13px;transition:color .15s}.hifi .switch-group .chip2:hover{color:var(--ink)}.hifi .switch-group .chip2.active{background:var(--card);border:1px solid var(--line-strong);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #00000040}.hifi.mono .switch-group .chip2.active{color:var(--ink);background:linear-gradient(#6d88b838,#6d88b814);border:1px solid #6d88b861}.hifi.light .switch-group .chip2.active{background:#fff;border:1px solid #0a14281a;box-shadow:0 1px 3px #0a142814}.hifi.light{--bg:#f3f5fa;--bg-2:#eaeef6;--card:#fff;--card-2:#f9fbff;--line:#0a14280f;--line-strong:#0a14281f;--ink:#0f1b30;--ink-dim:#0f1b3099;--ink-faint:#0f1b3059;--accent:#0aa1b0}.hifi *{box-sizing:border-box}.hifi:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% -10%,#4dd4e40f,#0000 60%),radial-gradient(40% 30% at 90% 10%,#9b7dff0d,#0000 70%);position:absolute;inset:0}.hifi .card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px;position:relative}.hifi .card.flat{background:var(--card-2)}.hifi .kpi-sub{color:var(--ink-faint);letter-spacing:0;font-size:11px}.hifi .kpi-label{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);font-size:10px;font-weight:500}.hifi .kpi-value{letter-spacing:-.02em;color:var(--ink);margin-top:14px;font-family:Instrument Sans,sans-serif;font-size:26px;font-weight:600;line-height:1.1}.hifi .kpi-value.mono{letter-spacing:-.01em;font-family:Geist Mono,monospace;font-size:22px;font-weight:500}.hifi .delta{letter-spacing:-.01em;border-radius:999px;align-items:center;gap:3px;padding:3px 9px;font-family:Geist Mono,monospace;font-size:10.5px;font-weight:600;display:inline-flex}.hifi .delta.pos{color:var(--green);background:#3ddc8424}.hifi .delta.neg{color:var(--danger);background:#ff6a6a24}.hifi .delta.gold{color:var(--gold);background:#f1c56b24}.hifi .nav-pill{color:var(--ink-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .15s;display:inline-flex}.hifi .nav-pill.active{background:var(--card);color:var(--ink);border:1px solid var(--line-strong);font-weight:600;box-shadow:0 1px 2px #00000040,inset 0 1px #ffffff0a}.hifi .nav-pill:not(.active):hover{color:var(--ink);background:var(--card)}.hifi .chip2{color:var(--ink-dim);background:var(--card-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.hifi .chip2.active{background:var(--card);color:var(--ink);border-color:var(--line-strong);font-weight:600;box-shadow:0 1px 2px #00000040,inset 0 1px #ffffff0a}.hifi .avatar{background:linear-gradient(135deg, var(--purple), var(--accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.hifi .player-name-cell:hover .player-name-text{color:var(--accent);text-underline-offset:3px;-webkit-text-decoration:underline #4dd4e466;text-decoration:underline #4dd4e466}.hifi .player-row:hover{background:#4dd4e40a}html,body,#root{color:#eaf0fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#131822;width:100%;height:100%;margin:0;padding:0;font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif}#root{min-height:100vh;display:flex}*{box-sizing:border-box}button{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14 padding-box content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e padding-box content-box}.dash-page{max-width:1440px;margin:0 auto;padding:26px 32px 40px}@media (width<=1023px){.dash-page{padding:22px 20px 32px}}@media (width<=639px){.dash-page{padding:16px 12px 24px}}.dash-kpi-row{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px;display:grid}@media (width<=1023px){.dash-kpi-row{grid-template-columns:repeat(3,1fr);gap:12px}}@media (width<=639px){.dash-kpi-row{grid-template-columns:1fr;gap:10px;margin-bottom:16px}.dash-kpi-card{gap:6px 16px;text-align:left!important;grid-template-columns:auto 1fr!important;grid-template-areas:"value label""delta sub""sub2 sub2"!important;align-items:center!important;padding:18px!important;display:grid!important}.dash-kpi-card__label{grid-area:label;justify-self:end}.dash-kpi-card__value{text-align:left;text-overflow:ellipsis;white-space:nowrap;grid-area:value;min-width:0;overflow:hidden;margin-top:0!important;font-size:clamp(15px,4.2vw,19px)!important}.dash-kpi-card__delta{grid-area:delta;justify-self:start;margin-top:10px!important}.dash-kpi-card__sub{grid-area:sub;justify-self:end;text-align:right!important;margin-top:0!important}.dash-kpi-card__sub2{grid-area:sub2;justify-self:end;text-align:right!important;margin-top:2px!important}}.dash-hero-row{grid-template-columns:1fr 1.3fr;gap:24px;display:grid;position:relative}@media (width<=1023px){.dash-hero-row{grid-template-columns:1fr;gap:18px}}.dash-pulso-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:14px;margin-bottom:14px;display:grid}@media (width<=1023px){.dash-pulso-row{grid-template-columns:1fr!important}}@media (width<=767px){.dash-pulso-row{display:block!important}.dash-pulso-row>.card{box-sizing:border-box;margin-bottom:12px;width:100%!important}.dash-pulso-row>.card:last-child{margin-bottom:0}}.dash-section-row-2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}@media (width<=1023px){.dash-section-row-2{grid-template-columns:1fr;gap:12px}}.dash-title-row{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:22px;display:flex}@media (width<=767px){.dash-title-row{flex-direction:column;gap:14px;align-items:center!important}.dash-title-block{text-align:center}.dash-title-actions,.dash-filter-row{display:none!important}.dash-range-chips{justify-content:center}.dash-date-picker{flex-wrap:wrap;justify-content:center}.dash-filter-spacer{display:none!important}.dash-canal-switch{justify-content:center;width:100%}.dash-group-pills{display:none!important}.dash-group-select{background:var(--bg-2);width:100%;height:36px;color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:0 12px;font-family:inherit;font-size:13px;display:block!important}}.dash-group-select{display:none}.dash-title{letter-spacing:-.02em;font-size:clamp(20px,4vw,26px);font-weight:600}.dash-hero-number{font-size:clamp(26px,6vw,34px)}.dash-kpi-value{font-size:clamp(20px,5vw,28px)}:root{--y-axis-w:50px}@media (width<=639px){:root{--y-axis-w:36px}}.dash-range-chips{flex-wrap:wrap}@media (width<=767px){.dash-range-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;width:100%;padding:2px;overflow-x:auto;flex-wrap:nowrap!important}.dash-range-chips::-webkit-scrollbar{display:none}.dash-range-chips .chip2{flex-shrink:0}}.dash-custom-toggle{display:none}@media (width<=767px){.dash-custom-toggle{background:var(--card-2);border:1px solid var(--line);color:var(--ink-dim);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.dash-custom-toggle:hover{color:var(--ink)}.dash-custom-toggle.is-active{border-color:var(--accent);color:var(--accent)}.dash-date-picker.is-collapsed{display:none!important}.dash-date-picker{background:var(--card-2);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;width:100%;padding:12px}}.hamburger-btn{z-index:200;background:var(--card);border:1px solid var(--line-strong);cursor:pointer;width:40px;height:40px;color:var(--ink);border-radius:10px;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;top:12px;left:12px}.hamburger-btn:hover{background:var(--card-2)}.hamburger-backdrop{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;animation:.18s ease-out hb-fade-in;position:fixed;inset:0}.hamburger-drawer{z-index:200;background:var(--card);border-right:1px solid var(--line-strong);flex-direction:column;width:min(280px,80vw);animation:.22s cubic-bezier(.2,.9,.3,1) hb-slide-in;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 24px #0009}@keyframes hb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hb-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.hamburger-drawer__close{width:32px;height:32px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:20px;position:absolute;top:10px;right:10px}.hamburger-drawer__close:hover{background:var(--card-2);color:var(--ink)}.hamburger-drawer__header{border-bottom:1px solid var(--line);padding:18px 18px 14px}.hamburger-drawer__nav{flex-direction:column;gap:4px;padding:14px 10px;display:flex;overflow-y:auto}.hamburger-drawer__item{color:var(--ink-dim);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;text-decoration:none;transition:background .12s;display:flex}.hamburger-drawer__item:hover{background:var(--card-2);color:var(--ink)}.hamburger-drawer__item.is-active{background:var(--card-2);color:var(--ink);font-weight:600}.dash-title-logo{display:none!important}@media (width<=767px){.dash-title-logo{display:block!important}}.dash-mobile-actions,.dash-mobile-filters-btn,.dash-mobile-group-btn{display:none}@media (width<=767px){.dash-mobile-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.dash-mobile-filters-btn,.dash-mobile-group-btn{color:var(--accent);cursor:pointer;background:linear-gradient(#4dd4e42e,#4dd4e414);border:1px solid #4dd4e466;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.dash-mobile-filters-btn:active,.dash-mobile-group-btn:active{transform:scale(.98)}.dash-mobile-group-btn{color:var(--purple);background:linear-gradient(#9b7dff29,#9b7dff0f);border-color:#9b7dff59}.dash-mobile-group-dropdown{background:var(--card);border:1px solid var(--line-strong);z-index:250;border-radius:12px;flex-direction:column;gap:2px;min-width:200px;max-width:280px;max-height:70vh;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 12px 32px #00000073}.dash-mobile-group-option{all:unset;color:var(--ink);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.dash-mobile-group-option:hover{background:var(--card-2)}.dash-mobile-group-option.is-active{background:var(--card-2);font-weight:600}}.dash-mobile-filters-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#0b1628d9;flex-direction:column;padding:16px;animation:.18s ease-out dash-modal-in;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes dash-modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dash-mobile-filters-modal__header{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:14px;padding:8px 4px 16px;display:flex}.dash-mobile-filters-modal__title{letter-spacing:-.01em;flex:1;font-size:16px;font-weight:600}.dash-mobile-filters-modal__close{background:var(--card-2);border:1px solid var(--line);width:36px;height:36px;color:var(--ink-dim);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-family:inherit;font-size:22px;display:flex}.dash-mobile-filters-modal__body{flex-direction:column;gap:22px;padding-bottom:32px;display:flex}.dash-mobile-filters-modal__section{flex-direction:column;gap:10px;display:flex}.dash-mobile-filters-modal__label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-size:10px;font-weight:700}.dash-mobile-filters-modal .dash-range-chips{flex-wrap:wrap!important;justify-content:flex-start!important;width:auto!important;overflow:visible!important}.dash-mobile-filters-modal .dash-filter-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important;display:flex!important}.dash-mobile-filters-modal .dash-canal-switch{width:100%}.dash-mobile-filters-modal .dash-filter-spacer,.dash-mobile-filters-modal .dash-group-pills{display:none!important}.dash-mobile-filters-modal .dash-group-select{width:100%;display:block!important}.dash-mobile-filters-modal .dash-title-actions{gap:12px;width:100%;flex-direction:column!important;align-items:stretch!important;display:flex!important}.dash-mobile-filters-modal .dash-custom-toggle{display:none!important}.dash-mobile-filters-modal .dash-date-picker{background:var(--card-2);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;padding:12px;display:flex!important}
