.av{--av-bg:#000;--av-surface:#161618;--av-surface-2:#202024;--av-surface-3:#29292e;--av-line:#ffffff12;--av-line-strong:#ffffff1f;--av-accent:#ff5aa8;--av-accent-soft:#ff5aa824;--av-good:#46d39a;--av-bad:#ff6b6b;--av-ink:#fff;--av-ink-2:#a4a4ac;--av-ink-muted:#6c6c76;--av-radius:20px;--av-radius-sm:13px;--av-shadow:0 12px 34px #0000008c;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:radial-gradient(130% 70% at 50% -20%, #ff5aa80f, transparent 55%), var(--av-bg);color:var(--av-ink);padding:max(16px, env(safe-area-inset-top)) 16px calc(48px + env(safe-area-inset-bottom));box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-user-select:text;user-select:text;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:fixed;inset:0;overflow-y:auto}.av.av--center{min-height:0}.av *,.av :before,.av :after{box-sizing:border-box}.av--center{place-items:center;display:grid}.av-top{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:12px;padding:6px 2px 16px;display:flex}.av-top__brand{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.av-top__title{letter-spacing:-.02em;background:linear-gradient(90deg, #fff, var(--av-accent));color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;font-weight:800}.av-top__actions{flex-shrink:0;gap:8px;display:flex}.av-top__actions .av-btn{padding:7px 11px;font-size:13px}.av-badge{letter-spacing:.02em;color:#ffffff80;white-space:nowrap;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.av-btn{appearance:none;border:1px solid var(--av-line);background:var(--av-surface-2);color:var(--av-ink);font:inherit;border-radius:var(--av-radius-sm);cursor:pointer;align-items:center;gap:6px;padding:11px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform 60ms,border-color .15s;display:inline-flex}.av-btn:hover{background:var(--av-surface-3)}.av-btn:active{transform:translateY(1px)}.av-btn:disabled{opacity:.55;cursor:default}.av-btn--primary{background:var(--av-accent);color:#2a0a1c;border-color:#0000;font-weight:800}.av-btn--primary:hover{background:#ff77b8}.av-btn--danger{color:var(--av-bad);border-color:#ff6b6b59}.av-filters{flex-wrap:wrap;align-items:center;gap:8px;padding:4px 2px 18px;display:flex}.av-filters__group{background:var(--av-surface);border:1px solid var(--av-line);border-radius:999px;flex:100%;gap:4px;padding:4px;display:flex;box-shadow:inset 0 1px 2px #0006}.av-filters__group .av-chip{flex:1 1 0;justify-content:center}.av-filters__selects{gap:8px;width:100%;display:flex}.av-filters__selects .av-select{text-overflow:ellipsis;background-position:right 8px center;flex:1 1 0;min-width:0;padding:9px 24px 9px 11px;font-size:13px}.av-chip{appearance:none;color:var(--av-ink-2);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:14px;font-weight:600;display:inline-flex}.av-chip--on{background:var(--av-surface-3);color:var(--av-ink);font-weight:700;box-shadow:0 1px 3px #00000073}.av-chip--toggle{border:1px solid var(--av-line);background:var(--av-surface-2);color:var(--av-ink-2)}.av-chip--toggle.av-chip--on{color:var(--av-ink);background:var(--av-surface-3);border-color:var(--av-line-strong)}.av-chip--toggle input{display:none}.av-select{appearance:none;border:1px solid var(--av-line);background:var(--av-surface-2) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' fill='none' stroke='%23a4a4ac' stroke-width='1.5' stroke-linecap='round'/></svg>") no-repeat right 12px center;color:var(--av-ink);font:inherit;border-radius:var(--av-radius-sm);cursor:pointer;padding:11px 34px 11px 14px;font-size:14px;font-weight:600}.av-live{background:var(--av-ink-muted);border-radius:50%;width:8px;height:8px;display:inline-block}.av-live--on{background:var(--av-good);animation:1.8s infinite av-pulse;box-shadow:0 0 #46d39a99}@keyframes av-pulse{70%{box-shadow:0 0 0 6px #46d39a00}to{box-shadow:0 0 #46d39a00}}.av-main{flex-direction:column;gap:16px;max-width:1100px;margin:0 auto;display:flex}.av-live-band{background:linear-gradient(180deg, #ff5aa812, var(--av-surface) 60%);border:1px solid var(--av-line);border-radius:var(--av-radius);box-shadow:var(--av-shadow);padding:18px 20px}.av-live-band__now{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.av-realtime{appearance:none;cursor:pointer;font:inherit;border:1px solid var(--av-line);background:var(--av-surface-2);color:var(--av-ink-2);border-radius:999px;margin-left:auto;padding:6px 14px;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.av-realtime--on{color:var(--av-ink);background:#ff5aa824;border-color:#ff5aa880}.av-live-band__nums{gap:28px;margin-top:12px;display:flex}.av-live-num b{letter-spacing:-.03em;font-size:40px;font-weight:800;line-height:1}.av-live-num span{color:var(--av-ink-2);margin-top:4px;font-size:13px;display:block}.av-live-band__games{margin-top:14px}.av-section{background:var(--av-surface);border:1px solid var(--av-line);border-radius:var(--av-radius);box-shadow:var(--av-shadow);overflow:hidden}.av-section>summary{cursor:pointer;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:17px 20px;font-size:16px;font-weight:700;list-style:none;display:flex}.av-section>summary::-webkit-details-marker{display:none}.av-section__title{flex:none}.av-section__chev{color:var(--av-ink-muted);margin-left:auto;transition:transform .2s}.av-section[open] .av-section__chev{transform:rotate(180deg)}.av-section__body{padding:4px 18px 20px}.av-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--av-ink-muted);background:var(--av-surface-2);border:1px solid var(--av-line);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.av-h3{letter-spacing:.07em;text-transform:uppercase;color:var(--av-ink-muted);margin:20px 0 10px;font-size:12px;font-weight:700}.av-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.av-grid--tight{grid-template-columns:repeat(2,1fr)}.av-stat{background:var(--av-surface-2);border:1px solid var(--av-line);border-radius:var(--av-radius-sm);flex-direction:column;gap:3px;min-width:0;padding:13px 14px;display:flex}.av-stat--wide{grid-column:1/-1}.av-stat__label{color:var(--av-ink-2);font-size:12.5px;font-weight:600}.av-stat__value{letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.1}.av-stat__foot{align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.av-stat__prev{color:var(--av-ink-muted)}.av-delta{align-items:center;gap:3px;font-weight:700;display:inline-flex}.av-delta--up{color:var(--av-good)}.av-delta--down{color:var(--av-bad)}.av-delta--flat{color:var(--av-ink-muted)}.av-trends{grid-template-columns:1fr;gap:12px;display:grid}.av-trend{background:var(--av-surface-2);border:1px solid var(--av-line);border-radius:var(--av-radius-sm);padding:12px 14px 8px}.av-trend__head{justify-content:space-between;align-items:baseline;display:flex}.av-trend__label{color:var(--av-ink-2);font-size:13px;font-weight:600}.av-trend__total{letter-spacing:-.02em;font-size:20px;font-weight:800}.av-trend__plot{margin-top:6px;position:relative}.av-trend__svg{touch-action:none;width:100%;height:72px;display:block}.av-trend__tip{border:1px solid var(--av-line);color:var(--av-ink-2);white-space:nowrap;pointer-events:none;background:#000;border-radius:8px;flex-direction:column;align-items:center;padding:4px 8px;font-size:11px;line-height:1.3;display:flex;position:absolute;top:-6px;transform:translate(-50%)}.av-trend__tip b{color:var(--av-ink);font-size:13px}.av-bars{flex-direction:column;gap:8px;display:flex}.av-bar{grid-template-columns:minmax(64px,30%) 1fr auto;align-items:center;gap:10px;display:grid}.av-bar__label{color:var(--av-ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.av-bar__track{background:var(--av-surface);border-radius:999px;height:9px;overflow:hidden}.av-bar__fill{background:linear-gradient(90deg, var(--av-accent), #ff86bf);border-radius:999px;height:100%;display:block}.av-bar__value{font-variant-numeric:tabular-nums;color:var(--av-ink);font-size:13px;font-weight:700}.av-reten{align-items:flex-end;gap:12px;display:flex}.av-reten__item{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.av-reten__track{background:var(--av-surface-2);border:1px solid var(--av-line);border-radius:10px;align-items:flex-end;width:100%;height:84px;display:flex;overflow:hidden}.av-reten__fill{background:linear-gradient(180deg, #ff86bf, var(--av-accent));border-radius:8px 8px 0 0;width:100%}.av-reten__item b{font-size:17px;font-weight:800}.av-reten__key{color:var(--av-ink-muted);letter-spacing:.05em;font-size:11px;font-weight:700}.av-games{flex-direction:column;gap:8px;display:flex}.av-game{appearance:none;border:1px solid var(--av-line);background:var(--av-surface-2);color:var(--av-ink);text-align:left;border-radius:var(--av-radius-sm);cursor:pointer;align-items:center;gap:10px;padding:13px 14px;display:flex;position:relative;overflow:hidden}.av-seg{margin-bottom:12px}.av-seg--sub{opacity:.95;margin-bottom:10px}.av-game--static{cursor:default}.av-game__bar{background:var(--av-accent-soft);z-index:0;position:absolute;inset:0 auto 0 0}.av-game__body{z-index:1;flex:1;min-width:0;position:relative}.av-game__name{text-transform:capitalize;font-size:15px;font-weight:700;display:block}.av-game__stats{color:var(--av-ink-2);margin-top:2px;font-size:12.5px;display:block}.av-game__shares{color:var(--av-accent);font-weight:700}.av-game__go{z-index:1;color:var(--av-ink-muted);font-size:22px;position:relative}.av-dists{grid-template-columns:1fr;gap:6px 26px;display:grid}.av-dist .av-h3:first-child{margin-top:12px}.av-funnel{flex-direction:column;gap:8px;display:flex}.av-funnel__row{grid-template-columns:minmax(80px,26%) 1fr auto;align-items:center;gap:10px;display:grid}.av-funnel__label{color:var(--av-ink-2);font-size:13px}.av-funnel__track{height:26px;display:flex}.av-funnel__fill{background:linear-gradient(90deg, var(--av-accent), #ff86bf);color:#2a0a1c;border-radius:8px;align-items:center;min-width:26px;height:100%;padding:0 10px;font-size:13px;font-weight:800;display:flex}.av-funnel__pct{color:var(--av-ink-2);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.av-stream{flex-direction:column;max-height:340px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.av-stream li{border-bottom:1px solid var(--av-line);align-items:center;gap:10px;padding:8px 2px;font-size:13px;display:flex}.av-stream__time{color:var(--av-ink-muted);font-variant-numeric:tabular-nums;flex:none}.av-stream__name{color:var(--av-ink);font-weight:600}.av-stream__gid{color:var(--av-accent);background:var(--av-accent-soft);border-radius:999px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}.av-tools{flex-wrap:wrap;gap:8px;display:flex}.av-pre{background:var(--av-bg);border:1px solid var(--av-line);color:var(--av-ink-2);border-radius:10px;padding:12px;font-size:12px;overflow-x:auto}.av-schema{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.av-schema li{color:var(--av-ink-2);background:var(--av-surface-2);border:1px solid var(--av-line);border-radius:999px;padding:3px 9px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px}.av-sheet{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.av-sheet__scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#06040aa8;border:0;position:absolute;inset:0}.av-sheet__panel{background:var(--av-surface);border:1px solid var(--av-line);border-radius:22px 22px 0 0;flex-direction:column;width:min(680px,100%);max-height:92vh;animation:.24s cubic-bezier(.2,.8,.2,1) av-rise;display:flex;position:relative}@keyframes av-rise{0%{opacity:0;transform:translateY(24px)}}.av-sheet__head{border-bottom:1px solid var(--av-line);justify-content:space-between;align-items:center;padding:18px 18px 12px;display:flex}.av-sheet__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--av-accent);font-size:11px;font-weight:700}.av-sheet__head h2{text-transform:capitalize;margin:2px 0 0;font-size:22px;font-weight:800}.av-sheet__body{padding:14px 18px calc(24px + env(safe-area-inset-bottom));overflow-y:auto}.av-auth{background:var(--av-surface);border:1px solid var(--av-line);border-radius:22px;flex-direction:column;gap:12px;width:min(400px,100%);padding:28px 24px;display:flex}.av-auth__mark{letter-spacing:.14em;text-transform:uppercase;color:var(--av-accent);font-size:13px;font-weight:800}.av-auth__title{margin:0;font-size:24px;font-weight:800}.av-auth__hint{color:var(--av-ink-2);margin:0;font-size:13.5px;line-height:1.5}.av-auth__hint--warn{color:#f2c14a}.av-field{flex-direction:column;gap:5px;display:flex}.av-field span{color:var(--av-ink-2);font-size:13px;font-weight:600}.av-field input{border:1px solid var(--av-line);background:var(--av-bg);color:var(--av-ink);font:inherit;border-radius:11px;padding:11px 13px;font-size:16px}.av-field input:focus{border-color:var(--av-accent);outline:none}.av-error{color:var(--av-bad);margin:4px 0;font-size:13.5px}.av-error--bar{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:11px;max-width:1100px;margin:0 auto 14px;padding:10px 14px}.av-empty{color:var(--av-ink-muted);margin:6px 0;font-size:13.5px}.av-spinner{border:3px solid var(--av-line);border-top-color:var(--av-accent);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite av-spin}.av-spinner--inline{margin:30px auto}@keyframes av-spin{to{transform:rotate(360deg)}}@media (width>=720px){.av{padding-left:28px;padding-right:28px}.av-grid,.av-grid--tight{grid-template-columns:repeat(4,1fr)}.av-trends{grid-template-columns:repeat(3,1fr)}.av-dists{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.av *,.av :before,.av :after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.av-default{flex-direction:column;gap:12px;display:flex}.av-radio{color:var(--av-ink-2);cursor:pointer;align-items:flex-start;gap:10px;line-height:1.4;display:flex}.av-radio input{accent-color:var(--av-accent);flex:none;margin-top:3px}.av-radio strong{color:var(--av-ink)}.av-default .av-select:disabled{opacity:.5}.av-default .av-btn{align-self:flex-start}
