Olekaze lishogi improvements by Olekaze

/* ==UserStyle==
@name           Olekaze lishogi improvements
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    what I use
@author         Olekaze
==/UserStyle== */
@-moz-document domain("lishogi.org") {
a {
    color: #ccc;
    text-decoration: none
}
    .analyse__moves {
  flex:2 1 0;
  overflow-y:auto;
  overflow-x:hidden;
  border-top:1px solid #0000;
  position:relative
}
    .tview2-column>index+move {
  border-right:#00000052
}
    .pv_box .pv {
  position:relative;
  display:flex;
  flex-wrap:wrap;
  line-height:2em;
  border-top:0px solid #0000;
  padding-right:16px;
  min-height:4em
}
    .mchat__say {
    flex: 0 0 auto;
    border: 0;
    border-top: 1px solid #000;
    border-radius: 0;
    padding: 3px 20px 3px 4px
}
    input,
textarea,
select {
  background:#000000c7;
  border:1px solid #000;
  padding:0.6em 1em
}


    .lobby__support a {
  background:rgba(0, 0, 0, 0);
  font-size:1.3em;
  margin-bottom:2vmin;
  padding:0.6em 0.5em;
  border:1px solid #0000;
  transition:all 150ms
}

    .mselect__label {
  background:rgba(0,0,0,0.6);
  border:1px solid #40404000;
  flex-flow:row nowrap;
  padding:0.3rem 0.3rem 0.3rem 1rem;
  cursor:pointer
    }
    .hooks__list td {
  word-break:break-all;
  overflow:hidden;
  padding:.5em .7em;
  border-bottom:1px solid #000000a3;
  cursor:pointer;
  background:rgba(0,0,0,0.1)
}
    .rcontrols .negotiation {
  animation:flash-once 0s ease-in;
  padding:1px
}
    .rcontrols .suggestion,
.rcontrols .pending,
.rcontrols .negotiation {
  padding:0.5em 3%;
  background: url("https://media4.giphy.com/media/1YeNmr6FqSWZ6MVsQB/giphy.gif?cid=6c09b952lqw8oxx9mehn2lveze9df4q9w2mteofce0pi9q26&ep=v1_internal_gif_by_id&rid=giphy.gif&ct=g")
}
    .lobby__box td {
  padding:0.5em 0.4em;
  border-top:1px solid #0000;
  max-width:21ch
}
.timeline .entry::after {
  height:0 !important;
}
 .rmoves .areplay {
    display:block;
    flex:2 1 0;
    overflow-y:auto;
    overflow-x:hidden;
    border-top:1px solid #00000045;
    position:relative;
    will-change:scroll-position
  }
      .rmoves index {
    flex:0 0 17%;
    display:flex;
    justify-content:center;
    border-right:1px solid #0000;
    background:rgba(255,255,255,0.05);
    line-height:2.07em;
    color:#7a7a7a
  }
    .msg-app__convo__head {
  flex:0 0 4em;
  background:#0000008f;
  border-bottom:1px solid #000;
}
    .msg-app__side__search {
  flex:0 0 4em;
  background:#000;
  border-bottom:1px solid #000;
  overflow-y:auto
}
    .msg-app__convo__reply {
  flex:0 0 auto;
  background:#353535;
  border-top:1px solid #000;
  padding:1em 2em
}


      .rmoves m2.active {
    font-weight:bold;
    background:rgba(251, 251, 251, .14);
    color:#e3e3e3
  }
    .lpresets>div {
  justify-content:center;
  align-items:center;
  cursor:pointer;
  border:1px solid #40404000;
  background:rgba(255, 255, 255, 0.05);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0) !important;
  color:#e3e3e3;
  transition:all 150ms
}

     .coords-edge .main-board .sg-wrap sg-board,
  .coords-edge .main-board .sg-wrap sg-hand {
    outline:1px solid #fff0;
  }
     .custom.coords-edge .main-board sg-board,
  .custom.coords-edge .main-board sg-hand {
    outline:1px solid #0000 !important;
    box-shadow: 3px 2px 4px rgba(60, 60, 60, 60) !important;
  }
         .coords-edge .main-board .sg-wrap sg-board,
  .coords-edge .main-board .sg-wrap sg-hand {
    outline:1px solid #00000017;
    box-shadow: 14px 19px 12px rgba(0, 0, 0, .57) !important;
    border-radius: 6px;
  }
    .crosstable,
.mchat,
.game__meta,
#modal-wrap .close:hover,
.context-streamer,
.round__app__table,
.rclock-bottom .time,
.rmoves .buttons,
.rcontrols .rematch-decline,
.rcontrols .resume-decline,
.rcontrols .post-game-study-decline {
   box-shadow: 0px 0px 0px rgba(0, 0, 0, .71) !important;
}
    good {
  color:#626262;
}
bad {
  color:#626262;
}
    .crosstable .win {
  font-weight:bold;
  color:#8a8a8a
}
.crosstable .loss {
  color:#8a8a8a
}
    .site-title span.site-beta {
  font-size:0;
}

}