body,
ul,
ol,
li,
h1,
h2,
form,
legend,
input,
textarea,
p,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  border: 0;
}
em,
strong,
th {
  font-style: normal;
  font-weight: normal;
}
li {
  list-style: none;
}
th {
  text-align: left;
}
h1,
h2,
h3 {
  font-size: 100%;
  font-weight: normal;
}
input,
textarea,
select,
button {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
time {
  display: inline-block;
}
body.embed .match {
  min-height: auto;
  padding: 0;
  gap: 0;
  height: 100%;
}
html, body {
  margin: 0;
  height: 100%;
}
.clearfix::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
.none {
  display: none;
}
html {
  min-height: 100%;
}
body {
  font: 12px 'Figtree',sans-serif;
  color: #0f172a;
  background: #131b29;
  overflow-x: hidden;
  cursor: default;
  line-height: 1.1;
  -webkit-text-size-adjust: 100%;
}
body.no-bg {
  background: none!important;
}
body.no-select {
  -moz-user-select: none;
  -webkit-user-select: none;
}
a,
a:visited,
button,
input {
  color: #747474;
}
a,
a:visited,
button,
.button {
  cursor: pointer;
}
a,
a:hover,
a:visited {
  text-decoration: none;
}
button.a {
  border: none;
  background: none;
}
strong {
  font-weight: bold;
}
.small {
  font-size: 11.5px;
}
body {
  min-height: 100dvh;
}

body.embed .match-header,
body.embed .match-footer {
  display: none;
}

body.embed .match-board {
  gap: 0;
  height: 100%;
}

body.embed .cg-wrap square[data-coord-y]::before {
  right: 2px;
  top: 2px;
}

body.embed .cg-wrap square[data-coord-x]::after {
  bottom: 2px;
  left: 2px;
  font-weight: bold;
}

body.embed .moves-panel {
  border-radius: 0;
}

body.embed .lobby {
  min-height: auto;
  padding: 0;
  justify-content: flex-start;
}

body.embed .lobby-card {
  box-shadow: none;
  border-radius: 0;
  text-align: left;
  max-width: none;
  width: auto;
}

body.embed .lobby-actions {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}