/* On phones the animals keep their real locations in the landscape, rather than becoming a grid. */
@media(max-width:680px){
  html,body{height:100%;min-height:100%;overflow:hidden}body{min-height:100svh}
  main{width:100%;min-height:100svh}.intro{padding:16px;z-index:10}.field-heading{display:none!important}
  .animal-stage{position:fixed;inset:0;min-height:100svh;background:url('wilderness-background.png') center/cover no-repeat;border:0;box-shadow:none;z-index:1}
  .animal-field{position:absolute;inset:0;display:block;min-height:0;padding:0;background:none;border:0}
  .animal,.animal:hover,.animal:focus-visible,.animal[aria-pressed='true']{position:absolute;left:var(--x);top:var(--y);width:var(--animal-size);height:calc(var(--animal-size) + 30px);transform:translate(-50%,-50%) scale(var(--scale));animation:none!important}
  .animal-detail{position:fixed;z-index:11;left:16px;right:16px;top:auto;bottom:calc(72px + env(safe-area-inset-bottom));width:auto;max-height:min(390px,calc(100svh - 200px - env(safe-area-inset-bottom)));margin:0;overflow-y:auto;transform:none!important;background:var(--note-paper)}
  .field-footer{position:fixed;z-index:12;left:0;right:0;bottom:0;width:auto;height:68px;padding:0 16px;background:#fffffff0;border-top:1px solid #d7d9d3;box-shadow:0 -8px 22px #1c241210}
  .animal[data-id='create']{--x:17%!important;--y:70%!important;--animal-size:78px!important}.animal[data-id='olyra']{--x:43%!important;--y:62%!important;--animal-size:72px!important}.animal[data-id='kevins']{--x:calc(69% - 26px)!important;--y:65%!important;--animal-size:76px!important}.animal[data-id='ctwf']{--x:calc(82% + 20px)!important;--y:8%!important;--animal-size:66px!important}.animal[data-id='koia']{--x:84%!important;--y:59%!important;--animal-size:90px!important}.animal[data-id='koia'] .animal-face{transform:scaleX(-1)}
  .animal[data-id='gigit']{--x:56%!important;--y:48%!important;--animal-size:58px!important}.animal[data-id='jpress']{--x:52%!important;--y:calc(51% + 18px)!important;--animal-size:42px!important}.animal[data-id='jpress'] .animal-face{transform:rotate(18deg)}.animal[data-id='unbound']{--x:44%!important;--y:77%!important;--animal-size:64px!important}.animal[data-id='somera']{--x:57%!important;--y:39%!important;--animal-size:43px!important}.animal[data-id='somera'] .animal-face{transform:rotate(-21deg)}.animal[data-id='ohana-realty']{--x:10%!important;--y:calc(80% - 120px)!important;--animal-size:80px!important}
  .animal[data-id='lym']{--x:70%!important;--y:41%!important;--animal-size:50px!important}.animal[data-id='oceanfoam']{--x:91%!important;--y:69%!important;--animal-size:68px!important}.animal[data-id='tare']{--x:calc(30% - 20px)!important;--y:82%!important;--animal-size:90px!important}.animal[data-id='tare'] .animal-face{transform:scaleX(-1)}.animal[data-id='richwife']{--x:54%!important;--y:84%!important;--animal-size:78px!important}.animal[data-id='served']{--x:76%!important;--y:87%!important;--animal-size:94px!important}
}