#altg-paito .altg-controls select { margin: 2px; padding: 4px 6px; border: 1px solid #6f6969; border-radius: 3px; background: #fff; }
#altg-paito #colormenu { display: flex; align-items: center; padding: 5px; background: #f0f0f0; border-bottom: 1px solid #ccc; position: sticky; top: 0; z-index: 1000; width: 100%; box-sizing: border-box; }
#altg-paito #color-selector { display: flex; align-items: center; gap: 5px; flex: 1; }
#altg-paito #color-selector > * { flex: 1 1 0; box-sizing: border-box; }
#altg-paito #btnSubmit { flex: 1 1 0; cursor: pointer; background-color: unset; border: 1px solid #6f6969; border-radius: 3px; text-align: center; font-size: 10px; color: #000; }
#altg-paito .color { flex: 1 1 0; height: 20px; cursor: pointer; border: 1px solid #000; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
#altg-paito .color.eraser { font-size: 10px; color: #000; background: #fff; }

#altg-paito .table { margin: 0 auto; border-collapse: collapse; }
#altg-paito .table td, #altg-paito .table th { padding: 0; text-align: center; }
#altg-paito .table { width: 100%; max-width: 100%; overflow: hidden; }
#altg-paito .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

#altg-paito td.asu, #altg-paito td.asux {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  padding: 0;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  user-select: none;
}
@media (max-width: 480px){
  #altg-paito td.asu, #altg-paito td.asux {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
  }
}

#altg-paito .e1, #altg-paito .e2, #altg-paito .e3, #altg-paito .e4, #altg-paito .e5, #altg-paito .e6, #altg-paito .e7, #altg-paito .e8, #altg-paito .e9, #altg-paito .e0 { background-color: #ff4d4d; color: #fff; }
#altg-paito .k1, #altg-paito .k2, #altg-paito .k3, #altg-paito .k4, #altg-paito .k5, #altg-paito .k6, #altg-paito .k7, #altg-paito .k8, #altg-paito .k9, #altg-paito .k0 { background-color: #0a9344; color: #fff; }
#altg-paito .c1, #altg-paito .c2, #altg-paito .c3, #altg-paito .c4, #altg-paito .c5, #altg-paito .c6, #altg-paito .c7, #altg-paito .c8, #altg-paito .c9, #altg-paito .c0 { background-color: #3000ff; color: #fff; }
#altg-paito .a1, #altg-paito .a2, #altg-paito .a3, #altg-paito .a4, #altg-paito .a5, #altg-paito .a6, #altg-paito .a7, #altg-paito .a8, #altg-paito .a9, #altg-paito .a0 { background-color: #f39c12; color: #fff; }
#altg-paito .j1, #altg-paito .j2, #altg-paito .j3, #altg-paito .j4, #altg-paito .j5, #altg-paito .j6, #altg-paito .j7, #altg-paito .j8, #altg-paito .j9, #altg-paito .j0 { background-color: #910303; color: #fff; }

#altg-paito .highlight { padding: 1px 4px; margin: 0 -4px; }
#altg-paito .fixed2 { position: fixed; top: 0; }
#altg-paito a { pointer-events:none; text-decoration:none; color: inherit; }