.hr-home{gap:var(--space-5);flex-direction:column;display:flex}.hh-row{gap:var(--space-3);flex-direction:column;display:flex}@media (min-width:768px){.hh-row{flex-direction:row}.hh-cell{flex:1}}@media (min-width:1536px){.hh-row{gap:var(--space-5)}}.hh-cell{min-width:0;container-type:inline-size}.hh-card{--a:min(113px, 25.7cqw);isolation:isolate;height:calc(var(--a) + 47px);border-radius:var(--radius-14);background:var(--bg-header);color:var(--text-1);text-decoration:none;display:block;position:relative;overflow:hidden}@media (min-width:768px){.hh-card{--a:min(170px, calc(41.2cqw - 57px))}}.hh-art{z-index:-1;height:var(--a);position:absolute;inset:0 0 auto;overflow:hidden}.hh-art img{max-width:none;position:absolute}.hh-art .hh-ground{object-fit:cover;object-position:right center;width:100%;height:100%;top:0;right:0}.hh-art .hh-obj{top:1px;right:calc(var(--a) * .11);width:auto;height:calc(var(--a) * 1.19);max-width:calc(100% - var(--hh-room,130px) - var(--a) * .11);object-fit:contain;object-position:right top;transition:transform calc(var(--dur-base) * 1.5) var(--ease-out)}.hh-card[data-long-title]{--hh-room:184px}.hh-art .hh-obj{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 22%);mask-image:linear-gradient(90deg,#0000 0,#000 22%)}.hh-card:hover .hh-obj{transform:scale(1.03)}.hh-copy{gap:var(--space-2);padding:calc(var(--a) * .217) 0 0 31.5px;flex-direction:column;display:flex;position:relative}.hh-title{font-size:var(--text-h2-lg);text-transform:uppercase;font-weight:700;line-height:17px}.hh-count{color:var(--text-2);font-size:var(--text-micro);font-weight:500;line-height:20px}.hh-count b,.hh-playing b{color:var(--text-1);font-weight:500}.hh-band{inset-inline:0;top:var(--a);justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--bg-1);height:47px;box-shadow:var(--shadow-card);padding:0 30.5px;display:flex;position:absolute}.hh-playing{align-items:center;gap:var(--space-1);color:var(--text-2);font-size:var(--text-micro);font-weight:500;line-height:12px;display:flex}.hh-cta{color:var(--text-1);font-size:var(--text-micro);align-items:center;gap:10px;font-weight:500;line-height:12px;display:flex}.hh-caret{font-size:var(--text-caption);transition:transform var(--dur-fast) var(--ease-out)}.hh-card:hover .hh-caret{transform:translate(2px)}.hr-dot{width:var(--space-3);height:var(--space-3);background:color-mix(in srgb, var(--accent) 15%, transparent);border-radius:50%;flex:none;position:relative}.hr-dot:before{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:3px}.hs-bar{border:1px solid color-mix(in srgb, var(--text-1) 4%, transparent);border-radius:calc(var(--radius) - 1px);background:var(--bg-nav);width:100%;height:46px;color:var(--text-2);font:inherit;text-align:left;cursor:text;transition:border-color var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:0 11px;display:flex}.hs-bar:hover,.hs-bar:focus-visible{border-color:color-mix(in srgb, var(--text-1) 12%, transparent);outline:none}.hs-icon{width:var(--space-5);height:var(--space-5);color:var(--text-dim);padding:3px}.hs-text{font-size:var(--text-caption);font-weight:500;line-height:16px}.hr-row{position:relative;container-type:inline-size}.hr-head{height:calc(var(--space-6) + var(--space-1));margin-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:10px;display:flex}.hr-title-link{align-items:center;gap:var(--space-2);min-width:0;color:inherit;text-decoration:none;display:flex;overflow:hidden}.hr-title-icon{width:var(--space-5);height:var(--space-5);color:var(--text-3);transition:color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.hr-title-icon .menu-svg{width:18px;height:18px}.hr-title-link:hover .hr-title-icon{color:var(--accent)}.hr-title{color:var(--text-1);font-size:var(--text-h3);font-weight:700;line-height:var(--space-5);white-space:nowrap;margin:0}.hr-tools{align-items:center;gap:6px;display:flex}.hr-view-all{height:var(--space-6);margin-right:var(--space-3);border-radius:var(--radius-8);background:var(--bg-1);box-shadow:var(--shadow-btn);color:var(--text-1);font-size:var(--text-caption);align-items:center;padding:0 15px;font-weight:700;text-decoration:none;display:none}@media (min-width:768px) and (max-width:1035px){.hr-view-all{display:flex}}.hr-view-all:hover{background:var(--bg-2)}.hr-arrow{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-8);background:var(--bg-2);box-shadow:var(--shadow-btn);color:var(--text-1);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:flex}.hr-arrow:disabled{background:var(--bg-1);color:var(--text-dim);cursor:default}.hr-arrow .menu-svg{width:15px;height:15px}.hr-track{--gap:10px;--per:3;gap:var(--gap);scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;display:flex;overflow-x:auto}.hr-track::-webkit-scrollbar{display:none}.hr-track>*{flex:0 0 calc((100cqi - (var(--per) - 1) * var(--gap)) / var(--per));scroll-snap-align:start;min-width:0}@container (min-width:668px){.hr-track{--per:4}}@container (min-width:880px){.hr-track{--per:5}}@media (min-width:1036px){.hr-track{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 90px),#00000040);mask-image:linear-gradient(90deg,#000 calc(100% - 90px),#00000040)}.hr-track.is-end{-webkit-mask-image:none;mask-image:none}.hr-track>*{flex-basis:var(--card-w)}.hr-track.hr-track-providers>*{flex-basis:var(--card-w-provider)}}html .app-shell :is(.hr-track,.hr-cards) .gc{width:auto}html .app-shell :is(.hr-track,.hr-cards) .gc-cv{aspect-ratio:161/205;border-radius:var(--radius-14);height:auto;transition:transform var(--dur-fast) var(--ease-out)}@media (hover:hover) and (pointer:fine){html .app-shell :is(.hr-track,.hr-cards) .gc:hover .gc-cv{transform:translateY(-5px)}}html .app-shell :is(.hr-track,.hr-cards) .gc .gc-live{height:20px;min-height:0;padding:var(--space-1);color:var(--text-2);font-size:var(--text-micro);margin-top:0;font-weight:500;line-height:12px}html .app-shell .hr-track-providers .app-provider-card{border-radius:calc(var(--radius-16) + 2px);background:var(--bg-1);height:84px;box-shadow:var(--shadow-card);transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out)}html .app-shell .hr-track-providers .app-provider-logo{filter:grayscale();transition:filter var(--dur-fast) var(--ease-out)}html .app-shell .hr-track-providers .app-provider-card:not(.is-text) .app-provider-name{display:none}@media (hover:hover) and (pointer:fine){html .app-shell .hr-track-providers a:hover .app-provider-card{background:var(--bg-2);transform:translateY(-5px)}html .app-shell .hr-track-providers a:hover .app-provider-logo{filter:none}}#lobby-body:has(>.hr-home){padding-bottom:0}html .app-shell main .hr-title{font-weight:700}:root .app-shell[data-appearance] :is(.hr-track,.hr-cards) .gc .gc-cv{border-radius:var(--radius-14);background:var(--bg-thumb);overflow:hidden}:root .app-shell[data-appearance] :is(.hr-track,.hr-cards) .gc .gc-cover-art>span{background:var(--bg-thumb)}:root .app-shell :is(.hr-track,.hr-cards) .gc :is(.gc-play,.gc-heart),.gc-launch{display:none}:root .app-shell :is(.hr-track,.hr-cards) .gc .gc-launch{right:var(--space-3);z-index:1;border-radius:var(--radius);background:color-mix(in srgb, var(--line-strong) 70%, transparent);width:34px;height:34px;color:var(--text-1);opacity:0;transition:opacity var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;bottom:10px}:root .app-shell :is(.hr-track,.hr-cards) .gc .gc-launch .menu-svg{width:20px;height:20px}@media (hover:hover) and (pointer:fine){:root .app-shell :is(.hr-track,.hr-cards) .gc:hover .gc-launch{opacity:1}}:root .app-shell :is(.hr-track,.hr-cards) .gc .lobby-game-cover:active .gc-cv{transform:scale(.99)}:root .app-shell :is(.hr-track,.hr-cards) .gc .gc-live-dot{width:var(--space-3);height:var(--space-3);background:color-mix(in srgb, var(--accent) 15%, transparent);border-radius:50%;position:relative}:root .app-shell :is(.hr-track,.hr-cards) .gc .gc-live-dot:before{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:3px}:root .app-shell :is(.hr-track,.hr-cards) .gc .gc-live b{color:var(--text-1);font-weight:500}:root .app-shell .hr-head .hr-arrow{min-width:0;min-height:0}:root .app-shell .hr-head .hr-view-all{min-height:0}:root .app-shell[data-appearance] :is(.hr-track,.hr-cards) .gc.is-new .gc-cv:after,:root .app-shell[data-appearance] :is(.hr-track,.hr-cards) .gc .gc-live-badge{border-radius:var(--radius-8);height:auto;font-size:var(--text-badge);letter-spacing:0;text-transform:uppercase;padding:6px;font-weight:700;line-height:12px;top:10px;left:10px}:root .app-shell[data-appearance] :is(.hr-track,.hr-cards) .gc .gc-live-badge{color:color-mix(in srgb, var(--text-1) 75%, transparent)}:root .app-shell[data-appearance] :is(.hr-track,.hr-cards) .gc.is-new .gc-live-badge{top:40px}@keyframes g-chat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.g-chat-in{animation:g-chat-in var(--dur-base) var(--ease-out)}.g-provider-logo{inset:var(--space-3);filter:grayscale();transition:filter var(--dur-fast) var(--ease-out);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}.g-provider:hover .g-provider-logo{filter:none}:root .clone-input:focus,:root .clone-input:focus-visible{box-shadow:none;outline:none}.g-svg{justify-content:center;align-items:center;display:inline-flex}.g-svg svg{display:block}.hr-track{margin-block:-6px;padding-block:6px}:root .app-shell :is(.hr-track,.hr-cards) .lobby-game-cover:focus-visible{box-shadow:none;outline:none}