/* Setup Studio: shared visual system scoped to the three landscape setup menus. */
.studio-intro,.studio-summary,.studio-art,.studio-choice-note{display:none}
@media(orientation:landscape){
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode){--ink:#edf4fa;--muted:#93a8ba;--line:#293d4e;--accent:#5ce0cc;width:100%!important;max-width:none!important;height:100%!important;max-height:100%!important;padding:12px 18px!important;box-sizing:border-box!important;overflow:hidden!important;background:radial-gradient(ellipse at 85% 0%,#17404b70,transparent 55%),#0d1b28!important;border:1px solid #314553!important;border-radius:16px!important;color:var(--ink)!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode)::before,body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode)::after,body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) #playSetupTitle::after{display:none!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) #playSetupTitle{height:30px!important;margin:0 58px 0 0!important;padding:0!important;min-height:0!important;border:0!important;text-align:left!important;font:700 23px/30px 'Outfit',sans-serif!important;letter-spacing:.2px!important;text-transform:none!important;max-width:none!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .studio-intro{display:block;height:16px;margin:2px 58px 10px 0;color:var(--muted);font:400 10px/16px 'Outfit',sans-serif;letter-spacing:.4px}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .play-setup-grid{display:grid!important;grid-template-rows:minmax(0,1fr) 46px!important;height:calc(100% - 58px)!important;gap:10px!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;overflow:visible!important;align-content:stretch!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .play-section:not(.hidden){min-width:0!important;width:auto!important;max-width:none!important;min-height:0!important;margin:0!important;padding:10px!important;box-sizing:border-box!important;gap:8px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:#142432!important;box-shadow:none!important;align-content:start!important;align-self:stretch!important;overflow:visible!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .play-section.hidden{display:none!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .play-section-title{margin:0!important;padding:0!important;border:0!important;font:600 11px/16px 'Outfit',sans-serif!important;letter-spacing:.7px!important;color:var(--muted)!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .section-title-icon{display:none!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .play-option-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%!important;min-width:0!important;margin:0!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .play-choice{position:relative!important;isolation:isolate;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:0!important;min-height:38px!important;height:38px!important;max-height:none!important;width:100%!important;margin:0!important;padding:5px 8px!important;font:500 13px/17px 'Outfit',sans-serif!important;letter-spacing:0!important;text-transform:none!important;border:1px solid #344958!important;border-radius:8px!important;background:#1b2d3c!important;color:#cedce6!important;box-shadow:none!important;transform:none!important;white-space:normal!important;transition:background .15s,border-color .15s}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .play-choice::before,body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .play-choice::after{display:none!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .play-choice[data-selected=true]{background:#173b40!important;color:#d4fff4!important;border-color:var(--accent)!important;box-shadow:inset 0 0 0 .5px var(--accent)!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .play-choice[data-selected=true]::after{content:'✓';display:block!important;position:absolute;right:5px;top:3px;font:700 10px/12px sans-serif;color:var(--accent);background:none!important;width:auto!important;height:auto!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .play-choice.locked-vip{color:#b9a575!important;border-color:#65583c!important;background:#282c2c!important;opacity:.8!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .play-choice:focus-visible,body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) input:focus-visible{outline:2px solid #fff!important;outline-offset:2px!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .play-choice:active{filter:brightness(1.15)}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .play-actions{position:static!important;inset:auto!important;grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;min-height:46px!important;height:46px!important;margin:0!important;padding:6px 0 0!important;box-sizing:border-box!important;background:none!important;border:0!important;border-top:1px solid var(--line)!important;box-shadow:none!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .studio-summary{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .studio-summary small{color:var(--muted);font:500 9px/10px 'Outfit',sans-serif;letter-spacing:1px}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .studio-summary strong{color:#dae7ed;font:500 12px/17px 'Outfit',sans-serif}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) #playSetupStartButton{flex:0 0 220px!important;width:220px!important;min-height:40px!important;height:40px!important;margin:0!important;padding:6px 14px!important;font:700 14px/20px 'Outfit',sans-serif!important;letter-spacing:.2px!important;border-radius:8px!important;background:#5ce0cc!important;color:#092c2c!important;border:1px solid #8eecdb!important;box-shadow:none!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) #playSetupStartButton .btn-icon{display:none!important}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) #playSetupStartButton::after{content:'→';margin-left:16px;font-size:19px}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .studio-art{display:block;width:100%;height:60px;color:#9dc7cf;flex-shrink:0}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .studio-choice-label{display:block}
 body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .studio-choice-note{display:block;font:400 10px/14px 'Outfit',sans-serif;color:var(--muted);letter-spacing:0}
 body.sx-unified-ui #flow #screenPlaySetup.ai-setup-mode .play-setup-grid{grid-template-columns:1fr!important}
 body.sx-unified-ui #flow #screenPlaySetup.ai-setup-mode #playAiTrainingOptions{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:16px minmax(82px,1fr) 16px 38px!important;gap:6px 16px!important;padding:0!important;background:none!important;border:0!important}
 body.sx-unified-ui #flow #screenPlaySetup.ai-setup-mode #playAiTrainingOptions> :nth-child(1){grid-column:1/-1;grid-row:1}
 body.sx-unified-ui #flow #screenPlaySetup.ai-setup-mode #playAiTrainingOptions> :nth-child(2){grid-column:1/-1;grid-row:2;height:100%}
 body.sx-unified-ui #flow #screenPlaySetup.ai-setup-mode #playAiTrainingOptions> :nth-child(3){grid-column:1;grid-row:3}
 body.sx-unified-ui #flow #screenPlaySetup.ai-setup-mode #playAiTrainingOptions> :nth-child(4){grid-column:1;grid-row:4}
 body.sx-unified-ui #flow #screenPlaySetup.ai-setup-mode #playAiTrainingOptions> :nth-child(5){grid-column:2;grid-row:3}
 body.sx-unified-ui #flow #screenPlaySetup.ai-setup-mode #playAiTrainingOptions> :nth-child(6){grid-column:2;grid-row:4;grid-template-columns:repeat(4,minmax(0,1fr))!important}
 body.sx-unified-ui #flow #screenPlaySetup.ai-setup-mode [data-play-group=aiStyle]{height:100%!important;min-height:0!important;padding:7px 8px!important;gap:3px!important;background:linear-gradient(150deg,#1b3543,#162633)!important;justify-content:center!important}
 body.sx-unified-ui #flow #screenPlaySetup.ai-setup-mode [data-play-group=aiStyle][data-selected=true]{background:linear-gradient(150deg,#214b50,#143237)!important}
 body.sx-unified-ui #flow #screenPlaySetup.ai-setup-mode [data-play-group=aiStyle] .studio-choice-label{font-size:15px;font-weight:600}
 body.sx-unified-ui #flow #screenPlaySetup.ai-setup-mode [data-play-group=aiStyle] .studio-art{height:50px}
 body.sx-unified-ui #flow #screenPlaySetup.classic-setup-mode .play-setup-grid{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)!important}
 body.sx-unified-ui #flow #screenPlaySetup.classic-setup-mode #playModeSection{display:grid!important;grid-template-rows:16px minmax(0,1fr)!important;padding:0!important;border:0!important;background:none!important}
 body.sx-unified-ui #flow #screenPlaySetup.classic-setup-mode #playModeSection>.play-option-grid{grid-template-rows:32px repeat(2,minmax(0,1fr))!important;height:100%}
 body.sx-unified-ui #flow #screenPlaySetup.classic-setup-mode #playModeSection .play-choice{height:100%!important;min-height:0!important;flex-direction:row!important;gap:10px!important;font-size:16px!important}
 body.sx-unified-ui #flow #screenPlaySetup.classic-setup-mode #playModeSection .wide-choice{grid-column:1/-1!important;font-size:12px!important;background:#142432!important}
 body.sx-unified-ui #flow #screenPlaySetup.classic-setup-mode #playModeSection .studio-art{width:70px;height:42px}
 body.sx-unified-ui #flow #screenPlaySetup.classic-setup-mode #playModeSection .wide-choice .studio-art{width:44px;height:26px}
 body.sx-unified-ui #flow #screenPlaySetup.classic-setup-mode #playPartySection{display:grid!important;grid-template-rows:16px minmax(0,1fr)!important;padding:0!important;border:0!important;background:none!important}
 body.sx-unified-ui #flow #screenPlaySetup.classic-setup-mode #playPartySection .play-option-grid{grid-template-columns:1fr!important;grid-template-rows:1fr 1fr!important;height:100%}
 body.sx-unified-ui #flow #screenPlaySetup.classic-setup-mode #playPartySection .play-choice{height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:48px 1fr!important;grid-template-rows:1fr 1fr!important;gap:0 8px!important;padding:10px!important;text-align:left!important;justify-items:start!important}
 body.sx-unified-ui #flow #screenPlaySetup.classic-setup-mode #playPartySection .studio-art{grid-row:1/3;width:48px;height:48px}
 body.sx-unified-ui #flow #screenPlaySetup.classic-setup-mode #playPartySection .studio-choice-label{align-self:end;font-size:13px;font-weight:600}
 body.sx-unified-ui #flow #screenPlaySetup.classic-setup-mode #playPartySection .studio-choice-note{align-self:start;font-size:10px;line-height:14px;margin-top:4px}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .play-setup-grid{grid-template-columns:1fr 1.16fr 1.12fr!important;grid-template-rows:50px 50px minmax(0,1fr) 46px!important;gap:7px 10px!important;grid-template-areas:'name mode card' 'password mode card' 'logo field duration' 'actions actions actions'!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode #playRoomNameSection{grid-area:name!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode #playRoomPasswordSection{grid-area:password!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode #playRoomLogoSection{grid-area:logo!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode #playModeSection{grid-area:mode!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode #playFieldSizeSection{grid-area:field!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode #playRoomCardSection{grid-area:card!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode #playDurationSection{grid-area:duration!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .play-actions{grid-area:actions!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .play-section:not(.hidden){padding:6px 8px!important;gap:4px!important;border:0!important;background:#142432!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .play-section-title{font-size:10px!important;line-height:12px!important;letter-spacing:.4px!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode #playRoomNameSection,body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode #playRoomPasswordSection{padding:0 8px!important;background:none!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode input:not([type=checkbox]){width:100%!important;min-width:0!important;min-height:30px!important;height:30px!important;box-sizing:border-box!important;padding:5px 7px!important;margin:0!important;font:12px/18px 'Outfit',sans-serif!important;background:#142432!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:6px!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode input::placeholder{color:#889cad!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .play-option-grid{gap:4px!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .play-choice{height:35px!important;min-height:35px!important;font-size:11px!important;line-height:13px!important;padding:3px!important;border-radius:5px!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .studio-art{display:none!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode #playModeSection .play-option-grid,body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode #playDurationSection .play-option-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .wide-choice{grid-column:auto!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .vip-icon{display:none!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-card-select-body{display:grid!important;gap:4px!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-card-auto{display:flex!important;align-items:center!important;gap:6px!important;min-height:20px!important;height:20px!important;padding:0!important;margin:0!important;border:0!important;background:none!important;font:11px/14px 'Outfit',sans-serif!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode input[type=checkbox]{width:18px!important;height:18px!important;min-height:0!important;margin:0!important;accent-color:var(--accent)}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-card-choice-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin:0!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-card-choice{width:100%!important;min-width:0!important;min-height:36px!important;height:36px!important;padding:2px!important;border:1px solid #445467!important;border-radius:5px!important;background:#203140!important;box-shadow:none!important;color:var(--ink)!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-card-choice[data-selected=true]{border-color:var(--accent)!important;background:#173b40!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-card-choice strong{font:600 11px/14px 'Outfit',sans-serif!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-card-choice span,body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-card-hint{font:10px/12px 'Outfit',sans-serif!important;margin:0!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .vip-room-card-selected-btn{grid-column:1/-1!important;max-width:none!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-logo-locked,body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-logo-row{display:flex!important;flex-wrap:wrap!important;gap:4px!important;align-items:center!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-logo-preview{width:26px!important;height:26px!important;min-width:26px!important;flex:0 0 26px!important;font-size:14px!important;border-radius:6px!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode :is(.room-logo-locked-text,.room-logo-info){flex:1 1 130px!important;font:10px/12px 'Outfit',sans-serif!important;color:var(--muted)!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode :is(.room-logo-hint,.room-logo-title,.room-logo-warning,.room-logo-info label){font:10px/12px 'Outfit',sans-serif!important;margin:0!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode #playRoomLogoBody button{min-height:26px!important;height:26px!important;padding:3px 8px!important;font:600 11px/16px 'Outfit',sans-serif!important;border:1px solid #3e6169!important;border-radius:5px!important;background:#213b43!important;color:#a6efe4!important;box-shadow:none!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-logo-actions{display:flex!important;gap:4px!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-logo-body{gap:2px!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-logo-info .toggle-setting{min-height:18px!important;height:18px!important;padding:0!important;border:0!important;background:none!important;gap:5px!important;display:flex!important;align-items:center!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode #playRoomLogoBody .room-logo-warning{font-size:9px!important;line-height:10px!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-logo-row{display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;align-items:center!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-logo-row .room-logo-preview{grid-column:1!important;grid-row:1!important;width:26px!important;max-width:26px!important;height:26px!important;min-height:26px!important;max-height:26px!important;margin:0!important;box-sizing:border-box!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-logo-row .room-logo-info{grid-column:2!important;grid-row:1!important;width:100%!important}
 body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-logo-row>:is(button,.room-logo-actions){grid-column:2!important;grid-row:2!important;justify-self:start!important}
 @media(max-height:340px){
  body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode){padding:6px 12px!important}
  body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) #playSetupTitle{height:26px!important;font-size:20px!important;line-height:26px!important}
  body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .studio-intro{margin-top:0;margin-bottom:5px;font-size:9px}
  body.sx-unified-ui #flow #screenPlaySetup:is(.ai-setup-mode,.classic-setup-mode,.room-setup-mode) .play-setup-grid{height:calc(100% - 47px)!important;gap:6px!important}
  body.sx-unified-ui #flow #screenPlaySetup.ai-setup-mode [data-play-group=aiStyle] .studio-art{height:34px}
  body.sx-unified-ui #flow #screenPlaySetup.ai-setup-mode [data-play-group=aiStyle] .studio-choice-label{font-size:13px}
  body.sx-unified-ui #flow #screenPlaySetup.ai-setup-mode [data-play-group=aiStyle] .studio-choice-note{font-size:9px}
  body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .play-setup-grid{grid-template-rows:47px 47px minmax(0,1fr) 46px!important;gap:5px 7px!important}
  body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .play-choice{height:32px!important;min-height:32px!important}
  body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .studio-intro{display:none}
  body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode #playSetupTitle{margin-bottom:5px!important}
  body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .play-setup-grid{height:calc(100% - 31px)!important}
  body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode #playRoomLogoSection{padding:4px 6px!important}
  body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode #playRoomLogoBody button{height:24px!important;min-height:24px!important}
  body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-logo-row{gap:2px!important}
  body.sx-unified-ui #flow #screenPlaySetup.room-setup-mode .room-logo-info .room-logo-hint{font-size:9px!important;line-height:10px!important}
 }
}