.sf-focus-launch{display:block;margin:10px 14px 10px auto;min-height:44px;font-size:12px}
.sf-focus-extra-media,.sf-focus-watch-link{display:none}
body.sf-game-focused{overflow:hidden!important}
body.sf-game-focused #app{position:fixed;inset:0;z-index:1000;overflow:hidden;background:var(--sf-bg,#122321);color:var(--sf-ink,#f6f5eb);--focus-top:64px;--focus-side:448px;--focus-bottom:0px;--focus-game-height:calc(100dvh - var(--focus-top) - var(--focus-bottom));font-family:inherit}
body.sf-game-focused #app:fullscreen{width:100%;height:100%;background:#122321}
body.sf-game-focused #app [data-focus-path]{display:contents!important}
body.sf-game-focused #app[data-focus-path]>:not([data-focus-path]):not([data-focus-toolbar]):not([data-focus-media]):not([data-focus-game]):not([data-focus-rail]),body.sf-game-focused #app [data-focus-path]>:not([data-focus-path]):not([data-focus-toolbar]):not([data-focus-media]):not([data-focus-game]):not([data-focus-rail]){display:none!important}
body.sf-game-focused #app [data-focus-game]{display:block!important;position:fixed!important;inset:var(--focus-top) var(--focus-side) var(--focus-bottom) 0!important;width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;overflow:auto!important;overscroll-behavior:contain;padding:0 0 env(safe-area-inset-bottom)!important;resize:none!important;background:var(--sf-surface,#18322d);color:var(--sf-ink,#f8f4e8)}
body.sf-game-focused[data-focus-side=left] #app [data-focus-game]{left:var(--focus-side)!important;right:0!important}
body.sf-game-focused #app [data-focus-game] .sf-focus-launch{display:none!important}
body.sf-game-focused #app [data-focus-game]>.pg-example-help,body.sf-game-focused #app [data-focus-game]>.pg-session-name{display:none!important}
.sf-focus-toolbar{position:fixed;inset:0 0 auto;z-index:1003;display:flex;align-items:center;gap:10px;padding:8px 14px;height:64px;box-sizing:border-box;background:#142c27;border-bottom:1px solid #ffffff20;color:#fbf6e8}
.sf-focus-title{font-size:14px;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf-focus-toolbar button,.sf-focus-dock-tools button{min-height:44px;padding:8px 12px;border:1px solid #ffffff35;border-radius:8px;background:#23483d;color:#fff8e8;font:inherit;font-size:12px;cursor:pointer}
.sf-focus-toolbar button:focus-visible,.sf-focus-dock-tools button:focus-visible{outline:3px solid #ebcc83;outline-offset:2px}
body.sf-game-focused #app [data-focus-media]{display:flex!important;position:fixed!important;right:16px!important;left:auto!important;top:80px!important;bottom:auto!important;width:416px!important;height:min(650px,calc(100dvh - 100px))!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;z-index:1002;gap:0!important;margin:0!important;padding:0!important;overflow:hidden!important;flex-direction:column!important;resize:none!important;border:1px solid #6e9682!important;border-radius:14px!important;box-shadow:0 12px 40px #0005;background:#162b27;color:#f8f4e8}
body.sf-game-focused[data-focus-side=left] #app [data-focus-media]{left:16px!important;right:auto!important}
body.sf-game-focused[data-focus-panel=hidden] #app{--focus-side:0px;--focus-bottom:0px}
body.sf-game-focused[data-focus-panel=hidden] #app [data-focus-media]{display:none!important}
.sf-focus-dock-tools{display:flex;flex:0 0 auto;align-items:center;gap:5px;padding:7px;background:#142c27;border-bottom:1px solid #ffffff20}
.sf-focus-dock-tools button{flex:1;font-size:12px;padding:7px}
.sf-focus-dock-tools button[aria-pressed=true]{background:#e9cf8c;color:#243d32;border-color:#e9cf8c}
.sf-focus-dock-tools button:disabled{opacity:.4;cursor:default}
.sf-focus-dock-tools button[hidden]{display:none}
body.sf-game-focused #app [data-focus-media]>:is(.sf-twitch-stream,.sf-twitch-chat,.pg-channel-video,.pg-channel-chat){flex:1 1 0;display:flex!important;flex-direction:column!important;width:100%;min-width:0!important;min-height:0!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;padding:0!important;overflow:hidden;resize:none!important;background:#162b27}
body.sf-game-focused #app [data-focus-media] :is(header,p,.sf-card-heading){display:none!important}
body.sf-game-focused #app [data-focus-media] .sf-focus-practice-note{display:block!important;padding:20px!important;line-height:1.7;font-size:14px}
body.sf-game-focused #app [data-focus-media] iframe{display:block!important;width:100%!important;min-height:0!important;max-height:none!important;height:100%!important;border:0;flex:1}
body.sf-game-focused #app [data-focus-media] :is(.sf-twitch-video,.pg-channel-video){min-height:300px!important;aspect-ratio:auto!important;flex:1}
body.sf-game-focused #app [data-focus-media][data-focus-mode=chat]>:is(.sf-twitch-stream,.pg-channel-video),body.sf-game-focused #app [data-focus-media][data-focus-mode=stream]>:is(.sf-twitch-chat,.pg-channel-chat){display:none!important}
body.sf-game-focused #app [data-focus-media][data-focus-mode=stream]{height:360px!important}
body.sf-game-focused #app [data-focus-media][data-focus-mode=both]>:is(.sf-twitch-stream,.pg-channel-video){flex:0 0 300px}
body.sf-game-focused #app [data-focus-media] .sf-focus-created-video~*{display:none}
body.sf-game-focused #app [data-focus-media] .sf-focus-watch-link{display:grid;place-items:center;flex:1;min-height:100px;color:#9be1b8;font-size:15px;padding:20px}
body.sf-game-focused #app [data-focus-media] :is(.sf-twitch-stream,.pg-channel-video):has(.sf-focus-created-video)>:not(.sf-focus-created-video){display:none!important}
body.sf-game-focused .sf-mobile-game-links{display:none!important}
body.sf-game-focused .golf-surface{height:max(180px,calc(var(--focus-game-height) - 260px));min-height:180px;max-height:none}
body.sf-game-focused .golf-help{display:none}
body.sf-game-focused .golf-heading{padding:10px 16px}
body.sf-game-focused .golf-message{padding-top:4px;padding-bottom:8px}
body.sf-game-focused .sf-session-actions{position:static!important}
@media(max-width:759px){
  body.sf-game-focused #app{--focus-side:0px;--focus-bottom:min(320px,37dvh);--focus-top:60px}
  .sf-focus-toolbar{height:60px;gap:6px;padding:6px 10px}
  .sf-focus-title{font-size:12px}
  .sf-focus-toolbar button{font-size:11px;padding:8px;white-space:nowrap}
  body.sf-game-focused #app [data-focus-game],body.sf-game-focused[data-focus-side=left] #app [data-focus-game]{left:0!important;right:0!important}
  body.sf-game-focused #app [data-focus-media],body.sf-game-focused[data-focus-side=left] #app [data-focus-media]{left:10px!important;right:10px!important;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;width:auto!important;height:min(300px,35dvh)!important;max-height:35dvh!important;border-radius:12px!important}
  body.sf-game-focused #app [data-focus-media][data-focus-mode=stream]{height:min(300px,35dvh)!important}
  body.sf-game-focused .golf-surface{height:max(150px,calc(var(--focus-game-height) - 255px));min-height:150px}
  body.sf-game-focused .golf-scoreline{padding:9px 14px}
  body.sf-game-focused .golf-controls{padding:8px 14px;gap:4px 12px}
  body.sf-game-focused .golf-controls input[type=range]{height:36px;min-height:36px}
}
@media(max-width:439px){
  body.sf-game-focused #app [data-focus-media] .sf-twitch-video{display:none!important}
  body.sf-game-focused #app [data-focus-media] :is(.sf-twitch-stream,.pg-channel-video):has(iframe[src*="player.twitch.tv"]):before{content:'Video needs a wider screen. Open Twitch to watch.';padding:18px;font-size:13px;line-height:1.6}
  body.sf-game-focused #app [data-focus-media] .sf-twitch-stream>iframe[src*="player.twitch.tv"]{display:none!important}
  body.sf-game-focused #app [data-focus-media] .pg-channel-video{min-height:0!important}
  body.sf-game-focused #app [data-focus-media] .pg-channel-video>iframe[src*="player.twitch.tv"]{display:none!important}
}
@media(max-height:520px) and (min-width:760px){body.sf-game-focused #app{--focus-side:350px}body.sf-game-focused #app [data-focus-media]{width:326px!important}body.sf-game-focused #app [data-focus-media] .sf-twitch-video{display:none!important}}
body.sf-game-focused #app [data-focus-media] .sf-focus-watch-link{display:none}
@media(max-width:439px){
  body.sf-game-focused #app [data-focus-media] :is(.sf-twitch-stream,.pg-channel-video):before{display:none!important}
  body.sf-game-focused #app [data-focus-media] .sf-focus-watch-link{display:grid!important;min-height:80px}
  body.sf-game-focused #app [data-focus-media] .sf-twitch-stream:has(.sf-focus-created-video)>.sf-focus-watch-link{display:grid!important}
}
body.sf-game-focused #toast{z-index:1100;bottom:calc(var(--focus-bottom,0px) + 18px)}
/* Preserve room for controls when the course is expanded. */
body.sf-game-focused .golf-surface{height:max(180px,calc(var(--focus-game-height) - 330px))}
body.sf-game-focused #app [data-focus-game]:has(.a-host-controls) .golf-surface{height:max(160px,calc(var(--focus-game-height) - 370px))}
.sf-focus-toolbar button[hidden]{display:none}
body.sf-game-focused[data-focus-video=unavailable] #app [data-focus-media] :is(.sf-twitch-video,iframe[src*="player.twitch.tv"]){display:none!important}
body.sf-game-focused[data-focus-video=unavailable] #app [data-focus-media] .sf-focus-watch-link{display:grid!important;min-height:80px}
body.sf-game-focused[data-focus-video=unavailable] #app [data-focus-media] .sf-twitch-stream:has(.sf-focus-created-video)>.sf-focus-watch-link{display:grid!important}
body.sf-game-focused[data-focus-video=unavailable] #app [data-focus-media] .pg-channel-video{min-height:0!important}
@media(max-width:759px){
  body.sf-game-focused .golf-surface{height:max(150px,calc(var(--focus-game-height) - 255px))}
  body.sf-game-focused #app [data-focus-game]:has(.a-host-controls) .golf-surface{height:max(150px,calc(var(--focus-game-height) - 350px))}
}

/* Viewer focus: Twitch, game, and a compact live community rail. */
body.sf-game-focused[data-focus-participation] #app{--focus-side:clamp(300px,26vw,380px);--focus-rail:240px}
body.sf-game-focused[data-focus-participation] #app [data-focus-game]{left:var(--focus-side)!important;right:var(--focus-rail)!important}
body.sf-game-focused[data-focus-participation] #app [data-focus-media]{left:12px!important;right:auto!important;width:calc(var(--focus-side) - 24px)!important}
body.sf-game-focused[data-focus-participation] #app [data-focus-rail]{display:block!important;position:fixed;top:var(--focus-top);right:0;bottom:0;width:var(--focus-rail);box-sizing:border-box;overflow:auto;padding:12px;border-left:1px solid var(--sf-border,#ffffff20);background:var(--sf-bg,#122321)}
body.sf-game-focused[data-focus-participation] #app [data-focus-rail] .sf-live-rail{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
body.sf-game-focused [data-focus-rail] .sf-card-heading{padding:12px}
body.sf-game-focused [data-focus-rail] .sf-chat-activity{padding:0 12px;max-height:none}
body.sf-game-focused [data-focus-rail] .sf-chat-activity>div{flex-wrap:wrap;gap:6px}
body.sf-game-focused [data-focus-rail] .sf-participant>strong{min-width:0;overflow-wrap:anywhere;flex:1}
body.sf-game-focused [data-focus-rail] .sf-participant::after{content:attr(data-player-score) ' pts';font-size:11px;color:var(--sf-secondary);margin-left:auto}
body.sf-game-focused [data-focus-rail] .sf-live-leaderboard ol{padding:0 12px}
body.sf-game-focused [data-focus-rail] .sf-live-leaderboard h3{margin:12px;font-size:18px}
body.sf-game-focused[data-focus-participation][data-focus-panel=hidden] #app{--focus-side:0px}
body.sf-game-focused[data-focus-participation] .sf-focus-dock-tools [data-focus-action=move]{display:none}
@media(max-width:1099px){
  body.sf-game-focused[data-focus-participation] #app{overflow-y:auto!important;padding-top:60px;--focus-side:0px;--focus-bottom:0px}
  body.sf-game-focused[data-focus-participation] #app [data-focus-game],body.sf-game-focused[data-focus-participation] #app [data-focus-media],body.sf-game-focused[data-focus-participation] #app [data-focus-rail]{position:relative!important;inset:auto!important;width:100%!important;margin:0!important}
  body.sf-game-focused[data-focus-participation] #app [data-focus-rail]{height:auto;overflow:visible;padding:12px}
  body.sf-game-focused[data-focus-participation] #app [data-focus-media]{height:300px!important;max-height:none!important;border-radius:0!important}
  body.sf-game-focused[data-focus-participation] .golf-surface{height:50dvh}
}
