.site-announcements{position:sticky;top:var(--topbar-height,0);z-index:1000;display:flex;flex-direction:column}.site-announcement-row{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background-color:var(--color-twitch);color:white;font-size:13px;font-weight:600;text-align:center}.site-announcement-row + .site-announcement-row{border-top:1px solid rgba(255,255,255,0.25)}.site-announcement-link{color:white;text-decoration:underline}.site-announcement-close{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:none;background-color:rgba(255,255,255,0.2);color:white;font-size:12px;line-height:1;cursor:pointer}.site-announcement-close:hover{background-color:rgba(255,255,255,0.35)}.event-mode-badge{text-align:center;font-weight:600;font-size:13px;color:var(--color-accent-text);background-color:color-mix(in srgb,var(--color-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent);border-radius:var(--radius-md);padding:6px var(--space-md);margin:0}.event-mode-badge a{color:inherit;text-decoration:underline}.feature-card{display:flex;flex-direction:column;gap:var(--space-sm)}.feature-card-emoji{font-size:26px}.feature-card-title{font-size:15px;font-weight:700}.feature-card-desc{margin:0;font-size:13px;color:var(--color-muted);line-height:1.6}.streamer-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background-color:var(--color-panel-bg);border:2px solid var(--color-panel-border);flex-shrink:0}.streamer-avatar[src=""],.streamer-avatar:not([src]){visibility:hidden}.stream-heading-text{min-width:0;display:flex;flex-direction:column;gap:4px}.stream-heading-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm) var(--space-md)}.live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#eb0400;flex-shrink:0;animation:blink 1.6s ease-in-out infinite}.live-duration{font-size:12px;color:var(--color-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.live-duration:empty{display:none}.viewer-count{display:inline-flex;align-items:center;gap:6px;color:var(--color-muted);font-size:13px;font-variant-numeric:tabular-nums;flex-shrink:0}.icon-eye{width:18px;height:18px;fill:currentColor}.announcements-reserve{height:var(--announcements-space,0px)}.seen-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);border:1px solid var(--color-panel-border);border-radius:999px;padding:3px 9px;flex-shrink:0}.seen-badge:empty{display:none}.seen-badge.is-new{color:white;background-color:var(--color-twitch);border-color:var(--color-twitch)}.event-bonus-badge{font-size:11px;font-weight:700;letter-spacing:.04em;color:#1f1500;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:999px;padding:3px 9px;flex-shrink:0}.event-bonus-badge:empty{display:none}.connected-viewers{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--color-muted);border:1px solid var(--color-panel-border);border-radius:999px;padding:3px 9px;flex-shrink:0;font-variant-numeric:tabular-nums}.icon-people{width:14px;height:14px;fill:currentColor}.connected-viewers-label{color:var(--color-muted)}.online-users-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:45;width:190px;max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-lg);border:1px solid var(--color-panel-border);background-color:var(--color-panel-bg);box-shadow:var(--shadow-md)}.online-users-panel[hidden]{display:none}.online-users-title{margin:0 0 var(--space-xs) 0;padding:0 var(--space-xs);font-size:12px;font-weight:700;color:var(--color-muted)}.online-users-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.online-users-item{display:flex;align-items:center;gap:var(--space-sm);padding:6px var(--space-xs);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);font-size:13px}.online-users-item:hover{background-color:var(--color-bg)}.online-users-empty,.online-users-guests{margin:0;padding:6px var(--space-xs) 2px;font-size:12px;color:var(--color-muted)}.online-users-empty[hidden],.online-users-guests[hidden]{display:none}.stream-details-inner{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.game-name{display:inline-block;vertical-align:middle;margin:0;max-width:160px;padding:3px 9px;border:1px solid var(--color-panel-border);border-radius:999px;font-size:12px;font-weight:600;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.game-name:empty{display:none}.clock-block{display:flex;flex-direction:row;align-items:center;gap:6px}.clock-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.stream-links-group{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.twitch-open-button{color:var(--color-accent-text)}.twitch-open-button:hover{border-color:var(--color-twitch)}.stream-links .skip-vote-button,.stream-links .like-button,.stream-links .pin-button{width:40px;height:40px;padding:0;font-size:18px}.stream-links .skip-vote-button .button-label,.stream-links .like-button .button-label{display:none}.stream-links{position:relative}@media (min-width:901px) and (max-width:1400px){.info-top{position:relative}.stream-links{position:static}.mode-group{position:absolute;right:0;bottom:0;z-index:60}}@media (min-width:1401px){.info-top{position:relative}.info-top-main{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(max-content,1fr);gap:var(--space-md)}.stream-links{justify-self:end}.stream-heading{min-width:0}.stream-heading-text{min-width:0}.stream-links{position:static;flex-wrap:nowrap;flex-shrink:0}.stream-links-group{flex-shrink:0}.clock-label{white-space:nowrap}.mode-group{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:60}}.mode-wrap{position:relative}@media (max-width:700px){.mode-wrap{position:static}.mode-popover{left:0;right:0;width:auto}}.mode-button{height:40px;padding:0 var(--space-md);display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--color-panel-border);background-color:var(--color-panel-bg);color:var(--color-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.mode-button:hover,.mode-button[aria-expanded="true"]{border-color:var(--color-twitch)}html.is-personal .mode-button{border-color:var(--color-twitch);background-color:rgba(100,65,164,0.18)}.mode-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:min(380px,calc(100vw - 2 * var(--space-md)));padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-panel-border);background-color:var(--color-panel-bg);box-shadow:0 12px 32px rgba(0,0,0,0.35)}.mode-popover[hidden],.mode-categories[hidden],.mode-notice[hidden]{display:none}.mode-choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs)}.mode-choice{height:36px;border-radius:var(--radius-md);border:1px solid var(--color-panel-border);background:transparent;color:var(--color-text);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.mode-choice[aria-pressed="true"]{background-color:var(--color-twitch);border-color:var(--color-twitch);color:white}.mode-help{margin:0;color:var(--color-muted);font-size:12px;line-height:1.45}.mode-categories{display:flex;flex-direction:column;gap:var(--space-sm)}.mode-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.mode-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--color-panel-border);background:transparent;color:var(--color-muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.mode-chip[aria-pressed="true"]{border-color:var(--color-twitch);background-color:rgba(100,65,164,0.22);color:var(--color-text)}.mode-chip[aria-pressed="false"] .mode-chip-name{text-decoration:line-through}.mode-chip-count{font-size:11px;font-weight:700;opacity:.75}.mode-count{margin:0;color:var(--color-muted);font-size:12px}.hide-suggest{align-self:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm);padding:6px 12px;border-radius:999px;border:1px solid var(--color-panel-border);background-color:var(--color-panel-bg);font-size:12px;font-weight:600}.hide-suggest[hidden],.hide-suggest [hidden]{display:none}.hide-suggest button,.hide-suggest-manage{padding:3px 10px;border-radius:999px;border:1px solid var(--color-twitch);background:transparent;color:var(--color-accent-text);font:inherit;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}.hide-suggest-yes{background-color:var(--color-twitch) !important;color:#fff !important}.mode-notice{align-self:center;margin:0;padding:5px 12px;border-radius:999px;background-color:rgba(100,65,164,0.22);font-size:12px;font-weight:600}.pin-button[aria-pressed="true"]{background-color:var(--color-twitch);border-color:var(--color-twitch);color:white}.pinned-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm);font-size:13px;font-weight:700}.pinned-bar[hidden]{display:none}.pinned-text{padding:5px 12px;border-radius:999px;background-color:rgba(52,211,153,0.16);color:var(--color-success-text,#34d399)}.pinned-leave{padding:5px 12px;border-radius:999px;border:1px solid var(--color-twitch);background:transparent;color:var(--color-accent-text);font:inherit;cursor:pointer}html.is-pinned .clock-label,html.is-pinned #clockdiv,html.is-pinned .stream-links .skip-vote-button{display:none}.count-badge{position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background-color:var(--color-panel-bg);border:1px solid currentColor;font-size:10px;font-weight:700;line-height:16px;text-align:center}.count-badge[hidden]{display:none}.chat-panel{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.chat-tabs{display:flex;gap:4px;padding:4px;margin-bottom:var(--space-xs);background-color:var(--color-panel-bg);border:1px solid var(--color-panel-border);border-radius:var(--radius-md);flex-shrink:0}.chat-online-wrap{position:absolute;top:8px;right:8px;z-index:10}.chat-online-wrap[hidden]{display:none}.chat-online-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:none;background-color:var(--color-panel-bg);color:var(--color-muted);box-shadow:var(--shadow-sm);cursor:pointer}.chat-online-button:hover,.chat-online-button[aria-expanded="true"]{color:var(--color-text)}.chat-online-button .icon-people{width:16px;height:16px}.chat-online-wrap .online-users-panel{left:auto;right:0}.chat-unread{min-width:18px;padding:1px 6px;border-radius:999px;background-color:#eb0400;color:white;font-size:11px;font-weight:700;line-height:1.4}.chat-unread.mentioned{background-color:#f5b301;color:#1a1a1a}.chat-unread[hidden]{display:none}.community-chat[hidden]{display:none}.community-messages{flex:1;min-height:0;margin:0;padding:var(--space-sm);padding-top:44px;list-style:none;overflow-y:auto;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.4}.community-empty{margin:auto;color:var(--color-muted);text-align:center}.cchat-message{display:flex;flex-direction:column;gap:3px;min-width:0;padding:5px 6px;border-radius:var(--radius-sm)}.cchat-header{display:flex;align-items:center;gap:6px;min-width:0}.cchat-avatar{flex-shrink:0}.cchat-author{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;text-decoration:none}.cchat-author:hover{text-decoration:underline}.cchat-time{margin-left:auto;padding-left:6px;color:var(--color-muted);font-size:11px;font-variant-numeric:tabular-nums;flex-shrink:0}.cchat-report{flex-shrink:0;margin-left:4px;padding:0;border:none;background:none;font-size:11px;line-height:1;opacity:.45;cursor:pointer}.cchat-report:hover,.cchat-report:focus-visible{opacity:1}.cchat-report:disabled{cursor:default;opacity:.7}.cchat-delete{flex-shrink:0;margin-left:4px;padding:0;border:none;background:none;font-size:11px;line-height:1;opacity:.45;cursor:pointer}.cchat-delete:hover,.cchat-delete:focus-visible{opacity:1}.cchat-delete:disabled{cursor:default;opacity:.7}.cchat-text{color:var(--color-text);padding-left:24px;font-size:14px;overflow-wrap:anywhere}.cchat-message.mentions-me{background-color:color-mix(in srgb,var(--name-gold) 35%,transparent);border-radius:var(--radius-sm);box-shadow:inset 2px 0 0 var(--name-gold)}:root[data-theme="light"] .cchat-message.mentions-me{background-color:color-mix(in srgb,var(--name-gold) 18%,transparent)}.community-error{margin:0;padding:4px var(--space-sm);color:var(--color-danger-text);font-size:12px}.community-error[hidden]{display:none}.community-form{display:flex;gap:var(--space-sm);padding:var(--space-sm);border-top:1px solid var(--color-panel-border)}.cchat-emoji-wrap{position:relative;flex-shrink:0}.cchat-emoji-button{height:34px;width:34px;border-radius:var(--radius-md);border:1px solid var(--color-panel-border);background-color:var(--color-panel-bg);color:var(--color-text);font-size:16px;line-height:1;cursor:pointer}.cchat-emoji-button:hover:not(:disabled){border-color:var(--color-accent)}.cchat-emoji-button:disabled{opacity:.5;cursor:not-allowed}.cchat-emoji-picker{position:absolute;bottom:calc(100% + 8px);left:0;z-index:45;width:min(320px,calc(100vw - 32px));max-height:260px;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:var(--space-sm);border-radius:var(--radius-lg);border:1px solid var(--color-panel-border);background-color:var(--color-panel-bg);box-shadow:var(--shadow-md)}.cchat-emoji-section-label{padding:4px 4px 0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted)}.cchat-emoji-empty{margin:0;padding:4px;font-size:12px;color:var(--color-muted)}.cchat-emoji-empty[hidden]{display:none}.cchat-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.cchat-emoji-picker[hidden]{display:none}.cchat-emoji-option{display:flex;align-items:center;justify-content:center;min-width:0;height:36px;border-radius:var(--radius-sm);border:none;background:none;font-size:20px;cursor:pointer}.cchat-emoji-option img{width:32px;height:32px;object-fit:contain}.cchat-emoji-option:hover{background-color:var(--color-bg)}.cchat-input-wrap{position:relative;flex:1;min-width:0;display:flex}.community-input{width:100%;min-width:0;height:34px;padding:0 var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-panel-border);background-color:var(--color-bg);color:var(--color-text);font:inherit;font-size:13px}.community-input:disabled{opacity:.6}.cchat-mention-picker{position:absolute;bottom:calc(100% + 6px);left:0;z-index:45;width:220px;max-height:180px;overflow-y:auto;margin:0;padding:4px;list-style:none;display:flex;flex-direction:column;gap:2px;border-radius:var(--radius-md);border:1px solid var(--color-panel-border);background-color:var(--color-panel-bg);box-shadow:var(--shadow-md)}.cchat-mention-picker[hidden]{display:none}.community-send{height:34px;padding:0 var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-accent);background-color:var(--color-accent);color:white;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.community-send:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.pulse-update{animation:none}}.pot-strip{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm)}.pot-strip-main{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs) var(--space-md)}.pot-title{font-weight:700;font-size:13px;white-space:nowrap}.pot-bar{flex:1;min-width:80px;height:10px;border-radius:999px;background-color:var(--color-bg);border:1px solid var(--color-panel-border);overflow:hidden}.pot-bar-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--color-twitch),#a970ff);transition:width .4s ease}.pot-progress{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.pot-actions{display:flex;gap:var(--space-sm)}.pot-button{flex:1;min-width:0;height:38px;padding:0 var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-twitch);background-color:transparent;color:var(--color-accent-text);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .15s ease,color .15s ease}.pot-button:hover:not(:disabled){background-color:var(--color-twitch);color:white}.pot-button:disabled{opacity:.5;cursor:not-allowed}.pot-strip-side{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);min-width:0;font-size:12px;color:var(--color-muted)}.pot-top{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs) var(--space-md)}.pot-top-item{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.pot-top-name{font-weight:600;color:inherit;text-decoration:none}a.pot-top-name:hover{text-decoration:underline}.pot-mine[hidden],.pot-top[hidden],.pot-message[hidden]{display:none}.event-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:linear-gradient(90deg,#6441a4,#a855f7,#ec4899);color:white;font-size:14px;font-weight:700;text-align:center}.event-banner[hidden]{display:none}.event-banner-toggle{padding:2px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.15);color:white;font:inherit;font-size:11px;cursor:pointer}.event-banner-toggle[hidden]{display:none}.confetti-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:60}.like-pop-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:90}.like-pop-heart{position:absolute;top:22vh;left:-60px;opacity:0;animation:like-pop-drift 3s linear forwards}.like-pop-heart-inner{display:inline-block;font-size:38px;filter:drop-shadow(0 6px 10px rgba(0,0,0,0.45));animation:like-pop-bounce 3s ease-in forwards}.like-milestone-banner{position:fixed;top:18%;left:0;padding:var(--space-sm) var(--space-lg);background-color:var(--color-panel-bg);border:1px solid var(--color-panel-border);border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(0,0,0,0.35);font-weight:700;font-size:15px;white-space:nowrap;pointer-events:none;z-index:91;animation:like-milestone-cross 3.6s ease-in-out forwards}@media (prefers-reduced-motion:reduce){.like-pop-heart,.like-milestone-banner{animation:none;display:none}}.boost-link{text-decoration:none}.boost-badge{font-size:11px;font-weight:700;color:white;background:linear-gradient(90deg,#f97316,#ec4899);border-radius:999px;padding:3px 9px;flex-shrink:0;white-space:nowrap}.boost-badge[hidden]{display:none}.share-wrap{position:relative}.share-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:45;width:340px;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--color-panel-border);background-color:var(--color-panel-bg);box-shadow:var(--shadow-md)}.share-popover[hidden]{display:none}.share-title{margin:0;font-size:14px;font-weight:700}.share-subtitle{color:var(--color-muted);font-weight:400;font-size:12px}.report-reason{width:100%;height:36px;padding:0 var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-panel-border);background-color:var(--color-bg);color:var(--color-text);font:inherit;font-size:13px}.share-text{width:100%;resize:none;padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-panel-border);background-color:var(--color-bg);color:var(--color-text);font:inherit;font-size:12px;line-height:1.4}.share-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.share-actions button{flex:1 1 auto;height:36px;padding:0 var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-twitch);background-color:transparent;color:var(--color-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.share-actions .share-copy{background-color:var(--color-twitch);color:white}.share-actions button[hidden]{display:none}.share-feedback{margin:0;font-size:12px;color:var(--color-muted)}.share-feedback[hidden]{display:none}@media (max-width:900px){.share-popover{position:fixed;left:var(--space-sm);right:var(--space-sm);bottom:var(--space-sm);top:auto;width:auto}}.streamer-name-link{color:inherit;text-decoration:none}.streamer-name-link:hover{text-decoration:underline}.intro-splash{position:fixed;inset:0;z-index:500;display:flex;overflow-y:auto;padding:calc(var(--topbar-height) + var(--announcements-space,0px) + var(--space-xl)) var(--space-md) var(--space-xl);background:radial-gradient(900px 420px at 50% 0%,rgba(139,92,246,0.26),transparent 70%),var(--color-bg);transition:transform .5s ease}.intro-splash.intro-dismissing{transform:translateY(-100%)}html.intro-seen .intro-splash{display:none}html.intro-open .site-announcements{visibility:hidden}html.intro-open .site-topbar-event,html.intro-open .nav-menu{display:none}html.intro-open{--announcements-space:0px !important}.intro-content{margin:auto;max-width:880px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.intro-title{max-width:760px;margin:0;font-size:clamp(30px,5vw,50px);line-height:1.12;font-weight:800;letter-spacing:-0.015em}.intro-title em{font-style:normal;color:#a78bfa}[data-theme="light"] .intro-title em{color:#6d28d9}.intro-pitch{max-width:620px;margin:0;color:var(--color-muted);font-size:clamp(16px,2.2vw,19px);line-height:1.5}.intro-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);width:100%;margin:var(--space-sm) 0 0;padding:0;list-style:none}.intro-step{padding:var(--space-lg);text-align:left;border:1px solid var(--color-panel-border);border-radius:16px;background-color:var(--color-panel-bg)}.intro-step-number{display:grid;place-items:center;width:34px;height:34px;margin-bottom:var(--space-sm);border-radius:50%;background-color:var(--color-twitch);color:white;font-weight:800}.intro-step h3{margin:0 0 var(--space-xs);font-size:17px}.intro-step p{margin:0;color:var(--color-muted);font-size:14.5px;line-height:1.45}.intro-choice{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%;max-width:640px}.intro-choice[hidden]{display:none}.intro-choice-title{margin:0;font-size:17px}.intro-choice-text,.intro-choice-note{margin:0;color:var(--color-muted);font-size:14px;line-height:1.45}.intro-choice-note{font-size:12.5px}.intro-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.intro-chips .mode-chip[aria-pressed="false"] .mode-chip-name{text-decoration:none}.intro-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md)}.intro-enter,.intro-login{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 var(--space-xl);border-radius:var(--radius-md);font:inherit;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer}.intro-enter{border:1px solid var(--color-twitch);background-color:var(--color-twitch);color:white}.intro-login{border:1px solid var(--color-panel-border);background-color:transparent;color:inherit}.intro-enter:hover,.intro-login:hover{opacity:.9}html.is-logged-in .intro-login{display:none}.intro-note{margin:calc(var(--space-sm) * -1) 0 0;color:var(--color-muted);font-size:13px}@media (max-width:700px){.intro-steps{grid-template-columns:1fr;gap:var(--space-sm)}.intro-step{display:grid;grid-template-columns:34px 1fr;column-gap:var(--space-md);padding:var(--space-md)}.intro-step-number{grid-row:span 2;margin:0}.intro-content{margin:0 auto}}@media (max-width:700px),(max-height:560px){.intro-actions{position:sticky;bottom:calc(var(--space-xl) * -1);z-index:1;width:calc(100% + var(--space-md) * 2);margin:0 calc(var(--space-md) * -1) calc(var(--space-xl) * -1);padding:var(--space-md) var(--space-md) var(--space-lg);gap:var(--space-sm);background:linear-gradient(to bottom,transparent,var(--color-bg) 30%)}.intro-note{display:none}}@media (max-width:700px){.intro-enter,.intro-login{flex:1 1 100%}}.stat-text{display:flex;flex-direction:column;min-width:0}.lower-col-chat .pot-button{height:42px}.pot-description{margin:0;font-size:12px;line-height:1.4;color:var(--color-muted)}.pot-strip > h3{margin:0}.event-banner[data-kind="hearts"]{background:linear-gradient(90deg,#ec4899,#f43f5e,#fb7185)}.event-banner[data-kind="snow"]{background:linear-gradient(90deg,#3b82f6,#60a5fa,#7dd3fc)}.event-banner[data-kind="stars"]{background:linear-gradient(90deg,#d97706,#f59e0b,#eab308)}.event-banner[data-kind="fireworks"]{background:linear-gradient(90deg,#6441a4,#ef4444,#f59e0b)}.event-banner[data-kind="neon"]{background:linear-gradient(90deg,#7c3aed,#22d3ee,#ec4899)}.event-banner[data-kind="aurora"]{background:linear-gradient(90deg,#16a34a,#3b82f6,#a855f7)}.event-banner[data-kind="gold"]{background:linear-gradient(90deg,#b45309,#f5b301,#b45309)}.site-announcement-close{width:32px;height:32px;font-size:14px}.live-slot{position:relative;width:100%;aspect-ratio:16 / 9}.live-slot .live{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}.live-slot{--dock-width:min(500px,calc(100vw - 88px));--dock-height:calc(var(--dock-width) * 9 / 16)}.live-dock-note{position:absolute;inset:0;padding:var(--space-lg) var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--color-panel-border);background-color:#17141c;color:#ffffff;overflow:hidden}.live-dock-note-backdrop{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 0%,#4b2f86,#17141c 75%)}.live-dock-note-bg{width:100%;height:100%;object-fit:cover;filter:blur(26px) brightness(.5) saturate(1.3);transform:scale(1.15)}.live-dock-note-card{position:sticky;top:var(--dock-offset,170px);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);max-width:640px;margin:0 auto;padding:var(--space-md);text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.7)}.live-dock-note-avatar{width:104px;height:104px;border-radius:50%;object-fit:cover;border:4px solid var(--color-twitch);box-shadow:0 6px 24px rgba(0,0,0,.55)}.live-dock-note-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(26px,3.2vw,46px);line-height:1.15}.live-dock-note-game{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.88);font-size:18px}.live-dock-note-hint{margin-top:var(--space-sm);color:#d9c8ff;font-size:16px;font-weight:600}.live-dock-note-return{margin-top:var(--space-sm);min-height:44px;padding:0 var(--space-lg);border-radius:999px;border:0;background-color:#ffffff;color:#2b2620;font:inherit;font-size:15px;font-weight:700;text-shadow:none;cursor:pointer}.live-dock-note-return:hover{background-color:#efe9ff}.live-dock-note[hidden],.live-dock-bar[hidden],.live-dock-note-avatar[hidden]{display:none}.live-slot.is-docked .live{position:fixed;inset:auto auto 16px 16px;z-index:1200;width:var(--dock-width);height:var(--dock-height);border-radius:var(--radius-md);box-shadow:0 8px 28px rgba(0,0,0,.45)}.live-dock-bar{position:fixed;left:16px;bottom:calc(16px + var(--dock-height));z-index:1200;width:var(--dock-width);display:flex;justify-content:space-between;gap:var(--space-xs);padding:4px;border-radius:var(--radius-md) var(--radius-md) 0 0;background-color:var(--color-panel-bg);border:1px solid var(--color-panel-border);border-bottom:0}.live-dock-spacer{flex:1}.live-dock-act{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-panel-border);background-color:var(--color-bg);color:var(--color-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.live-dock-act:hover:not(:disabled){border-color:var(--color-accent-text)}.live-dock-act:disabled{opacity:.5;cursor:default}.live-dock-act.liked{border-color:var(--color-accent-text)}.live-dock-count:not(:empty){padding:0 6px;border-radius:999px;background-color:var(--color-panel-border);font-size:11px}.live-dock-act[hidden]{display:none}@media (max-width:480px){.live-dock-label{display:none}}.live-dock-return,.live-dock-close{min-height:32px;padding:0 var(--space-sm);border-radius:var(--radius-sm);border:0;background:none;color:var(--color-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.live-dock-return:hover,.live-dock-close:hover{background-color:var(--color-bg)}@media (max-width:760px){.live-slot.is-docked .live{left:8px;bottom:8px}.live-dock-bar{left:8px;bottom:calc(8px + var(--dock-height))}}.community-goal-card.panel{padding:var(--space-md)}.community-goal{display:flex;flex-direction:column;gap:var(--space-md);line-height:1.5}.community-goal > *{margin:0}.community-goal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.community-goal-title{font-weight:700;font-size:14px}.community-goal-time{color:var(--color-muted);font-size:12px}.community-goal-label{font-size:15px;font-weight:600;line-height:1.4}.community-goal-bar{display:block;height:12px;border-radius:999px;background-color:var(--color-bg);border:1px solid var(--color-panel-border);overflow:hidden}.community-goal-bar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--color-twitch),#a970ff);transition:width .4s ease}.community-goal-bar.is-reached .community-goal-bar-fill{background:linear-gradient(90deg,#2e7d32,#43a047)}.community-goal-progress{font-size:13px;font-variant-numeric:tabular-nums}.community-goal-mine{color:var(--color-muted);font-size:13px}.community-goal-mine.is-qualified{color:var(--color-accent-text);font-weight:600}.community-goal-podium{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-sm);font-size:13px}.community-goal-podium-item{display:flex;align-items:center;gap:var(--space-sm)}.community-goal-podium-item.is-mine{font-weight:700}.community-goal-podium-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-goal-podium-count{font-variant-numeric:tabular-nums;color:var(--color-muted)}.community-goal-details{font-size:13px;padding-top:var(--space-sm);border-top:1px solid var(--color-panel-border)}.community-goal-details summary{cursor:pointer;min-height:32px;display:flex;align-items:center;color:var(--color-accent-text);font-weight:600}.community-goal-rewards,.community-goal-history{margin:var(--space-sm) 0 0;padding-left:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.community-goal-history .is-missed{color:var(--color-muted)}.community-goal-note{margin:var(--space-sm) 0 0;color:var(--color-muted);font-size:12px}.chat-online-wrap .online-users-panel{max-width:calc(100vw - 2 * var(--space-lg))}@media (max-width:700px){.stats-section,.community-goal-details{display:none}}