.sf-themed{--sf-bg:#10131c;--sf-surface:#1a1e2b;--sf-soft:#232839;--sf-ink:#f5f4fa;--sf-muted:#a8afc2;--sf-border:#343b50;--sf-primary:#ad8dff;--sf-secondary:#52d9bb;--sf-on-primary:#10141d;color:var(--sf-ink);background:var(--sf-bg);min-height:100vh;color-scheme:dark}
.sf-home{font-family:inherit}.sf-home-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 4%;border-bottom:1px solid var(--sf-border);background:var(--sf-surface)}.sf-channel-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--sf-ink)}.sf-channel-brand>span{display:grid;place-items:center;width:48px;height:48px;background:var(--sf-primary);color:var(--sf-on-primary);border-radius:16px;font-weight:800}.sf-channel-brand div{display:grid;gap:5px}.sf-channel-brand strong{font-size:19px}.sf-channel-brand small{color:var(--sf-muted);font-size:11px}.sf-home-header nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:12px}.sf-home a{color:inherit}.sf-home-header button:not(.a-btn){border:1px solid var(--sf-border);color:var(--sf-ink);padding:9px 12px;background:var(--sf-soft);border-radius:8px;cursor:pointer}.sf-signed-in{color:var(--sf-muted)}.sf-home-main{max-width:1640px;padding:30px 4%;margin:auto}.sf-home-footer{display:flex;justify-content:center;gap:5px;color:var(--sf-muted);font-size:12px;padding:28px}.sf-home h1{font-size:36px;letter-spacing:-1.5px;line-height:1.15;margin:10px 0}.sf-home p{line-height:1.6}.sf-home .a-kicker,.sf-broadcast-display .a-kicker{color:var(--sf-muted)}.sf-card{border:1px solid var(--sf-border);background:var(--sf-surface);border-radius:18px;min-width:0;overflow:hidden}.sf-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--sf-border)}.sf-themed .a-btn{border-color:var(--sf-border);background:var(--sf-soft);color:var(--sf-ink);cursor:pointer}.sf-themed .a-btn.a-dark{background:var(--sf-primary);border-color:var(--sf-primary);color:var(--sf-on-primary)}.sf-themed .a-btn.a-danger{color:#eb858e}.sf-themed .a-btn:disabled{opacity:.45;cursor:not-allowed}.sf-themed input,.sf-themed select,.sf-themed textarea{background:var(--sf-soft);color:var(--sf-ink);border:1px solid var(--sf-border);border-radius:8px;padding:11px;font:inherit;min-width:0}.sf-themed input[type=checkbox]{width:18px;height:18px;accent-color:var(--sf-primary)}.sf-themed input[type=color]{padding:4px;width:100%;height:44px}.sf-themed .a-form label{color:var(--sf-ink)}.sf-themed .a-form small,.sf-themed .a-note{color:var(--sf-muted)}.sf-themed .a-form-title h3{color:var(--sf-ink)}.sf-themed .a-fields{flex-wrap:wrap}.sf-themed .a-avatar{background:var(--sf-soft);color:var(--sf-secondary)}.sf-themed .a-pill{background:var(--sf-soft);color:var(--sf-secondary)}.sf-themed .a-panel-link{display:block;padding:18px 22px;color:var(--sf-secondary);border-color:var(--sf-border)}
.sf-host-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.sf-host-intro p{color:var(--sf-muted);font-size:13px}.sf-invite-inline{min-width:280px;max-width:440px;flex:1}.sf-invite-inline>label{display:block;font-size:10px;color:var(--sf-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:9px}.sf-invite-inline>div{display:flex;gap:8px}.sf-invite-inline input{width:100%;font-size:12px;flex:1}.sf-invite-inline .a-btn{font-size:12px;flex-shrink:0}.sf-picker-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.sf-picker-heading h2{font-size:23px;margin:8px 0 0}.sf-picker-heading>span{font-size:12px;color:var(--sf-muted)}.sf-game-picker{display:flex;gap:10px;overflow-x:auto;padding:18px 0 10px;scrollbar-width:thin;scrollbar-color:var(--sf-primary) transparent}.sf-game-picker button{border:1px solid var(--sf-border);background:var(--sf-surface);color:var(--sf-ink);border-radius:14px;flex:0 0 126px;display:grid;justify-items:start;gap:9px;padding:13px;text-align:left;cursor:pointer}.sf-game-picker .sf-game-icon{width:44px;height:44px}.sf-game-picker strong{font-size:12px}.sf-game-picker small{font-size:10px;color:var(--sf-muted)}.sf-game-picker button[aria-pressed=true]{border-color:var(--sf-primary);box-shadow:inset 0 0 0 1px var(--sf-primary);background:var(--sf-soft)}.sf-host-tabs{display:flex;align-items:center;gap:10px;margin:24px 0 20px;flex-wrap:wrap}.sf-host-tabs button{border:1px solid var(--sf-border);background:var(--sf-soft);color:var(--sf-ink);border-radius:8px;padding:11px 16px;font-size:12px;cursor:pointer}.sf-host-tabs button[aria-pressed=true]{background:var(--sf-primary);color:var(--sf-on-primary)}.sf-host-tabs>a{margin-left:auto;color:var(--sf-secondary);font-size:12px}.sf-host-stage{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.sf-stage-game .a-puzzle{padding:25px 25px 15px}.sf-stage-game h2{font-size:30px}.sf-stage-game .a-game-status{padding:16px 22px}.sf-stage-game .a-options{padding:0 22px 20px}.sf-stage-game .a-answer-form{padding:0 22px}.sf-stage-game .a-game-waiting{padding:35px 24px}.sf-stage-game .a-host-controls{padding:20px 22px;flex-wrap:wrap}.sf-stage-game .a-game-bottom{padding:16px 22px}.sf-stage-game .a-wordlock-layout{display:block}.sf-stage-game .a-chat-progress,.sf-stage-game .xp-code-chat{display:none}.sf-stage-game .xp-puzzle-layout{display:block}.sf-live-rail{display:grid;gap:18px}.sf-progress h3,.sf-live-leaderboard h3{font-size:20px;letter-spacing:-.5px;margin:18px 22px 12px}.sf-live-dot{color:var(--sf-secondary);font-size:10px;white-space:nowrap}.sf-progress-numbers{display:flex;align-items:center;gap:12px;padding:0 22px 12px}.sf-progress-numbers strong{font-size:36px;color:var(--sf-primary)}.sf-progress-numbers small{font-size:20px;color:var(--sf-muted)}.sf-progress-numbers>span{font-size:11px;max-width:90px;color:var(--sf-muted)}.sf-progress progress{display:block;width:calc(100% - 44px);height:9px;border:0;border-radius:20px;overflow:hidden;margin:0 22px 16px;accent-color:var(--sf-secondary);background:var(--sf-soft)}.sf-progress progress::-webkit-progress-bar{background:var(--sf-soft)}.sf-progress progress::-webkit-progress-value{background:var(--sf-secondary)}.sf-progress-stats{display:flex;justify-content:space-between;padding:0 22px 15px;gap:12px;font-size:10px;color:var(--sf-muted)}.sf-progress-stats b{color:var(--sf-ink);font-size:14px;margin-right:3px}.sf-shared-clues{padding:14px 22px;border-top:1px solid var(--sf-border);background:var(--sf-soft)}.sf-shared-clues>span{font-size:9px;color:var(--sf-muted);letter-spacing:1.3px}.sf-shared-clues>strong{display:block;font-size:28px;color:var(--sf-secondary);margin:7px 0}.sf-shared-clues small{font-size:16px}.sf-shared-clues p{font-size:11px;color:var(--sf-muted)}.sf-chat-activity{padding:5px 22px 0}.sf-chat-activity>div{display:flex;gap:9px;align-items:center;padding:10px 0;border-top:1px solid var(--sf-border);font-size:11px}.sf-chat-activity strong{font-size:11px}.sf-chat-activity>div>span:last-child{margin-left:auto;color:var(--sf-muted);font-size:10px}.sf-small-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--sf-soft);color:var(--sf-primary)}.sf-clue-pattern{display:flex;gap:3px}.sf-clue-pattern i{display:block;width:12px;height:14px;border-radius:3px;background:#697180}.sf-clue-pattern i.clue-correct{background:#82aa5c}.sf-clue-pattern i.clue-present{background:#c2af62}.sf-privacy-note{padding:12px 22px 18px;font-size:10px;color:var(--sf-muted)}.sf-team-discoveries{padding:14px 22px;font-size:12px;color:var(--sf-secondary)}.sf-live-leaderboard ol{list-style:none;padding:0 22px;margin:0}.sf-live-leaderboard li{display:flex;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--sf-border);font-size:11px}.sf-live-leaderboard li>span{color:var(--sf-primary);width:20px}.sf-live-leaderboard b{margin-left:auto;color:var(--sf-secondary);font-size:14px}.sf-live-leaderboard small{font-size:9px;color:var(--sf-muted)}.sf-live-leaderboard>p{padding:12px 22px 18px;font-size:10px;color:var(--sf-muted)}.sf-between-games{text-align:center;padding:42px 24px}.sf-between-games>.sf-game-icon{width:85px;height:85px}.sf-between-games h2{margin:20px 0 12px;font-size:27px}.sf-between-games p{color:var(--sf-muted);max-width:580px;margin:10px auto 22px;font-size:13px}.sf-empty-rail{padding:25px;color:var(--sf-muted)}.sf-host-config,.sf-host-moderation,.sf-display-link{margin-top:20px}.sf-host-config>summary,.sf-host-moderation>summary,.sf-display-link>summary{padding:18px 22px;cursor:pointer;font-size:13px;font-weight:600}.sf-host-moderation .a-player-list{padding:0 22px 20px}.sf-display-link p,.sf-display-link input,.sf-display-link .a-btn{margin:0 22px 18px}.sf-display-link p{font-size:12px;color:var(--sf-muted)}.sf-display-link input{width:calc(100% - 44px)}.sf-theme-editor{border:1px solid var(--sf-border);border-radius:12px;padding:20px;display:grid;gap:18px}.sf-theme-editor legend{color:var(--sf-primary);font-size:14px;padding:0 8px}.sf-theme-editor .sf-checkbox{display:flex;align-items:center;gap:10px}.sf-page-settings{max-width:950px}.sf-home .a-sandbox{color:var(--sf-muted);border-color:var(--sf-border)}
.sf-channel-hero{grid-area:hero;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--sf-border);padding-bottom:24px}.sf-channel-hero p{font-size:13px;color:var(--sf-muted);max-width:600px}.sf-channel-spotlight{display:flex;align-items:center;gap:14px;min-width:220px}.sf-channel-spotlight .sf-game-icon{width:65px;height:65px}.sf-channel-spotlight div{display:grid;gap:7px}.sf-channel-spotlight small{font-size:9px;letter-spacing:1.6px;color:var(--sf-secondary)}.sf-channel-spotlight strong{font-size:19px}.sf-channel-spotlight span{font-size:11px;color:var(--sf-muted)}.sf-viewer-main{display:grid;grid-template-columns:minmax(400px,1.1fr) minmax(0,1fr);gap:22px;grid-template-areas:'hero hero' 'banner banner' 'ranks ranks' 'video game' 'about game';align-items:start}.sf-welcome-banner{grid-area:banner;border:1px solid var(--sf-border);background:var(--sf-soft);padding:14px 18px;border-radius:10px;color:var(--sf-secondary);font-size:12px}.sf-video{grid-area:video;min-height:300px;aspect-ratio:16/9;margin:0!important;border:1px solid var(--sf-border);border-radius:18px;overflow:hidden;background:#0d1017}.sf-video iframe{width:100%;height:100%;min-height:300px;border:0;display:block}.sf-viewer-game{grid-area:game}.sf-viewer-game .a-wordlock-layout{display:block}.sf-viewer-game .a-puzzle{padding:22px}.sf-viewer-game .a-options{padding:0 22px 20px}.sf-viewer-game .a-answer-form{padding:0 22px;flex-wrap:wrap}.sf-viewer-game .a-game-waiting{padding:25px}.sf-viewer-about{grid-area:about;padding:22px}.sf-viewer-about h3{margin:10px 0;font-size:20px}.sf-viewer-about p{font-size:12px;color:var(--sf-muted);margin-bottom:15px}.sf-viewer-about a{color:var(--sf-secondary);font-size:12px}.sf-viewer-ranks{grid-area:ranks;display:grid;grid-template-columns:2fr 1fr;gap:22px}.sf-viewer-ranks .sf-live-rail{grid-template-columns:1fr 1fr}.sf-viewer-ranks>.sf-card{padding:22px}.sf-themed .a-ranks li{border-color:var(--sf-border);color:var(--sf-ink)}.sf-themed .a-ranks b{color:var(--sf-secondary)}.sf-themed .a-stream-placeholder{background:var(--sf-soft);color:var(--sf-ink);min-height:300px;display:grid;gap:18px;padding:30px}.sf-themed .a-stream-placeholder .a-note{color:var(--sf-muted)}
.sf-bingo-panel{padding-bottom:22px}.sf-bingo-heading{display:flex;gap:15px;align-items:center;padding:24px}.sf-bingo-heading .sf-game-icon{width:58px;height:58px}.sf-bingo-heading h2{font-size:24px;margin:8px 0}.sf-bingo-heading p{font-size:12px;color:var(--sf-muted)}.sf-bingo-latest{margin:0 22px 20px;padding:16px;background:var(--sf-soft);border-radius:10px}.sf-bingo-latest small{display:block;font-size:9px;color:var(--sf-muted);margin-bottom:6px}.sf-bingo-latest strong{color:var(--sf-secondary)}.sf-bingo-calls>summary,#sf-host-bingo-board>summary{cursor:pointer;padding:16px 22px;font-size:13px}.sf-bingo-calls>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 22px;max-height:260px;overflow-y:auto}.sf-bingo-calls button{background:var(--sf-soft);border:1px solid var(--sf-border);color:var(--sf-ink);font-size:11px;line-height:1.5;border-radius:8px;padding:12px;cursor:pointer}.sf-bingo-calls button:disabled{opacity:.4}.sf-bingo-message{padding:14px 22px;font-size:12px;color:var(--sf-secondary);text-align:center}
.sf-broadcast-display{padding:25px 30px}.sf-broadcast-display>header{display:flex;gap:18px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 0 24px;color:var(--sf-muted);font-size:13px}.sf-broadcast-display>header strong{color:var(--sf-primary);font-size:22px}.sf-broadcast-display .sf-host-stage{grid-template-columns:minmax(0,1fr) 330px}.sf-broadcast-mode .sf-host-intro,.sf-broadcast-mode .sf-host-picker,.sf-broadcast-mode .sf-host-tabs,.sf-broadcast-mode .sf-host-config,.sf-broadcast-mode .sf-host-moderation,.sf-broadcast-mode .sf-display-link,.sf-broadcast-mode .a-sandbox,.sf-broadcast-mode .sf-home-footer{display:none}.sf-broadcast-mode .sf-host-stage{margin-top:0}.sf-broadcast-mode .sf-home-header{padding:14px 4%}.sf-broadcast-mode .sf-home-header nav>*:not([data-arcade=broadcast-mode]){display:none}.sf-broadcast-mode .sf-stage-game .a-host-secret{display:none}.sf-broadcast-mode .sf-stage-game .a-answer-form input{max-width:500px}
.pg-broadcast-stage{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start;border-radius:18px;padding:18px;margin-bottom:14px;min-height:0}.pg-broadcast-stage.sf-themed .pg-live-panel{background:var(--sf-surface);border-color:var(--sf-border)}.pg-broadcast-stage .sf-live-rail{font-size:12px}.pg-broadcast-stage .sf-progress h3,.pg-broadcast-stage .sf-live-leaderboard h3{font-size:18px}.pg-broadcast-stage .a-chat-progress,.pg-broadcast-stage .xp-code-chat{display:none}.pg-broadcast-stage .a-wordlock-layout,.pg-broadcast-stage .xp-puzzle-layout{display:block}.pg-broadcast-stage .pg-role-note{color:var(--sf-muted)}.pg-page[data-view=streamer] .pg-views{max-width:none}.pg-page[data-view=both] .pg-broadcast-stage{grid-template-columns:1fr}.pg-page[data-view=both] .pg-broadcast-stage .sf-live-rail{grid-template-columns:1fr 1fr}.pg-broadcast-stage .pg-example-help{background:var(--sf-soft);border-color:var(--sf-border)}.pg-broadcast-stage .pg-example-help p{color:var(--sf-muted)}.pg-broadcast-stage .pg-example-help>span{color:var(--sf-secondary)}.pg-broadcast-stage .pg-session-name{color:var(--sf-ink)}
@media(max-width:1150px){.sf-home-header{align-items:start;flex-wrap:wrap}.sf-home-header nav{width:100%}.sf-viewer-main{grid-template-columns:minmax(0,1fr);grid-template-areas:'hero' 'banner' 'video' 'ranks' 'game' 'about'}.sf-viewer-ranks{grid-template-columns:1fr}.sf-host-stage,.sf-broadcast-display .sf-host-stage{grid-template-columns:minmax(0,1fr) 290px}.sf-channel-hero{align-items:start}.sf-host-intro{align-items:start;flex-wrap:wrap}.sf-invite-inline{max-width:none}.pg-broadcast-stage{grid-template-columns:1fr}.pg-broadcast-stage .sf-live-rail{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sf-home-header{padding:18px 16px;gap:16px}.sf-home-header nav{gap:12px;font-size:11px}.sf-channel-brand strong{font-size:17px}.sf-home-main{padding:24px 16px}.sf-home h1{font-size:29px}.sf-host-stage,.sf-broadcast-display .sf-host-stage{grid-template-columns:minmax(0,1fr)}.sf-live-rail{grid-template-columns:1fr}.sf-channel-hero{display:grid;gap:20px}.sf-channel-spotlight{min-width:0}.sf-picker-heading{display:grid;gap:10px}.sf-game-picker button{flex-basis:112px}.sf-host-tabs>a{margin-left:0;width:100%;padding:8px 0}.sf-viewer-ranks .sf-live-rail{grid-template-columns:1fr}.sf-stage-game .a-answer-form{flex-wrap:wrap}.sf-stage-game .a-options{grid-template-columns:1fr}.sf-stage-game h2{font-size:26px}.sf-home input,.sf-home textarea,.sf-home select{font-size:16px}.sf-invite-inline{min-width:0;width:100%}.sf-invite-inline>div{flex-wrap:wrap}.sf-invite-inline input{width:100%;flex-basis:100%}.sf-broadcast-display{padding:18px 16px}.sf-theme-editor .a-fields{display:grid;grid-template-columns:1fr}.sf-bingo-calls>div{grid-template-columns:1fr 1fr}.sf-video{aspect-ratio:auto;min-height:300px}.sf-video iframe{min-width:0}.pg-broadcast-stage{padding:12px}.pg-broadcast-stage .sf-live-rail,.pg-page[data-view=both] .pg-broadcast-stage .sf-live-rail{grid-template-columns:1fr}.sf-home-header button,.sf-home .a-btn{min-height:44px}.sf-broadcast-mode .sf-home-header nav{width:auto}}
.sf-themed .xp-game{color:#242b24;background:#f9faf5}.sf-themed .xp-game .a-game-status{background:var(--sf-surface);color:var(--sf-muted);border-color:var(--sf-border)}.sf-themed .a-game-waiting{color:#242b24}.sf-themed .sf-stage-game>.sf-card-heading{color:var(--sf-ink)}.sf-themed .xp-game .a-game-bottom{background:var(--sf-surface);color:var(--sf-muted);border-color:var(--sf-border)}.sf-themed .sf-stage-game .a-word-guesses{color:#242b24}.sf-themed .xp-game input{background:#ffffff;color:#232923;border-color:#ccd1c2}.sf-themed .xp-game .a-answer-help{color:#69765a}.sf-themed .xp-game .a-puzzle h2{color:#232923}.pg-twitch-preview{min-height:160px;display:grid;align-content:center;gap:12px;padding:24px;border-radius:14px;background:linear-gradient(140deg,#261b3b,#181e2a);color:#f7f1ff;border:1px solid #4c3b65}.pg-twitch-preview .a-kicker{color:#bc9ee8}.pg-twitch-preview strong{font-size:24px}.pg-twitch-preview p{font-size:12px;color:#c5bdd2;line-height:1.6}.pg-page[data-view=streamer] .pg-game-menu{display:none}.pg-page[data-view=streamer] .pg-layout{grid-template-columns:1fr}.pg-broadcast-stage .sf-card{color:var(--sf-ink)}
.sf-live-rail .sf-card-heading{padding:11px 16px}.sf-live-rail .sf-progress h3,.sf-live-rail .sf-live-leaderboard h3{margin:12px 16px 9px;font-size:18px}.sf-live-rail .sf-progress-numbers{padding:0 16px 8px}.sf-live-rail .sf-progress-numbers strong{font-size:30px}.sf-live-rail .sf-progress progress{margin:0 16px 10px;width:calc(100% - 32px)}.sf-live-rail .sf-progress-stats{padding:0 16px 10px}.sf-live-rail .sf-chat-activity{padding:0 16px;max-height:108px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sf-border) transparent}.sf-live-rail .sf-chat-activity>div{padding:6px 0}.sf-live-rail .sf-small-avatar{width:20px;height:20px}.sf-live-rail .sf-privacy-note{padding:8px 16px 12px;font-size:9px}.sf-live-rail .sf-live-leaderboard ol{padding:0 16px;max-height:160px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sf-border) transparent}.sf-live-rail .sf-live-leaderboard li{padding:8px 0}.sf-live-rail .sf-live-leaderboard>p{padding:9px 16px 12px;font-size:9px}.sf-live-rail .sf-shared-clues{padding:12px 16px}.sf-live-rail .sf-shared-clues>strong{font-size:24px;margin:5px 0}.sf-live-rail .sf-shared-clues p{font-size:10px}
.sf-selected-game-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 0 0}.sf-selected-game-actions>span{font-size:12px;color:var(--sf-muted)}
.sf-broadcast-mode .a-host-controls,.pg-page[data-view=streamer] .a-host-controls{position:fixed;z-index:30;bottom:16px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:10px 14px!important;border:1px solid var(--sf-border,#343b50);border-radius:14px;background:var(--sf-surface,#1a1e2b);box-shadow:0 8px 30px #0004;max-width:calc(100vw - 32px);width:max-content}.sf-broadcast-mode .sf-host-stage{padding-bottom:85px}
.sf-viewer-main.sf-no-stream{grid-template-columns:minmax(0,1fr) 330px;grid-template-areas:'hero hero' 'banner banner' 'ranks ranks' 'game about'}
@media(max-width:1150px){.sf-viewer-main.sf-no-stream{grid-template-columns:minmax(0,1fr);grid-template-areas:'hero' 'banner' 'ranks' 'game' 'about'}}

/* The video and chat share a persistent container during live game updates. */
.sf-video{aspect-ratio:auto}.sf-twitch-video{aspect-ratio:16/9;min-height:300px}.sf-twitch-video iframe{height:100%;min-height:300px}.sf-twitch-chat{border-top:1px solid var(--sf-border);background:var(--sf-surface)}.sf-twitch-chat summary{cursor:pointer;padding:16px 20px;font-size:13px;font-weight:600}.sf-twitch-chat summary span{font-weight:400;font-size:10px;color:var(--sf-muted);margin-left:10px}.sf-twitch-chat iframe{height:330px;min-height:330px}.sf-twitch-chat p{font-size:11px;padding:12px 18px;line-height:1.6;color:var(--sf-muted)}.sf-twitch-chat a,.sf-owner-connect a,.sf-login-pending a{color:var(--sf-secondary)}.sf-login-pending{border-top:1px solid var(--sf-border);padding-top:16px;font-size:11px!important}.sf-owner-connect{font-size:12px!important;margin-top:25px!important}.sf-connect-page{max-width:950px}.sf-connect-page h1{font-size:42px;line-height:1.12}.sf-connect-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.sf-connect-steps>div{padding:22px;border:1px solid #dfe3d5;border-radius:12px;background:#fff}.sf-connect-steps strong{font-size:15px}.sf-connect-steps p{font-size:12px!important;line-height:1.7!important;margin:12px 0!important}.sf-connect-steps input{width:100%;padding:12px;border:1px solid #d9dece;border-radius:7px;font-size:12px;margin-top:14px;color:#30372b;background:#f7f8f2}.sf-connect-steps pre{padding:15px;background:#f0f2e8;font-size:12px;overflow:auto;border-radius:8px;text-align:left}.sf-connect-steps a{color:#6048a3}.sf-connect-page>.a-btn{margin:6px 8px 6px 0}@media(max-width:650px){.sf-connect-steps{grid-template-columns:1fr}.sf-connect-page h1{font-size:32px}}

/* Twitch video and chat have independent windows beside the game. */
.sf-video{display:grid;grid-template-columns:minmax(400px,1fr) minmax(280px,340px);gap:18px;background:transparent;border:0;border-radius:0;overflow:visible;align-items:stretch;min-width:0}
.sf-twitch-stream,.sf-twitch-chat{min-width:0;overflow:hidden;border-radius:16px}
.sf-twitch-stream .sf-card-heading,.sf-twitch-chat .sf-card-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;font-size:12px}
.sf-twitch-stream .sf-card-heading a,.sf-twitch-chat .sf-card-heading a{color:var(--sf-secondary);font-size:11px}
.sf-twitch-chat{display:flex;flex-direction:column;border:1px solid var(--sf-border)}
.sf-twitch-chat iframe{flex:1;width:100%;height:420px;min-height:350px}
.sf-twitch-chat p{margin:0}
.sf-host-media{margin:24px 0!important;grid-area:auto}
.sf-viewer-main .sf-video{grid-template-columns:minmax(0,1fr)}
.sf-broadcast-mode .sf-host-media{display:none}
@media(min-width:1500px){.sf-viewer-main .sf-video{grid-template-columns:minmax(400px,1fr) minmax(280px,320px)}}
@media(max-width:800px){.sf-video{grid-template-columns:minmax(0,1fr)}.sf-twitch-chat iframe{height:400px;flex:auto}.sf-twitch-stream .sf-card-heading,.sf-twitch-chat .sf-card-heading{flex-wrap:wrap}}

/* Results use a fixed light palette so dark channel themes cannot wash out text. */
.xp-game .a-game-results{background:#e7edcf;color:#242b24}
.xp-game .a-game-results h2,.xp-game .a-game-results .a-ranks strong{color:#242b24}
.xp-game .a-game-results .a-kicker,.xp-game .a-game-results .a-note,.xp-game .a-game-results .a-rank-num,.xp-game .a-game-results .a-ranks b small{color:#505a46}
.xp-game .a-game-results .a-kicker{font-size:11px;letter-spacing:1.4px}
.xp-game .a-game-results .a-ranks{padding:0;max-width:560px;margin:22px auto}
.xp-game .a-game-results .a-ranks li{color:#242b24;border-color:#b3bda2;gap:12px;padding:18px 0}
.xp-game .a-game-results .a-ranks strong{font-size:15px;line-height:1.5;overflow-wrap:anywhere;white-space:normal}
.xp-game .a-game-results .a-ranks b{color:#245c42;font-size:17px;flex-shrink:0}
.xp-game .a-game-results .a-ranks b small{font-size:12px}
.xp-game .a-game-results .a-rank-num{font-size:12px;flex-shrink:0}
.xp-game .a-game-results .a-avatar{background:#d2ddbc;color:#30432c;border-color:#9caa8a;width:32px;height:32px;font-size:11px}
.xp-game .a-game-results .a-text-link{color:#30432c;font-size:14px;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.xp-game .a-game-results .a-text-link:focus-visible{outline:3px solid #30432c;outline-offset:4px}
@media(max-width:520px){.xp-game .a-game-results{padding:24px 18px}.xp-game .a-game-results .a-ranks li{gap:9px}.xp-game .a-game-results h2{font-size:26px;line-height:1.25}}

/* A consistent countdown for host, viewer, practice, and broadcast games. */
.xp-game .a-game-status{flex-wrap:wrap}
.xp-game .a-game-status>div{flex-wrap:wrap;justify-content:flex-end}
.xp-game .a-game-status .a-round-timer{display:inline-grid;place-items:center;min-width:88px;min-height:52px;padding:8px 14px;border:2px solid #a8b59b;border-radius:12px;background:#edf2e5;color:#30432c;font-size:16px;font-weight:800;line-height:1.1;letter-spacing:0;font-variant-numeric:tabular-nums}
.xp-game .a-game-status .a-timer-counting{font-size:32px}
.xp-game .a-game-status .a-timer-urgent,.xp-game .a-game-status .a-timer-expired{background:#fff0ef;color:#a51d25;border-color:#c52b34;font-size:38px;box-shadow:0 0 0 3px #c52b3420}
.xp-game .a-game-status .a-timer-urgent{animation:round-timer-warning 1s ease-in-out infinite}
@keyframes round-timer-warning{0%,100%{background:#fff0ef;color:#a51d25;box-shadow:0 0 0 3px #c52b3420}50%{background:#a51d25;color:#fff;border-color:#a51d25;box-shadow:0 0 0 5px #c52b3430}}
@media(prefers-reduced-motion:reduce){.xp-game .a-game-status .a-timer-urgent{animation:none}}

.sf-streamer-tag{display:inline-block;font-size:10px;font-weight:600;color:var(--sf-ink);background:var(--sf-soft);border:1px solid var(--sf-border);border-radius:4px;padding:2px 5px;margin-left:4px}

/* Show the complete lineup without hiding games in a horizontal strip. */
.sf-game-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));overflow:visible;gap:12px;padding:18px 0 10px}
.sf-game-picker button{min-width:0;min-height:138px;align-content:start;grid-template-rows:44px auto 1fr;padding:16px;gap:10px}
.sf-game-picker strong{font-size:14px;line-height:1.4}
.sf-game-picker small{font-size:12px;align-self:end;line-height:1.4}
.sf-picker-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 20px}
.sf-picker-actions>span{font-size:12px;color:var(--sf-muted)}
.sf-picker-actions .sf-bingo-shortcut{font-size:13px;white-space:nowrap;border-color:var(--sf-primary);color:var(--sf-ink)}
@media(max-width:760px){.sf-picker-actions{justify-content:flex-start}.sf-game-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-game-picker button{padding:14px;min-height:138px}}

.sf-stream-help{font-size:13px;color:var(--sf-muted);padding:14px 18px;border:1px solid var(--sf-border);border-radius:10px;background:var(--sf-surface)}
.sf-privacy-mode .xp-game input[name=answer]:not([type=hidden]){-webkit-text-security:disc;color:#242b24}
.sf-privacy-mode .xp-game .a-word-guesses span,.sf-privacy-mode .xp-game .a-submitted,.sf-privacy-mode .xp-game .a-round-feedback,.sf-privacy-mode .xp-game .a-answer-error,.sf-privacy-mode .a-host-secret,.sf-privacy-mode [data-secret-words],.sf-privacy-mode .xp-code-slots,.sf-privacy-mode .xp-code-history,.sf-privacy-mode .xp-group-history{visibility:hidden;user-select:none}
.sf-privacy-mode .xp-game .a-options .chosen{outline:none;background:inherit;box-shadow:none}
.sf-privacy-mode .xp-game .xp-category-grid [aria-pressed=true]{outline:none;background:inherit;color:inherit;box-shadow:none}
.sf-privacy-mode .xp-game [data-letter].letter-used{opacity:1;visibility:visible}
.sf-privacy-mode .xp-game .a-host-secret{display:none}
.sf-privacy-mode [data-arcade=privacy-mode]{border-color:var(--sf-primary)!important;background:var(--sf-primary)!important;color:var(--sf-on-primary)!important}
.xp-game .a-game-status .a-timer-pause{font-size:13px;min-height:44px}

.sf-privacy-mode .xp-game .a-word-guesses span{visibility:visible;color:transparent!important;text-shadow:none!important}

.sf-moments{display:grid;gap:14px;min-width:0}.sf-moments-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.sf-moments-heading strong{font-size:16px}.sf-moments-heading p,.sf-moments>p{color:var(--sf-muted);font-size:13px;line-height:1.6;margin:5px 0 0}.sf-moments-heading>span{white-space:nowrap;background:var(--sf-soft);border:1px solid var(--sf-border);padding:7px 10px;border-radius:20px;font-size:12px}.sf-moments [data-moment-rows]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:460px;overflow:auto;padding:2px}.sf-moment-row{display:flex;align-items:center;gap:8px;min-width:0}.sf-moment-row>span{width:24px;flex-shrink:0;text-align:center;color:var(--sf-muted);font-size:12px}.sf-themed .sf-moment-row input{width:100%;font-size:14px;min-height:44px}.sf-moment-row .a-btn{padding:8px;min-width:36px;min-height:44px;font-size:20px}.sf-moments>[data-moment-add]{justify-self:start;min-height:44px}.sf-moments details{border-top:1px solid var(--sf-border);padding-top:14px}.sf-moments summary{cursor:pointer;font-size:13px}.sf-moments details label{margin-top:14px}.sf-moments textarea{width:100%;line-height:1.8;font-size:14px}.sf-moment-row input:focus-visible{outline:2px solid var(--sf-primary);outline-offset:2px}@media(max-width:760px){.sf-moments [data-moment-rows]{grid-template-columns:1fr}.sf-themed .sf-moment-row input{font-size:16px}.sf-moments-heading{flex-wrap:wrap}}

.sf-matrix-page{position:relative;isolation:isolate}.sf-channel-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none;color:#55e890;opacity:.16;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 80%,transparent)}.sf-channel-background>span{position:absolute;left:calc(var(--column)*3.225%);top:-110%;font:13px/1.85 ui-monospace,monospace;text-shadow:0 0 8px #44d683;animation:sf-matrix-fall var(--fall) linear infinite;animation-delay:var(--offset);will-change:transform}.sf-matrix-page .sf-home-header,.sf-matrix-page .sf-card{background:var(--sf-surface)}.sf-basic-background .sf-channel-background{display:none}.sf-basic-background .sf-channel-background>span{animation:none}@keyframes sf-matrix-fall{from{transform:translateY(-25%)}to{transform:translateY(240%)}}@media(prefers-reduced-motion:reduce){.sf-channel-background>span{animation:none;top:-20%;transform:none}.sf-channel-background{opacity:.08}}@media(max-width:760px){.sf-channel-background>span:nth-child(even){display:none}}

.sf-game-guide{margin-top:12px;border:1px solid var(--sf-border);border-radius:14px;background:var(--sf-surface);color:var(--sf-ink);overflow:hidden}
.sf-game-guide summary{padding:16px 20px;cursor:pointer;font-size:15px;font-weight:700;min-height:52px}
.sf-game-guide summary span{display:inline-block;margin-left:16px;font-size:12px;font-weight:400;color:var(--sf-muted)}
.sf-game-guide summary:focus-visible{outline:3px solid var(--sf-primary);outline-offset:-4px}
.sf-game-guide-body{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid var(--sf-border);padding:22px}
.sf-game-guide-body h3{font-size:16px;margin:0 0 12px}
.sf-game-guide-body ol{padding-left:22px;margin:0}
.sf-game-guide-body li{font-size:14px;line-height:1.7;margin-bottom:10px}
.sf-game-guide-body p{font-size:13px;line-height:1.7;color:var(--sf-muted);margin-top:14px}
@media(max-width:760px){.sf-game-guide-body{grid-template-columns:1fr;gap:22px;padding:18px}.sf-game-guide summary span{display:block;margin:6px 0 0}}

.xp-typeracer .a-puzzle h2{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.65;white-space:pre-wrap;text-align:left;padding:1.2rem;border:1px solid var(--sf-border);border-radius:16px;background:#edf0e5;color:#232923}
.xp-typeracer .a-answer-form input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;min-width:0;width:100%}
.xp-typeracer [data-typing-progress]{color:#426234;font-variant-numeric:tabular-nums}
.a-typing-standings{margin-block:1.5rem}

.sf-nudge-name{min-width:0}.sf-nudge-name button{font:inherit;color:inherit;border:0;background:transparent;padding:3px 0;cursor:pointer;text-align:left}.sf-nudge-name button:hover{color:var(--sf-primary)}.sf-nudge-name button:focus-visible{outline:2px solid var(--sf-primary);outline-offset:3px}.sf-shake-1{animation:sf-nudge-small .18s linear 16}.sf-shake-2{animation:sf-nudge-medium .12s linear 24}.sf-shake-3{animation:sf-nudge-big .08s linear 36}@keyframes sf-nudge-small{25%{transform:translateX(-1px)}75%{transform:translateX(1px)}}@keyframes sf-nudge-medium{25%{transform:translate(-3px,1px) rotate(-2deg)}75%{transform:translate(3px,-1px) rotate(2deg)}}@keyframes sf-nudge-big{25%{transform:translate(-5px,2px) rotate(-4deg)}75%{transform:translate(5px,-2px) rotate(4deg)}}@media(prefers-reduced-motion:reduce){.sf-nudge-name{animation:none}.sf-shake-1,.sf-shake-2,.sf-shake-3{color:var(--sf-primary)}}

/* Readable pre-game instructions in the center of the playing surface. */
.a-game-waiting .sf-lobby-instructions,.xp-puzzle-lobby .sf-lobby-instructions{width:100%;max-width:620px;margin:24px auto 0;text-align:left;padding:24px;border:1px solid #d9dfd0;border-radius:16px;background:#fff;color:#242b24;box-sizing:border-box}
.sf-lobby-instructions h3{font-size:22px;line-height:1.3;margin:0 0 16px;text-align:center;letter-spacing:-.3px}
.sf-lobby-instructions ol{margin:0;padding-left:24px}
.sf-lobby-instructions li{font-size:16px;line-height:1.65;padding-left:4px;margin:10px 0;overflow-wrap:anywhere}
.a-game-waiting .sf-lobby-instructions p,.xp-puzzle-lobby .sf-lobby-instructions p{max-width:none;font-size:14px;line-height:1.65;color:#526047;margin:18px 0 0;padding-top:16px;border-top:1px solid #e2e7dc}
.sf-lobby-host-tip strong{display:block;margin-bottom:4px;color:#242b24}
.a-game-waiting h2,.xp-puzzle-lobby h2{font-size:clamp(26px,3vw,32px);line-height:1.25}
.a-game-waiting>p,.a-game-waiting>p:last-child,.xp-puzzle-lobby>p{font-size:16px;line-height:1.65;color:#526047;max-width:580px}
.xp-game .a-join-prompt p{font-size:14px;line-height:1.6;color:#526047}
.xp-game .a-host-controls .a-btn,.xp-game .a-join-prompt .a-btn{font-size:15px;line-height:1.4;min-height:44px}
.xp-game .a-game-status,.xp-game .a-game-bottom{font-size:12px;line-height:1.5}
.xp-game .a-live-dot{font-size:12px}
.xp-game .a-game-status b{font-size:13px}
@media(max-width:600px){.a-game-waiting .sf-lobby-instructions,.xp-puzzle-lobby .sf-lobby-instructions{padding:20px 16px}.sf-lobby-instructions h3{font-size:20px}.sf-lobby-instructions li{font-size:16px}.xp-game .a-game-status{flex-wrap:wrap}}

.sf-live-leaderboard li:is(.sf-place-1,.sf-place-2,.sf-place-3){margin:6px 0;padding:12px;border:1px solid;border-radius:10px}
.sf-live-leaderboard li.sf-place-1{background:#e7b83220;border-color:#c99c32;box-shadow:inset 4px 0 #e7b832}
.sf-live-leaderboard li.sf-place-2{background:#a9b9d21a;border-color:#8596af}
.sf-live-leaderboard li.sf-place-3{background:#c38b6020;border-color:#b27a4c}
.sf-live-leaderboard li:is(.sf-place-1,.sf-place-2,.sf-place-3)>span{width:auto;min-width:48px;color:var(--sf-ink);font-weight:800;white-space:nowrap}
.sf-live-leaderboard li.sf-place-1 strong{font-size:13px}

/* Keep watching and playing ahead of supporting community stats. */
.sf-viewer-main{gap:16px;grid-template-areas:'hero hero' 'banner banner' 'video game' 'ranks ranks' 'about about';padding-top:16px}
.sf-viewer-main .sf-channel-hero{padding-bottom:12px;gap:16px}
.sf-viewer-main .sf-channel-hero h1{font-size:26px;margin:5px 0}
.sf-viewer-main .sf-channel-hero p{margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sf-viewer-main .sf-welcome-banner{padding:9px 14px}
.sf-viewer-main.sf-no-stream{grid-template-areas:'hero hero' 'banner banner' 'game about' 'ranks ranks'}
@media(max-width:1150px){
  .sf-viewer-main,.sf-viewer-main.sf-no-stream{grid-template-columns:minmax(0,1fr);grid-template-areas:'hero' 'banner' 'game' 'video' 'ranks' 'about'}
  .sf-viewer-main.sf-no-stream{grid-template-areas:'hero' 'banner' 'game' 'ranks' 'about'}
  .sf-viewer-main #live-game,.sf-viewer-main .sf-twitch-stream,.sf-viewer-main .sf-twitch-chat{height:auto!important;max-height:none;resize:none}
}

/* Compact host workspace: keep the game and its controls near the fold. */
.sf-studio-home .sf-home-header{padding:12px 2.5%;gap:16px}
.sf-studio-main{padding:20px 2.5%}
.sf-studio-main .sf-host-intro{gap:20px;margin-bottom:18px}
.sf-studio-main .sf-host-intro h1{font-size:28px;letter-spacing:-1px;margin:5px 0}
.sf-studio-main .sf-host-intro p{margin:4px 0 0;font-size:12px}
.sf-studio-main .sf-invite-inline>label{margin-bottom:6px}
.sf-studio-main .sf-host-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center}
.sf-studio-main .sf-picker-heading,.sf-studio-main .sf-game-picker{grid-column:1/-1}
.sf-studio-main .sf-picker-heading{align-items:center;gap:12px}
.sf-studio-main .sf-picker-heading .a-kicker{display:none}
.sf-studio-main .sf-picker-heading h2{font-size:18px;margin:0}
.sf-studio-main .sf-picker-actions{gap:8px 12px}
.sf-studio-main .sf-picker-actions .a-btn{font-size:12px;padding:8px 12px}
.sf-studio-main .sf-game-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:0;margin:0}
.sf-studio-main .sf-game-picker button{grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;row-gap:2px;align-content:center;min-height:66px;padding:10px;border-radius:10px}
.sf-studio-main .sf-game-picker .sf-game-icon{grid-row:1/3;width:32px;height:32px;align-self:center}
.sf-studio-main .sf-game-picker strong{font-size:12px;line-height:1.3;align-self:end}
.sf-studio-main .sf-game-picker small{font-size:10px;line-height:1.3;align-self:start}
.sf-studio-main .sf-game-picker button:focus-visible{outline:2px solid var(--sf-primary);outline-offset:2px}
.sf-studio-main .sf-game-guide{margin:0;border:0;background:transparent;border-radius:8px;min-width:0}
.sf-studio-main .sf-game-guide summary{padding:8px 0;min-height:36px;font-size:12px}
.sf-studio-main .sf-game-guide summary span{font-size:11px;margin-left:10px}
.sf-studio-main .sf-game-guide[open]{grid-column:1/-1}
.sf-studio-main .sf-game-guide-body{padding:14px 0;gap:20px}
.sf-studio-main .sf-selected-game-actions{gap:10px;padding:0;justify-content:flex-end}
.sf-studio-main .sf-selected-game-actions .a-btn{font-size:12px;padding:9px 12px}
.sf-studio-main .sf-stream-help{margin:8px 0;padding:8px 12px;font-size:11px}
.sf-studio-main .sf-host-tabs{gap:8px;margin:12px 0}
.sf-studio-main .sf-host-tabs button{padding:8px 12px}
.sf-studio-main .sf-host-stage{gap:16px}
.sf-studio-main .sf-between-games{padding:24px 20px}
.sf-studio-main .sf-between-games>.sf-game-icon{width:56px;height:56px}
.sf-studio-main .sf-between-games h2{margin:10px 0 8px;font-size:23px}
.sf-studio-main .sf-between-games p{margin:8px auto 12px}
.sf-studio-main .sf-host-config,.sf-studio-main .sf-host-moderation,.sf-studio-main .sf-display-link{margin-top:12px}
@media(min-width:761px) and (max-width:1100px){
  .sf-studio-main .sf-game-picker{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
  .sf-studio-home .sf-home-header{padding:12px 16px}
  .sf-studio-main{padding:16px}
  .sf-studio-main .sf-host-intro{gap:12px;margin-bottom:16px}
  .sf-studio-main .sf-host-intro h1{font-size:24px}
  .sf-studio-main .sf-invite-inline>div{flex-wrap:nowrap}
  .sf-studio-main .sf-invite-inline input{width:0;flex:1;font-size:16px}
  .sf-studio-main .sf-picker-heading{display:flex;flex-wrap:wrap}
  .sf-studio-main .sf-game-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-studio-main .sf-game-picker button{min-height:68px}
  .sf-studio-main .sf-game-guide,.sf-studio-main .sf-selected-game-actions{grid-column:1/-1}
  .sf-studio-main .sf-game-guide summary{min-height:44px;padding:12px 0}
  .sf-studio-main .sf-game-guide summary span{display:inline;margin-left:8px}
  .sf-studio-main .sf-selected-game-actions{justify-content:space-between}
  .sf-studio-main .sf-host-tabs>a{width:auto;margin-left:auto;padding:8px 0}
  .sf-studio-main .sf-host-tabs button{min-height:44px}
}

/* Keep the host's next action in one place throughout the lobby and game. */
.sf-studio-main .sf-host-stage{grid-template-columns:minmax(0,1fr) minmax(320px,380px)}
.sf-host-sidebar{display:grid;gap:18px;min-width:0}
.sf-host-sidebar .sf-host-config,.sf-host-sidebar .sf-host-moderation{margin-top:0}
.sf-host-sidebar .a-form{padding:16px;min-width:0}
.sf-host-sidebar .a-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sf-host-sidebar :is(input,select,textarea){min-width:0;max-width:100%}
.sf-host-sidebar .sf-chat-activity{max-height:240px}
.sf-host-sidebar .a-player-list>div{flex-wrap:wrap}
.sf-session-actions{position:sticky;top:12px;z-index:15;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;background:var(--sf-surface);border-bottom:1px solid var(--sf-border);border-radius:16px 16px 0 0;box-shadow:0 5px 16px #0002}
.sf-session-actions .a-host-controls{display:contents}
.sf-session-actions .a-btn{min-height:44px}
.sf-session-actions .a-danger{margin-left:auto}
.sf-session-actions .a-host-secret{width:100%;order:2}
.sf-stage-game:has(.sf-session-actions){overflow:visible}
.sf-studio-main .sf-host-tabs{margin:12px 0 18px}
.sf-studio-main .sf-stream-help{font-size:11px}
.sf-broadcast-mode .sf-session-actions{position:static;box-shadow:none}
.sf-broadcast-mode .sf-host-sidebar .sf-live-rail{display:grid}
@media(max-width:900px){.sf-studio-main .sf-host-stage{grid-template-columns:minmax(0,1fr)}.sf-session-actions{top:0}.sf-host-sidebar .a-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.sf-session-actions{padding:12px;gap:8px}.sf-session-actions .a-btn{font-size:12px}.sf-host-sidebar .a-fields{grid-template-columns:minmax(0,1fr)}}
.sf-studio-picker{border:1px solid var(--sf-border);border-radius:12px;background:var(--sf-surface);margin-bottom:14px}
.sf-studio-picker>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;font-size:12px;color:var(--sf-muted)}
.sf-studio-picker>summary strong{color:var(--sf-ink);margin-left:10px}
.sf-studio-picker>summary>span:last-child{color:var(--sf-secondary)}
.sf-studio-picker[open]{padding:0 16px 16px}
.sf-studio-picker[open]>summary{padding-left:2px;padding-right:2px;border-bottom:1px solid var(--sf-border);margin-bottom:16px}

/* Chatter workspace follows the host: game beside players, settings, scores. */
.sf-viewer-main,.sf-viewer-main.sf-no-stream{grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-template-areas:'hero hero' 'banner banner' 'game ranks' 'video video' 'about about';align-items:start}
.sf-viewer-main .sf-viewer-ranks,.sf-viewer-main .sf-viewer-ranks .sf-live-rail{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}
.sf-viewer-main .sf-viewer-game{height:auto;max-height:none;resize:none;overflow:visible;min-width:0;scroll-margin-top:16px}
.sf-viewer-config h3{font-size:18px;margin:16px 16px 10px}
.sf-viewer-config>p{font-size:12px;line-height:1.6;margin:10px 16px 16px;color:var(--sf-muted)}
.sf-viewer-config dl{margin:0 16px}
.sf-viewer-config dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--sf-border);font-size:12px}
.sf-viewer-config dt{color:var(--sf-muted)}
.sf-viewer-config dd{margin:0;font-weight:600}
.sf-viewer-game .sf-session-actions{justify-content:flex-start;text-align:left;margin:0}
.sf-viewer-game .sf-session-actions p{margin:0;font-size:12px;color:var(--sf-muted)}
@media(max-width:900px){.sf-viewer-main,.sf-viewer-main.sf-no-stream{grid-template-columns:minmax(0,1fr);grid-template-areas:'hero' 'banner' 'game' 'ranks' 'video' 'about'}}

.sf-mobile-menu,.sf-mobile-game-links{display:none}
@media(max-width:760px){
  /* Game first; supporting content stays accessible below and via shortcuts. */
  .sf-home-header,.sf-studio-home .sf-home-header{padding:10px 14px;gap:10px;align-items:center;flex-wrap:wrap}
  .sf-home-header .sf-channel-brand{flex:1;min-width:0}
  .sf-home-header .sf-channel-brand strong{font-size:15px;overflow-wrap:anywhere}
  .sf-home-header .sf-channel-brand small{font-size:10px}
  .sf-mobile-menu{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
  .sf-home-header #sf-channel-navigation{display:none;width:100%;flex-wrap:wrap;gap:10px;padding:8px 0}
  .sf-home-header.sf-menu-open #sf-channel-navigation{display:flex}
  .sf-studio-main,.sf-viewer-main,.sf-viewer-main.sf-no-stream{display:flex;flex-direction:column;padding:12px 12px calc(88px + env(safe-area-inset-bottom));gap:12px}
  .sf-studio-main>*,.sf-viewer-main>*{width:100%;min-width:0;box-sizing:border-box;order:5}
  .sf-studio-main .sf-studio-picker{order:0;margin:0;display:block}
  .sf-studio-picker>summary{padding:12px;min-height:44px;box-sizing:border-box}
  .sf-studio-main .sf-host-stage{order:1;scroll-margin-top:12px;gap:12px}
  .sf-studio-main .sf-host-tabs{order:2;margin:0;gap:8px}
  .sf-studio-main .sf-host-intro{order:3;margin:0}
  .sf-studio-main .sf-stream-help{order:4;margin:0}
  .sf-viewer-main .sf-viewer-game{order:0;scroll-margin-top:12px}
  .sf-viewer-main .sf-channel-hero{order:1;padding:12px;gap:10px}
  .sf-viewer-main .sf-channel-hero h1{font-size:20px}
  .sf-viewer-main .sf-channel-hero .a-kicker{display:none}
  .sf-viewer-main .sf-channel-spotlight{display:none}
  .sf-viewer-main .sf-welcome-banner{order:2}
  .sf-viewer-main .sf-viewer-ranks{order:3}
  .sf-viewer-main .sf-video{order:4}
  .sf-mobile-game-links{display:flex;position:fixed;z-index:40;bottom:0;left:0;right:0;width:auto;gap:8px;justify-content:center;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--sf-surface);border-top:1px solid var(--sf-border);box-shadow:0 -4px 20px #0003}
  .sf-mobile-game-links a{display:flex;align-items:center;justify-content:center;flex:1;min-height:44px;color:var(--sf-ink);background:var(--sf-soft);border-radius:8px;font-size:13px;text-decoration:none}
  #sf-mobile-players,#sf-host-config,#sf-mobile-game-details{scroll-margin-top:16px}
  .sf-session-actions{top:0;padding:10px;gap:8px;border-radius:12px 12px 0 0}
  .sf-session-actions .a-btn{padding:10px 12px;font-size:12px}
  .sf-viewer-game .sf-session-actions{padding:10px}
  .sf-viewer-game .sf-session-actions p{font-size:11px;line-height:1.4}
  .sf-stage-game .a-game-waiting,.sf-viewer-game .a-game-waiting{padding:20px 14px}
  .sf-stage-game .a-game-status,.sf-viewer-game .a-game-status{padding:12px;gap:8px;flex-wrap:wrap}
  .sf-stage-game .a-puzzle,.sf-viewer-game .a-puzzle{padding:16px 12px}
  .sf-stage-game .a-answer-form,.sf-viewer-game .a-answer-form{padding:0 12px;gap:8px}
  .sf-stage-game .a-answer-form input,.sf-viewer-game .a-answer-form input{min-width:0;flex:1 1 160px}
  .sf-home :is(button,input,select){min-height:44px}
}
.sf-mobile-game-links a:focus-visible,.sf-mobile-menu:focus-visible{outline:2px solid var(--sf-primary);outline-offset:2px}
@media(max-width:760px){.sf-home{scroll-padding-bottom:88px}.sf-studio-main .sf-host-stage .sf-stage-game{min-width:0}.sf-mobile-game-links a:active{background:var(--sf-primary);color:var(--sf-on-primary)}}

/* Workspace design system. Keep utility text readable and actions predictable. */
.sf-home {
  --sf-text-caption:12px;
  --sf-text-body:14px;
  --sf-text-title:20px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:var(--sf-text-body);
  line-height:1.5;
}
.sf-home :is(button,input,select,textarea){font-family:inherit}
.sf-home :is(.a-btn,.sf-host-tabs button,.sf-home-header button,.sf-game-picker strong){font-size:var(--sf-text-body);font-weight:600;line-height:1.4}
.sf-home :is(.a-btn,.sf-host-tabs button,.sf-home-header button){min-height:44px;padding:10px 16px;border-radius:10px}
.sf-home :is(.a-btn,.sf-host-tabs button,.sf-game-picker button){transition:background .15s ease,border-color .15s ease}
.sf-home :is(.a-btn,button):hover:not(:disabled){border-color:var(--sf-primary)}
.sf-home .a-dark:hover:not(:disabled){background:var(--sf-primary);filter:brightness(1.06)}
.sf-home :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--sf-primary);outline-offset:3px}
.sf-home :is(.a-kicker,.sf-invite-inline>label){font-size:11px;line-height:1.5;letter-spacing:1px;font-weight:600}
.sf-home :is(.sf-host-intro p,.sf-channel-hero p,.sf-between-games p,.sf-viewer-about p,.sf-viewer-config>p,.sf-game-guide-body p,.a-form p,.a-form small,.a-note){font-size:var(--sf-text-body);line-height:1.6}
.sf-home :is(.sf-channel-brand small,.sf-game-picker small,.sf-picker-actions>span,.sf-stream-help,.sf-welcome-banner,.sf-home-footer,.sf-viewer-config dl,.sf-viewer-about a,.sf-host-tabs>a){font-size:var(--sf-text-caption);line-height:1.5}
.sf-home :is(.sf-progress h3,.sf-live-leaderboard h3,.sf-viewer-config h3,.a-form-title h3){font-size:var(--sf-text-title);line-height:1.3;letter-spacing:-.4px}
.sf-home :is(.a-form label,.sf-theme-editor label){font-size:var(--sf-text-body);line-height:1.5;gap:8px}
.sf-home :is(.a-form input,.a-form select,.a-form textarea){font-size:var(--sf-text-body);min-height:44px;border-radius:10px}
.sf-home .a-form-title{gap:12px;flex-wrap:wrap}
.sf-home .a-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px}
.sf-home .a-fields>label{min-width:0}
.sf-home .sf-card{border-radius:16px;box-shadow:0 2px 8px #00000008}
.sf-home .sf-card-heading{min-height:48px;padding:12px 20px;flex-wrap:wrap}
.sf-home-main{max-width:1480px}
.sf-home .sf-home-header{padding:16px max(24px,2.5%);gap:20px}
.sf-home-header .sf-channel-brand{min-width:0}
.sf-home-header .sf-channel-brand strong{font-size:18px;line-height:1.3;overflow-wrap:anywhere}
.sf-home-header .sf-channel-brand>span{width:40px;height:40px;border-radius:12px;flex-shrink:0}
.sf-home-header #sf-channel-navigation{gap:8px;font-size:var(--sf-text-body)}
.sf-home-header nav>a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:10px}
.sf-home-header nav>a:hover{background:var(--sf-soft)}
.sf-studio-main .sf-host-intro{margin-bottom:24px}
.sf-studio-main .sf-host-intro h1{font-size:28px;letter-spacing:-.8px;line-height:1.2}
.sf-home .sf-invite-inline input{font-size:var(--sf-text-body)}
.sf-studio-main .sf-host-tabs{gap:4px;margin:16px 0}
.sf-studio-main .sf-host-tabs button{background:transparent;border-color:transparent;color:var(--sf-muted)}
.sf-studio-main .sf-host-tabs button[aria-pressed=true]{background:var(--sf-soft);border-color:var(--sf-border);color:var(--sf-ink)}
.sf-studio-main .sf-stream-help{background:transparent;border:0;padding:4px 0;color:var(--sf-muted);line-height:1.6}
.sf-studio-main .sf-studio-picker{display:block}
.sf-home .sf-studio-picker>summary{font-size:var(--sf-text-body);min-height:52px}
.sf-studio-main .sf-game-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:16px 0;overflow:visible}
.sf-studio-main .sf-game-picker button{min-width:0;min-height:76px;grid-template-columns:36px minmax(0,1fr);padding:12px}
.sf-studio-main .sf-game-picker strong{font-size:var(--sf-text-body)}
.sf-studio-main .sf-game-picker small{font-size:var(--sf-text-caption)}
.sf-studio-main .sf-game-picker .sf-game-icon{width:36px;height:36px}
.sf-home .sf-between-games>.sf-game-icon{display:block;margin:0 auto}
.sf-home .sf-between-games{padding:36px 24px}
.sf-home :is(.sf-host-config,.sf-host-moderation,.sf-display-link)>summary{font-size:var(--sf-text-body);padding:16px 20px;min-height:52px;line-height:1.5}
.sf-home .sf-host-sidebar{gap:16px}
.sf-home .sf-host-sidebar .a-form{padding:20px}
.sf-home .sf-session-actions{top:0;gap:10px;padding:12px 16px;box-shadow:none}
.sf-home .sf-session-actions .a-host-secret{font-size:var(--sf-text-caption)}
.sf-home .sf-session-actions .a-btn.a-danger{margin-left:auto}
.sf-home .sf-viewer-game .sf-session-actions p{font-size:var(--sf-text-body);line-height:1.5}
.sf-home .sf-live-rail :is(.sf-privacy-note,.sf-live-leaderboard>p,.sf-shared-clues p,.sf-progress-stats,.sf-progress-numbers>span){font-size:var(--sf-text-caption);line-height:1.5}
.sf-home .sf-live-rail :is(.sf-chat-activity>div,.sf-chat-activity strong,.sf-live-leaderboard li){font-size:var(--sf-text-body);line-height:1.5;min-width:0}
.sf-home .sf-live-rail :is(.sf-chat-activity>div>span:last-child,.sf-live-leaderboard small,.sf-live-dot){font-size:var(--sf-text-caption)}
.sf-home .sf-live-rail .sf-chat-activity{max-height:240px;overscroll-behavior:contain}
.sf-home .sf-live-rail .sf-chat-activity>div{padding:10px 0;min-height:44px;flex-wrap:wrap}
.sf-home .sf-chat-activity strong{overflow-wrap:anywhere;flex:1}
.sf-home .sf-nudge-name button{min-height:44px;padding:8px 0}
.sf-home .sf-live-leaderboard ol{max-height:320px;overscroll-behavior:contain}
.sf-home .sf-live-leaderboard li>strong{overflow-wrap:anywhere;min-width:0;flex:1;font-size:var(--sf-text-body)}
.sf-home .sf-live-leaderboard li>b{white-space:nowrap}
.sf-home .sf-live-rail .sf-privacy-note{padding-top:12px}
.sf-home .sf-shared-clues>span{font-size:11px;letter-spacing:.8px}
.sf-home .sf-bingo-calls button{font-size:var(--sf-text-body);min-height:48px}
.sf-home .sf-bingo-heading p,.sf-home .sf-bingo-message{font-size:var(--sf-text-body)}
.sf-home .sf-channel-hero h1{font-size:26px;letter-spacing:-.6px}
.sf-home .sf-viewer-about{padding:20px}
.sf-home .sf-viewer-about h3{font-size:var(--sf-text-title)}
.sf-home .sf-twitch-stream .sf-card-heading,.sf-home .sf-twitch-chat .sf-card-heading{font-size:var(--sf-text-body);gap:12px}
.sf-home .sf-twitch-chat p{font-size:var(--sf-text-caption)}
@media(max-width:1150px){
  .sf-home-header #sf-channel-navigation{width:100%}
}
@media(max-width:760px){
  .sf-home .sf-home-header{padding:12px 16px;gap:12px}
  .sf-home-header .sf-channel-brand strong{font-size:16px}
  .sf-home-header .sf-channel-brand small{font-size:12px}
  .sf-home .sf-home-header #sf-channel-navigation{display:none;flex-direction:column;align-items:stretch;gap:8px;padding:12px 0 0;border-top:1px solid var(--sf-border)}
  .sf-home .sf-home-header.sf-menu-open #sf-channel-navigation{display:flex}
  .sf-home-header nav>a{justify-content:center}
  .sf-home :is(.sf-studio-main,.sf-viewer-main)>*{order:0}
  .sf-home :is(.sf-studio-main,.sf-viewer-main){padding:16px 16px calc(96px + env(safe-area-inset-bottom));gap:16px}
  .sf-studio-main .sf-host-tabs{margin:0;gap:4px}
  .sf-studio-main .sf-host-tabs>a{font-size:12px;min-height:44px;display:inline-flex;align-items:center}
  .sf-studio-main .sf-host-intro{margin:8px 0}
  .sf-studio-main .sf-host-intro h1{font-size:24px}
  .sf-studio-main .sf-game-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-studio-main .sf-game-picker button{grid-template-columns:28px minmax(0,1fr);padding:10px;gap:4px 8px}
  .sf-studio-main .sf-game-picker .sf-game-icon{width:28px;height:28px}
  .sf-home .sf-invite-inline input,.sf-home :is(input,select,textarea){font-size:16px}
  .sf-home .sf-host-sidebar .a-form{padding:16px}
  .sf-home .sf-session-actions{padding:12px;gap:8px}
  .sf-home .sf-session-actions .a-btn{padding:10px 12px;font-size:14px;flex:1 1 auto}
  .sf-home .sf-session-actions .a-danger{flex:0 1 auto}
  .sf-home .sf-between-games{padding:28px 16px}
  .sf-home .sf-viewer-game .sf-session-actions{flex-direction:column;align-items:stretch}
  .sf-home .sf-mobile-game-links{width:auto;padding:8px 16px calc(8px + env(safe-area-inset-bottom));gap:8px}
  .sf-home .sf-mobile-game-links a{font-size:14px;font-weight:600;min-height:48px}
  .sf-home .sf-channel-hero{padding:0 0 16px}
  .sf-home .sf-channel-hero h1{font-size:22px}
  .sf-home .sf-bingo-calls>div{grid-template-columns:minmax(0,1fr);max-height:360px}
  .sf-home .a-answer-form{flex-wrap:wrap}
  .sf-home .a-answer-form .a-btn{flex:1 1 auto}
  .sf-home .a-answer-form input{flex:1 1 100%;width:100%}
  body:has(.sf-home) #toast{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));font-size:14px}
}
@media(max-width:380px){
  .sf-home :is(.sf-studio-main,.sf-viewer-main){padding-left:12px;padding-right:12px}
  .sf-studio-main .sf-host-tabs>a{width:100%;margin-left:0}
  .sf-home .sf-studio-picker>summary{gap:8px;padding:12px}
  .sf-home .sf-studio-picker>summary strong{display:block;margin-left:0}
}
@media(prefers-reduced-motion:reduce){.sf-home *{transition:none!important;animation:none!important}}
/* Media must shrink with its column, including when resizing an open studio. */
.sf-home .sf-twitch-video{width:100%;min-width:0}
.sf-home :is(.sf-twitch-stream,.sf-twitch-chat){min-width:0}
.sf-home :is(.a-pill,.a-live-dot){font-size:12px;line-height:1.5}
.sf-home .sf-card-heading .a-pill{padding:4px 8px}
.sf-home .a-game-waiting .sf-lobby-instructions{padding:20px}
.sf-home .sf-lobby-instructions h3{font-size:20px}
.sf-home .sf-lobby-instructions li{font-size:14px;line-height:1.6}
@media(max-width:760px){
  .sf-home .sf-host-intro{flex-direction:column;align-items:stretch;flex-wrap:nowrap}
  .sf-home .sf-invite-inline{width:100%;max-width:none;flex:auto}
  .sf-home .sf-host-tabs>a{white-space:nowrap}
  .sf-home .sf-twitch-video{aspect-ratio:auto}
}
/* Game content keeps its own clue colors and a readable, consistent type scale. */
.sf-home .xp-game .a-options button{font-size:14px;line-height:1.5;min-height:48px;padding:12px;text-align:left}
.sf-home .xp-game .a-options button:disabled{opacity:1}
.sf-home .xp-game .a-options button>span{font-size:12px}
.sf-home .xp-quiz-hud{font-size:12px;letter-spacing:.3px;flex-wrap:wrap;gap:8px}
.sf-home .xp-game .a-game-bottom{font-size:12px;line-height:1.5}
.sf-home input[type=checkbox]{min-height:20px;width:20px;height:20px;flex-shrink:0}
.sf-home :is(.a-enabled label,.sf-checkbox){display:flex;align-items:center;gap:10px;min-height:44px}

/* Keep the studio focused on the game; secondary tools expand in place. */
.sf-studio-main .sf-host-tabs{margin:0;gap:8px}
.sf-studio-main .sf-host-stage{margin-top:0}
.sf-studio-main .sf-progress .sf-card-heading,.sf-studio-main .sf-progress-stats{display:none}
.sf-studio-main .sf-progress h3{margin-top:16px}
.sf-studio-main .a-game-bottom{display:none}
.sf-host-rules>summary,.sf-participation-details>summary{cursor:pointer;padding:14px 22px;font-size:14px;text-align:left}
.sf-participation-details{border-top:1px solid var(--sf-border)}
.sf-invite-details{flex:1 1 160px;min-width:0}
.sf-invite-details>summary{cursor:pointer;font-size:13px;padding:12px}
.sf-invite-details input{width:100%;min-width:0}
.sf-studio-main .a-game-waiting{padding:24px 20px}
.sf-studio-main .a-game-waiting .a-big-glyph{display:none}
.sf-studio-main .a-game-waiting h2{font-size:24px;margin:0 0 10px}
@media(max-width:760px){
  .sf-studio-main .sf-host-tabs{flex-wrap:wrap}
  .sf-studio-main .sf-stage-game .a-game-status{padding:12px;gap:8px;flex-wrap:wrap}
  .sf-studio-main .sf-stage-game .a-puzzle{padding:18px 14px 12px}
  .sf-studio-main .sf-stage-game h2{font-size:24px}
  .sf-studio-main .sf-session-actions{position:sticky;top:0;z-index:5;background:var(--sf-surface);border-bottom:1px solid var(--sf-border)}
  .sf-studio-main .sf-session-actions .a-host-controls{padding:0}
  .sf-studio-home .sf-channel-brand small{display:none}
}

/* A small live stage for the people behind the numbers. */
.sf-crew-pulse{margin:4px 16px 16px;padding:16px;border:1px solid var(--sf-border);border-radius:16px;background:linear-gradient(135deg,var(--sf-soft),var(--sf-surface));overflow:hidden}
.sf-crew-caption{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.4}
.sf-signal{display:flex;align-items:center;gap:2px;height:16px;color:var(--sf-secondary)}
.sf-signal i{width:3px;height:6px;background:currentColor;border-radius:3px;animation:sf-signal 1.4s ease-in-out infinite}
.sf-signal i:nth-child(2){height:14px;animation-delay:.2s}.sf-signal i:nth-child(3){height:10px;animation-delay:.4s}
.sf-crew-faces{display:flex;flex-wrap:wrap;gap:9px;padding:18px 0 12px}
.sf-crew-face{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--sf-border);border-radius:12px;background:var(--sf-surface);color:var(--sf-muted);font-weight:700;font-size:14px}
.sf-crew-face b{position:absolute;right:-4px;bottom:-4px;border-radius:50%;width:16px;height:16px;display:grid;place-items:center;background:var(--sf-surface);border:1px solid var(--sf-border);font-size:10px}
.sf-crew-face.sf-state-locked,.sf-crew-face.sf-state-solved{border-color:var(--sf-secondary);color:var(--sf-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--sf-secondary) 10%,transparent)}
.sf-crew-overflow{align-self:center;color:var(--sf-muted);font-size:12px}
.sf-live-event{margin:0;min-height:36px;font-size:12px;line-height:1.5;color:var(--sf-muted);overflow-wrap:anywhere}
.sf-all-in{border-color:var(--sf-secondary)}.sf-all-in .sf-crew-caption{color:var(--sf-secondary)}
.sf-participant.sf-state-locked .sf-small-avatar,.sf-participant.sf-state-solved .sf-small-avatar{background:color-mix(in srgb,var(--sf-secondary) 16%,var(--sf-surface));color:var(--sf-secondary)}
.sf-live-leaderboard li{position:relative}.sf-score-gain{position:absolute;right:0;top:-6px;color:var(--sf-secondary);background:var(--sf-surface);padding:2px 6px;border-radius:6px;font-size:13px;font-style:normal;font-weight:800;pointer-events:none;animation:sf-gain 1.8s both}
.sf-studio-main .sf-progress .sf-card-heading{display:flex}
@keyframes sf-signal{50%{transform:scaleY(.45);opacity:.45}}
@keyframes sf-gain{0%{opacity:0}15%,65%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.sf-signal i{animation:none}.sf-score-gain{animation:none;position:static;margin-left:6px}}

/* Rain columns use external CSS so the strict style-src policy permits motion. */
.sf-channel-background>.sf-rain-column-0{--column:0;--fall:34s;--offset:-0s}
.sf-channel-background>.sf-rain-column-1{--column:1;--fall:37s;--offset:-7s}
.sf-channel-background>.sf-rain-column-2{--column:2;--fall:40s;--offset:-14s}
.sf-channel-background>.sf-rain-column-3{--column:3;--fall:43s;--offset:-21s}
.sf-channel-background>.sf-rain-column-4{--column:4;--fall:46s;--offset:-28s}
.sf-channel-background>.sf-rain-column-5{--column:5;--fall:49s;--offset:-35s}
.sf-channel-background>.sf-rain-column-6{--column:6;--fall:52s;--offset:-42s}
.sf-channel-background>.sf-rain-column-7{--column:7;--fall:55s;--offset:-49s}
.sf-channel-background>.sf-rain-column-8{--column:8;--fall:58s;--offset:-56s}
.sf-channel-background>.sf-rain-column-9{--column:9;--fall:34s;--offset:-63s}
.sf-channel-background>.sf-rain-column-10{--column:10;--fall:37s;--offset:-70s}
.sf-channel-background>.sf-rain-column-11{--column:11;--fall:40s;--offset:-77s}
.sf-channel-background>.sf-rain-column-12{--column:12;--fall:43s;--offset:-84s}
.sf-channel-background>.sf-rain-column-13{--column:13;--fall:46s;--offset:-91s}
.sf-channel-background>.sf-rain-column-14{--column:14;--fall:49s;--offset:-98s}
.sf-channel-background>.sf-rain-column-15{--column:15;--fall:52s;--offset:-105s}
.sf-channel-background>.sf-rain-column-16{--column:16;--fall:55s;--offset:-112s}
.sf-channel-background>.sf-rain-column-17{--column:17;--fall:58s;--offset:-119s}
.sf-channel-background>.sf-rain-column-18{--column:18;--fall:34s;--offset:-126s}
.sf-channel-background>.sf-rain-column-19{--column:19;--fall:37s;--offset:-133s}
.sf-channel-background>.sf-rain-column-20{--column:20;--fall:40s;--offset:-140s}
.sf-channel-background>.sf-rain-column-21{--column:21;--fall:43s;--offset:-147s}
.sf-channel-background>.sf-rain-column-22{--column:22;--fall:46s;--offset:-154s}
.sf-channel-background>.sf-rain-column-23{--column:23;--fall:49s;--offset:-161s}
.sf-channel-background>.sf-rain-column-24{--column:24;--fall:52s;--offset:-168s}
.sf-channel-background>.sf-rain-column-25{--column:25;--fall:55s;--offset:-175s}
.sf-channel-background>.sf-rain-column-26{--column:26;--fall:58s;--offset:-182s}
.sf-channel-background>.sf-rain-column-27{--column:27;--fall:34s;--offset:-189s}
.sf-channel-background>.sf-rain-column-28{--column:28;--fall:37s;--offset:-196s}
.sf-channel-background>.sf-rain-column-29{--column:29;--fall:40s;--offset:-203s}
.sf-channel-background>.sf-rain-column-30{--column:30;--fall:43s;--offset:-210s}
.sf-channel-background>.sf-rain-column-31{--column:31;--fall:46s;--offset:-217s}

/* Compact participation roster and naturally sized media. */
.sf-roster-summary{display:flex;align-items:baseline;gap:8px;padding:14px 16px 10px}
.sf-roster-summary>strong{font-size:28px;line-height:1;font-variant-numeric:tabular-nums;color:var(--sf-primary)}
.sf-roster-summary>span{font-size:13px;color:var(--sf-muted)}
.sf-roster-empty{display:flex;align-items:center;gap:10px;padding:4px 16px 18px;font-size:13px;color:var(--sf-muted)}
.sf-live-rail .sf-chat-activity{max-height:320px;padding:0 16px}
.sf-live-rail .sf-participant{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 0;flex-wrap:nowrap}
.sf-participant .ac-profile-avatar{flex:none}.sf-participant>strong{min-width:0;flex:1;overflow-wrap:anywhere}
.sf-live-rail .sf-participant>span:last-child{white-space:nowrap;font-size:12px}
.sf-roster-event:empty{display:none}.sf-roster-event:not(:empty){min-height:0;margin:0;padding:8px 16px 12px;font-size:12px}
.sf-live-leaderboard h3{display:none}.sf-live-rail .sf-live-leaderboard li{gap:8px;min-height:46px;padding:8px 0}
.sf-live-leaderboard li>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-live-leaderboard li>.ac-profile-avatar{width:28px;height:28px;min-width:28px}
.sf-live-leaderboard li>span:first-child{width:44px;flex:none;font-size:11px}
.sf-viewer-ranks>.sf-card{padding:16px}.sf-viewer-ranks .a-ranks{padding:0;margin:10px 0 0}
.sf-viewer-ranks .a-ranks li{padding:10px 0;min-height:48px;gap:10px}
.sf-viewer-ranks .a-ranks strong{font-size:13px}.sf-viewer-ranks .a-ranks b{font-size:14px}
.sf-viewer-ranks .a-panel-link{padding:12px 0 0;margin-top:4px;font-size:12px}
.sf-home .sf-twitch-stream,.sf-home .sf-twitch-chat{resize:none;height:auto;max-height:none;overflow:hidden}
.sf-home .sf-twitch-video{aspect-ratio:16/9;min-height:0}.sf-home .sf-twitch-video iframe{min-height:0}
.sf-home .sf-twitch-chat iframe{height:360px;min-height:280px}.sf-twitch-chat>p{display:none}
.sf-lobby-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:12px 0}
.sf-lobby-meta span{padding:5px 10px;border-radius:8px;background:#e8ebdf;color:#526047;font-size:12px}
.sf-home .a-game-waiting{padding:20px}.sf-home .a-game-waiting .a-big-glyph{display:none}
.sf-home .a-game-waiting h2{font-size:26px;margin:0 0 8px}
.sf-home .a-game-waiting .sf-lobby-instructions{margin:18px auto 0;padding:16px;background:transparent;border:0;box-shadow:none}
.sf-home .sf-lobby-instructions h3{text-align:left;font-size:15px;margin-bottom:10px}
.sf-home .sf-lobby-instructions li{margin:6px 0}
@media(min-width:1000px){.sf-viewer-main .sf-video{grid-template-columns:minmax(0,1fr) 300px}.sf-home .sf-twitch-chat iframe{height:0;min-height:260px;flex:1}}
@media(max-width:760px){.sf-home .a-game-waiting{padding:16px}.sf-home .sf-twitch-video{aspect-ratio:16/9}.sf-roster-summary{padding-top:12px}}
/* A lobby needs one title and its rules, not stacked status banners. */
.sf-viewer-game:has(.a-game-waiting)>.sf-card-heading,.xp-game:has(.a-game-waiting)>.a-game-status{display:none}
.sf-viewer-game .sf-session-actions>p{display:none}
.sf-lobby-rail[data-has-points="false"] .sf-live-leaderboard{display:none}
.sf-lobby-rail .sf-roster-event{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sf-viewer-main,.sf-viewer-main.sf-no-stream{grid-template-areas:'hero hero' 'banner banner' 'game ranks' 'video video'}
@media(max-width:900px){.sf-viewer-main,.sf-viewer-main.sf-no-stream{grid-template-areas:'hero' 'banner' 'game' 'ranks' 'video'}}

/* Keep the library available while the selected game's instructions update. */
.sf-studio-main .sf-studio-picker{display:block;padding:18px}
.sf-studio-main .sf-studio-picker .sf-game-picker{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-top:16px}
.sf-studio-main .sf-studio-picker .sf-game-picker button{min-height:76px;transition:background .15s,border-color .15s}
.sf-studio-picker .sf-game-picker button:hover{border-color:var(--sf-primary);background:var(--sf-soft)}
.sf-studio-main .sf-studio-picker .sf-game-guide{margin-top:18px;border-top:1px solid var(--sf-border);border-radius:0;padding-top:16px}
.sf-game-guide-heading{display:flex;align-items:center;gap:12px;padding:16px 20px}
.sf-game-guide-heading>.sf-game-icon{width:40px;height:40px;flex-shrink:0}
.sf-game-guide-heading h3{margin:0;font-size:17px}
.sf-game-guide-heading p{margin:5px 0 0;font-size:12px;color:var(--sf-muted)}
.sf-game-guide-heading>span{margin-left:auto;font-size:12px;color:var(--sf-secondary);white-space:nowrap}
.sf-studio-picker .sf-game-guide-heading{padding:0 0 14px}
.sf-studio-main .sf-studio-picker .sf-game-guide-body{padding:16px 0 0}
@media(max-width:760px){.sf-studio-main .sf-studio-picker{padding:14px}.sf-studio-main .sf-studio-picker .sf-game-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-game-guide-heading{flex-wrap:wrap}.sf-game-guide-heading>span{margin-left:0}}

/* A shared, visible game guide for streamer and chatter screens. */
.sf-game-intro{background:var(--sf-surface,#f9faf5);color:var(--sf-ink,#242b24)}
.sf-themed .sf-game-intro,.sf-home .sf-game-intro{color:var(--sf-ink);padding:28px!important}
.sf-game-intro .sf-play-guide,.sf-home .sf-game-intro .sf-play-guide{max-width:none;margin:0;padding:0;background:transparent;border:0;box-shadow:none;color:inherit;text-align:left}
.sf-play-guide-heading{display:flex;gap:16px;align-items:center;margin-bottom:26px}
.sf-play-guide-icon{display:grid;place-items:center;flex:none;width:60px;height:60px;border:1px solid var(--sf-border,#ddd);border-radius:18px;background:var(--sf-soft,#efeee6)}
.sf-play-guide-icon .sf-game-icon{width:44px;height:44px}
.sf-play-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;color:var(--sf-secondary,#59764c)}
.sf-game-intro .sf-play-guide h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:7px 0!important;color:inherit}
.sf-game-intro .sf-play-guide-heading p{font-size:14px;line-height:1.6;color:var(--sf-muted,#526047);margin:0;padding:0;border:0}
.sf-play-guide-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:center}
.sf-play-example{display:grid;align-content:center;gap:16px;min-height:200px;margin:0;padding:24px;border:1px solid var(--sf-border,#ddd);border-radius:18px;background:var(--sf-soft,#eeeee5);text-align:center;overflow:hidden}
.sf-play-example figcaption{font-size:9px;font-weight:750;letter-spacing:2px;color:var(--sf-muted,#526047)}
.sf-play-example small{font-size:12px;line-height:1.6;color:var(--sf-muted,#526047)}
.sf-example-tiles{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
.sf-example-tile{display:grid;place-items:center;min-width:38px;min-height:44px;padding:8px;border:1px solid var(--sf-border,#ccc);border-radius:9px;background:var(--sf-surface,#fff);font-weight:750;font-size:20px}
.sf-example-word .sf-example-tile-0,.sf-example-solved .sf-example-tile,.sf-example-family .sf-example-tile{background:#b9d99c;color:#233b23;border-color:#91b778}
.sf-example-word .sf-example-tile-2{background:#e4c577;color:#493b18;border-color:#c9aa5e}
.sf-example-code .sf-example-tile-0{background:#b5caf5;color:#203458}.sf-example-code .sf-example-tile-1{background:#eac09f;color:#51331e}.sf-example-code .sf-example-tile-2{background:#c4b6ed;color:#39275a}.sf-example-code .sf-example-tile-3{background:#b9d99c;color:#233b23}
.sf-example-family .sf-example-tile{font-size:13px;min-width:48px}
.sf-example-answers{display:grid;grid-template-columns:1fr 1fr}.sf-example-answers .sf-example-tile{font-size:12px;justify-content:start;text-align:left}
.sf-example-question{font-size:16px;line-height:1.5;font-weight:650}.sf-example-typing{font-size:22px;line-height:1.8;text-align:left}.sf-example-typing span{background:#b9d99c;color:#233b23;border-radius:4px;padding:3px}.sf-example-game-icon .sf-game-icon{width:100px;height:100px;margin:auto}.sf-play-example svg{max-width:100%;max-height:110px;color:var(--sf-secondary,#59764c)}
.sf-game-intro .sf-play-steps{display:grid;gap:22px;list-style:none;padding:0;margin:0;counter-reset:none}
.sf-game-intro .sf-play-steps li{display:flex;align-items:flex-start;gap:12px;padding:0;margin:0;font-size:14px;color:inherit}
.sf-play-step-number{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:var(--sf-soft,#eeeee5);color:var(--sf-secondary,#59764c);font-size:13px;font-weight:750;border:1px solid var(--sf-border,#ddd)}
.sf-game-intro .sf-play-steps h3{font-size:15px;text-align:left;margin:2px 0 6px;line-height:1.5;color:inherit}
.sf-game-intro .sf-play-steps p,.sf-game-intro .sf-play-host-note p{font-size:14px;line-height:1.7;color:var(--sf-muted,#526047);margin:0;padding:0;border:0;max-width:none}
.sf-play-host-note{display:flex;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--sf-border,#ddd)}.sf-play-host-note>span{color:var(--sf-secondary,#59764c)}.sf-play-host-note strong{display:block;color:var(--sf-ink,#242b24);font-size:13px;margin-bottom:4px}
@media(max-width:1100px){.sf-play-guide-layout{grid-template-columns:1fr}.sf-play-example{min-height:160px}}
@media(max-width:600px){.sf-themed .sf-game-intro,.sf-home .sf-game-intro{padding:20px!important}.sf-play-guide-icon{width:48px;height:48px}.sf-play-guide-heading{gap:12px}.sf-play-example{padding:18px}.sf-play-guide-layout{gap:20px}}
.xp-game:has(.sf-game-intro){background:var(--sf-surface,#f9faf5);color:var(--sf-ink,#242b24)}
.xp-game:has(.sf-game-intro) :is(.a-join-prompt,.a-host-controls){background:var(--sf-surface,#f9faf5);color:var(--sf-ink,#242b24)}
.xp-game:has(.sf-game-intro) .a-join-prompt p{color:var(--sf-muted,#526047)}

/* The library is always visible; the game remains a distinct, bright surface. */
.sf-studio-main .sf-studio-picker{display:block!important;padding:20px}
.sf-studio-main .sf-studio-picker>.sf-picker-heading,.sf-studio-main .sf-studio-picker>.sf-game-picker{display:flex!important}
.sf-studio-main .sf-studio-picker>.sf-game-picker{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:16px}
.sf-picker-heading{gap:20px}.sf-picker-hint{font-size:13px;color:var(--sf-muted)}
.sf-game-categories{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.sf-game-categories button{border:1px solid var(--sf-border);background:var(--sf-surface);color:var(--sf-muted);padding:9px 14px;min-height:42px;border-radius:999px;font:inherit;font-size:13px;cursor:pointer}
.sf-game-categories button[aria-pressed=true]{background:var(--sf-primary);border-color:var(--sf-primary);color:var(--sf-on-primary,#15151c)}
.sf-game-categories button:focus-visible,.sf-game-picker button:focus-visible{outline:3px solid var(--sf-secondary);outline-offset:3px}
.sf-game-picker button:disabled{opacity:.55;cursor:not-allowed}
.sf-stage-game .xp-game,.sf-viewer-game .xp-game,.pg-live-panel .xp-game{
 --sf-surface:#fafbf5;--sf-ink:#263029;--sf-muted:#53624e;--sf-soft:#edf0e5;--sf-border:#d4dccb;--sf-primary:#6941aa;--sf-secondary:#526c3f;--sf-on-primary:#fff;
 background:var(--sf-surface);color:var(--sf-ink)
}
.sf-themed .sf-stage-game .xp-game,.sf-themed .sf-viewer-game .xp-game,.pg-live-panel .xp-game{background:#fafbf5;color:#263029}
.xp-game:has(.sf-game-intro)>.a-game-status,.sf-viewer-game:has(.sf-game-intro)>.sf-card-heading{display:none}
@media(max-width:600px){.sf-studio-main .sf-studio-picker{padding:14px}.sf-studio-main .sf-studio-picker>.sf-game-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-game-categories{gap:6px}.sf-game-categories button{font-size:12px;padding:8px 11px}}

/* Give the persistent game selector a clear selection and generous targets. */
.sf-studio-main .sf-studio-picker .sf-game-picker button{min-height:92px;padding:16px;border-width:2px}
.sf-studio-picker .sf-game-picker button[aria-pressed=true]{border-color:var(--sf-secondary);box-shadow:inset 0 0 0 1px var(--sf-secondary);background:var(--sf-soft)}
.sf-studio-picker .sf-game-picker button[aria-pressed=true] small{color:var(--sf-secondary);font-weight:600}

.sf-invite-link{display:flex;flex:1 1 220px;min-width:0;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 14px;border:1px solid var(--sf-border);border-radius:10px;background:var(--sf-soft);color:var(--sf-ink);text-align:left;cursor:copy}
.sf-invite-link span:first-child{font-size:11px;color:var(--sf-muted)}
.sf-invite-link span:last-child{font-size:14px;overflow-wrap:anywhere}
.sf-invite-link:hover{border-color:var(--sf-primary);color:var(--sf-primary)}
.sf-invite-link:focus-visible{outline:2px solid var(--sf-primary);outline-offset:3px}

/* Board-first Bingo: a readable game surface, with compact host controls. */
.sf-home .sf-bingo-panel{--sf-ink:#263029;--sf-muted:#53624e;--sf-surface:#fafbf5;--sf-soft:#edf0e5;--sf-border:#d4dccb;--sf-primary:#6941aa;--sf-secondary:#526c3f;--sf-on-primary:#fff;background:#fafbf5;color:#263029;border-radius:12px;padding-bottom:20px}
.sf-home .sf-bingo-panel .sf-bingo-heading{padding-bottom:12px}
.sf-home .sf-bingo-panel :is(h2,h3,label){color:#263029}
.sf-home .sf-bingo-panel p{color:#53624e}
.sf-bingo-play-along{padding:18px 22px}
.sf-bingo-play-along h3{margin:0 0 16px;font-size:18px}
.sf-home .sf-bingo-panel .sf-bingo-card{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0;margin:0 0 16px;background:transparent;box-shadow:none}
.sf-home .sf-bingo-card button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:106px;padding:10px 6px;border:1px solid #bcc8b6;border-radius:10px;background:#fff;color:#263029;font:inherit;font-size:14px;font-weight:600;line-height:1.4;text-align:center;overflow-wrap:anywhere;opacity:1;box-shadow:none}
.sf-home .sf-bingo-card button:disabled{opacity:1;color:#263029;cursor:default}
.sf-home .sf-bingo-card button[aria-pressed=true]{background:#e7ddf5;border:2px solid #6941aa;color:#43266d}
.sf-home .sf-bingo-card button.sf-bingo-ready{border:2px solid #6941aa;background:#f3edf9;color:#43266d;cursor:pointer}
.sf-home .sf-bingo-card button.sf-bingo-winning{background:#d9ecc8;border:2px solid #466333;color:#28451e}
.sf-bingo-card small{font-size:10px;font-weight:600;color:inherit}
.sf-home .sf-bingo-card button:focus-visible{outline:3px solid #6941aa;outline-offset:3px}
.sf-bingo-confirm{margin:8px 22px 0;border:1px solid #d4dccb;border-radius:10px;background:#edf0e5;padding:0 14px}
.sf-bingo-confirm summary{padding:14px 0;cursor:pointer;font-weight:600;font-size:14px;color:#263029}
.sf-bingo-confirm summary span{margin-left:10px;font-size:12px;font-weight:400;color:#53624e}
.sf-bingo-confirm p{font-size:13px;line-height:1.5;margin:0 0 12px}
.sf-bingo-confirm-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.sf-bingo-confirm-row label{width:100%;font-size:12px;font-weight:600}
.sf-home .sf-bingo-confirm-row select{flex:1;min-width:0;background:#fff;color:#263029;border:1px solid #bcc8b6;min-height:44px;border-radius:8px;padding:10px;font:inherit}
.sf-bingo-confirm .sf-bingo-latest{margin:0 0 14px;padding:0;background:transparent}
.sf-home #sf-bingo-editor-slot{padding:0 22px}
.sf-home #sf-bingo-editor-slot .sf-host-config{margin:0;border:0;background:transparent;box-shadow:none;color:#263029}
.sf-home #sf-bingo-editor-slot .sf-host-config>summary{display:none}
.sf-home #sf-bingo-editor-slot .a-form{padding:0}
.sf-home #sf-bingo-editor-slot :is(input,textarea){background:#fff;color:#263029;border-color:#bcc8b6}
.sf-home .sf-moments-board [data-moment-rows]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0}
.sf-moments-board .sf-moment-square{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;padding:10px 8px;border:1px solid #bcc8b6;border-radius:10px;background:#fff}
.sf-home .sf-moment-square>span{font-size:10px;font-weight:600;color:#53624e;letter-spacing:0;text-transform:none}
.sf-home .sf-moment-square textarea{width:100%;min-height:76px;resize:vertical;border:0;padding:0;color:#263029;background:#fff;font:inherit;font-size:14px;line-height:1.4;box-shadow:none}
.sf-moment-square>button{position:absolute;right:4px;top:2px;border:0;background:transparent;color:#53624e;font-size:20px;cursor:pointer;width:28px;height:28px}
.sf-moment-free{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px;text-align:center;border:2px solid #6941aa;background:#e7ddf5;border-radius:10px;color:#43266d}
.sf-moment-free span{font-size:11px}
.sf-home #sf-bingo-editor-slot .sf-moments-heading p{font-size:13px;line-height:1.5}
@media(max-width:600px){.sf-bingo-play-along,.sf-home #sf-bingo-editor-slot{padding:14px}.sf-bingo-confirm{margin:8px 14px}.sf-home .sf-bingo-card button{min-height:84px;padding:6px 3px;font-size:11px}.sf-home .sf-bingo-panel .sf-bingo-card,.sf-home .sf-moments-board [data-moment-rows]{gap:4px}.sf-moments-board .sf-moment-square{padding:8px 4px}.sf-home .sf-moment-square textarea{font-size:12px;min-height:90px}.sf-moment-free{padding:4px;font-size:12px}.sf-moment-free span{font-size:10px}.sf-bingo-card small{font-size:9px}}
.sf-moment-extras{grid-column:1/-1;color:#263029;margin-top:8px}
.sf-moment-extras>summary{cursor:pointer;padding:12px 0;font-size:13px;font-weight:600}
.sf-moment-extras>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.sf-moment-extras>p{font-size:12px}

/* Race standings sit on the light game surface in every channel theme. */
.xp-typeracer .a-typing-standings .a-ranks strong{color:#232923}
.sf-home .sf-moments-board [data-moment-rows]{max-height:none;overflow:visible;padding:0}

/* One compact scoreboard, with current-game and all-time community tabs. */
.sf-leaderboard-tabs{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid var(--sf-border)}
.sf-leaderboard-tabs button{flex:1;min-height:44px;border:1px solid var(--sf-border);border-radius:8px;background:var(--sf-surface);color:var(--sf-ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.sf-leaderboard-tabs button[aria-selected=true]{background:var(--sf-soft);border-color:var(--sf-primary);color:var(--sf-primary)}
.sf-leaderboard-tabs button:focus-visible{outline:2px solid var(--sf-secondary);outline-offset:2px}
.sf-live-leaderboard [role=tabpanel][hidden]{display:none}
.sf-live-leaderboard [role=tabpanel]>ol{max-height:320px;overflow-y:auto;list-style:none;padding:0 16px;margin:0}
.sf-live-leaderboard [role=tabpanel]>p{font-size:12px;color:var(--sf-muted);padding:12px 16px;margin:0}
.sf-live-leaderboard .sf-ranks-empty{font-size:13px;color:var(--sf-muted);line-height:1.5}
.sf-lobby-rail[data-has-points="false"] .sf-live-leaderboard{display:block}
.sf-game-complete{margin:0;padding:14px 22px;font-size:13px;line-height:1.5;border-top:1px solid var(--sf-border,#d4dccb);color:var(--sf-muted,#53624e)}

/* Give game configuration the full studio workspace. */
.sf-configuration-page[hidden]{display:none}
.sf-studio-main .sf-configuration-page{width:100%;min-width:0;margin:0}
.sf-configuration-page>h2{margin:0;padding:20px 24px;border-bottom:1px solid var(--sf-border);font-size:20px}
.sf-configuration-page .sf-moments-heading{flex-wrap:wrap;gap:12px}
@media(max-width:600px){.sf-configuration-page .sf-moments-board [data-moment-rows],.sf-configuration-page .sf-moment-extras>div{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-configuration-page .sf-moment-free{grid-column:1/-1}}

/* Text on themed surfaces must use semantic foregrounds; see docs/style-guide.md. */
.sf-themed .sf-moment-extras{color:var(--sf-ink)}
.sf-themed .a-form :is(summary,legend){color:var(--sf-ink)}
.sf-themed .a-form p,.sf-themed input::placeholder,.sf-themed textarea::placeholder{color:var(--sf-muted);opacity:1}
.sf-themed .a-btn:disabled{opacity:1;background:var(--sf-soft);border-color:var(--sf-border);color:var(--sf-muted);box-shadow:none}
.sf-themed :is(input,textarea,select,summary):focus-visible{outline:3px solid var(--sf-ink);outline-offset:3px}

/* Keep placement, identity, and score aligned without squeezing avatar circles. */
.sf-home .sf-live-leaderboard [role=tabpanel]>ol{padding:6px 14px}
.sf-home .sf-live-leaderboard li:not(.sf-ranks-empty){display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;margin:6px 0;padding:12px 14px;border-radius:10px}
.sf-home .sf-live-leaderboard li>.sf-rank-placement{width:auto;min-width:0;font-size:12px;line-height:1.4;white-space:nowrap}
.sf-home .sf-live-leaderboard li>.ac-twitch-profile{display:flex;align-items:center;gap:10px;min-width:0;font-size:14px;font-weight:650;line-height:1.4;color:var(--sf-ink)}
.sf-home .sf-live-leaderboard .ac-twitch-profile>.ac-profile-avatar{display:inline-grid;flex:0 0 32px;width:32px;height:32px;min-width:32px;overflow:hidden;border-radius:50%;padding:0}
.sf-home .sf-live-leaderboard .ac-profile-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.sf-home .sf-live-leaderboard .ac-twitch-profile>span:last-child{min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-home .sf-live-leaderboard a.ac-twitch-profile:hover>span:last-child{text-decoration:underline;text-underline-offset:3px}
.sf-home .sf-live-leaderboard li>b{margin:0;text-align:right;font-size:14px;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap}
.sf-home .sf-live-leaderboard li>b small{color:var(--sf-muted);font-size:11px;font-weight:500}

/* Separate navigation from the panels and keep session actions on one toolbar. */
.sf-studio-main .sf-host-tabs{margin:20px 0;gap:10px;padding:4px 0}
.sf-home .sf-session-actions{gap:12px;padding:16px;align-items:center}
.sf-home .sf-session-actions .sf-focus-launch{margin:0 0 0 auto;flex:0 0 auto;order:3}
.sf-home .sf-session-actions .a-btn.a-danger{margin-left:0}
.sf-home .sf-session-actions .sf-invite-link{flex:1 1 180px;min-height:44px;padding:8px 12px;gap:2px}
.sf-home .sf-session-actions .sf-invite-link span:last-child{font-size:12px;color:var(--sf-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
@media(max-width:600px){.sf-home .sf-session-actions{gap:8px;padding:12px}.sf-home .sf-session-actions .sf-invite-link{order:4;flex-basis:100%}.sf-studio-main .sf-host-tabs{margin:16px 0;gap:6px}}

/* Viewer-controlled floating video; the iframe stays connected in its original parent. */
.sf-pip-move,.sf-pip-resize{display:none}
.sf-home [data-pip-toggle]{font:inherit;padding:8px 12px;border:1px solid var(--sf-border);border-radius:8px;background:var(--sf-soft);color:var(--sf-ink);cursor:pointer}
body:not(.sf-game-focused) .sf-home .sf-stream-floating{position:fixed;z-index:1500;max-width:calc(100vw - 24px);margin:0;box-shadow:0 16px 60px #0008;border:1px solid var(--sf-border);background:var(--sf-surface);overflow:hidden}
body:not(.sf-game-focused) .sf-home .sf-stream-floating .sf-card-heading{height:48px;padding:6px 12px;box-sizing:border-box;flex-wrap:nowrap}
body:not(.sf-game-focused) .sf-stream-floating .sf-card-heading>span,body:not(.sf-game-focused) .sf-stream-floating .sf-card-heading>a{display:none}
body:not(.sf-game-focused) .sf-stream-floating .sf-card-heading [data-pip-toggle]{margin-left:auto;font-size:12px;position:relative;z-index:2}
body:not(.sf-game-focused) .sf-stream-floating .sf-pip-move{display:block;position:absolute;top:0;left:0;height:48px;width:calc(100% - 130px);border:0;background:transparent;color:var(--sf-ink);text-align:left;padding-left:14px;cursor:move;touch-action:none}
body:not(.sf-game-focused) .sf-stream-floating .sf-pip-resize{display:block;position:absolute;right:0;bottom:0;width:32px;height:32px;border:0;border-radius:8px 0 0;background:var(--sf-surface);color:var(--sf-ink);cursor:nwse-resize;touch-action:none}
.sf-stream-floating.sf-pip-adjusting iframe{pointer-events:none}
body.sf-game-focused [data-pip-toggle]{display:none}
@media(max-width:431px){.sf-twitch-stream:not(.sf-stream-floating) [data-pip-toggle]{display:none}}

.sf-webhook-field{display:grid;gap:8px;min-width:0}
.sf-webhook-field>label{font-size:14px;font-weight:600}
.sf-webhook-controls{display:flex;align-items:center;gap:8px;min-width:0}
.sf-webhook-controls input{flex:1;width:0;min-width:0;min-height:44px}
.sf-webhook-controls .a-btn{flex:0 0 auto}
@media(max-width:480px){.sf-webhook-controls{flex-wrap:wrap}.sf-webhook-controls input{flex-basis:100%;width:100%}.sf-webhook-controls .a-btn{flex:1}}

/* Keep hover foregrounds paired with their themed button surface. */
.sf-themed .a-btn:hover:not(:disabled){background:var(--sf-soft);color:var(--sf-ink)}
.sf-themed .a-btn.a-dark:hover:not(:disabled){background:var(--sf-primary);color:var(--sf-on-primary)}
.sf-themed .a-btn.a-danger:hover:not(:disabled){color:#eb858e}
.sf-viewer-game>.sf-card-heading{gap:12px;flex-wrap:wrap}
.sf-viewer-game>.sf-card-heading .sf-focus-launch{margin:0 0 0 auto}
.sf-home .chat-canvas,.sf-home .chat-drawing-reveal{padding:0 22px 22px}
.sf-home .chat-canvas>p{font-size:14px;line-height:1.6}
.sf-home .chat-drawing-tools input[type=color]{width:44px;min-width:44px;height:44px;padding:4px;flex:none}
.sf-home .chat-drawing-tools label{flex:0 0 auto;font-size:13px}
.sf-home .chat-drawing-tools select{width:auto;min-width:100px}
.sf-home .chat-canvas>[data-drawing-submit]{margin-top:12px}
.sf-home .a-options button strong{font-size:14px;line-height:1.5;color:inherit}
.sf-home .sf-viewer-game .sf-bingo-panel>.sf-bingo-card{margin:0 16px 16px;width:calc(100% - 32px)}
@media(max-width:600px){
 .sf-home .sf-session-actions .a-btn{font-size:12px;padding:10px 12px}
 .sf-home .sf-session-actions .sf-invite-link{order:2;flex:1 1 120px;min-height:44px}
 .sf-home .sf-session-actions .sf-invite-link span:first-child{font-size:12px;color:var(--sf-ink)}
 .sf-home .sf-session-actions .sf-invite-link span:last-child{display:none}
 .sf-home .chat-canvas,.sf-home .chat-drawing-reveal{padding:0 14px 18px}
 .sf-home .chat-drawing-tools{gap:8px}
 .sf-home .chat-canvas>[data-drawing-submit]{width:100%}
 .sf-viewer-game>.sf-card-heading{padding:12px 14px}
 .sf-viewer-game>.sf-card-heading>.a-kicker{display:none}
 .sf-viewer-game>.sf-card-heading .sf-focus-launch{margin:0}
}
.sf-themed .a-btn.a-danger,.sf-themed .a-btn.a-danger:hover:not(:disabled){color:var(--sf-danger,#eb858e)}
.sf-home .a-reveal h3{color:#263029}
.sf-home .a-reveal p,.sf-home .a-reveal .a-kicker{color:#46533f}
html:has(.sf-home){scroll-padding-block:100px}
.sf-home :is(button,input,textarea,select){scroll-margin-block:100px}
/* Lobby instructions replace status headings, but full-screen remains available. */
.sf-home .sf-viewer-game:has(.sf-game-intro)>.sf-card-heading:has(.sf-focus-launch){display:flex;justify-content:flex-end;padding:10px 14px;border-bottom:0}
.sf-home .sf-viewer-game:has(.sf-game-intro)>.sf-card-heading:has(.sf-focus-launch)>:not(.sf-focus-launch){display:none}

/* Compact playing surfaces keep decisions closer to the scene. */
.sf-home .xp-player-moment{margin:8px 16px;padding:8px 12px;gap:10px;border-radius:10px}
.sf-home .xp-player-moment .xp-moment-icon{width:24px;height:24px;font-size:18px;border-radius:8px}
.sf-home .xp-player-moment>div>small{display:none}
.sf-home .xp-player-moment>b{font-size:18px}
.sf-home .xp-player-moment>b small{display:inline;margin-left:5px}
.sf-home .xp-game .a-game-status{padding:8px 16px}
.sf-home .xp-game .a-game-status .a-round-timer{min-height:34px;min-width:64px;padding:5px 10px;font-size:22px;border-radius:8px}
.sf-home .xp-game .a-puzzle{padding:16px 20px 10px}
.sf-home .chance-header{padding:12px 20px}
.sf-home .chance-header h2{font-size:26px;margin-top:4px}
.sf-home .chance-race-sky{min-height:96px;padding:12px 12px 20px}
.sf-home .chance-race-sky>svg{height:50px}
.sf-home .chance-race-sun{width:32px;height:32px;top:16px}
.sf-home .chance-race-meet{gap:4px}
.sf-home .chance-race-meet>strong{font-size:25px}
.sf-home .chance-track{padding-block:6px;border-block-width:4px}
.sf-home .chance-lane{min-height:56px}
.sf-home .chance-runway{height:56px;width:calc(100% - 70px)}
.sf-home .chance-runner{width:70px;height:56px}
.sf-home .chance-race-footer{padding:8px 16px}
.sf-home .chance-wallet{padding:10px 20px}
.sf-home .chance-bet-form{padding:14px 20px 8px;gap:10px}
.sf-home .chance-rules{margin-top:12px;margin-bottom:12px}
.sf-home .chance-higher-scene{min-height:0;padding:18px 20px}
.sf-home .chance-duel{margin:18px 0}
.sf-home .chance-felt{min-height:0;padding:18px;gap:12px}
.sf-home .chance-table-mark{gap:4px}
.sf-home .chance-table-mark>span{display:none}
.sf-home .chance-hand-label{margin-bottom:8px}
.sf-home .chance-hand-caption{margin-top:8px}
@media(max-width:600px){.sf-home .chance-header,.sf-home .chance-wallet{padding:12px 14px}.sf-home .chance-bet-form{padding:12px 14px 8px}.sf-home .xp-game .a-puzzle{padding:12px 14px 8px}}

.xp-typeracer .typing-correct{color:#245c2b;background:#d1eac8}.xp-typeracer .typing-error{color:#9c1826;background:#ffd5d9;text-decoration:underline}.xp-typeracer .typing-cursor{border-left:2px solid #514075;margin-left:-2px}.sf-typing-standings ol{list-style:none;padding:0;margin:0;max-height:32rem;overflow:auto}.sf-typing-standings li{padding:.8rem 0;border-bottom:1px solid var(--sf-border)}.sf-typing-standings li>div{display:flex;justify-content:space-between;gap:.8rem}.sf-typing-standings progress{display:block;width:100%;height:.65rem;margin:.6rem 0;accent-color:#ad8dff}.sf-typing-standings small{font-size:.75rem;opacity:.8}.sf-typing-standings b{white-space:nowrap;font-variant-numeric:tabular-nums}

/* Studio: browse games beside the host workspace instead of above it. */
.sf-studio-main:has(.sf-studio-layout){max-width:1800px;padding:24px}
.sf-studio-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:24px;align-items:start}
.sf-studio-workspace{min-width:0}
.sf-studio-main .sf-studio-layout .sf-studio-picker{position:sticky;top:20px;max-height:calc(100dvh - 124px);overflow-y:auto;scrollbar-width:thin;padding:12px!important;margin:0;min-width:0}
.sf-library-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 12px;background:var(--sf-soft);color:var(--sf-ink);border:1px solid var(--sf-border);border-radius:10px;font:inherit;cursor:pointer;text-align:left}
.sf-library-toggle>span{font-size:24px;line-height:1}
.sf-library-toggle:focus-visible{outline:3px solid var(--sf-secondary);outline-offset:2px}
.sf-studio-layout .sf-picker-heading{margin-top:18px;display:block}
.sf-studio-layout .sf-picker-heading h2{font-size:14px}
.sf-studio-layout .sf-picker-hint{display:none}
.sf-studio-layout .sf-game-categories{gap:6px;margin-top:12px}
.sf-studio-layout .sf-game-categories button{font-size:11px;padding:6px 10px;min-height:32px}
.sf-studio-main .sf-studio-layout .sf-game-picker{grid-template-columns:minmax(0,1fr);gap:6px;margin:12px 0 0;padding:0}
.sf-studio-main .sf-studio-layout .sf-game-picker button{min-height:58px;padding:8px 10px;grid-template-columns:32px minmax(0,1fr);border-width:1px}
.sf-studio-layout .sf-game-picker .sf-game-icon{width:32px;height:32px}
.sf-studio-layout .sf-game-picker strong{font-size:13px}
.sf-studio-layout .sf-game-picker small{font-size:11px}
.sf-studio-layout .sf-host-tabs{margin:0 0 16px;padding:0}
.sf-studio-layout .sf-host-stage{grid-template-columns:minmax(0,1fr) 280px}
.sf-library-collapsed{grid-template-columns:72px minmax(0,1fr)}
.sf-studio-main .sf-library-collapsed .sf-studio-picker{padding:8px!important}
.sf-library-collapsed .sf-library-toggle{justify-content:center;padding:8px}
.sf-library-collapsed .sf-library-toggle strong,.sf-library-collapsed .sf-picker-heading,.sf-library-collapsed .sf-game-categories{display:none}
.sf-studio-main .sf-library-collapsed .sf-game-picker button{display:flex;align-items:center;justify-content:center;padding:8px;min-height:48px}
.sf-library-collapsed .sf-game-picker :is(strong,small){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sf-broadcast-mode .sf-studio-layout{grid-template-columns:minmax(0,1fr)}
.sf-broadcast-mode .sf-studio-layout .sf-studio-picker{display:none!important}
@media(max-width:1200px){.sf-studio-layout{gap:16px;grid-template-columns:220px minmax(0,1fr)}.sf-library-collapsed{grid-template-columns:72px minmax(0,1fr)}.sf-studio-layout .sf-host-stage{grid-template-columns:minmax(0,1fr)}.sf-studio-layout .sf-host-sidebar{min-width:0}}
@media(max-width:760px){
 .sf-studio-main:has(.sf-studio-layout){padding:16px}
 .sf-studio-layout,.sf-library-collapsed{grid-template-columns:minmax(0,1fr);gap:16px}
 .sf-studio-main .sf-studio-layout .sf-studio-picker{position:static;max-height:55dvh}
 .sf-studio-main .sf-library-collapsed #sf-library-content{display:none}
 .sf-library-collapsed .sf-library-toggle{justify-content:flex-start}
 .sf-library-collapsed .sf-library-toggle strong{display:inline}
 .sf-studio-main .sf-studio-layout .sf-game-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sf-studio-layout .sf-host-tabs{flex-wrap:wrap}
}

/* Quiet, compact live standings with room for identities. */
.sf-home .sf-live-leaderboard [role=tabpanel]>ol{padding:4px 16px}
.sf-home .sf-live-leaderboard li:not(.sf-ranks-empty){grid-template-columns:18px minmax(0,1fr) auto;gap:8px;min-height:42px;margin:0;padding:8px 0;border:0;border-bottom:1px solid var(--sf-border);border-radius:0;background:transparent;box-shadow:none}
.sf-home .sf-live-leaderboard li:last-child{border-bottom:0}
.sf-home .sf-live-leaderboard li>.sf-rank-placement{min-width:0;color:var(--sf-muted);font-size:11px;font-weight:500;text-align:center}
.sf-home .sf-live-leaderboard li>.ac-twitch-profile{gap:8px;font-size:12px;font-weight:600}
.sf-home .sf-live-leaderboard .ac-twitch-profile>.ac-profile-avatar{flex-basis:24px;width:24px;height:24px;min-width:24px;font-size:10px}
.sf-home .sf-live-leaderboard li>b{font-size:12px}
.sf-home .sf-live-leaderboard li>b small{font-size:10px}
.sf-home .sf-live-leaderboard [role=tabpanel]>p{padding:10px 16px;margin:0;font-size:11px;color:var(--sf-muted)}
.sf-home .sf-live-leaderboard .sf-leaderboard-tabs{padding:10px 16px;gap:6px}
.sf-home .sf-live-leaderboard .sf-leaderboard-tabs button{min-height:36px;padding:6px 8px;font-size:12px}
.sf-home .sf-typing-standings ol{padding:4px 16px 8px}
.sf-home .sf-typing-standings li{padding:12px 0;min-width:0}
.sf-home .sf-typing-standings li:last-child{border-bottom:0}
.sf-typing-standings li>div>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.sf-typing-standings li>div>b{flex-shrink:0;font-size:12px}
.sf-home .sf-typing-standings progress{appearance:none;overflow:hidden;border:0;border-radius:999px;height:6px;margin:10px 0;background:var(--sf-soft);color:var(--sf-secondary)}
.sf-typing-standings progress::-webkit-progress-bar{background:var(--sf-soft);border-radius:999px}
.sf-typing-standings progress::-webkit-progress-value{background:var(--sf-secondary);border-radius:999px}
.sf-typing-standings progress::-moz-progress-bar{background:var(--sf-secondary);border-radius:999px}
.sf-studio-layout .sf-host-sidebar{position:relative;align-content:start}
.sf-rail-resize{position:absolute;left:-22px;top:0;bottom:0;width:20px;cursor:col-resize;touch-action:none;display:flex;justify-content:center;z-index:2;border-radius:6px}
.sf-rail-resize>span{width:3px;height:48px;margin-top:24px;border-radius:999px;background:var(--sf-border);transition:background .15s,height .15s}
.sf-rail-resize:hover>span,.sf-rail-resize:focus-visible>span{background:var(--sf-secondary);height:72px}
.sf-rail-resize:focus-visible{outline:2px solid var(--sf-secondary);outline-offset:-2px}
.sf-resizing-rail,.sf-resizing-rail *{cursor:col-resize!important;user-select:none!important}
.sf-studio-layout .sf-library-toggle{gap:10px}
.sf-library-toggle>span{display:flex;align-items:center}
.sf-library-toggle svg{width:24px;height:24px;flex-shrink:0}
.sf-library-toggle:hover{border-color:var(--sf-primary);background:var(--sf-surface)}
.sf-library-toggle .sf-library-arrow{transition:stroke .15s}
@media(min-width:1201px){.sf-studio-layout .sf-host-stage{grid-template-columns:minmax(0,1fr) min(var(--sf-rail-width,320px),45%)}}
@media(max-width:1200px){.sf-rail-resize{display:none}}
@media(prefers-reduced-motion:reduce){.sf-library-toggle *,.sf-rail-resize>span{transition:none}}