:export{surfacePrimary:var(--surface-primary);surfaceSecondary:var(--surface-secondary);surfaceInteractive:var(--surface-interactive)}.live-streams-page{min-height:100vh;background:hsl(var(--surface-primary));position:relative}.live-streams-page__level-backdrop{position:absolute;top:50%;right:-5%;transform:translateY(-50%);width:40rem;height:40rem;z-index:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:visible}.live-streams-page__level-backdrop svg{width:100%;height:100%;stroke:rgba(248,113,6,.04);stroke-width:1.5}@media(max-width:1024px){.live-streams-page__level-backdrop{width:28rem;height:28rem;right:-10%}}@media(max-width:768px){.live-streams-page__level-backdrop{width:16rem;height:16rem;right:-15%}}.live-streams-page__tag-label{display:inline-flex;align-items:center;padding:.25rem .75rem;background:hsl(var(--surface-secondary)/.5);border:1px solid hsl(var(--border-primary));border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:hsl(var(--content-primary));text-decoration:none;transition:all .2s ease}.live-streams-page__tag-label:hover{background:hsla(25,95%,53%,.1);border-color:hsl(25,95%,53%);color:hsl(25,95%,53%)}.live-streams-page__codex-label{font-size:var(--font-size-sm);color:hsl(var(--content-secondary));font-weight:var(--font-weight-normal)}.live-streams-page__stats-overlay{position:absolute;top:var(--spacing-md);left:var(--spacing-xl);z-index:10;display:flex;gap:var(--spacing-lg);color:hsl(var(--content-tertiary))}@media(max-width:1024px){.live-streams-page__stats-overlay{top:var(--spacing-sm);left:var(--spacing-md)}}@media(max-width:768px){.live-streams-page__stats-overlay{position:absolute!important;top:0!important;left:0!important;right:0!important;justify-content:center;padding:var(--spacing-md);gap:var(--spacing-md);width:100%;background:hsl(var(--surface-secondary)/.3);border-bottom:1px solid hsl(var(--border-default));z-index:10}}.live-streams-page__stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.live-streams-page__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#f87106}.live-streams-page__stat-label{font-size:var(--font-size-xs);color:hsl(var(--content-secondary));text-transform:uppercase;letter-spacing:.05em}.live-streams-page__filter-overlay{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-xl);background:hsl(var(--surface-secondary)/.3);border-top:1px solid hsl(var(--border-default));border-bottom:1px solid hsl(var(--border-default))}@media(max-width:1024px){.live-streams-page__filter-overlay{padding:var(--spacing-sm) var(--spacing-md)}}@media(max-width:768px){.live-streams-page__filter-overlay{padding:var(--spacing-sm);gap:var(--spacing-2xs)}}.live-streams-page__filter-button{padding:var(--spacing-xs) var(--spacing-md);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:2px solid hsl(var(--border-default));border-radius:var(--radius-sm);color:hsl(var(--content-secondary));font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .15s ease;white-space:nowrap;min-height:36px}.live-streams-page__filter-button:hover{border-color:hsl(var(--surface-interactive));color:hsl(var(--surface-interactive));transform:scale(1.05)}.live-streams-page__filter-button:focus{outline:none}.live-streams-page__filter-button--active{border-color:hsl(var(--surface-interactive));color:hsl(var(--surface-interactive));background:hsl(var(--surface-interactive)/.1);box-shadow:0 0 10px hsl(var(--surface-interactive)/.3)}.live-streams-page__content{padding:var(--spacing-lg)}@media(max-width:1024px){.live-streams-page__content{padding:var(--spacing-md)}}@media(max-width:768px){.live-streams-page__content{padding:var(--spacing-sm)}}.live-streams-page__divider{height:2px;background:linear-gradient(to right,transparent 0,hsl(var(--border-primary)) 50%,transparent 100%);margin:var(--spacing-2xl) auto;max-width:1440px}@media(max-width:1024px){.live-streams-page__divider{margin:var(--spacing-xl) auto}}@media(max-width:768px){.live-streams-page__divider{margin:var(--spacing-lg) auto}}