@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{width:100%;height:36px;padding:0 14px 0 36px;border:1px solid var(--border-2);border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:12px}.live-search input::placeholder{color:var(--text-3)}.live-search input:focus-visible{outline:none;border-color:var(--text-2)}.live-sort{position:relative;display:inline-flex}.live-sort-button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 14px;border:1px solid var(--border-2);border-radius:999px;background:transparent;color:var(--text-2);font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:border-color .15s ease,color .15s ease,transform .12s ease}.live-sort-button:hover,.live-sort.is-open .live-sort-button{border-color:var(--text-3);color:var(--text)}.live-sort-button:focus-visible{outline:none;border-color:var(--text-2);color:var(--text)}.live-sort-button:active{transform:scale(.96)}.live-sort-button[data-bump]{animation:chip-pop .22s ease}.live-sort-value{display:grid;text-align:left;white-space:nowrap}.live-sort-value>span{grid-area:1/1}.live-sort-value>.is-ghost{visibility:hidden}.live-sort-chevron{flex:0 0 auto;color:var(--text-3);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.live-sort.is-open .live-sort-chevron{transform:rotate(180deg)}.live-sort-list{position:absolute;top:calc(100% + 6px);right:0;z-index:5;min-width:100%;margin:0;padding:4px;list-style:none;border:1px solid var(--border-2);border-radius:12px;background:var(--surface);box-shadow:0 12px 32px #0006;transform-origin:top right;opacity:0;transform:translateY(-4px) scale(.96);visibility:hidden;transition:opacity .12s cubic-bezier(.75,0,.75,.9) .06s,transform .18s cubic-bezier(.8,0,.8,.2),visibility 0s linear .18s}.live-sort.is-open .live-sort-list{opacity:1;transform:none;visibility:visible;transition:opacity .12s ease,transform .18s cubic-bezier(.2,.8,.2,1),visibility 0s}.live-sort-option{display:flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 8px;border-radius:8px;color:var(--text-2);font-size:12px;white-space:nowrap;cursor:pointer}.live-sort-option.is-active{background:var(--surface-2);color:var(--text)}.live-sort-option[aria-selected=true]{color:var(--text);font-weight:700}.live-sort-check{flex:0 0 auto;visibility:hidden}[aria-selected=true]>.live-sort-check{visibility:visible}@media(prefers-reduced-motion:reduce){.live-sort-button,.live-sort-chevron,.live-sort-list,.live-sort.is-open .live-sort-list{transition:none}.live-sort-button:active{transform:none}.live-sort-button[data-bump]{animation:none}}.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-reload{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:-8px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--text-3);cursor:pointer;transition:color .15s ease,background .15s ease,transform .12s ease}.live-reload:active:not(:disabled){transform:scale(.85)}.live-reload:hover:not(:disabled){color:var(--text);background:color-mix(in srgb,var(--text) 10%,transparent)}.live-reload:disabled{cursor:default}.live-reload.is-reloading .live-reload-icon{animation:live-reload-spin .6s cubic-bezier(.4,.1,.4,1) infinite}@keyframes live-reload-spin{to{transform:rotate(360deg)}}.live-updated.is-fresh{animation:live-updated-flash 1.2s ease-out}@keyframes live-updated-flash{0%,20%{color:var(--text)}}.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)}.live-random-wrap{position:relative;display:inline-flex}.live-random.is-drawing{cursor:progress}.live-random.is-drawing .live-random-icon{animation:dice-roll .35s linear infinite}@keyframes dice-roll{0%{transform:rotate(0) translateY(0)}50%{transform:rotate(180deg) translateY(-2px)}to{transform:rotate(360deg) translateY(0)}}.live-draw{position:absolute;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;gap:6px;width:220px;padding:10px 12px;border:1px solid var(--border-2);border-radius:12px;background:var(--surface);box-shadow:0 12px 32px #0006;transform-origin:top right;animation:draw-in .18s cubic-bezier(.2,.8,.2,1)}.live-draw.is-done{border-color:var(--text);animation:draw-decided .28s cubic-bezier(.2,.8,.2,1)}.live-draw-caption{font-size:11px;font-weight:700;color:var(--text-3)}.is-done>.live-draw-caption{color:var(--text)}.live-draw-pick{display:flex;align-items:center;gap:8px;min-width:0}.live-draw-name{overflow:hidden;font-size:13px;font-weight:700;color:var(--text);text-overflow:ellipsis;white-space:nowrap}@keyframes draw-in{0%{opacity:0;transform:translateY(-4px) scale(.96)}}@keyframes draw-decided{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.live-random.is-drawing .live-random-icon,.live-draw,.live-draw.is-done{animation:none}}@media(max-width:640px){.live-random{height:34px;padding:0 12px;font-size:12px}}@media(max-width:480px){.live-header-tools{gap:6px}.live-header-tools .live-updated{display:none}.live-reload{margin-left:0}}@media(max-width:419px){.live-random{justify-content:center;width:34px;padding:0}.live-random-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}@media(prefers-reduced-motion:reduce){.live-random,.live-random-icon{transition:none}.live-reload,.live-reload.is-reloading .live-reload-icon,.live-updated.is-fresh{transition:none;animation: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--danger{border-color:color-mix(in srgb,var(--danger) 50%,transparent);color:var(--danger)}.live-chip--danger:hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.live-chip--danger:focus-visible{outline:2px solid var(--danger);outline-offset:2px}.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-loading{display:grid;justify-items:center;gap:14px;padding:3.5rem 1rem}.live-loading-logo{width:104px;height:104px}.live-loading-play,.live-loading-tick{transform-box:fill-box;animation:live-loading-beat 1.3s cubic-bezier(.3,0,.2,1) infinite}.live-loading-play{transform-origin:50% 50%}.live-loading-tick{transform-origin:0% 100%;animation-name:live-loading-tick-1}.live-loading-tick--2{animation-name:live-loading-tick-2}@keyframes live-loading-beat{0%,60%,to{transform:scale(1)}14%{transform:scale(1.14)}28%{transform:scale(.97)}42%{transform:scale(1.06)}}@keyframes live-loading-tick-1{0%,4%,60%,to{transform:translate(0) scale(1);opacity:1}16%{transform:translate(5px,-6px) scale(1.25)}30%{transform:translate(-2px,2px) scale(.8);opacity:.7}}@keyframes live-loading-tick-2{0%,10%,66%,to{transform:translate(0) scale(1);opacity:1}22%{transform:translate(7px,-2px) scale(1.25)}36%{transform:translate(-2px,1px) scale(.8);opacity:.7}}.live-loading-label{margin:0;font-size:15px;font-weight:700;color:var(--text)}@media(prefers-reduced-motion:reduce){.live-loading-play,.live-loading-tick{animation:none}}.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[data-bump]{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[data-bump]{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,opacity .3s ease}.live-card-thumb[data-loading]{opacity:0}.live-card-main:has(>.live-card-thumb[data-loading]),.player-thumb:has(>img[data-loading]){background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.07) 50%,transparent 65%) var(--surface-2);background-size:300% 100%;animation:thumb-shimmer 1.4s ease-in-out infinite}@keyframes thumb-shimmer{0%{background-position:100% 0}to{background-position:0% 0}}@media(prefers-reduced-motion:reduce){.live-card-main:has(>.live-card-thumb[data-loading]),.player-thumb:has(>img[data-loading]){animation:none}}.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;transition:background .15s ease,color .15s ease,transform .12s ease}.live-settings-button:hover{background:var(--surface-2);color:var(--text)}.live-settings-button:active{transform:scale(.88)}.live-settings-button:focus-visible{outline:2px solid var(--text-2);outline-offset:2px}.live-settings-button[data-bump] svg{animation:settings-turn .45s cubic-bezier(.2,.8,.2,1)}@keyframes settings-turn{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@media(prefers-reduced-motion:reduce){.live-settings-button{transition:none}.live-settings-button:active{transform:none}.live-settings-button[data-bump] svg{animation:none}}.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 input[type=checkbox]{transition:transform .12s ease}.live-preferences input[type=checkbox]:active{transform:scale(.85)}.live-preferences p{color:var(--text-2);margin:12px 0}.live-preferences [role=status]:empty{display:none}.live-preferences [role=status][data-bump]{animation:preferences-status-in .3s ease-out}.live-preferences,.live-preferences::backdrop{transition:opacity .2s ease,transform .32s cubic-bezier(.2,.8,.2,1),overlay .32s allow-discrete,display .32s allow-discrete}.live-preferences:not([open]),.live-preferences:not([open])::backdrop{opacity:0}.live-preferences:not([open]){transform:translate(var(--from-x, 0),var(--from-y, 0)) scale(.1)}.live-preferences:not([open]),.live-preferences:not([open])::backdrop{transition:opacity .2s cubic-bezier(.75,0,.75,.9) .12s,transform .32s cubic-bezier(.8,0,.8,.2),overlay .32s allow-discrete,display .32s allow-discrete}@starting-style{.live-preferences[open],.live-preferences[open]::backdrop{opacity:0}.live-preferences[open]{transform:translate(var(--from-x, 0),var(--from-y, 0)) scale(.1)}}@keyframes preferences-status-in{0%{opacity:0;transform:translateY(-4px)}}.live-settings-button--close svg{transition:transform .25s cubic-bezier(.2,.8,.2,1)}.live-settings-button--close:hover svg{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.live-preferences,.live-preferences::backdrop,.live-preferences:not([open]),.live-preferences:not([open])::backdrop,.live-preferences input[type=checkbox],.live-settings-button--close svg{transition:none}.live-preferences input[type=checkbox]:active,.live-settings-button--close:hover svg{transform:none}.live-preferences [role=status][data-bump]{animation: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}