@charset "UTF-8";.live-page{display:flex;flex-direction:column;gap:28px}.live-tools{display:flex;flex-wrap:wrap-reverse;align-items:center;justify-content:space-between;gap:10px 16px;min-width:0;scroll-margin-top:calc(var(--header-height) + 1rem)}.live-tools-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-width:0}.live-tools-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1 1 400px;min-width:0}.live-search{position:relative;flex:1 1 220px;min-width:0;max-width:320px}@media(max-width:996px){.live-search{max-width:none}}.live-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.live-search input,.live-sort select{width:100%;height:36px;padding:0 14px;border:1px solid var(--border-2);border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:12px}.live-search input{padding-left:36px}.live-search input::placeholder{color:var(--text-3)}.live-sort select{width:auto;padding-right:32px;color:var(--text-2);font-weight:500;appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c9cdd6' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center}.live-search input:focus-visible,.live-sort select:focus-visible{outline:none;border-color:var(--text-2)}.live-labels{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-16px 0 0;padding:0;border:0;min-width:0}.live-chip-count{font-size:11px;font-weight:700;color:var(--text-3)}.live-chip.is-active .live-chip-count{color:color-mix(in srgb,var(--bg) 70%,transparent)}.live-hero{display:flex;flex-direction:column;gap:4px;padding-block:8px 4px}.live-header-tools{display:inline-flex;align-items:center;gap:14px;min-width:0}.live-random{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border:0;border-radius:999px;background:var(--text);color:var(--bg);font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .12s ease,background .15s ease}.live-random:hover:not(:disabled){background:#fff}.live-random:active:not(:disabled){transform:scale(.95)}.live-random:disabled{opacity:.4;cursor:default}.live-random-icon{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.live-random:hover:not(:disabled) .live-random-icon{transform:rotate(-18deg)}@media(max-width:640px){.live-random{height:34px;padding:0 12px;font-size:12px}}@media(max-width:420px){.live-header-tools .live-updated{display:none}}@media(max-width:380px){.live-random-icon{display:none}.live-random{padding:0 12px}}@media(prefers-reduced-motion:reduce){.live-random,.live-random-icon{transition:none}}.live-hero-title{margin:0;font-size:17px;font-weight:700;line-height:1.4;color:var(--text)}.live-hero-sub{margin:0;font-size:13px;line-height:1.7;color:var(--text-2)}.live-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0;min-width:0}.live-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--border-2);background:transparent;color:var(--text-2);font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.live-chip:hover{border-color:var(--text-3);color:var(--text)}.live-chip.is-active{background:var(--text);border-color:var(--text);color:var(--bg);font-weight:700}.live-section{display:flex;flex-direction:column;gap:12px}.live-section-heading{display:flex;align-items:baseline;gap:10px;font-size:16px}.live-section-label{font-weight:900;letter-spacing:.12em;color:var(--text-2)}.live-section-label--pickup{color:var(--live)}.live-section-sub{font-size:13px;font-weight:400;color:var(--text-3)}.live-empty{margin:0;padding:3rem 1rem;text-align:center;border:1px dashed var(--border-2);border-radius:8px;color:var(--text-3)}.live-empty--error{color:var(--live)}.live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.live-grid--pickup{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:996px){.live-grid,.live-grid--pickup{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:641px)and (max-width:996px){.live-grid--pickup>.live-card:first-child:nth-last-child(odd){grid-column:1/-1}}@media(max-width:640px){.live-grid,.live-grid--pickup{grid-template-columns:1fr}.live-tools,.live-tools-filters{width:100%;min-width:0}.live-tools-right{width:100%;margin-left:0;min-width:0}.live-search{flex:1 1 auto;min-width:0}.live-sort{flex:0 0 auto}}.live-card{position:relative;border-radius:8px;overflow:hidden;background:var(--surface-2);animation:card-in .36s cubic-bezier(.2,.7,.2,1) both}@keyframes card-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.live-chip{transition:border-color .15s ease,background .15s ease,color .15s ease,transform .12s ease}.live-chip:active{transform:scale(.94)}.live-chip.is-active{animation:chip-pop .22s ease}@keyframes chip-pop{0%{transform:scale(.94)}60%{transform:scale(1.04)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.live-card,.live-chip.is-active{animation:none}.live-chip:active{transform:none}}.live-card-main{position:relative;display:block;aspect-ratio:16/9;color:var(--text);text-decoration:none}.live-card-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.live-card:hover .live-card-thumb{transform:scale(1.03)}.live-card-pf{position:absolute;top:12px;right:12px;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:calc(100% - 24px)}.live-card-pf .pf-badge,.player-meta a.pf-badge{text-decoration:none}.live-card-pf .pf-badge:hover,.player-meta a.pf-badge:hover{color:#fff;filter:brightness(1.15)}.live-card-body{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px}.live-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.live-card-time{flex:0 0 auto;font-size:11px;color:var(--text-3)}.live-card-title{font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.live-card-title a{color:var(--text);text-decoration:none}.live-card-title a:hover{color:#fff;text-decoration:underline}.live-card--large .live-card-title{font-size:17px}.live-card-tags{display:flex;flex-wrap:wrap;gap:4px}.live-card-tag{padding:1px 8px;border-radius:999px;border:1px solid var(--border-2);background:var(--surface);color:var(--text-2);font:inherit;font-size:10px;font-weight:700;line-height:1.6;white-space:nowrap}button.live-card-tag{cursor:pointer;transition:border-color .15s ease,color .15s ease}button.live-card-tag:hover{border-color:var(--text-3);color:#fff}.live-card-tag.is-active{background:var(--text);border-color:var(--text);color:var(--bg)}.live-card-streamer{flex:1 1 auto;display:flex;align-items:center;gap:8px;color:var(--text-2);text-decoration:none;min-width:0}.live-card-streamer:hover .live-card-name{color:#fff;text-decoration:underline}.live-card-icon{width:24px;height:24px;flex:0 0 24px;border-radius:50%;object-fit:cover;background:#5b6170;border:1px solid rgba(255,255,255,.25)}.live-card-name{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-pager{display:flex;justify-content:center;align-items:center;gap:1rem}.live-pager-btn{height:38px;padding:0 18px;border-radius:999px;border:1px solid var(--border-2);background:transparent;color:var(--text);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.live-pager-btn:disabled{opacity:.4;cursor:default}.live-pager-btn:not(:disabled):hover{border-color:var(--text-3)}.live-pager-pos{font-size:12px;color:var(--text-3)}.live-updated{font-size:12px;color:var(--text-3);white-space:nowrap}.live-sort-group{display:flex;align-items:center;gap:4px;flex:0 0 auto}.live-settings-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-3);cursor:pointer}.live-settings-button:hover{background:var(--surface-2);color:var(--text)}.live-settings-button:focus-visible{outline:2px solid var(--text-2);outline-offset:2px}.live-preferences{width:min(420px,100vw - 32px);box-sizing:border-box;max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--border-2);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 16px 64px #0006;font-size:14px;line-height:1.7}.live-preferences::backdrop{background:#0009}.live-preferences label{display:flex;gap:8px;align-items:center}.live-preferences p{color:var(--text-2);margin:12px 0}.live-preferences [role=status]:empty{display:none}.live-preferences-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.live-preferences-heading h2{margin:0;font-size:16px}