@font-face {
  font-family: 'Symbola';
  font-style: normal;
  font-weight: normal;
  src: local('Symbola'), url('symbola13.otf') format('opentype');
}

.sym {
   font-family: 'Symbola';
   font-weight: normal;
   font-style: normal;
} 

main {
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: var(--pico-accordion-border-color);
}

.ctr { text-align: center; }
.sml { font-size: smaller; padding: 0.3em 0.4em; margin: 0.1em 0.3em; }
.bid { width: 1.8em; padding: 0.1em; margin: 0.1em; }
.mine { background-color: goldenrod; }
.invalid { background-color: red; }

.alert { color: yellow; font-weight: bold;}

table {
  width: 100%;
  td { vertical-align: top; }
  .both { text-align: center; }
  .left { text-align: right; }
  .right { text-align: left; }
  .shrink { width: 1%; }
}