html.sh-open,html.sh-open body{overflow:hidden;overscroll-behavior:none}.sh{position:fixed;inset:0;z-index:10100;background:var(--bg-color);color:var(--text-color);font-family:var(--font-base)}.sh-top{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;pointer-events:none;background:linear-gradient(color-mix(in srgb,var(--bg-color) 85%,transparent),transparent)}.sh-top>*{pointer-events:auto}.sh-brand{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--font-data);font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.5px}.sh-close,.sh-mute{width:40px;height:40px;display:grid;place-items:center;border-radius:4px;cursor:pointer;padding:0;background:color-mix(in srgb,var(--card-bg) 80%,transparent);border:1px solid var(--nav-border-strong);color:var(--text-color)}.sh-close:hover,.sh-mute:hover{border-color:var(--nav-accent)}.sh-close svg,.sh-mute svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sh .sh-ico-sound{display:none}.sh:not(.is-muted) .sh-ico-sound{display:block}.sh:not(.is-muted) .sh-ico-muted{display:none}.sh-track{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.sh-track::-webkit-scrollbar{display:none}.sh-slide{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;padding:0}.sh-stage{position:relative;height:100%;width:min(100vw,calc(100dvh * 9 / 16));max-width:100vw;background:var(--panel-bg);overflow:hidden}.sh-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--panel-bg)}.sh-slide.is-long .sh-video{object-fit:contain}.sh-badge{position:absolute;top:72px;left:12px;z-index:2;padding:4px 8px;border-radius:3px;background:color-mix(in srgb,var(--bg-color) 80%,transparent);border:1px solid var(--nav-border-strong);font-family:var(--font-data);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.sh-badge[hidden]{display:none}.sh-paused{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--bg-color) 60%,transparent);opacity:0;transition:opacity .15s ease;pointer-events:none}.sh-paused svg{width:32px;height:32px;fill:var(--text-color);margin-left:4px}.sh-slide.is-paused .sh-paused{opacity:1}.sh-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:color-mix(in srgb,var(--text-color) 20%,transparent);z-index:3}.sh-progress span{display:block;height:100%;background:var(--team-glow,var(--nav-accent));transform:scaleX(0);transform-origin:left}.sh-info{position:absolute;left:0;right:72px;bottom:0;z-index:2;padding:64px 16px max(20px,env(safe-area-inset-bottom));background:linear-gradient(transparent,color-mix(in srgb,var(--bg-color) 88%,transparent));display:grid;gap:6px}.sh-slide .sh-info{right:0;padding-right:76px}.sh-channel{margin:0;font-family:var(--font-data);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.5px;color:var(--nav-accent)}.sh-title{margin:0;font-family:var(--font-base);font-weight:600;font-size:16px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sh-full{justify-self:start;margin-top:4px;padding:6px 10px;border-radius:4px;text-decoration:none;border:1px solid var(--nav-border-strong);color:var(--text-color);background:color-mix(in srgb,var(--card-bg) 70%,transparent);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.sh-full:hover{border-color:var(--nav-accent)}.sh-rail{position:absolute;right:8px;bottom:max(28px,env(safe-area-inset-bottom));z-index:3;display:grid;gap:14px;justify-items:center}.sh-vote{background:color-mix(in srgb,var(--card-bg) 75%,transparent);border:1px solid var(--nav-border-strong);border-radius:4px;padding:4px}.sh-vote .vote-btn{width:40px;height:36px}.sh-vote .vote-btn svg{width:22px;height:22px}.sh-act{display:grid;justify-items:center;gap:2px;padding:8px 4px;min-width:52px;border-radius:4px;cursor:pointer;text-decoration:none;background:color-mix(in srgb,var(--card-bg) 75%,transparent);border:1px solid var(--nav-border-strong);color:var(--text-color);font-family:var(--font-data);font-weight:700;font-size:13px;font-variant-numeric:tabular-nums}.sh-act:hover{border-color:var(--nav-accent)}.sh-act svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.sh-hint{position:absolute;left:50%;top:72px;transform:translateX(-50%);z-index:4;margin:0;padding:6px 12px;border-radius:4px;background:color-mix(in srgb,var(--card-bg) 85%,transparent);border:1px solid var(--nav-border-strong);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;pointer-events:none;animation:sh-nudge 1.6s ease-in-out 3}.sh-hint[hidden]{display:none}@keyframes sh-nudge{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-6px)}}.sh-empty-card{display:grid;gap:12px;justify-items:center;padding:32px;text-align:center}.sh .rb-toast{z-index:10101}@media (min-width:760px){.sh-stage{border-radius:4px;height:calc(100% - 32px);border:1px solid var(--nav-border-strong);overflow:visible}.sh-video{border-radius:4px}.sh-rail{right:-72px}.sh-slide .sh-info{padding-right:16px;border-radius:0 0 4px 4px}}@media (prefers-reduced-motion:reduce){.sh-hint{animation:none}.sh-track{scroll-behavior:auto}}