/* Gameplay uses the whole available display; the board is always contained. */
.live:has(.phase-playing){padding:0;justify-content:stretch}
.live:has(.phase-playing):before{background:var(--play-background,#132d4a);opacity:1;transform:none;animation:none}
.live:has(.phase-playing):after{background:linear-gradient(180deg,#07182a55,transparent 35%,#07182a88)}
.world-fly{--play-background:#142e55}.world-runner{--play-background:#154b50}.world-snowball{--play-background:#21557e}.world-plinko{--play-background:#633438}.world-stack{--play-background:#564267}.world-luck{--play-background:#2d5260}.world-timing{--play-background:#30545a}.world-ten{--play-background:#37416c}.world-mash{--play-background:#754340}.world-reaction{--play-background:#4b4573}
.live:has(.phase-playing) .arena{width:100%;max-width:none;flex:1 1 0;overflow:hidden}
.phase-playing .play-scene{width:100%;height:100%;max-width:none;min-width:0;min-height:0;padding:8px 12px;gap:4px;justify-content:center}
.phase-playing .play-scene>.eyebrow{font-size:10px;line-height:1.2}
.phase-playing .play-scene h2{font-size:clamp(22px,3.5vh,38px);line-height:1;margin:0}
.phase-playing .play-scene p{font-size:clamp(12px,1.8vh,17px);line-height:1.2;margin:0}
.phase-playing #game-canvas{display:block;flex:0 1 auto;width:min(100%,calc((100svh - 165px) * 15 / 7));max-width:100%;height:auto;max-height:calc(100svh - 165px);aspect-ratio:900/420;object-fit:contain;margin:3px auto 0;border-radius:6px;box-sizing:border-box}
.live:has(.phase-playing)>.control-bar{margin:0;padding:4px 12px 0;gap:8px}
.live:has(.phase-playing)>.control-bar .btn{min-height:42px;padding:9px 16px;font-size:13px}
.live:has(.phase-playing)>.hint{margin:4px 0 6px;font-size:10px;line-height:1.2}
.live:has(.phase-playing)>.game-progress{top:5px;left:8px;font-size:9px;padding:5px 8px}
@media(max-width:700px){.phase-playing .play-scene{padding:8px 8px}.phase-playing #game-canvas{width:min(100%,calc((100svh - 155px) * 15 / 7));max-height:calc(100svh - 155px)}.live:has(.phase-playing)>.game-progress{display:none}}
/* Individual game logos: graphic typography is legible on a television. */
.world-fly{--game-logo:#c9f5ff;--game-logo-shadow:#338cbd;--game-logo-outline:#153a65}
.world-runner{--game-logo:#ffe5a4;--game-logo-shadow:#dc4e40;--game-logo-outline:#722e3b}
.world-plinko{--game-logo:#ffe093;--game-logo-shadow:#c65342;--game-logo-outline:#68332e}
.world-snowball{--game-logo:#f3fdff;--game-logo-shadow:#75c6e3;--game-logo-outline:#24547a}
.world-stack{--game-logo:#ffe5b1;--game-logo-shadow:#df6b61;--game-logo-outline:#763f59}
.world-luck{--game-logo:#ffe69f;--game-logo-shadow:#df8344;--game-logo-outline:#654538}
.world-timing{--game-logo:#edffd8;--game-logo-shadow:#52a98a;--game-logo-outline:#28564e}
.world-ten{--game-logo:#f6efff;--game-logo-shadow:#aa87d5;--game-logo-outline:#4e407b}
.world-mash{--game-logo:#ffe1a0;--game-logo-shadow:#f07453;--game-logo-outline:#84393b}
.world-reaction{--game-logo:#fff3b1;--game-logo-shadow:#e7a544;--game-logo-outline:#674c71}
.game-title-scene h2.game-logo{color:var(--game-logo);-webkit-text-stroke:1px var(--game-logo-outline);text-shadow:3px 4px 0 var(--game-logo-shadow),6px 8px 0 var(--game-logo-outline),10px 12px 0 #10263b;line-height:.9}
.world-fly .game-logo{font-style:italic;letter-spacing:.02em!important;transform:rotate(-5deg)}
.world-runner .game-logo{letter-spacing:.045em!important;transform:rotate(-2deg) skew(-4deg)}
.world-plinko .game-logo{letter-spacing:.06em!important;transform:rotate(2deg)}
.world-snowball .game-logo{letter-spacing:.025em!important;transform:rotate(-3deg)}
.world-mash .game-logo,.world-reaction .game-logo{transform:rotate(-4deg) skew(-3deg)}
.world-ten .game-logo,.world-luck .game-logo{letter-spacing:.07em!important}
/* Inside a game, keep the color field quiet so the logo and game stand out. */
.live.in-game:before{background:var(--play-background,#132d4a);opacity:1;transform:none;animation:none}
.live.in-game:after{background:linear-gradient(180deg,#07182a33,transparent 45%,#07182a55)}
.game-logo span{display:inline-block}.game-logo .logo-accent{color:var(--game-logo);position:relative}
.world-fly .logo-accent{font-style:italic;transform:translateY(-.04em)}
.world-runner .logo-accent{color:#ffdb72;transform:rotate(2deg)}
.world-plinko .logo-accent{color:#ffb263;letter-spacing:.08em}
.world-snowball .logo-accent{color:#b4efff;transform:rotate(2deg)}
.world-stack .logo-accent{color:#ffc581;transform:rotate(-2deg)}
.world-luck .logo-accent{color:#ffc76c;letter-spacing:.06em}
.world-timing .logo-accent{color:#a9f2bb}.world-ten .logo-accent{color:#d7c4ff}.world-mash .logo-accent{color:#ffba86}.world-reaction .logo-accent{color:#ffdb77}
.world-snowball .game-logo,.world-stack .game-logo{font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;font-weight:1000;letter-spacing:-.045em!important}
.world-ten .game-logo,.world-luck .game-logo{font-family:Georgia,serif;font-weight:900;letter-spacing:-.035em!important;font-style:italic}
.world-plinko .game-logo{font-family:'Arial Black',system-ui,sans-serif;font-weight:1000;letter-spacing:-.04em!important}
.world-timing .game-logo{font-family:system-ui,sans-serif;font-weight:1000;letter-spacing:-.05em!important}
.world-claw,.world-chimney,.world-hoops{--game-logo:#ffe4b5;--game-logo-shadow:#df6959;--game-logo-outline:#733c46}
.world-pinball,.world-fishing,.world-sling,.world-icehop{--game-logo:#e3fbff;--game-logo-shadow:#66b6cf;--game-logo-outline:#275879}
.world-launch,.world-cookies,.world-rodeo{--game-logo:#fff1bd;--game-logo-shadow:#de9c56;--game-logo-outline:#745040}
.game-claw .scene-prop,.game-pinball .scene-prop,.game-launch .scene-prop,.game-fishing .scene-prop,.game-chimney .scene-prop,.game-cookies .scene-prop,.game-sling .scene-prop,.game-rodeo .scene-prop,.game-hoops .scene-prop,.game-icehop .scene-prop{display:none}

/* Illustrated characters on their own title scenes. */
.world-icehop .game-title-icon,.world-rodeo .game-title-icon,.world-launch .game-title-icon{font-size:0;width:clamp(130px,20vw,260px);height:clamp(100px,17vh,180px);background:center/contain no-repeat}
.world-icehop .game-title-icon{background-image:url('assets/holiday-penguin-v1.png')}
.world-rodeo .game-title-icon,.world-launch .game-title-icon{background-image:url('assets/holiday-reindeer-v1.png')}
/* Each new game gets its own logo treatment within the shared show system. */
.world-claw .game-logo{font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;font-weight:1000;letter-spacing:-.055em!important;transform:rotate(-3deg)}
.world-pinball .game-logo{font-style:italic;letter-spacing:.015em!important;transform:skew(-6deg) rotate(-2deg)}
.world-launch .game-logo{font-style:italic;transform:rotate(-5deg)}
.world-fishing .game-logo{font-family:Georgia,serif;font-weight:900;font-style:italic;letter-spacing:-.06em!important;transform:rotate(-2deg)}
.world-chimney .game-logo{letter-spacing:.025em!important;transform:rotate(2deg)}
.world-cookies .game-logo{font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;font-weight:1000;letter-spacing:-.055em!important;transform:rotate(-3deg)}
.world-sling .game-logo{font-style:italic;transform:skew(-5deg) rotate(-2deg)}
.world-rodeo .game-logo{font-family:Georgia,serif;font-weight:900;letter-spacing:-.05em!important;transform:rotate(-2deg)}
.world-hoops .game-logo{font-style:italic;letter-spacing:.01em!important;transform:skew(-5deg)}
.world-icehop .game-logo{font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;font-weight:1000;letter-spacing:-.055em!important;transform:rotate(3deg)}
.world-cookies .game-title-icon{font-size:0;width:clamp(130px,20vw,260px);height:clamp(100px,17vh,180px);background:center/contain no-repeat url('assets/holiday-cookie-v1.png')}