:root {
  --seal-bg-0: #0a0908;
  --seal-bg-0-rgb: 10, 9, 8;
  --seal-bg-1: #12100e;
  --seal-bg-1-rgb: 18, 16, 14;
  --seal-bg-2: #1b1815;
  --seal-bg-2-rgb: 27, 24, 21;
  --seal-bg-3: #24201c;
  --seal-bg-3-rgb: 36, 32, 28;
  --seal-chrome-rgb: 12, 10, 9;
  --seal-scrim-rgb: 6, 5, 4;
  --seal-shadow-rgb: 0, 0, 0;
  --seal-bg-deep-rgb: 16, 14, 12;
  --seal-note-fg-rgb: 150, 140, 124;
  --seal-fg: #e8dfc9;
  --seal-fg-rgb: 232, 223, 201;
  --seal-fg-dim: #b0a690;
  --seal-fg-dim-rgb: 176, 166, 144;
  --seal-fg-mute: #7b7264;
  --seal-fg-mute-rgb: 123, 114, 100;
  --seal-fg-soft-rgb: 154, 144, 128;
  --seal-accent-rgb: 212, 52, 42;
  --seal-accent-lit-rgb: 255, 90, 60;
  --seal-accent-dark-rgb: 143, 31, 26;
  --seal-accent-deep-rgb: 96, 21, 17;
  --seal-accent2-rgb: 111, 170, 139;
  --seal-accent2-deep-rgb: 45, 66, 58;
  --seal-trim-rgb: 201, 163, 73;
  --seal-danger-rgb: 143, 31, 26;
  --seal-danger-lit-rgb: 212, 52, 42;
  --seal-danger-fg: #e8907f;
  --seal-on-accent: #fff;
  --seal-on-primary: #fdf6e6;
  --seal-line: rgba(var(--seal-trim-rgb), .17);
  --seal-line-solid: #3a3225;
  --seal-line-hot: rgba(var(--seal-accent-rgb), .5);
  --seal-bg-4-rgb: 44, 39, 34;
  --seal-good-rgb: 143, 214, 174;
  --seal-warn-rgb: 223, 188, 99;
  --seal-bad-rgb: 255, 139, 115;
  --seal-good: #8fd6ae;
  --seal-warn: #dfbc63;
  --seal-bad: #ff8b73;
  --seal-card-bg: linear-gradient(180deg, rgba(30, 26, 22, .97), rgba(14, 12, 10, .97));

  --piece-light: #f4ecd8;
  --piece-light-rgb: 244, 236, 216;
  --piece-dark: #14110d;
  --piece-dark-soft: #16130f;
  --piece-shadow-rgb: 18, 15, 12;
  --mark-light: #fdf3e0;
  --mark-light-rgb: 253, 243, 224;

  --ink-0: var(--seal-bg-0);
  --ink-1: var(--seal-bg-1);
  --ink-2: var(--seal-bg-2);
  --ink-3: var(--seal-bg-3);
  --bone: var(--seal-fg);
  --bone-dim: var(--seal-fg-dim);
  --ash: var(--seal-fg-mute);
  --accent-rgb: var(--seal-accent-rgb);
  --accent-lit-rgb: var(--seal-accent-lit-rgb);
  --accent-dark-rgb: var(--seal-accent-dark-rgb);
  --accent-deep-rgb: var(--seal-accent-deep-rgb);
  --accent-alt-rgb: var(--seal-accent2-rgb);
  --accent-alt-deep-rgb: var(--seal-accent2-deep-rgb);
  --vermilion: rgb(var(--seal-accent-rgb));
  --vermilion-lit: rgb(var(--seal-accent-lit-rgb));
  --crimson: rgb(var(--seal-accent-dark-rgb));
  --jade: rgb(var(--seal-accent2-rgb));
  --jade-lit: var(--seal-good);
  --gold: rgb(var(--seal-trim-rgb));
  --talisman: var(--seal-warn);
  --line: var(--seal-line);
  --line-solid: var(--seal-line-solid);
  --line-hot: var(--seal-line-hot);
}
.hud-note {
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: max-content; max-width: min(46vw, 682px);
  flex: none;
}
#tokenModal .modal-card { padding-left: 68.2px; }
.talisman {
  position: absolute; left: 15.4px; top: 15.4px; bottom: 15.4px; width: 33px;
  background: linear-gradient(180deg, #d8b45f, #c39a3f);
  color: var(--crimson);
  font-family: var(--han); font-size: 16.5px; font-weight: 700;
  writing-mode: vertical-rl; text-align: center; letter-spacing: 5.5px;
  padding-top: 13.2px;
  box-shadow: 0 0 22px rgba(var(--seal-warn-rgb), .22);
}
.talisman::after {
  content: ''; position: absolute; left: 50%; bottom: 11px; transform: translateX(-50%);
  width: 15.4px; height: 15.4px; border: 2px solid var(--crimson); border-radius: 50%;
}
.donate .cup, .donate .saucer { fill: currentColor; }
.donate .steam, .donate .handle { fill: none; stroke: var(--vermilion); stroke-width: 1.5; stroke-linecap: round; }
.donate .handle { stroke: currentColor; stroke-width: 1.4; }
.donate:hover .steam { stroke: var(--talisman); }
.panel-b .tv-seat + .row { margin-top: 7.7px; }
@media (max-height: 800px) {
  .panel-b .hint { display: none; }
}
@media (max-width: 900px) {
  .talisman { display: none; }
  #tokenModal .modal-card { padding-left: 16px; }
}