/* SPDX-License-Identifier: MPL-2.0 */
html,body { min-height:100%; }
html,body { background:#fff; color:#111; }
body { padding-bottom:64px; box-sizing:border-box; }
.leaf-source { position:fixed; bottom:64px; left:60px; font:11px system-ui; z-index:15; margin:0; }
.leaf-source a { color:#777; }
.leaf-source button { border:0; background:transparent; color:#777; font:inherit; cursor:pointer; padding:6px; }
[role=button]:focus-visible { outline:3px solid #52794a; outline-offset:3px; }
.button { min-height:24px; }
.leaf-language { max-width:120px; border:1px solid #bbb; background:inherit; color:inherit; padding:2px; }
.leaf-paused * { animation-play-state:paused!important; }
@media(max-width:950px) {
  div#wrapper { width:700px; padding:18px 0 0; }
  div#notifications { position:relative; height:120px; width:100%; top:0; margin-bottom:20px; }
}
@media(max-width:730px) {
  body { overflow-x:auto; }
  div#wrapper { width:calc(100% - 28px); margin:0 14px; }
  div#header { height:auto; min-height:28px; display:flex; flex-wrap:wrap; gap:10px; }
  div.headerButton { padding:5px 8px; margin:0; min-height:30px; }
  div#content { height:820px; }
  div#outerSlider > div,div.location { width:calc(100vw - 28px); }
  div#main { height:820px; }
  div#notifications { height:120px; font-size:14px; padding-top:12px; }
  div#storesContainer { top:90px; right:0; max-width:45%; }
  div#stores,div#weapons { width:auto; min-width:90px; max-width:100%; font-size:12px; padding:6px; }
  div#craftBtns { left:0; top:250px; }
  div#buyBtns { left:0; top:450px; }
  div#buildBtns { top:75px; }
  .menu { bottom:6px; left:12px; right:12px; display:flex; flex-wrap:wrap; gap:5px 10px; justify-content:flex-end; font-size:12px; background:inherit; }
  .menu { align-items:center; }
  .menu > span { margin-left:0; float:none; line-height:24px; }
  .menu .leaf-language { font-size:12px; min-height:28px; }
  div.button { min-height:30px; padding:7px 8px; }
  div#event { width:calc(100vw - 40px); left:20px; margin-left:0; box-sizing:border-box; }
}