/* === POKEALCHEMY RESPONSIVE PATCH 151.22-r1 === */
:root{--poke-logical-height:1202px;--poke-ui-scale:1}
html,body{width:100%;height:100%;max-width:100%;max-height:100%}
body{
  min-height:100vh!important;
  min-height:100dvh!important;
  display:grid!important;
  place-items:center!important;
  background:#211308 url('../background.png') center/cover fixed no-repeat!important;
  overflow:hidden!important;
  overscroll-behavior:none;
  touch-action:manipulation;
}
#viewport{
  width:2048px;
  height:var(--poke-logical-height);
  max-width:none!important;
  max-height:none!important;
  position:relative!important;
  overflow:hidden!important;
  flex:none!important;
  contain:layout paint size;
}
#game{
  left:0!important;
  top:0!important;
  width:2048px!important;
  height:var(--poke-logical-height)!important;
  transform-origin:top left!important;
}
#game>.bg{
  width:2048px!important;
  height:var(--poke-logical-height)!important;
  object-fit:cover!important;
}
#game.responsiveLayout .layer,
#game.responsiveLayout #biomeFrame,
#game.responsiveLayout #bottomBar,
#game.responsiveLayout #leftPanel,
#game.responsiveLayout #topRight{
  transition:left .18s ease,top .18s ease,width .18s ease,height .18s ease,right .18s ease;
}

/* Tablettes et fenêtres presque carrées : la scène gagne de la largeur et les commandes descendent. */
#game.layout-compact{--poke-logical-height:1450px}
#game.layout-compact>.bg{height:1450px!important}
#game.layout-compact .logo{left:25px!important;top:18px!important;width:350px!important}
#game.layout-compact #biomeFrame{left:365px!important;top:118px!important;width:1643px!important;height:924px!important}
#game.layout-compact #leftPanel{left:30px!important;top:250px!important;width:302px!important;height:560px!important}
#game.layout-compact #pokedexBtn{left:28px!important;top:842px!important;width:305px!important;height:118px!important}
#game.layout-compact #recipesBtn{left:28px!important;top:978px!important;width:305px!important;height:118px!important}
#game.layout-compact #topRight{left:auto!important;right:28px!important;top:18px!important;display:flex!important;flex-direction:row!important;gap:12px!important}
#game.layout-compact #bottomBar{
  left:365px!important;top:1080px!important;width:1643px!important;height:164px!important;
  justify-content:center!important;gap:22px!important;padding:16px 34px!important;
}
#game.layout-compact #bottomBar.hidden{transform:translateY(185px)!important}
#game.layout-compact #eyeFloat{left:1908px!important;top:1122px!important}
#game.layout-compact #navUp{left:365px!important;top:35px!important;width:1643px!important;height:83px!important}
#game.layout-compact #navDown{left:365px!important;top:1035px!important;width:1643px!important;height:72px!important}
#game.layout-compact #navLeft{left:312px!important;top:118px!important;width:70px!important;height:924px!important}
#game.layout-compact #navRight{left:1988px!important;top:118px!important;width:60px!important;height:924px!important}
#game.layout-compact #successBanner{left:420px!important;top:18px!important;width:1208px!important}

/* Portrait : vraie réorganisation. La scène passe en haut, les éléments et les commandes se répartissent dessous. */
#game.layout-portrait{--poke-logical-height:3000px}
#game.layout-portrait>.bg{height:3000px!important}
#game.layout-portrait .logo{left:52px!important;top:28px!important;width:430px!important}
#game.layout-portrait #topRight{
  left:auto!important;right:52px!important;top:34px!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;gap:18px!important;
}
#game.layout-portrait .topBtn{width:112px!important;height:112px!important}
#game.layout-portrait #successBtn,#game.layout-portrait #biomeEditBtn{width:106px!important;height:106px!important}
#game.layout-portrait #biomeFrame{left:60px!important;top:270px!important;width:1928px!important;height:1085px!important;border-radius:32px!important}
#game.layout-portrait #navUp{left:60px!important;top:180px!important;width:1928px!important;height:90px!important}
#game.layout-portrait #navDown{left:60px!important;top:1355px!important;width:1928px!important;height:90px!important}
#game.layout-portrait #navLeft{left:0!important;top:270px!important;width:76px!important;height:1085px!important}
#game.layout-portrait #navRight{left:1972px!important;top:270px!important;width:76px!important;height:1085px!important}
#game.layout-portrait #leftPanel{
  left:60px!important;top:1485px!important;width:880px!important;height:1350px!important;
  border-width:7px!important;border-radius:22px!important;
}
#game.layout-portrait #leftPanelTitle{
  left:24px!important;top:-45px!important;width:820px!important;height:86px!important;
  font-size:34px!important;border-width:4px!important;border-radius:22px!important;
}
#game.layout-portrait .elementGrid{
  left:112px!important;top:108px!important;width:650px!important;
  grid-template-columns:repeat(2,180px)!important;
  grid-auto-rows:180px!important;
  column-gap:170px!important;row-gap:74px!important;
}
#game.layout-portrait .roundBtn{width:180px!important;height:180px!important}
#game.layout-portrait .locked::after{width:34px!important;height:34px!important}
#game.layout-portrait #pokedexBtn{
  left:1035px!important;top:1510px!important;width:900px!important;height:300px!important;
}
#game.layout-portrait #recipesBtn{
  left:1035px!important;top:1835px!important;width:900px!important;height:300px!important;
}
#game.layout-portrait #bottomBar{
  left:1035px!important;top:2180px!important;width:900px!important;height:655px!important;
  display:flex!important;flex-wrap:wrap!important;align-content:center!important;align-items:center!important;
  justify-content:center!important;gap:30px 34px!important;padding:46px 48px!important;border-radius:34px!important;
}
#game.layout-portrait #bottomBar .fusionSlot{width:148px!important;height:148px!important}
#game.layout-portrait #bottomBar #fusionBtn{width:205px!important;height:160px!important;margin-left:0!important}
#game.layout-portrait #bottomBar .travelBtn{width:160px!important;height:160px!important}
#game.layout-portrait #bottomBar #volBtn{width:175px!important;height:160px!important}
#game.layout-portrait #bottomBar #volBtn img{height:152px!important}
#game.layout-portrait #bottomBarSeparator{display:none!important}
#game.layout-portrait #bottomBar.hidden{transform:translateY(700px)!important}
#game.layout-portrait #eyeFloat{left:1790px!important;top:2690px!important;width:130px!important;height:130px!important}
#game.layout-portrait #successBanner{left:250px!important;top:112px!important;width:1548px!important;height:190px!important}
#game.layout-portrait #creationPop{top:45%!important}
#game.layout-portrait .wheel.v128Orbit{width:760px!important;height:680px!important}

/* Écrans très bas : évite que le redimensionnement du navigateur déclenche des animations inutiles. */
@media (prefers-reduced-motion:reduce){
  #game.responsiveLayout .layer,#game.responsiveLayout #biomeFrame,#game.responsiveLayout #bottomBar,#game.responsiveLayout #leftPanel,#game.responsiveLayout #topRight{transition:none!important}
}
/* === END POKEALCHEMY RESPONSIVE PATCH 151.22-r1 === */
