@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  /* 关掉浏览器对图片的默认拖拽：否则长按/按住稍微一动就会把 LED 图拖出去 */
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
}

html {
  overflow: overlay;
  /* 根元素背景会铺满整个视口画布，避免滚动回弹/地址栏收放时露出白底 */
  background: #000;
}

#wrapper {
  display: flex;
  min-height: 100vh;
  min-height: 100dvh;
  background: #000;
  touch-action: manipulation;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

#k-touch {
  position: relative;
  /* auto 外边距让 JS 设定尺寸后的面板水平垂直都居中；
     面板比视口大时也不会把顶部挤出可视区 */
  margin: auto;
}

#screen {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.app-btn {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button.app-btn {
  opacity: 0.0;
  border: none;
  outline: none;
}

#btn2000 {
  position: absolute;
  top: 1%;
  height: 31%;
  left: 1%;
  width: 23%;
}

#btn2001 {
  position: absolute;
  top: 34.5%;
  height: 31%;
  left: 1%;
  width: 23%;
}

#btn2002 {
  position: absolute;
  top: 68%;
  height: 31%;
  left: 1%;
  width: 23%;
}

#btn2003 {
  position: absolute;
  top: 1%;
  height: 31%;
  left: 51%;
  width: 23%;
}

#btn2004 {
  position: absolute;
  top: 1%;
  height: 31%;
  left: 26%;
  width: 23%;
}

#btn2005 {
  position: absolute;
  top: 34.5%;
  height: 31%;
  left: 51%;
  width: 23%;
}

#btn2006 {
  position: absolute;
  top: 34.5%;
  height: 31%;
  left: 26%;
  width: 23%;
}

#btn2007 {
  position: absolute;
  top: 68%;
  height: 31%;
  left: 51%;
  width: 23%;
}

#btn2008 {
  position: absolute;
  top: 68%;
  height: 31%;
  left: 26%;
  width: 23%;
}

#btnDCD {
  position: absolute;
  top: 34.5%;
  height: 31%;
  right: 1%;
  width: 23%;
}

#btnF {
  position: absolute;
  top: 1%;
  height: 31%;
  right: 1%;
  width: 23%;
}

#btnC {
  position: absolute;
  top: 68%;
  height: 31%;
  right: 1%;
  width: 23%;
}