*{margin:0;padding:0;}
body{font:12px/18px Arial,Tahoma,Verdana,sans-serif;background:url(../images/background.png) repeat;height:100%;width:100%;min-height:100%;position:absolute;z-index:0;}
#board{margin:70px 120px;min-width:240px;background:transparent;display:inline-block;position:absolute;top:0;bottom:0;left:0;right:0;}
div.border{position:absolute;top:0;bottom:0;left:0;right:0;margin:68px 118px 68px 118px;min-width:240px;opacity:0.4;filter:alpha(opacity=40);border:1px solid rgb(0,255,255);}
#wrapper div.fone{background:#5FBFFF;opacity:0.07;filter:alpha(opacity=7);position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px;}
#wrapper{min-width:240px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;overflow:hidden;position:absolute;padding:10px;top:0;bottom:0;left:0;right:0;}
#scrollTest{overflow:auto;position:absolute;width:100%;height:100%;top:0;left:0;}

#console {
    font-family: "Courier New", Courier, "Noto Emoji", monospace;
    font-size: 11pt;
    color: #5FBFFF;
}
div.content {
  padding-bottom: 10px;
}
textarea#cmd {
  outline: none;
  font-family: inherit;
  font-size: 11pt;
  color: #5FBFFF;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  resize:none;
  height: 100px;
  width:100%;
  overflow:hidden;
}
td#path {
  vertical-align:top;
  width:1px
}
td.postsnumber {
  padding-left: 20px;
  vertical-align:top;
  width:1px
}
span.reverse {
    background-color: #5FBFFF;
    color: #000;
}
span.mark {
    font-size: 9pt;
    padding:2px;
    background-color: #000;
    color: #ff0;
}
span.pendant {
  color: #2F9CB8;
}
div.pm {
  padding-top: 3px;
  padding-bottom: 4px;
  color: #2F9CB8; 
}
div.postnumber {
  padding-bottom: 3px;
}
table {
  font-size: 11pt;
  color: #5FBFFF;
  border:0;
  padding:0;
  border-collapse:collapse;
}
table td {
  padding:0;
}
table.line {
  margin-top:10px;
  width:100%;
}
table.post {
  margin-top:30px;
  width:100%;
}
table.post td.post-gt {
  width:1px;
}
table.post td.post-code {
  text-align:center;
  width:100px;
}
table.post td.post-content {
  background: url(../images/dashedborder.png);
  background-position-y: 3px;
  background-repeat: repeat-y;
  padding-left: 10px;
}
div.quote {
  background: url(../images/alphablack.png);
  padding: 8px;
  border: 1px solid #0F5C68;
  color: #2F9CB8;
}
img {
  clear:both;
  max-width: 300px;
  max-height: 300px;
  filter: sepia(1) hue-rotate(145deg) contrast(1.7) brightness(1.3);
  opacity: 0.6;
  mix-blend-mode: color-burn;
}
a, a:hover, a:visited, a:link {
  color: #fff;
  text-decoration: underline;
}
.spoiler {
  background-color: #2F9CC8;
  color: #2F9CC8;
}
.spoiler:hover {
  background-color: #2F9CC8;
  color: #000;
}

.native-scrollbar * {
  scrollbar-width: thin;
  scrollbar-color: rgba(98, 226, 255, .25) rgba(0, 0, 0, 0.5);
}
.native-scrollbar div#scrollTest {
  width: calc(100% - 22px);
  height: calc(100% - 20px);
  margin: 10px;
  margin-right: 12px;
}
.native-scrollbar *::-webkit-scrollbar {
  width: 9px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}
.native-scrollbar *::-webkit-scrollbar-thumb {
  background: rgba(98, 226, 255, .25);
  border-radius: 3px;
  border: 1px solid black;
}
@media (max-width: 768px) {
  #board {
    margin:8px 12px;
  }
  div.border {
    display:none;
  }
  #scrollTest {
    margin: 0!important;
    width: 100%!important;
    height: 100%!important;
  }
  #wrapper div.fone {
    background: none;
  }
  body::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(95 191 255 / 7%);
  }
}
*::selection {
  background: #5fbfff;
  color: #000;
}