/* GO ARENA scenario fullscreen v16.1: final scoped layout layer; normal mode unchanged. */
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen){
  --sfs-gap:clamp(6px,1vh,12px);
  position:fixed!important;inset:0!important;z-index:99999!important;
  width:100vw!important;max-width:none!important;
  height:100vh!important;height:100dvh!important;max-height:100dvh!important;
  box-sizing:border-box!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;
  gap:var(--sfs-gap)!important;
  padding:calc(8px + env(safe-area-inset-top,0px)) clamp(8px,1.4vw,18px) calc(8px + env(safe-area-inset-bottom,0px))!important;
  margin:0!important;border:0!important;border-radius:0!important;background:#eff7f4!important;
}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .gameTop{
  flex:0 0 auto!important;margin:0!important;padding:0 0 3px!important;min-height:0!important;
}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .gameTop h1{font-size:clamp(17px,2vw,25px)!important;margin:0!important}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .gameTop p,
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .gameTop .sectionKicker,
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioSummary,
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioTrack,
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioCategories{display:none!important}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioV2Grid{
  display:grid!important;grid-template-columns:clamp(155px,16vw,225px) minmax(0,1fr)!important;
  align-items:stretch!important;gap:var(--sfs-gap)!important;
  flex:1 1 0!important;min-width:0!important;min-height:0!important;overflow:hidden!important;
}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioPicker{
  display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;padding:10px!important;
}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioPicker h2{font-size:15px!important;margin:0 0 6px!important}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioLessonList{display:grid!important;grid-template-columns:1fr!important;max-height:none!important;min-height:0!important;flex:1 1 0!important;overflow-y:auto!important}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioLessonList button{padding:7px 9px!important;min-height:35px!important}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioSelectFallback{flex:0 0 auto!important;margin-top:8px!important}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioPractice{
  display:grid!important;grid-template-columns:minmax(0,1fr) clamp(200px,22vw,310px)!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  grid-template-areas:'mission mission' 'board controls'!important;
  gap:var(--sfs-gap)!important;min-width:0!important;min-height:0!important;
  overflow:hidden!important;padding:clamp(7px,1vw,13px)!important;
}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioMission{
 grid-area:mission!important;padding:7px 12px!important;max-height:90px!important;overflow-y:auto!important;
}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioMission h2{font-size:clamp(15px,1.55vw,21px)!important;margin:0!important}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioMission p{font-size:13px!important;margin:2px 0!important}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioBoardStage{
  grid-area:board!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  overflow:hidden!important;padding:0!important;margin:0!important;
}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioBoardStage canvas{
  display:block!important;width:auto!important;height:auto!important;
  max-width:100%!important;max-height:100%!important;
  aspect-ratio:1/1!important;object-fit:contain!important;
  touch-action:manipulation!important;flex:0 1 auto!important;
}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioControls{
 grid-area:controls!important;align-self:stretch!important;align-content:start!important;
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:7px!important;min-width:0!important;min-height:0!important;overflow-y:auto!important;
}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioControls button{min-height:42px!important;padding:7px 5px!important}
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioHintSetting,
:is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioFeedback{
  display:none!important;
}
/* Medium and portrait screens: keep board largest; move compact selection and controls below. */
@media(max-width:900px), (orientation:portrait){
 :is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioV2Grid{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
 :is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioPicker{display:none!important}
 :is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioPractice{
   grid-template-columns:minmax(0,1fr)!important;
   grid-template-rows:auto minmax(0,1fr) auto!important;
   grid-template-areas:'mission' 'board' 'controls'!important;
 }
 :is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioMission{max-height:66px!important}
 :is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioControls{overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;align-items:stretch!important;min-height:42px!important;max-height:64px!important}
 :is(#scenarioPanel:fullscreen,#scenarioPanel.pseudoFullscreen,#scenarioPanel:-webkit-full-screen) .scenarioControls>*{flex:0 0 auto!important;min-width:115px!important;max-width:170px!important;white-space:normal!important}
}