/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-mono-font-family: var(--mono);
    --color-accent: var(--accent);
    --color-bad: var(--bad);
    --color-piece-blue: #3d86c6;
    --color-piece-black: #2a2622;
    --color-piece-white: #f7f2e6;
    --color-win: #f2c94c;
    --color-ivory: #fffdf8;
    --color-stone-black-lit: #5a5148;
    --color-stone-black-edge: #14110e;
    --color-stone-white-shade: #e6dcc6;
    --color-stone-white-edge: #7a6e5a;
    --color-crown-gold: #f0c64a;
    --color-crown-bronze: #8a5a10;
    --crown: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><path d='M239.75,90.81c0,.11,0,.21-.07.32L217,195a16,16,0,0,1-15.72,13H54.71A16,16,0,0,1,39,195L16.32,91.13c0-.11-.05-.21-.07-.32A16,16,0,0,1,44,77.39l33.67,36.29,35.8-80.29a1,1,0,0,0,0-.1,16,16,0,0,1,29.06,0,1,1,0,0,0,0,.1l35.8,80.29L212,77.39a16,16,0,0,1,27.71,13.42Z'/></svg>");
    --color-terminal: #0b1a11;
    --color-terminal-ink: #8ff0a4;
    --color-terminal-edge: #1f4a2d;
    --color-terminal-echo: #e9e4c4;
    --color-white: #fff;
    --color-gold: #f5d36b;
    --color-heart-pale: #ffb4a8;
    --color-felt-shade: rgb(0 0 0 / 0.15);
    --color-felt-shade-deep: rgb(0 0 0 / 0.35);
    --color-joker: #7a3fa0;
    --animate-sq-land: sq-land 0.9s ease-out;
    --animate-sq-breathe: sq-breathe 2s ease-in-out infinite;
    --animate-win-glow: win-glow 1.1s ease-in-out 6 alternate;
    --color-ur-clay: #e6c9b8;
    --color-ur-lapis: #bcd0e0;
    --color-ur-shell: #ead9ab;
    --color-ur-gold: #ecd27e;
    --color-ur-bronze: #8a6d3b;
    --color-ur-bone: #e8dfc9;
    --color-ur-cream: #f4efe3;
    --color-ur-red-lit: #e0645a;
    --color-ur-red-edge: #7d261f;
    --color-ur-blue-lit: #5b9bd3;
    --color-ur-blue-edge: #1c4466;
    --color-tray-shade: rgb(0 0 0 / 0.06);
    --color-pawn-yellow: #e3b62b;
    --color-pawn-yellow-deep: #a37b07;
    --color-pawn-green: #2e7d4f;
    --color-pawn-red-pale: #f1cdc8;
    --color-pawn-blue-pale: #c6d8ec;
    --color-pawn-yellow-pale: #f5e5a9;
    --color-pawn-green-pale: #c4e2cd;
    --color-pawn-red-entry: var(--x);
    @supports (color: color-mix(in lab, red, red)) {
      --color-pawn-red-entry: color-mix(in srgb, var(--x) 45%, #f1cdc8);
    }
    --color-pawn-blue-entry: var(--o);
    @supports (color: color-mix(in lab, red, red)) {
      --color-pawn-blue-entry: color-mix(in srgb, var(--o) 45%, #c6d8ec);
    }
    --color-pawn-yellow-entry: color-mix(in srgb, #e3b62b 45%, #f5e5a9);
    --color-pawn-green-entry: color-mix(in srgb, #2e7d4f 45%, #c4e2cd);
    --color-pachisi-board: #e9dcbb;
    --color-pachisi-space: #f6eedb;
    --color-pachisi-edge: #a28d62;
    --color-pachisi-safe: #d9c38f;
    --color-pachisi-ring: rgb(90 70 30 / 0.45);
    --color-pachisi-row: #e6dcc4;
    --color-pachisi-unused: rgb(0 0 0 / 0.04);
    --animate-glow: glow 1.4s ease-in-out infinite;
    --animate-counted: counted 1.2s ease-out;
    --ur-rosette: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'><circle r='45.5' fill='none' stroke='%23b5532a' stroke-width='2.6'/><g fill-opacity='.78' stroke='%23f4efe3' stroke-width='1.6' stroke-linejoin='round'><path d='M0-41Q11-20.5 0 0Q-11-20.5 0-41Z' fill='%23b8432f' transform='rotate(0)'/><path d='M0-41Q11-20.5 0 0Q-11-20.5 0-41Z' fill='%232b4f9a' transform='rotate(45)'/><path d='M0-41Q11-20.5 0 0Q-11-20.5 0-41Z' fill='%23b8432f' transform='rotate(90)'/><path d='M0-41Q11-20.5 0 0Q-11-20.5 0-41Z' fill='%232b4f9a' transform='rotate(135)'/><path d='M0-41Q11-20.5 0 0Q-11-20.5 0-41Z' fill='%23b8432f' transform='rotate(180)'/><path d='M0-41Q11-20.5 0 0Q-11-20.5 0-41Z' fill='%232b4f9a' transform='rotate(225)'/><path d='M0-41Q11-20.5 0 0Q-11-20.5 0-41Z' fill='%23b8432f' transform='rotate(270)'/><path d='M0-41Q11-20.5 0 0Q-11-20.5 0-41Z' fill='%232b4f9a' transform='rotate(315)'/></g><circle r='6.5' fill='%23b8432f' stroke='%23f4efe3' stroke-width='1.6'/></svg>");
    --ur-ziggurat: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'><circle r='46.5' fill='none' stroke='%23b5532a' stroke-width='2.6'/><circle r='40.5' fill='none' stroke='%23b5532a' stroke-width='2.6'/><g fill-opacity='.78' stroke='%23f4efe3' stroke-width='1.6' stroke-linejoin='round'><path d='M0-36Q10.5-18 0 0Q-10.5-18 0-36Z' fill='%23b8432f' transform='rotate(0)'/><path d='M0-36Q10.5-18 0 0Q-10.5-18 0-36Z' fill='%232b4f9a' transform='rotate(45)'/><path d='M0-36Q10.5-18 0 0Q-10.5-18 0-36Z' fill='%23b8432f' transform='rotate(90)'/><path d='M0-36Q10.5-18 0 0Q-10.5-18 0-36Z' fill='%232b4f9a' transform='rotate(135)'/><path d='M0-36Q10.5-18 0 0Q-10.5-18 0-36Z' fill='%23b8432f' transform='rotate(180)'/><path d='M0-36Q10.5-18 0 0Q-10.5-18 0-36Z' fill='%232b4f9a' transform='rotate(225)'/><path d='M0-36Q10.5-18 0 0Q-10.5-18 0-36Z' fill='%23b8432f' transform='rotate(270)'/><path d='M0-36Q10.5-18 0 0Q-10.5-18 0-36Z' fill='%232b4f9a' transform='rotate(315)'/></g><circle r='6.5' fill='%23b8432f' stroke='%23f4efe3' stroke-width='1.6'/></svg>");
    --ur-eyes: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'><g fill='none' stroke='%235a4632' stroke-width='2.6' stroke-linejoin='round'><path d='M-39-22Q-22-36-5-22Q-22-8-39-22Z'/><path d='M5-22Q22-36 39-22Q22-8 5-22Z'/><path d='M-39 22Q-22 8-5 22Q-22 36-39 22Z'/><path d='M5 22Q22 8 39 22Q22 36 5 22Z'/><path d='M0-7L7 0L0 7L-7 0Z'/></g><g fill='%235a4632'><circle cx='-22' cy='-22' r='4'/><circle cx='22' cy='-22' r='4'/><circle cx='-22' cy='22' r='4'/><circle cx='22' cy='22' r='4'/></g></svg>");
    --ur-rings: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'><g fill='none' stroke='%235a4632' stroke-width='2.6'><circle cx='-25' cy='-25' r='9'/><circle cx='25' cy='-25' r='9'/><circle r='9'/><circle cx='-25' cy='25' r='9'/><circle cx='25' cy='25' r='9'/></g><g fill='%235a4632'><circle cx='-25' cy='-25' r='3.5'/><circle cx='25' cy='-25' r='3.5'/><circle r='3.5'/><circle cx='-25' cy='25' r='3.5'/><circle cx='25' cy='25' r='3.5'/></g></svg>");
    --ur-quarters: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'><g fill='none' stroke='%235a4632' stroke-width='2.6' stroke-linecap='round'><path d='M0-40V40M-40 0H40'/><rect x='-40' y='-40' width='80' height='80' rx='4'/></g><g fill='%235a4632'><circle cx='-28' cy='-28' r='3'/><circle cx='-12' cy='-28' r='3'/><circle cx='-20' cy='-20' r='3'/><circle cx='-28' cy='-12' r='3'/><circle cx='-12' cy='-12' r='3'/><circle cx='-28' cy='12' r='3'/><circle cx='-12' cy='12' r='3'/><circle cx='-20' cy='20' r='3'/><circle cx='-28' cy='28' r='3'/><circle cx='-12' cy='28' r='3'/><circle cx='12' cy='-28' r='3'/><circle cx='28' cy='-28' r='3'/><circle cx='20' cy='-20' r='3'/><circle cx='12' cy='-12' r='3'/><circle cx='28' cy='-12' r='3'/><circle cx='12' cy='12' r='3'/><circle cx='28' cy='12' r='3'/><circle cx='20' cy='20' r='3'/><circle cx='12' cy='28' r='3'/><circle cx='28' cy='28' r='3'/></g></svg>");
    --ur-grid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'><g fill='none' stroke='%235a4632' stroke-width='2.4' stroke-linejoin='round'><rect x='-37' y='-37' width='22' height='22' rx='3'/><rect x='-37' y='-11' width='22' height='22' rx='3'/><rect x='-37' y='15' width='22' height='22' rx='3'/><rect x='-11' y='-37' width='22' height='22' rx='3'/><rect x='-11' y='-11' width='22' height='22' rx='3'/><rect x='-11' y='15' width='22' height='22' rx='3'/><rect x='15' y='-37' width='22' height='22' rx='3'/><rect x='15' y='-11' width='22' height='22' rx='3'/><rect x='15' y='15' width='22' height='22' rx='3'/></g><g fill='%235a4632'><circle cx='-26' cy='-26' r='3.2'/><circle cx='-26' cy='0' r='3.2'/><circle cx='-26' cy='26' r='3.2'/><circle cx='0' cy='-26' r='3.2'/><circle cx='0' cy='0' r='3.2'/><circle cx='0' cy='26' r='3.2'/><circle cx='26' cy='-26' r='3.2'/><circle cx='26' cy='0' r='3.2'/><circle cx='26' cy='26' r='3.2'/></g></svg>");
    --ur-star: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'><g fill='none' stroke='%235a4632' stroke-width='2.6' stroke-linejoin='round'><rect x='-29' y='-29' width='58' height='58'/><rect x='-29' y='-29' width='58' height='58' transform='rotate(45)'/></g><g fill='%235a4632'><circle cx='-10' cy='-10' r='3.5'/><circle cx='10' cy='-10' r='3.5'/><circle cx='0' cy='0' r='3.5'/><circle cx='-10' cy='10' r='3.5'/><circle cx='10' cy='10' r='3.5'/></g></svg>");
    --color-mancala-wood: #c08a55;
    --color-mancala-wood-dark: #7d5431;
    --color-mancala-well: #94653b;
    --color-seed-blue: #4f8fd0;
    --color-seed-green: #3f9e6b;
    --color-seed-amber: #e2a92b;
    --color-seed-rose: #d0605a;
    --color-seed-lit: rgb(255 255 255 / 0.75);
    --color-sea: #3f7fa6;
    --color-sea-deep: #2c5f80;
    --color-sea-lit: #4f90b8;
    --color-sea-fired: #5c2a26;
    --color-hull: #8a949c;
    --color-hull-edge: #5d666d;
    --color-hull-sunk: #3a3532;
    --color-hull-sunk-edge: #1d1a18;
    --color-hull-picked: #c9a227;
    --color-hull-picked-edge: #8a6d12;
    --color-peg-hit: #e0412f;
    --color-peg-miss: #f4f1ea;
    --color-peg-sunk: #9b3a2f;
    --color-banner-hit: #b8321f;
    --color-sunk-gold: #ffd479;
    --color-volley: #f5d76e;
    --bs-cross: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path d='M2.6 2.6l4.8 4.8M7.4 2.6l-4.8 4.8' stroke='white' stroke-width='1.8' stroke-linecap='round'/></svg>");
    --color-gin-win: #2b6e3f;
    --color-gin-undercut: #b8321f;
    --color-gin-void: #6b6157;
    --color-seat: rgb(0 0 0 / 0.14);
    --color-seat-turn: rgb(0 0 0 / 0.24);
    --color-seat-mine: rgb(0 0 0 / 0.2);
    --color-chip: #e0b23a;
    --color-button-ink: #222;
    --color-sq-board: #dfe4d4;
    --color-sq-grid: #b8c2a9;
    --color-sq-tw: #c9503a;
    --color-sq-dw: #f1a98a;
    --color-sq-dw-ink: #6b2a17;
    --color-sq-tl: #2b7a94;
    --color-sq-dl: #a9d6e0;
    --color-sq-dl-ink: #17495a;
    --color-sq-tile: #f7e8c6;
    --color-sq-tile-edge: #c9ad75;
    --color-sq-tile-ink: #3a2f22;
    --color-sq-blank-ink: #a8432f;
    --color-sq-draft: #fff4dc;
    --color-sq-pending: #fff1a6;
    --color-sq-pending-edge: #c98a0b;
    --color-sq-last-edge: #d9a21b;
    --color-sq-marked: #d8cdb6;
    --color-sq-bingo: #8a6a12;
    --color-sq-phony: #9c3527;
    --color-sq-challenge: #a3560f;
    --radius-sketch: 255px 14px 225px 12px / 12px 225px 14px 255px;
    --radius-scene: 6px 14px 5px 12px / 12px 5px 14px 6px;
    --radius-pebble: 1.2rem 0.9rem 1.3rem 0.8rem / 0.9rem 1.3rem 0.8rem 1.2rem;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .\@container {
    container-type: inline-size;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  .inset-x-3 {
    inset-inline: calc(var(--spacing) * 3);
  }
  .top-0 {
    top: 0px;
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-\[0\.8cqw\] {
    top: 0.8cqw;
  }
  .top-\[0\.12rem\] {
    top: 0.12rem;
  }
  .top-\[12\%\] {
    top: 12%;
  }
  .top-\[calc\(\(var\(--down\)\*var\(--sol-down\)_\+_var\(--r\)\*var\(--sol-up\)\)\*var\(--sol-w\)\)\] {
    top: calc((var(--down) * var(--sol-down) + var(--r) * var(--sol-up)) * var(--sol-w));
  }
  .top-\[calc\(100\%\+0\.35rem\)\] {
    top: calc(100% + 0.35rem);
  }
  .top-\[calc\(var\(--card-w\)\*0\.06\)\] {
    top: calc(var(--card-w) * 0.06);
  }
  .top-\[calc\(var\(--k\)\*var\(--sol-down\)\*var\(--sol-w\)\)\] {
    top: calc(var(--k) * var(--sol-down) * var(--sol-w));
  }
  .top-\[max\(0\.8rem\,env\(safe-area-inset-top\)\)\] {
    top: max(0.8rem, env(safe-area-inset-top));
  }
  .top-full {
    top: 100%;
  }
  .right-0 {
    right: 0px;
  }
  .right-\[0\.8cqw\] {
    right: 0.8cqw;
  }
  .right-\[6\%\] {
    right: 6%;
  }
  .right-\[8\%\] {
    right: 8%;
  }
  .-bottom-2\.75 {
    bottom: calc(var(--spacing) * -2.75);
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-\[0\.8cqw\] {
    bottom: 0.8cqw;
  }
  .bottom-\[0\.15rem\] {
    bottom: 0.15rem;
  }
  .bottom-\[3\%\] {
    bottom: 3%;
  }
  .bottom-\[6\%\] {
    bottom: 6%;
  }
  .bottom-\[calc\(var\(--gn-bar\,3\.25rem\)\+0\.5rem\)\] {
    bottom: calc(var(--gn-bar,3.25rem) + 0.5rem);
  }
  .bottom-\[calc\(var\(--gn-covered\)\+0\.35rem\)\] {
    bottom: calc(var(--gn-covered) + 0.35rem);
  }
  .left-0 {
    left: 0px;
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-\[0\.2rem\] {
    left: 0.2rem;
  }
  .left-\[0\.8cqw\] {
    left: 0.8cqw;
  }
  .left-\[calc\(var\(--card-w\)\*0\.07\)\] {
    left: calc(var(--card-w) * 0.07);
  }
  .left-\[calc\(var\(--sol-pad\)_\+_\(3_\+_var\(--s\)\)\*\(var\(--sol-w\)_\+_var\(--sol-gap\)\)\)\] {
    left: calc(var(--sol-pad) + (3 + var(--s)) * (var(--sol-w) + var(--sol-gap)));
  }
  .left-\[calc\(var\(--x\,0\)\*var\(--sol-w\)\*0\.5\)\] {
    left: calc(var(--x,0) * var(--sol-w) * 0.5);
  }
  .left-full {
    left: 100%;
  }
  .isolate {
    isolation: isolate;
  }
  .-z-1 {
    z-index: calc(1 * -1);
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-3 {
    z-index: 3;
  }
  .z-4 {
    z-index: 4;
  }
  .z-5 {
    z-index: 5;
  }
  .z-20 {
    z-index: 20;
  }
  .z-21 {
    z-index: 21;
  }
  .z-25 {
    z-index: 25;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-100 {
    z-index: 100;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 60rem) {
      max-width: 60rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: 0px;
  }
  .m-1\.5 {
    margin: calc(var(--spacing) * 1.5);
  }
  .m-\[1\.2cqw\] {
    margin: 1.2cqw;
  }
  .mx-0 {
    margin-inline: 0px;
  }
  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .my-1\.25 {
    margin-block: calc(var(--spacing) * 1.25);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-\[0\.3rem\] {
    margin-block: 0.3rem;
  }
  .-mt-1\.25 {
    margin-top: calc(var(--spacing) * -1.25);
  }
  .mt-0 {
    margin-top: 0px;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-0\.75 {
    margin-top: calc(var(--spacing) * 0.75);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-1\.25 {
    margin-top: calc(var(--spacing) * 1.25);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-2\.75 {
    margin-top: calc(var(--spacing) * 2.75);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }
  .mt-3\.25 {
    margin-top: calc(var(--spacing) * 3.25);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-\[0\.3rem\] {
    margin-top: 0.3rem;
  }
  .mt-\[0\.4rem\] {
    margin-top: 0.4rem;
  }
  .mt-\[0\.6rem\] {
    margin-top: 0.6rem;
  }
  .mt-\[0\.35rem\] {
    margin-top: 0.35rem;
  }
  .-mr-\[0\.2rem\] {
    margin-right: calc(0.2rem * -1);
  }
  .mr-0 {
    margin-right: 0px;
  }
  .mr-0\.5 {
    margin-right: calc(var(--spacing) * 0.5);
  }
  .mr-0\.75 {
    margin-right: calc(var(--spacing) * 0.75);
  }
  .mr-1 {
    margin-right: var(--spacing);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-\[0\.1rem\] {
    margin-right: 0.1rem;
  }
  .mr-\[0\.35em\] {
    margin-right: 0.35em;
  }
  .mr-auto {
    margin-right: auto;
  }
  .-mb-0\.5 {
    margin-bottom: calc(var(--spacing) * -0.5);
  }
  .mb-0 {
    margin-bottom: 0px;
  }
  .mb-0\.75 {
    margin-bottom: calc(var(--spacing) * 0.75);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-1\.25 {
    margin-bottom: calc(var(--spacing) * 1.25);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-2\.75 {
    margin-bottom: calc(var(--spacing) * 2.75);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-\[0\.3rem\] {
    margin-bottom: 0.3rem;
  }
  .mb-\[0\.6rem\] {
    margin-bottom: 0.6rem;
  }
  .mb-\[0\.8rem\] {
    margin-bottom: 0.8rem;
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-4\.75 {
    margin-left: calc(var(--spacing) * 4.75);
  }
  .ml-\[calc\(var\(--sol-w\)_-_var\(--reach\)\*var\(--sol-w\)\)\] {
    margin-left: calc(var(--sol-w) - var(--reach) * var(--sol-w));
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .table {
    display: table;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .aspect-\[5\/7\] {
    aspect-ratio: 5/7;
  }
  .aspect-\[8\/5\] {
    aspect-ratio: 8/5;
  }
  .aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5\.5 {
    width: calc(var(--spacing) * 5.5);
    height: calc(var(--spacing) * 5.5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-\[0\.7em\] {
    width: 0.7em;
    height: 0.7em;
  }
  .size-\[0\.8em\] {
    width: 0.8em;
    height: 0.8em;
  }
  .size-\[0\.8rem\] {
    width: 0.8rem;
    height: 0.8rem;
  }
  .size-\[0\.9em\] {
    width: 0.9em;
    height: 0.9em;
  }
  .size-\[0\.55rem\] {
    width: 0.55rem;
    height: 0.55rem;
  }
  .size-\[0\.76em\] {
    width: 0.76em;
    height: 0.76em;
  }
  .size-\[1\.2em\] {
    width: 1.2em;
    height: 1.2em;
  }
  .size-\[1\.3rem\] {
    width: 1.3rem;
    height: 1.3rem;
  }
  .size-\[1\.4em\] {
    width: 1.4em;
    height: 1.4em;
  }
  .size-\[1\.6rem\] {
    width: 1.6rem;
    height: 1.6rem;
  }
  .size-\[1\.7rem\] {
    width: 1.7rem;
    height: 1.7rem;
  }
  .size-\[1\.9cqw\] {
    width: 1.9cqw;
    height: 1.9cqw;
  }
  .size-\[1\.15em\] {
    width: 1.15em;
    height: 1.15em;
  }
  .size-\[1\.35rem\] {
    width: 1.35rem;
    height: 1.35rem;
  }
  .size-\[2\.4cqw\] {
    width: 2.4cqw;
    height: 2.4cqw;
  }
  .size-\[2\.5cqw\] {
    width: 2.5cqw;
    height: 2.5cqw;
  }
  .size-\[2\.6rem\] {
    width: 2.6rem;
    height: 2.6rem;
  }
  .size-\[3\.4rem\] {
    width: 3.4rem;
    height: 3.4rem;
  }
  .size-\[3\.6cqw\] {
    width: 3.6cqw;
    height: 3.6cqw;
  }
  .size-\[4\.1cqw\] {
    width: 4.1cqw;
    height: 4.1cqw;
  }
  .size-\[5\.5cqw\] {
    width: 5.5cqw;
    height: 5.5cqw;
  }
  .size-\[84\%\] {
    width: 84%;
    height: 84%;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-0 {
    height: 0px;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-\[0\.35rem\] {
    height: 0.35rem;
  }
  .h-\[0\.55rem\] {
    height: 0.55rem;
  }
  .h-\[2\.6rem\] {
    height: 2.6rem;
  }
  .h-\[calc\(\(var\(--down\)\*var\(--sol-down\)_\+_max\(var\(--up\)_-_1\,0\)\*var\(--sol-up\)_\+_1\.4\)\*var\(--sol-w\)\)\] {
    height: calc((var(--down) * var(--sol-down) + max(var(--up) - 1, 0) * var(--sol-up) + 1.4) * var(--sol-w));
  }
  .h-\[calc\(100\%_-_var\(--sol-w\)\*1\.4\)\] {
    height: calc(100% - var(--sol-w) * 1.4);
  }
  .h-\[calc\(var\(--sol-w\)\*1\.4\)\] {
    height: calc(var(--sol-w) * 1.4);
  }
  .h-\[var\(--gn-rulebook-sheet\)\] {
    height: var(--gn-rulebook-sheet);
  }
  .h-\[var\(--gn-sheet\)\] {
    height: var(--gn-sheet);
  }
  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }
  .max-h-36 {
    max-height: calc(var(--spacing) * 36);
  }
  .max-h-38 {
    max-height: calc(var(--spacing) * 38);
  }
  .max-h-44 {
    max-height: calc(var(--spacing) * 44);
  }
  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }
  .max-h-\[3\.4rem\] {
    max-height: 3.4rem;
  }
  .min-h-0 {
    min-height: 0px;
  }
  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-13 {
    min-height: calc(var(--spacing) * 13);
  }
  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
  .min-h-26 {
    min-height: calc(var(--spacing) * 26);
  }
  .min-h-\[1\.7rem\] {
    min-height: 1.7rem;
  }
  .min-h-\[1lh\] {
    min-height: 1lh;
  }
  .min-h-\[2\.4rem\] {
    min-height: 2.4rem;
  }
  .min-h-\[2lh\] {
    min-height: 2lh;
  }
  .min-h-\[13cqw\] {
    min-height: 13cqw;
  }
  .min-h-\[calc\(\(6\*var\(--sol-down\)_\+_12\*var\(--sol-up\)_\+_1\.4\)\*var\(--sol-w\)\)\] {
    min-height: calc((6 * var(--sol-down) + 12 * var(--sol-up) + 1.4) * var(--sol-w));
  }
  .min-h-\[calc\(2\.4rem\*7\/5\)\] {
    min-height: calc(2.4rem * 7 / 5);
  }
  .min-h-\[calc\(2\.6rem\*7\/5\)\] {
    min-height: calc(2.6rem * 7 / 5);
  }
  .min-h-\[calc\(2lh_\+_0\.2rem\)\] {
    min-height: calc(2lh + 0.2rem);
  }
  .min-h-\[calc\(4rem\*7\/5\)\] {
    min-height: calc(4rem * 7 / 5);
  }
  .w-\(--card-w\) {
    width: var(--card-w);
  }
  .w-\(--sol-w\) {
    width: var(--sol-w);
  }
  .w-\(--step\) {
    width: var(--step);
  }
  .w-\(--w\) {
    width: var(--w);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-\[0\.42rem\] {
    width: 0.42rem;
  }
  .w-\[1\.7rem\] {
    width: 1.7rem;
  }
  .w-\[4\.2rem\] {
    width: 4.2rem;
  }
  .w-\[72\%\] {
    width: 72%;
  }
  .w-\[82\%\] {
    width: 82%;
  }
  .w-\[90\%\] {
    width: 90%;
  }
  .w-\[calc\(\(100\%_-_6_\*_var\(--c4-gap\)_-_2_\*_10px\)_\/_7\)\] {
    width: calc((100% - 6 * var(--c4-gap) - 2 * 10px) / 7);
  }
  .w-\[calc\(7\*var\(--sol-w\)\+6\*var\(--sol-gap\)\+2\*var\(--sol-pad\)\)\] {
    width: calc(7 * var(--sol-w) + 6 * var(--sol-gap) + 2 * var(--sol-pad));
  }
  .w-\[calc\(var\(--reach\)\*var\(--sol-w\)\)\] {
    width: calc(var(--reach) * var(--sol-w));
  }
  .w-\[min\(13rem\,60\%\)\] {
    width: min(13rem, 60%);
  }
  .w-\[min\(26rem\,100\%\)\] {
    width: min(26rem, 100%);
  }
  .w-\[min\(30rem\,100\%\)\] {
    width: min(30rem, 100%);
  }
  .w-\[min\(34rem\,100\%\)\] {
    width: min(34rem, 100%);
  }
  .w-\[min\(36rem\,100\%\)\] {
    width: min(36rem, 100%);
  }
  .w-\[min\(38rem\,100\%\)\] {
    width: min(38rem, 100%);
  }
  .w-\[min\(40rem\,100\%\)\] {
    width: min(40rem, 100%);
  }
  .w-\[min\(40rem\,100\%\,max\(20rem\,calc\(100svh-25rem\)\)\)\] {
    width: min(40rem, 100%, max(20rem, calc(100svh - 25rem)));
  }
  .w-\[min\(46rem\,100\%\)\] {
    width: min(46rem, 100%);
  }
  .w-\[min\(48rem\,100\%\)\] {
    width: min(48rem, 100%);
  }
  .w-\[min\(100\%\,calc\(\(100svh_-_15rem\)\*4\/3\)\)\] {
    width: min(100%, calc((100svh - 15rem) * 4 / 3));
  }
  .w-\[var\(--gn-rulebook-tab\)\] {
    width: var(--gn-rulebook-tab);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .max-w-28 {
    max-width: calc(var(--spacing) * 28);
  }
  .max-w-184 {
    max-width: calc(var(--spacing) * 184);
  }
  .max-w-\[16rem\] {
    max-width: 16rem;
  }
  .max-w-\[24rem\] {
    max-width: 24rem;
  }
  .max-w-\[26rem\] {
    max-width: 26rem;
  }
  .max-w-\[28rem\] {
    max-width: 28rem;
  }
  .max-w-\[30rem\] {
    max-width: 30rem;
  }
  .max-w-\[90\%\] {
    max-width: 90%;
  }
  .max-w-\[calc\(\(100dvh-14rem\)\*16\/9\)\] {
    max-width: calc((100dvh - 14rem) * 16 / 9);
  }
  .max-w-\[calc\(100vw-1\.5rem\)\] {
    max-width: calc(100vw - 1.5rem);
  }
  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .max-w-\[min\(84\%\,20rem\)\] {
    max-width: min(84%, 20rem);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-11 {
    min-width: calc(var(--spacing) * 11);
  }
  .min-w-14 {
    min-width: calc(var(--spacing) * 14);
  }
  .min-w-30 {
    min-width: calc(var(--spacing) * 30);
  }
  .min-w-34 {
    min-width: calc(var(--spacing) * 34);
  }
  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }
  .min-w-74 {
    min-width: calc(var(--spacing) * 74);
  }
  .min-w-\[1\.4rem\] {
    min-width: 1.4rem;
  }
  .min-w-\[2\.2rem\] {
    min-width: 2.2rem;
  }
  .min-w-\[2\.4rem\] {
    min-width: 2.4rem;
  }
  .min-w-\[3\.4rem\] {
    min-width: 3.4rem;
  }
  .min-w-\[4\.6rem\] {
    min-width: 4.6rem;
  }
  .min-w-\[5\.5cqw\] {
    min-width: 5.5cqw;
  }
  .min-w-\[6\.5rem\] {
    min-width: 6.5rem;
  }
  .min-w-\[max\(100\%\,3\.6rem\)\] {
    min-width: max(100%, 3.6rem);
  }
  .min-w-\[min\(100\%\,22rem\)\] {
    min-width: min(100%, 22rem);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[0_1_auto\] {
    flex: 0 1 auto;
  }
  .flex-\[1_0_100\%\] {
    flex: 1 0 100%;
  }
  .flex-\[1_1_0\] {
    flex: 1 1 0;
  }
  .flex-\[1_1_12rem\] {
    flex: 1 1 12rem;
  }
  .flex-\[1_1_14rem\] {
    flex: 1 1 14rem;
  }
  .flex-\[1_1_auto\] {
    flex: 1 1 auto;
  }
  .flex-none {
    flex: none;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .origin-left {
    transform-origin: 0;
  }
  .-translate-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-3\.5 {
    --tw-translate-y: calc(var(--spacing) * -3.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-3\.25 {
    --tw-translate-y: calc(var(--spacing) * -3.25);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[5px\] {
    --tw-translate-y: calc(5px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .\[transform\:scaleX\(var\(--from\,1\)\)\] {
    transform: scaleX(var(--from,1));
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-\[gn-toast_4\.5s_ease_forwards\] {
    animation: gn-toast 4.5s ease forwards;
  }
  .animate-\[gn-wave_4\.5s_ease_forwards\] {
    animation: gn-wave 4.5s ease forwards;
  }
  .animate-\[gn-wave_9s_ease_forwards\] {
    animation: gn-wave 9s ease forwards;
  }
  .animate-counted {
    animation: var(--animate-counted);
  }
  .animate-glow {
    animation: var(--animate-glow);
  }
  .animate-sq-breathe {
    animation: var(--animate-sq-breathe);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-row-resize {
    cursor: row-resize;
  }
  .touch-manipulation {
    touch-action: manipulation;
  }
  .touch-none {
    touch-action: none;
  }
  .resize {
    resize: both;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-15 {
    grid-template-columns: repeat(15, minmax(0, 1fr));
  }
  .grid-cols-19 {
    grid-template-columns: repeat(19, minmax(0, 1fr));
  }
  .grid-cols-\[0\.6fr_repeat\(10\,1fr\)\] {
    grid-template-columns: 0.6fr repeat(10,1fr);
  }
  .grid-cols-\[0\.8fr_repeat\(6\,1fr\)_0\.8fr\] {
    grid-template-columns: 0.8fr repeat(6,1fr) 0.8fr;
  }
  .grid-cols-\[1\.1rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1.1rem minmax(0,1fr);
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .grid-cols-\[5\.5rem_minmax\(0\,1fr\)_2\.6rem\] {
    grid-template-columns: 5.5rem minmax(0,1fr) 2.6rem;
  }
  .grid-cols-\[9fr_11fr\] {
    grid-template-columns: 9fr 11fr;
  }
  .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_repeat\(4\,max-content\)\] {
    grid-template-columns: minmax(0,1fr) repeat(4,max-content);
  }
  .grid-cols-\[repeat\(2\,auto\)\] {
    grid-template-columns: repeat(2,auto);
  }
  .grid-cols-\[repeat\(7\,var\(--sol-w\)\)\] {
    grid-template-columns: repeat(7,var(--sol-w));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(min\(100\%\,20rem\)\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(min(100%, 20rem),1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(9\.5rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(9.5rem,1fr));
  }
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .content-center {
    align-content: center;
  }
  .content-start {
    align-content: flex-start;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-items-center {
    justify-items: center;
  }
  .justify-items-start {
    justify-items: start;
  }
  .gap-\(--c4-gap\) {
    gap: var(--c4-gap);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-0\.75 {
    gap: calc(var(--spacing) * 0.75);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-1\.25 {
    gap: calc(var(--spacing) * 1.25);
  }
  .gap-1\.75 {
    gap: calc(var(--spacing) * 1.75);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-2\.75 {
    gap: calc(var(--spacing) * 2.75);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-3\.25 {
    gap: calc(var(--spacing) * 3.25);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-\[0\.1em\] {
    gap: 0.1em;
  }
  .gap-\[0\.1rem\] {
    gap: 0.1rem;
  }
  .gap-\[0\.2cqw\] {
    gap: 0.2cqw;
  }
  .gap-\[0\.2rem\] {
    gap: 0.2rem;
  }
  .gap-\[0\.3cqw\] {
    gap: 0.3cqw;
  }
  .gap-\[0\.3rem\] {
    gap: 0.3rem;
  }
  .gap-\[0\.4rem\] {
    gap: 0.4rem;
  }
  .gap-\[0\.6rem\] {
    gap: 0.6rem;
  }
  .gap-\[0\.8cqw\] {
    gap: 0.8cqw;
  }
  .gap-\[0\.9rem\] {
    gap: 0.9rem;
  }
  .gap-\[0\.15rem\] {
    gap: 0.15rem;
  }
  .gap-\[0\.35rem\] {
    gap: 0.35rem;
  }
  .gap-\[1\.5cqw\] {
    gap: 1.5cqw;
  }
  .gap-\[2\.5cqw\] {
    gap: 2.5cqw;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-px {
    gap: 1px;
  }
  .gap-x-\(--sol-gap\) {
    column-gap: var(--sol-gap);
  }
  .gap-x-1 {
    column-gap: var(--spacing);
  }
  .gap-x-1\.25 {
    column-gap: calc(var(--spacing) * 1.25);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }
  .gap-x-2\.75 {
    column-gap: calc(var(--spacing) * 2.75);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-3\.5 {
    column-gap: calc(var(--spacing) * 3.5);
  }
  .gap-x-3\.25 {
    column-gap: calc(var(--spacing) * 3.25);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-4\.5 {
    column-gap: calc(var(--spacing) * 4.5);
  }
  .gap-x-4\.75 {
    column-gap: calc(var(--spacing) * 4.75);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-\[0\.6rem\] {
    column-gap: 0.6rem;
  }
  .gap-x-\[0\.8rem\] {
    column-gap: 0.8rem;
  }
  .gap-x-\[0\.55rem\] {
    column-gap: 0.55rem;
  }
  .gap-x-\[1cqw\] {
    column-gap: 1cqw;
  }
  .gap-y-0 {
    row-gap: 0px;
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-0\.75 {
    row-gap: calc(var(--spacing) * 0.75);
  }
  .gap-y-1 {
    row-gap: var(--spacing);
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  .gap-y-1\.25 {
    row-gap: calc(var(--spacing) * 1.25);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-2\.5 {
    row-gap: calc(var(--spacing) * 2.5);
  }
  .gap-y-3\.5 {
    row-gap: calc(var(--spacing) * 3.5);
  }
  .gap-y-\[0\.2rem\] {
    row-gap: 0.2rem;
  }
  .gap-y-\[0\.3rem\] {
    row-gap: 0.3rem;
  }
  .gap-y-\[0\.4rem\] {
    row-gap: 0.4rem;
  }
  .gap-y-\[0\.6rem\] {
    row-gap: 0.6rem;
  }
  .gap-y-\[0\.7rem\] {
    row-gap: 0.7rem;
  }
  .gap-y-\[1\.6cqw\] {
    row-gap: 1.6cqw;
  }
  .gap-y-\[calc\(var\(--sol-w\)\*0\.3\)\] {
    row-gap: calc(var(--sol-w) * 0.3);
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .rounded-\[0\.2rem\] {
    border-radius: 0.2rem;
  }
  .rounded-\[0\.3rem\] {
    border-radius: 0.3rem;
  }
  .rounded-\[0\.4rem\] {
    border-radius: 0.4rem;
  }
  .rounded-\[0\.5cqw\] {
    border-radius: 0.5cqw;
  }
  .rounded-\[0\.5rem\] {
    border-radius: 0.5rem;
  }
  .rounded-\[0\.6rem\] {
    border-radius: 0.6rem;
  }
  .rounded-\[0\.7rem\] {
    border-radius: 0.7rem;
  }
  .rounded-\[2\.5cqw\] {
    border-radius: 2.5cqw;
  }
  .rounded-\[2cqw\] {
    border-radius: 2cqw;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[3cqw\] {
    border-radius: 3cqw;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[18\%\] {
    border-radius: 18%;
  }
  .rounded-\[50\%_40\%_55\%_45\%\] {
    border-radius: 50% 40% 55% 45%;
  }
  .rounded-\[50\%_45\%_55\%_48\%\/48\%_55\%_45\%_50\%\] {
    border-radius: 50% 45% 55% 48%/48% 55% 45% 50%;
  }
  .rounded-card {
    border-radius: calc(var(--radius) * 0.7);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-gn {
    border-radius: var(--radius);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-pebble {
    border-radius: var(--radius-pebble);
  }
  .rounded-scene {
    border-radius: var(--radius-scene);
  }
  .rounded-sketch {
    border-radius: var(--radius-sketch);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-\[0\.05em\] {
    border-style: var(--tw-border-style);
    border-width: 0.05em;
  }
  .border-\[0\.5cqw\] {
    border-style: var(--tw-border-style);
    border-width: 0.5cqw;
  }
  .border-\[0\.8cqw\] {
    border-style: var(--tw-border-style);
    border-width: 0.8cqw;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-b-\[3px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-accent {
    border-color: var(--accent);
  }
  .border-bad {
    border-color: var(--bad);
  }
  .border-card {
    border-color: var(--card);
  }
  .border-edge {
    border-color: var(--edge);
  }
  .border-felt-dark {
    border-color: var(--felt-dark);
  }
  .border-felt-ink {
    border-color: var(--felt-ink);
  }
  .border-gold {
    border-color: var(--color-gold);
  }
  .border-good {
    border-color: var(--good);
  }
  .border-house-ink {
    border-color: var(--house-ink);
  }
  .border-house-pencil {
    border-color: var(--house-pencil);
  }
  .border-house-pencil\/40 {
    border-color: var(--house-pencil);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--house-pencil) 40%, transparent);
    }
  }
  .border-hull-picked {
    border-color: var(--color-hull-picked);
  }
  .border-ink {
    border-color: var(--ink);
  }
  .border-ink-soft {
    border-color: var(--ink-soft);
  }
  .border-line {
    border-color: var(--line);
  }
  .border-mancala-wood-dark {
    border-color: var(--color-mancala-wood-dark);
  }
  .border-o {
    border-color: var(--o);
  }
  .border-paper {
    border-color: var(--paper);
  }
  .border-pawn-green {
    border-color: var(--color-pawn-green);
  }
  .border-pawn-yellow {
    border-color: var(--color-pawn-yellow);
  }
  .border-stone-black-edge {
    border-color: var(--color-stone-black-edge);
  }
  .border-stone-white-edge {
    border-color: var(--color-stone-white-edge);
  }
  .border-terminal-edge {
    border-color: var(--color-terminal-edge);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-ur-blue-edge {
    border-color: var(--color-ur-blue-edge);
  }
  .border-ur-red-edge {
    border-color: var(--color-ur-red-edge);
  }
  .border-white\/30 {
    border-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .border-white\/35 {
    border-color: color-mix(in srgb, #fff 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }
  .border-white\/40 {
    border-color: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .border-white\/45 {
    border-color: color-mix(in srgb, #fff 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }
  .border-white\/50 {
    border-color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .border-x {
    border-color: var(--x);
  }
  .bg-accent {
    background-color: var(--accent);
  }
  .bg-bad {
    background-color: var(--bad);
  }
  .bg-banner-hit {
    background-color: var(--color-banner-hit);
  }
  .bg-card {
    background-color: var(--card);
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-edge {
    background-color: var(--edge);
  }
  .bg-felt {
    background-color: var(--felt);
  }
  .bg-felt-dark {
    background-color: var(--felt-dark);
  }
  .bg-felt-shade {
    background-color: var(--color-felt-shade);
  }
  .bg-felt-shade-deep {
    background-color: var(--color-felt-shade-deep);
  }
  .bg-gin-undercut {
    background-color: var(--color-gin-undercut);
  }
  .bg-gin-void {
    background-color: var(--color-gin-void);
  }
  .bg-gin-win {
    background-color: var(--color-gin-win);
  }
  .bg-gold {
    background-color: var(--color-gold);
  }
  .bg-gold\/20 {
    background-color: color-mix(in srgb, #f5d36b 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gold) 20%, transparent);
    }
  }
  .bg-good {
    background-color: var(--good);
  }
  .bg-house-go {
    background-color: var(--house-go);
  }
  .bg-house-lamp {
    background-color: var(--house-lamp);
  }
  .bg-house-lamp-soft {
    background-color: var(--house-lamp-soft);
  }
  .bg-house-lamp\/15 {
    background-color: var(--house-lamp);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--house-lamp) 15%, transparent);
    }
  }
  .bg-house-paper {
    background-color: var(--house-paper);
  }
  .bg-hull {
    background-color: var(--color-hull);
  }
  .bg-hull-picked {
    background-color: var(--color-hull-picked);
  }
  .bg-hull-sunk {
    background-color: var(--color-hull-sunk);
  }
  .bg-ink {
    background-color: var(--ink);
  }
  .bg-ink-soft {
    background-color: var(--ink-soft);
  }
  .bg-line {
    background-color: var(--line);
  }
  .bg-mancala-well {
    background-color: var(--color-mancala-well);
  }
  .bg-mancala-wood {
    background-color: var(--color-mancala-wood);
  }
  .bg-o {
    background-color: var(--o);
  }
  .bg-pachisi-board {
    background-color: var(--color-pachisi-board);
  }
  .bg-pachisi-row {
    background-color: var(--color-pachisi-row);
  }
  .bg-pachisi-safe {
    background-color: var(--color-pachisi-safe);
  }
  .bg-pachisi-space {
    background-color: var(--color-pachisi-space);
  }
  .bg-pachisi-unused {
    background-color: var(--color-pachisi-unused);
  }
  .bg-paper {
    background-color: var(--paper);
  }
  .bg-paper-2 {
    background-color: var(--paper-2);
  }
  .bg-pawn-blue-entry {
    background-color: var(--color-pawn-blue-entry);
  }
  .bg-pawn-blue-pale {
    background-color: var(--color-pawn-blue-pale);
  }
  .bg-pawn-green {
    background-color: var(--color-pawn-green);
  }
  .bg-pawn-green-entry {
    background-color: var(--color-pawn-green-entry);
  }
  .bg-pawn-green-pale {
    background-color: var(--color-pawn-green-pale);
  }
  .bg-pawn-red-entry {
    background-color: var(--color-pawn-red-entry);
  }
  .bg-pawn-red-pale {
    background-color: var(--color-pawn-red-pale);
  }
  .bg-pawn-yellow {
    background-color: var(--color-pawn-yellow);
  }
  .bg-pawn-yellow-entry {
    background-color: var(--color-pawn-yellow-entry);
  }
  .bg-pawn-yellow-pale {
    background-color: var(--color-pawn-yellow-pale);
  }
  .bg-piece-black {
    background-color: var(--color-piece-black);
  }
  .bg-piece-blue {
    background-color: var(--color-piece-blue);
  }
  .bg-piece-white {
    background-color: var(--color-piece-white);
  }
  .bg-sea {
    background-color: var(--color-sea);
  }
  .bg-sea-deep {
    background-color: var(--color-sea-deep);
  }
  .bg-sea-fired {
    background-color: var(--color-sea-fired);
  }
  .bg-seat {
    background-color: var(--color-seat);
  }
  .bg-seat-mine {
    background-color: var(--color-seat-mine);
  }
  .bg-seat-turn {
    background-color: var(--color-seat-turn);
  }
  .bg-sheet {
    background-color: var(--sheet);
  }
  .bg-sq-bingo {
    background-color: var(--color-sq-bingo);
  }
  .bg-sq-board {
    background-color: var(--color-sq-board);
  }
  .bg-sq-challenge {
    background-color: var(--color-sq-challenge);
  }
  .bg-sq-dl {
    background-color: var(--color-sq-dl);
  }
  .bg-sq-draft {
    background-color: var(--color-sq-draft);
  }
  .bg-sq-dw {
    background-color: var(--color-sq-dw);
  }
  .bg-sq-grid {
    background-color: var(--color-sq-grid);
  }
  .bg-sq-marked {
    background-color: var(--color-sq-marked);
  }
  .bg-sq-pending {
    background-color: var(--color-sq-pending);
  }
  .bg-sq-phony {
    background-color: var(--color-sq-phony);
  }
  .bg-sq-tile {
    background-color: var(--color-sq-tile);
  }
  .bg-sq-tl {
    background-color: var(--color-sq-tl);
  }
  .bg-sq-tw {
    background-color: var(--color-sq-tw);
  }
  .bg-square-dark {
    background-color: var(--felt);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--felt) 55%, var(--paper));
    }
  }
  .bg-square-light {
    background-color: var(--paper-2);
  }
  .bg-terminal {
    background-color: var(--color-terminal);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-tray-shade {
    background-color: var(--color-tray-shade);
  }
  .bg-ur-bone {
    background-color: var(--color-ur-bone);
  }
  .bg-ur-clay {
    background-color: var(--color-ur-clay);
  }
  .bg-ur-gold {
    background-color: var(--color-ur-gold);
  }
  .bg-ur-lapis {
    background-color: var(--color-ur-lapis);
  }
  .bg-ur-shell {
    background-color: var(--color-ur-shell);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/14 {
    background-color: color-mix(in srgb, #fff 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 14%, transparent);
    }
  }
  .bg-x {
    background-color: var(--x);
  }
  .bg-radial {
    --tw-gradient-position: in oklab;
    background-image: radial-gradient(var(--tw-gradient-stops));
  }
  .bg-radial-\[circle\] {
    --tw-gradient-position: circle;
    background-image: radial-gradient(var(--tw-gradient-stops,circle));
  }
  .bg-radial-\[circle_at_35\%_30\%\] {
    --tw-gradient-position: circle at 35% 30%;
    background-image: radial-gradient(var(--tw-gradient-stops,circle at 35% 30%));
  }
  .bg-\[repeating-linear-gradient\(45deg\,var\(--felt-ink\)_0_3px\,transparent_3px_7px\)\] {
    background-image: repeating-linear-gradient(45deg,var(--felt-ink) 0 3px,transparent 3px 7px);
  }
  .marks {
    background-image: var(--mark-dot, none), var(--mark-check, none), var(--mark-last, none);
  }
  .from-good\/35 {
    --tw-gradient-from: var(--good);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--good) 35%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-good\/45 {
    --tw-gradient-from: var(--good);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--good) 45%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-ivory {
    --tw-gradient-from: var(--color-ivory);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-seed-lit {
    --tw-gradient-from: var(--color-seed-lit);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-stone-black-lit {
    --tw-gradient-from: var(--color-stone-black-lit);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-ur-blue-lit {
    --tw-gradient-from: var(--color-ur-blue-lit);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-ur-red-lit {
    --tw-gradient-from: var(--color-ur-red-lit);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-white\/28 {
    --tw-gradient-from: color-mix(in srgb, #fff 28%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 28%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-25\% {
    --tw-gradient-from-position: 25%;
  }
  .from-30\% {
    --tw-gradient-from-position: 30%;
  }
  .via-white\/28 {
    --tw-gradient-via: color-mix(in srgb, #fff 28%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 28%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-\[2\.2cqw\] {
    --tw-gradient-via-position: 2.2cqw;
  }
  .to-ink {
    --tw-gradient-to: var(--ink);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-o {
    --tw-gradient-to: var(--o);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-seed-amber {
    --tw-gradient-to: var(--color-seed-amber);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-seed-blue {
    --tw-gradient-to: var(--color-seed-blue);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-seed-green {
    --tw-gradient-to: var(--color-seed-green);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-seed-rose {
    --tw-gradient-to: var(--color-seed-rose);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-stone-white-shade {
    --tw-gradient-to: var(--color-stone-white-shade);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-x {
    --tw-gradient-to: var(--x);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-30\% {
    --tw-gradient-to-position: 30%;
  }
  .to-55\% {
    --tw-gradient-to-position: 55%;
  }
  .to-60\% {
    --tw-gradient-to-position: 60%;
  }
  .to-62\% {
    --tw-gradient-to-position: 62%;
  }
  .to-65\% {
    --tw-gradient-to-position: 65%;
  }
  .to-70\% {
    --tw-gradient-to-position: 70%;
  }
  .to-\[length\:calc\(2\.2cqw\+0\.5px\)\] {
    --tw-gradient-to-position: calc(2.2cqw + 0.5px);
  }
  .fill-ivory {
    fill: var(--color-ivory);
  }
  .p-\(--sol-pad\) {
    padding: var(--sol-pad);
  }
  .p-0 {
    padding: 0px;
  }
  .p-0\.75 {
    padding: calc(var(--spacing) * 0.75);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-\[0\.15rem\] {
    padding: 0.15rem;
  }
  .p-\[1\.6cqw\] {
    padding: 1.6cqw;
  }
  .p-\[1cqw\] {
    padding: 1cqw;
  }
  .p-px {
    padding: 1px;
  }
  .px-0 {
    padding-inline: 0px;
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-0\.75 {
    padding-inline: calc(var(--spacing) * 0.75);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-1\.25 {
    padding-inline: calc(var(--spacing) * 1.25);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-2\.75 {
    padding-inline: calc(var(--spacing) * 2.75);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-3\.25 {
    padding-inline: calc(var(--spacing) * 3.25);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-4\.75 {
    padding-inline: calc(var(--spacing) * 4.75);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-8\.75 {
    padding-inline: calc(var(--spacing) * 8.75);
  }
  .px-\[0\.2rem\] {
    padding-inline: 0.2rem;
  }
  .px-\[0\.4em\] {
    padding-inline: 0.4em;
  }
  .px-\[0\.4rem\] {
    padding-inline: 0.4rem;
  }
  .px-\[0\.6rem\] {
    padding-inline: 0.6rem;
  }
  .px-\[0\.7rem\] {
    padding-inline: 0.7rem;
  }
  .px-\[0\.8rem\] {
    padding-inline: 0.8rem;
  }
  .px-\[0\.9rem\] {
    padding-inline: 0.9rem;
  }
  .px-\[0\.35rem\] {
    padding-inline: 0.35rem;
  }
  .px-\[0\.45rem\] {
    padding-inline: 0.45rem;
  }
  .px-\[0\.55rem\] {
    padding-inline: 0.55rem;
  }
  .px-\[1\.1rem\] {
    padding-inline: 1.1rem;
  }
  .px-\[1\.2cqw\] {
    padding-inline: 1.2cqw;
  }
  .px-\[1\.2rem\]\! {
    padding-inline: 1.2rem !important;
  }
  .px-\[3px\] {
    padding-inline: 3px;
  }
  .py-0 {
    padding-block: 0px;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-0\.75 {
    padding-block: calc(var(--spacing) * 0.75);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-1\.25 {
    padding-block: calc(var(--spacing) * 1.25);
  }
  .py-1\.75 {
    padding-block: calc(var(--spacing) * 1.75);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-2\.25 {
    padding-block: calc(var(--spacing) * 2.25);
  }
  .py-2\.75 {
    padding-block: calc(var(--spacing) * 2.75);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-3\.25 {
    padding-block: calc(var(--spacing) * 3.25);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-\[0\.2rem\] {
    padding-block: 0.2rem;
  }
  .py-\[0\.4rem\] {
    padding-block: 0.4rem;
  }
  .py-\[0\.05em\] {
    padding-block: 0.05em;
  }
  .py-\[0\.05rem\] {
    padding-block: 0.05rem;
  }
  .py-\[0\.7rem\] {
    padding-block: 0.7rem;
  }
  .py-\[0\.15rem\] {
    padding-block: 0.15rem;
  }
  .py-\[0\.35rem\] {
    padding-block: 0.35rem;
  }
  .py-\[0\.55rem\] {
    padding-block: 0.55rem;
  }
  .py-\[3px\] {
    padding-block: 3px;
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .pt-0 {
    padding-top: 0px;
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-1\.25 {
    padding-top: calc(var(--spacing) * 1.25);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }
  .pt-3\.25 {
    padding-top: calc(var(--spacing) * 3.25);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-4\.5 {
    padding-top: calc(var(--spacing) * 4.5);
  }
  .pt-\[0\.6rem\] {
    padding-top: 0.6rem;
  }
  .pt-\[0\.7rem\] {
    padding-top: 0.7rem;
  }
  .pt-\[0\.25rem\] {
    padding-top: 0.25rem;
  }
  .pt-\[calc\(var\(--card-w\)\*0\.3\)\] {
    padding-top: calc(var(--card-w) * 0.3);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-\[0\.8rem\] {
    padding-right: 0.8rem;
  }
  .pb-0\.75 {
    padding-bottom: calc(var(--spacing) * 0.75);
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-1\.25 {
    padding-bottom: calc(var(--spacing) * 1.25);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-3\.25 {
    padding-bottom: calc(var(--spacing) * 3.25);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-\[0\.3rem\] {
    padding-bottom: 0.3rem;
  }
  .pb-\[0\.4rem\] {
    padding-bottom: 0.4rem;
  }
  .pb-\[0\.6rem\] {
    padding-bottom: 0.6rem;
  }
  .pb-\[0\.7rem\] {
    padding-bottom: 0.7rem;
  }
  .pb-\[0\.8rem\] {
    padding-bottom: 0.8rem;
  }
  .pb-\[calc\(var\(--gn-covered\)\+1\.25rem\)\] {
    padding-bottom: calc(var(--gn-covered) + 1.25rem);
  }
  .pl-0 {
    padding-left: 0px;
  }
  .pl-5\.5 {
    padding-left: calc(var(--spacing) * 5.5);
  }
  .pl-\[1\.2rem\] {
    padding-left: 1.2rem;
  }
  .pl-\[1\.4rem\] {
    padding-left: 1.4rem;
  }
  .pl-\[2\.2rem\] {
    padding-left: 2.2rem;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-\[-1px\] {
    vertical-align: -1px;
  }
  .align-\[0\.15em\] {
    vertical-align: 0.15em;
  }
  .align-baseline {
    vertical-align: baseline;
  }
  .font-figures {
    font-family: var(--figures);
    font-feature-settings: "tnum";
    font-variation-settings: "MONO" 0, "CASL" 1;
  }
  .font-body {
    font-family: var(--font);
  }
  .font-hand {
    font-family: var(--hand);
  }
  .font-mono {
    font-family: var(--mono);
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-\[0\.7rem\] {
    font-size: 0.7rem;
  }
  .text-\[0\.8em\] {
    font-size: 0.8em;
  }
  .text-\[0\.8rem\] {
    font-size: 0.8rem;
  }
  .text-\[0\.9rem\] {
    font-size: 0.9rem;
  }
  .text-\[0\.72rem\] {
    font-size: 0.72rem;
  }
  .text-\[0\.75rem\] {
    font-size: 0.75rem;
  }
  .text-\[0\.78rem\] {
    font-size: 0.78rem;
  }
  .text-\[0\.85rem\] {
    font-size: 0.85rem;
  }
  .text-\[0\.92rem\] {
    font-size: 0.92rem;
  }
  .text-\[0\.95rem\] {
    font-size: 0.95rem;
  }
  .text-\[0px\] {
    font-size: 0px;
  }
  .text-\[1\.1rem\] {
    font-size: 1.1rem;
  }
  .text-\[1\.2rem\] {
    font-size: 1.2rem;
  }
  .text-\[1\.3rem\] {
    font-size: 1.3rem;
  }
  .text-\[1\.4rem\] {
    font-size: 1.4rem;
  }
  .text-\[1\.05rem\] {
    font-size: 1.05rem;
  }
  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }
  .text-\[1\.6rem\] {
    font-size: 1.6rem;
  }
  .text-\[1\.7cqw\] {
    font-size: 1.7cqw;
  }
  .text-\[1\.7rem\] {
    font-size: 1.7rem;
  }
  .text-\[1\.8cqw\] {
    font-size: 1.8cqw;
  }
  .text-\[1\.9rem\] {
    font-size: 1.9rem;
  }
  .text-\[1\.15rem\] {
    font-size: 1.15rem;
  }
  .text-\[1\.25rem\] {
    font-size: 1.25rem;
  }
  .text-\[1\.35rem\] {
    font-size: 1.35rem;
  }
  .text-\[1\.45rem\] {
    font-size: 1.45rem;
  }
  .text-\[1rem\] {
    font-size: 1rem;
  }
  .text-\[2\.1rem\] {
    font-size: 2.1rem;
  }
  .text-\[2\.2rem\] {
    font-size: 2.2rem;
  }
  .text-\[2\.3cqw\] {
    font-size: 2.3cqw;
  }
  .text-\[2\.6cqw\] {
    font-size: 2.6cqw;
  }
  .text-\[2rem\] {
    font-size: 2rem;
  }
  .text-\[3\.2cqw\] {
    font-size: 3.2cqw;
  }
  .text-\[3\.6cqw\] {
    font-size: 3.6cqw;
  }
  .text-\[4\.2cqw\] {
    font-size: 4.2cqw;
  }
  .text-\[4\.3cqw\] {
    font-size: 4.3cqw;
  }
  .text-\[12\.5cqw\] {
    font-size: 12.5cqw;
  }
  .text-\[length\:calc\(var\(--card-w\)\*0\.2\)\] {
    font-size: calc(var(--card-w) * 0.2);
  }
  .text-\[length\:calc\(var\(--card-w\)\*0\.3\)\] {
    font-size: calc(var(--card-w) * 0.3);
  }
  .text-\[length\:calc\(var\(--card-w\)\*0\.55\)\] {
    font-size: calc(var(--card-w) * 0.55);
  }
  .text-\[length\:calc\(var\(--card-w\)\*0\.62\)\] {
    font-size: calc(var(--card-w) * 0.62);
  }
  .text-\[length\:calc\(var\(--sol-w\)\*0\.3\)\] {
    font-size: calc(var(--sol-w) * 0.3);
  }
  .text-\[length\:calc\(var\(--sol-w\)\*0\.6\)\] {
    font-size: calc(var(--sol-w) * 0.6);
  }
  .text-\[length\:calc\(var\(--w\)\*0\.8\)\] {
    font-size: calc(var(--w) * 0.8);
  }
  .text-\[length\:clamp\(0\.7rem\,3\.4cqw\,1rem\)\] {
    font-size: clamp(0.7rem, 3.4cqw, 1rem);
  }
  .text-\[length\:min\(0\.65rem\,3\.4cqw\)\] {
    font-size: min(0.65rem, 3.4cqw);
  }
  .text-\[length\:min\(1\.45rem\,7\.5cqw\)\] {
    font-size: min(1.45rem, 7.5cqw);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-\[1\.4rem\] {
    --tw-leading: 1.4rem;
    line-height: 1.4rem;
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }
  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
  .leading-\[normal\] {
    --tw-leading: normal;
    line-height: normal;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-0\.01em\] {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .tracking-\[0\.02em\] {
    --tw-tracking: 0.02em;
    letter-spacing: 0.02em;
  }
  .tracking-\[0\.04em\] {
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
  }
  .tracking-\[0\.06em\] {
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
  }
  .text-balance {
    text-wrap: balance;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .wrap-anywhere {
    overflow-wrap: anywhere;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-accent {
    color: var(--accent);
  }
  .text-accent-ink {
    color: var(--accent-ink);
  }
  .text-bad {
    color: var(--bad);
  }
  .text-button-ink {
    color: var(--color-button-ink);
  }
  .text-card-black {
    color: var(--card-black);
  }
  .text-card-red {
    color: var(--card-red);
  }
  .text-chip {
    color: var(--color-chip);
  }
  .text-felt-ink {
    color: var(--felt-ink);
  }
  .text-gold {
    color: var(--color-gold);
  }
  .text-good {
    color: var(--good);
  }
  .text-heart-pale {
    color: var(--color-heart-pale);
  }
  .text-house-ink {
    color: var(--house-ink);
  }
  .text-house-ink-fixed {
    color: var(--house-ink-fixed);
  }
  .text-house-pencil {
    color: var(--house-pencil);
  }
  .text-inherit {
    color: inherit;
  }
  .text-ink {
    color: var(--ink);
  }
  .text-ink-soft {
    color: var(--ink-soft);
  }
  .text-joker {
    color: var(--color-joker);
  }
  .text-o {
    color: var(--o);
  }
  .text-pawn-green {
    color: var(--color-pawn-green);
  }
  .text-pawn-yellow-deep {
    color: var(--color-pawn-yellow-deep);
  }
  .text-sq-blank-ink {
    color: var(--color-sq-blank-ink);
  }
  .text-sq-dl-ink {
    color: var(--color-sq-dl-ink);
  }
  .text-sq-dw-ink {
    color: var(--color-sq-dw-ink);
  }
  .text-sq-tile-ink {
    color: var(--color-sq-tile-ink);
  }
  .text-sunk-gold {
    color: var(--color-sunk-gold);
  }
  .text-terminal-echo {
    color: var(--color-terminal-echo);
  }
  .text-terminal-ink {
    color: var(--color-terminal-ink);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/30 {
    color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .text-x {
    color: var(--x);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .scheme-light {
    color-scheme: light;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-35 {
    opacity: 35%;
  }
  .opacity-45 {
    opacity: 45%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-55 {
    opacity: 55%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-67 {
    opacity: 67%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-85 {
    opacity: 85%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .opacity-95 {
    opacity: 95%;
  }
  .shadow-\[0_-2px_8px_rgb\(0_0_0\/0\.08\)\] {
    --tw-shadow: 0 -2px 8px var(--tw-shadow-color, rgb(0 0 0/0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_-4px_16px_rgb\(0_0_0\/0\.18\)\] {
    --tw-shadow: 0 -4px 16px var(--tw-shadow-color, rgb(0 0 0/0.18));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_0\.15rem_var\(--sheet\)\] {
    --tw-shadow: 0 0 0 0.15rem var(--tw-shadow-color, var(--sheet));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_3px_var\(--color-accent\)\,0_4px_6px_rgb\(0_0_0\/0\.2\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-accent)), 0 4px 6px var(--tw-shadow-color, rgb(0 0 0/0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_3px_var\(--color-bad\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-bad));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_3px_var\(--color-gold\)\,var\(--shadow\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-gold)), var(--shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_3px_var\(--color-gold\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-gold));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px_var\(--house-lamp\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--house-lamp));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgb\(0_0_0\/0\.4\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgb(0 0 0/0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_16px_rgb\(0_0_0\/0\.3\)\] {
    --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgb(0 0 0/0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_16px_rgb\(0_0_0\/0\.25\)\] {
    --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgb(0 0 0/0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_18px_rgb\(0_0_0\/0\.16\)\] {
    --tw-shadow: 0 4px 18px var(--tw-shadow-color, rgb(0 0 0/0.16));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_-0\.35cqw_0_var\(--color-sq-tile-edge\)\,inset_0_0_0_0\.45cqw_var\(--color-sq-last-edge\)\] {
    --tw-shadow: inset 0 -0.35cqw 0 var(--tw-shadow-color, var(--color-sq-tile-edge)), inset 0 0 0 0.45cqw var(--tw-shadow-color, var(--color-sq-last-edge));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_-0\.35cqw_0_var\(--color-sq-tile-edge\)\] {
    --tw-shadow: inset 0 -0.35cqw 0 var(--tw-shadow-color, var(--color-sq-tile-edge));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_-3px_0_var\(--color-sq-tile-edge\)\] {
    --tw-shadow: inset 0 -3px 0 var(--tw-shadow-color, var(--color-sq-tile-edge));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_0\.5cqw_var\(--color-accent\)\] {
    --tw-shadow: inset 0 0 0 0.5cqw var(--tw-shadow-color, var(--color-accent));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_0\.45cqw_var\(--color-sq-pending-edge\)\] {
    --tw-shadow: inset 0 0 0 0.45cqw var(--tw-shadow-color, var(--color-sq-pending-edge));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-disc {
    --tw-shadow: inset 0 -3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-gn {
    --tw-shadow: var(--shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-hole {
    --tw-shadow: inset 0 2px 4px var(--tw-shadow-color, rgb(0 0 0 / 0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-pawn {
    --tw-shadow: inset 0 0 0 0.09em var(--tw-shadow-color, rgb(0 0 0 / 0.35)), 0 0.06em 0.12em var(--tw-shadow-color, rgb(0 0 0 / 0.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-seed {
    --tw-shadow: 0 0.12cqw 0.2cqw var(--tw-shadow-color, rgb(0 0 0 / 0.45));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-stone {
    --tw-shadow: 0 0.06em 0.1em var(--tw-shadow-color, rgb(0 0 0 / 0.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-well {
    --tw-shadow: inset 0 0.4cqw 1cqw var(--tw-shadow-color, rgb(0 0 0 / 0.45));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-3 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-\[0\.5cqw\] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0.5cqw + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-\[0\.7cqw\] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0.7cqw + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-\[1cqw\] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1cqw + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-shadow-\[0_0_0_0\.5px\] {
    --tw-inset-shadow: inset 0 0 0 0.5px var(--tw-inset-shadow-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-shadow-\[0_0_0_0\.12cqw\] {
    --tw-inset-shadow: inset 0 0 0 0.12cqw var(--tw-inset-shadow-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-shadow-\[0_0_0_0\.25cqw\] {
    --tw-inset-shadow: inset 0 0 0 0.25cqw var(--tw-inset-shadow-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-shadow-\[0_0_0_0\.35cqw\] {
    --tw-inset-shadow: inset 0 0 0 0.35cqw var(--tw-inset-shadow-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-shadow-\[0_0_0_2px\] {
    --tw-inset-shadow: inset 0 0 0 2px var(--tw-inset-shadow-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-ring-1 {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-ring-2 {
    --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-ring-3 {
    --tw-inset-ring-shadow: inset 0 0 0 3px var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-ring-\[0\.5cqw\] {
    --tw-inset-ring-shadow: inset 0 0 0 0.5cqw var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-ring-\[0\.6cqw\] {
    --tw-inset-ring-shadow: inset 0 0 0 0.6cqw var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-ring-\[0\.8cqw\] {
    --tw-inset-ring-shadow: inset 0 0 0 0.8cqw var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-ring-\[0\.9cqw\] {
    --tw-inset-ring-shadow: inset 0 0 0 0.9cqw var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-ring-\[1\.2cqw\] {
    --tw-inset-ring-shadow: inset 0 0 0 1.2cqw var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-ring-\[1cqw\] {
    --tw-inset-ring-shadow: inset 0 0 0 1cqw var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-accent {
    --tw-ring-color: var(--accent);
  }
  .ring-good\/25 {
    --tw-ring-color: var(--good);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--good) 25%, transparent);
    }
  }
  .ring-hull-picked {
    --tw-ring-color: var(--color-hull-picked);
  }
  .ring-paper\/45 {
    --tw-ring-color: var(--paper);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--paper) 45%, transparent);
    }
  }
  .inset-shadow-felt-dark {
    --tw-inset-shadow-color: var(--felt-dark);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-inset-shadow-color: color-mix(in oklab, var(--felt-dark) var(--tw-inset-shadow-alpha), transparent);
    }
  }
  .inset-shadow-line {
    --tw-inset-shadow-color: var(--line);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-inset-shadow-color: color-mix(in oklab, var(--line) var(--tw-inset-shadow-alpha), transparent);
    }
  }
  .inset-shadow-pachisi-edge {
    --tw-inset-shadow-color: #a28d62;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-inset-shadow-color: color-mix(in oklab, var(--color-pachisi-edge) var(--tw-inset-shadow-alpha), transparent);
    }
  }
  .inset-shadow-sea-deep {
    --tw-inset-shadow-color: #2c5f80;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-inset-shadow-color: color-mix(in oklab, var(--color-sea-deep) var(--tw-inset-shadow-alpha), transparent);
    }
  }
  .inset-shadow-ur-bronze {
    --tw-inset-shadow-color: #8a6d3b;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-inset-shadow-color: color-mix(in oklab, var(--color-ur-bronze) var(--tw-inset-shadow-alpha), transparent);
    }
  }
  .inset-ring-accent {
    --tw-inset-ring-color: var(--accent);
  }
  .inset-ring-accent\/85 {
    --tw-inset-ring-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-inset-ring-color: color-mix(in oklab, var(--accent) 85%, transparent);
    }
  }
  .inset-ring-gold {
    --tw-inset-ring-color: var(--color-gold);
  }
  .inset-ring-good {
    --tw-inset-ring-color: var(--good);
  }
  .inset-ring-peg-hit {
    --tw-inset-ring-color: var(--color-peg-hit);
  }
  .inset-ring-volley {
    --tw-inset-ring-color: var(--color-volley);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .outline-3 {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
  }
  .outline-4 {
    outline-style: var(--tw-outline-style);
    outline-width: 4px;
  }
  .outline-\[0\.35cqw\] {
    outline-style: var(--tw-outline-style);
    outline-width: 0.35cqw;
  }
  .outline-offset-1 {
    outline-offset: 1px;
  }
  .outline-accent {
    outline-color: var(--accent);
  }
  .outline-line {
    outline-color: var(--line);
  }
  .outline-win {
    outline-color: var(--color-win);
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .sepia {
    --tw-sepia: sepia(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-120 {
    --tw-duration: 120ms;
    transition-duration: 120ms;
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--bs-flashes\:0\] {
    --bs-flashes: 0;
  }
  .\[--bs-lag\:0s\] {
    --bs-lag: 0s;
  }
  .\[--c4-gap\:6px\] {
    --c4-gap: 6px;
  }
  .\[--card-w\:1\.9rem\] {
    --card-w: 1.9rem;
  }
  .\[--card-w\:2\.3rem\] {
    --card-w: 2.3rem;
  }
  .\[--card-w\:2\.4rem\] {
    --card-w: 2.4rem;
  }
  .\[--card-w\:2\.6rem\] {
    --card-w: 2.6rem;
  }
  .\[--card-w\:2\.7rem\] {
    --card-w: 2.7rem;
  }
  .\[--card-w\:3\.2rem\] {
    --card-w: 3.2rem;
  }
  .\[--card-w\:3\.4rem\] {
    --card-w: 3.4rem;
  }
  .\[--card-w\:3\.6rem\] {
    --card-w: 3.6rem;
  }
  .\[--card-w\:3rem\] {
    --card-w: 3rem;
  }
  .\[--card-w\:4rem\] {
    --card-w: 4rem;
  }
  .\[--card-w\:var\(--sol-w\)\] {
    --card-w: var(--sol-w);
  }
  .\[--delay\:calc\(var\(--i\)\*0\.16s_-_var\(--played\,0s\)\)\] {
    --delay: calc(var(--i) * 0.16s - var(--played,0s));
  }
  .\[--step\:calc\(var\(--card-w\)\*0\.5\)\] {
    --step: calc(var(--card-w) * 0.5);
  }
  .\[--step\:calc\(var\(--card-w\)\*0\.45\)\] {
    --step: calc(var(--card-w) * 0.45);
  }
  .\[--step\:calc\(var\(--card-w\)\*0\.52\)\] {
    --step: calc(var(--card-w) * 0.52);
  }
  .\[--step\:calc\(var\(--card-w\)\*0\.55\)\] {
    --step: calc(var(--card-w) * 0.55);
  }
  .\[--w\:min\(2rem\,calc\(\(100cqw_-_\(var\(--n\)_-_1\)_\*_6px\)_\/_var\(--n\)\)\)\] {
    --w: min(2rem, calc((100cqw - (var(--n) - 1) * 6px) / var(--n)));
  }
  .\[clip-path\:polygon\(0_0\,0_100\%\,50\%_50\%\)\] {
    clip-path: polygon(0 0,0 100%,50% 50%);
  }
  .\[clip-path\:polygon\(0_0\,100\%_0\,50\%_50\%\)\] {
    clip-path: polygon(0 0,100% 0,50% 50%);
  }
  .\[clip-path\:polygon\(0_0\,100\%_50\%\,0_100\%\)\] {
    clip-path: polygon(0 0,100% 50%,0 100%);
  }
  .\[clip-path\:polygon\(0_100\%\,100\%_100\%\,50\%_50\%\)\] {
    clip-path: polygon(0 100%,100% 100%,50% 50%);
  }
  .\[clip-path\:polygon\(25\%_3\%\,75\%_3\%\,100\%_50\%\,75\%_97\%\,25\%_97\%\,0_50\%\)\] {
    clip-path: polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);
  }
  .\[clip-path\:polygon\(50\%_0\,100\%_50\%\,50\%_100\%\,0_50\%\)\] {
    clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%);
  }
  .\[clip-path\:polygon\(50\%_0\,100\%_100\%\,0_100\%\)\] {
    clip-path: polygon(50% 0,100% 100%,0 100%);
  }
  .\[clip-path\:polygon\(100\%_0\,100\%_100\%\,50\%_50\%\)\] {
    clip-path: polygon(100% 0,100% 100%,50% 50%);
  }
  .\[font-variation-settings\:normal\] {
    font-variation-settings: normal;
  }
  .\[grid-area\:1\/1\/9\/9\] {
    grid-area: 1/1/9/9;
  }
  .\[grid-area\:1\/12\/9\/20\] {
    grid-area: 1/12/9/20;
  }
  .\[grid-area\:9\/9\/12\/12\] {
    grid-area: 9/9/12/12;
  }
  .\[grid-area\:12\/1\/20\/9\] {
    grid-area: 12/1/20/9;
  }
  .\[grid-area\:12\/12\/20\/20\] {
    grid-area: 12/12/20/20;
  }
  .\[grid-area\:left\] {
    grid-area: left;
  }
  .\[grid-area\:me\] {
    grid-area: me;
  }
  .\[grid-area\:mid\] {
    grid-area: mid;
  }
  .\[grid-area\:right\] {
    grid-area: right;
  }
  .\[grid-area\:top\] {
    grid-area: top;
  }
  .\[grid-template-areas\:\'\._top_\.\'_\'left_mid_right\'_\'\._me_\.\'\] {
    grid-template-areas: '. top .' 'left mid right' '. me .';
  }
  .\[grid-template-areas\:\'left_right\'_\'mid_mid\'_\'me_me\'\] {
    grid-template-areas: 'left right' 'mid mid' 'me me';
  }
  .\[transition\:opacity_0\.25s_ease\,translate_0\.25s_ease\,visibility_0s_linear_0\.25s\] {
    transition: opacity 0.25s ease,translate 0.25s ease,visibility 0s linear 0.25s;
  }
  .\[transition\:translate_0\.2s_ease\,height_0\.2s_ease\,visibility_0s_linear_0\.2s\] {
    transition: translate 0.2s ease,height 0.2s ease,visibility 0s linear 0.2s;
  }
  .\[writing-mode\:vertical-rl\] {
    writing-mode: vertical-rl;
  }
  .crosshair {
    background: linear-gradient(var(--accent), var(--accent)) center / 0.8cqw 100% no-repeat, linear-gradient(var(--accent), var(--accent)) center / 100% 0.8cqw no-repeat, var(--color-sea);
  }
  .mark-capture {
    --mark-dot: radial-gradient(circle, transparent 0 4.7cqw, var(--bad) calc(4.7cqw + 0.5px) 5.6cqw, transparent calc(5.6cqw + 0.5px));
    @supports (color: color-mix(in lab, red, red)) {
      --mark-dot: radial-gradient(circle, transparent 0 4.7cqw, color-mix(in srgb, var(--bad) 75%, transparent) calc(4.7cqw + 0.5px) 5.6cqw, transparent calc(5.6cqw + 0.5px));
    }
  }
  .mark-check {
    --mark-check: radial-gradient(circle, var(--bad) 0 35%, transparent 75%);
    @supports (color: color-mix(in lab, red, red)) {
      --mark-check: radial-gradient(circle, color-mix(in srgb, var(--bad) 95%, transparent) 0 35%, transparent 75%);
    }
  }
  .mark-dot-17 {
    --mark-dot: radial-gradient(circle, var(--ink) 0 calc(17 * 0.1cqw), transparent calc(17 * 0.1cqw + 0.5px));
    @supports (color: color-mix(in lab, red, red)) {
      --mark-dot: radial-gradient(circle, color-mix(in srgb, var(--ink) 50%, transparent) 0 calc(17 * 0.1cqw), transparent calc(17 * 0.1cqw + 0.5px));
    }
  }
  .mark-dot-20 {
    --mark-dot: radial-gradient(circle, var(--ink) 0 calc(20 * 0.1cqw), transparent calc(20 * 0.1cqw + 0.5px));
    @supports (color: color-mix(in lab, red, red)) {
      --mark-dot: radial-gradient(circle, color-mix(in srgb, var(--ink) 50%, transparent) 0 calc(20 * 0.1cqw), transparent calc(20 * 0.1cqw + 0.5px));
    }
  }
  .mark-last {
    --mark-last: linear-gradient(var(--accent), var(--accent));
    @supports (color: color-mix(in lab, red, red)) {
      --mark-last: linear-gradient(color-mix(in srgb, var(--accent) 42%, transparent), color-mix(in srgb, var(--accent) 42%, transparent));
    }
  }
  .text-shadow-\[0_2px_0_rgb\(0_0_0\/0\.25\)\] {
    text-shadow: 0 2px 0 var(--tw-text-shadow-color, rgb(0 0 0/0.25));
  }
  .not-last\:h-\[calc\(var\(--sol-up\)\*var\(--sol-w\)\)\]:not(:last-child) {
    height: calc(var(--sol-up) * var(--sol-w));
  }
  @media (hover: hover) {
    .group-hover\:-rotate-1:is(:where(.group):hover *) {
      rotate: calc(1deg * -1);
    }
    .group-hover\:ring-accent:is(:where(.group):hover *) {
      --tw-ring-color: var(--accent);
    }
  }
  .group-aria-expanded\:rotate-180:is(:where(.group)[aria-expanded="true"] *) {
    rotate: 180deg;
  }
  .group-aria-pressed\:border-accent:is(:where(.group)[aria-pressed="true"] *) {
    border-color: var(--accent);
  }
  .group-aria-pressed\:bg-accent:is(:where(.group)[aria-pressed="true"] *) {
    background-color: var(--accent);
  }
  .group-aria-pressed\:shadow-\[inset_0_0_0_2px_var\(--card\)\]:is(:where(.group)[aria-pressed="true"] *) {
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--card));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-\[\.gn-drop-over\]\/seat\:text-inherit:is(:where(.group\/seat):is(.gn-drop-over) *) {
    color: inherit;
  }
  .group-\[\.off\]\:hidden:is(:where(.group):is(.off) *) {
    display: none;
  }
  .group-\[\.off\]\:inline-block:is(:where(.group):is(.off) *) {
    display: inline-block;
  }
  .peer-aria-expanded\:block:is(:where(.peer)[aria-expanded="true"] ~ *) {
    display: block;
  }
  .peer-aria-expanded\:flex:is(:where(.peer)[aria-expanded="true"] ~ *) {
    display: flex;
  }
  .marker\:text-ink-soft ::marker {
    color: var(--ink-soft);
  }
  .marker\:text-ink-soft::marker {
    color: var(--ink-soft);
  }
  .marker\:text-ink-soft ::-webkit-details-marker {
    color: var(--ink-soft);
  }
  .marker\:text-ink-soft::-webkit-details-marker {
    color: var(--ink-soft);
  }
  .before\:pointer-events-none::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  .before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:inset-\[0\.1em\]::before {
    content: var(--tw-content);
    inset: 0.1em;
  }
  .before\:inset-\[3\%\]::before {
    content: var(--tw-content);
    inset: 3%;
  }
  .before\:inset-\[8\%\]::before {
    content: var(--tw-content);
    inset: 8%;
  }
  .before\:inset-x-\[14\%\]::before {
    content: var(--tw-content);
    inset-inline: 14%;
  }
  .before\:inset-y-\[14\%\]::before {
    content: var(--tw-content);
    inset-block: 14%;
  }
  .before\:top-0::before {
    content: var(--tw-content);
    top: 0px;
  }
  .before\:top-\[0\.5cqw\]::before {
    content: var(--tw-content);
    top: 0.5cqw;
  }
  .before\:top-\[0\.6cqw\]::before {
    content: var(--tw-content);
    top: 0.6cqw;
  }
  .before\:top-\[0\.8cqw\]::before {
    content: var(--tw-content);
    top: 0.8cqw;
  }
  .before\:top-\[10\%\]::before {
    content: var(--tw-content);
    top: 10%;
  }
  .before\:right-0::before {
    content: var(--tw-content);
    right: 0px;
  }
  .before\:right-\[10\%\]::before {
    content: var(--tw-content);
    right: 10%;
  }
  .before\:bottom-0::before {
    content: var(--tw-content);
    bottom: 0px;
  }
  .before\:bottom-\[10\%\]::before {
    content: var(--tw-content);
    bottom: 10%;
  }
  .before\:left-0::before {
    content: var(--tw-content);
    left: 0px;
  }
  .before\:left-\[0\.7cqw\]::before {
    content: var(--tw-content);
    left: 0.7cqw;
  }
  .before\:left-\[0\.8cqw\]::before {
    content: var(--tw-content);
    left: 0.8cqw;
  }
  .before\:left-\[0\.9cqw\]::before {
    content: var(--tw-content);
    left: 0.9cqw;
  }
  .before\:left-\[10\%\]::before {
    content: var(--tw-content);
    left: 10%;
  }
  .before\:-z-1::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  .before\:float-right::before {
    content: var(--tw-content);
    float: right;
  }
  .before\:mr-0\.75::before {
    content: var(--tw-content);
    margin-right: calc(var(--spacing) * 0.75);
  }
  .before\:h-\[0\.3rem\]::before {
    content: var(--tw-content);
    height: 0.3rem;
  }
  .before\:h-\[2\.6rem\]::before {
    content: var(--tw-content);
    height: 2.6rem;
  }
  .before\:w-12::before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 12);
  }
  .before\:w-\[3\.1rem\]::before {
    content: var(--tw-content);
    width: 3.1rem;
  }
  .before\:rounded-\[18\%\]::before {
    content: var(--tw-content);
    border-radius: 18%;
  }
  .before\:rounded-\[50\%\]::before {
    content: var(--tw-content);
    border-radius: 50%;
  }
  .before\:rounded-full::before {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px);
  }
  .before\:rounded-t-\[50\%\]::before {
    content: var(--tw-content);
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
  }
  .before\:rounded-l-\[50\%\]::before {
    content: var(--tw-content);
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
  }
  .before\:rounded-r-\[50\%\]::before {
    content: var(--tw-content);
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
  }
  .before\:rounded-b-\[50\%\]::before {
    content: var(--tw-content);
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
  }
  .before\:border-\[0\.03em\]::before {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 0.03em;
  }
  .before\:border-x-\[0\.5cqw\]::before {
    content: var(--tw-content);
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0.5cqw;
  }
  .before\:border-y-\[0\.5cqw\]::before {
    content: var(--tw-content);
    border-block-style: var(--tw-border-style);
    border-block-width: 0.5cqw;
  }
  .before\:border-t-\[0\.5cqw\]::before {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 0.5cqw;
  }
  .before\:border-r-\[0\.5cqw\]::before {
    content: var(--tw-content);
    border-right-style: var(--tw-border-style);
    border-right-width: 0.5cqw;
  }
  .before\:border-b-\[0\.5cqw\]::before {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0.5cqw;
  }
  .before\:border-l-\[0\.5cqw\]::before {
    content: var(--tw-content);
    border-left-style: var(--tw-border-style);
    border-left-width: 0.5cqw;
  }
  .before\:border-hull-edge::before {
    content: var(--tw-content);
    border-color: var(--color-hull-edge);
  }
  .before\:border-hull-picked-edge::before {
    content: var(--tw-content);
    border-color: var(--color-hull-picked-edge);
  }
  .before\:border-hull-sunk-edge::before {
    content: var(--tw-content);
    border-color: var(--color-hull-sunk-edge);
  }
  .before\:border-stone-white-edge\/50::before {
    content: var(--tw-content);
    border-color: color-mix(in srgb, #7a6e5a 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-stone-white-edge) 50%, transparent);
    }
  }
  .before\:border-white\/22::before {
    content: var(--tw-content);
    border-color: color-mix(in srgb, #fff 22%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 22%, transparent);
    }
  }
  .before\:bg-edge::before {
    content: var(--tw-content);
    background-color: var(--edge);
  }
  .before\:bg-hull::before {
    content: var(--tw-content);
    background-color: var(--color-hull);
  }
  .before\:bg-hull-picked::before {
    content: var(--tw-content);
    background-color: var(--color-hull-picked);
  }
  .before\:bg-hull-sunk::before {
    content: var(--tw-content);
    background-color: var(--color-hull-sunk);
  }
  .before\:bg-o\/24::before {
    content: var(--tw-content);
    background-color: var(--o);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--o) 24%, transparent);
    }
  }
  .before\:bg-pawn-green\/24::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, #2e7d4f 24%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pawn-green) 24%, transparent);
    }
  }
  .before\:bg-pawn-yellow\/24::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, #e3b62b 24%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pawn-yellow) 24%, transparent);
    }
  }
  .before\:bg-x\/24::before {
    content: var(--tw-content);
    background-color: var(--x);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--x) 24%, transparent);
    }
  }
  .before\:text-\[0\.7rem\]::before {
    content: var(--tw-content);
    font-size: 0.7rem;
  }
  .before\:text-\[2\.2cqw\]::before {
    content: var(--tw-content);
    font-size: 2.2cqw;
  }
  .before\:text-\[2\.3cqw\]::before {
    content: var(--tw-content);
    font-size: 2.3cqw;
  }
  .before\:text-\[2\.4cqw\]::before {
    content: var(--tw-content);
    font-size: 2.4cqw;
  }
  .before\:leading-none::before {
    content: var(--tw-content);
    --tw-leading: 1;
    line-height: 1;
  }
  .before\:font-bold::before {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .before\:tracking-\[0\.04em\]::before {
    content: var(--tw-content);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
  }
  .before\:text-ink-soft::before {
    content: var(--tw-content);
    color: var(--ink-soft);
  }
  .before\:text-paper::before {
    content: var(--tw-content);
    color: var(--paper);
  }
  .before\:uppercase::before {
    content: var(--tw-content);
    text-transform: uppercase;
  }
  .before\:opacity-55::before {
    content: var(--tw-content);
    opacity: 55%;
  }
  .before\:opacity-70::before {
    content: var(--tw-content);
    opacity: 70%;
  }
  .before\:opacity-75::before {
    content: var(--tw-content);
    opacity: 75%;
  }
  .before\:opacity-90::before {
    content: var(--tw-content);
    opacity: 90%;
  }
  .before\:content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  .before\:content-\[\'Home\'\]::before {
    --tw-content: 'Home';
    content: var(--tw-content);
  }
  .before\:content-\[\'Waiting\'\]::before {
    --tw-content: 'Waiting';
    content: var(--tw-content);
  }
  .before\:content-\[attr\(data-n\)\]::before {
    --tw-content: attr(data-n);
    content: var(--tw-content);
  }
  .before\:content-\[attr\(data-rank\)\]::before {
    --tw-content: attr(data-rank);
    content: var(--tw-content);
  }
  .before\:\[clip-path\:polygon\(25\%_3\%\,75\%_3\%\,100\%_50\%\,75\%_97\%\,25\%_97\%\,0_50\%\)\]::before {
    content: var(--tw-content);
    clip-path: polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);
  }
  .before\:\[clip-path\:polygon\(50\%_0\,100\%_50\%\,50\%_100\%\,0_50\%\)\]::before {
    content: var(--tw-content);
    clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%);
  }
  .after\:pointer-events-none::after {
    content: var(--tw-content);
    pointer-events: none;
  }
  .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:relative::after {
    content: var(--tw-content);
    position: relative;
  }
  .after\:inset-0::after {
    content: var(--tw-content);
    inset: 0px;
  }
  .after\:inset-\[4\%\]::after {
    content: var(--tw-content);
    inset: 4%;
  }
  .after\:inset-\[10\%\]::after {
    content: var(--tw-content);
    inset: 10%;
  }
  .after\:inset-\[15\%\]::after {
    content: var(--tw-content);
    inset: 15%;
  }
  .after\:inset-\[22\%\]::after {
    content: var(--tw-content);
    inset: 22%;
  }
  .after\:inset-\[28\%\]::after {
    content: var(--tw-content);
    inset: 28%;
  }
  .after\:inset-\[38\%\]::after {
    content: var(--tw-content);
    inset: 38%;
  }
  .after\:inset-x-\[-2px\]::after {
    content: var(--tw-content);
    inset-inline: -2px;
  }
  .after\:top-1\/2::after {
    content: var(--tw-content);
    top: calc(1 / 2 * 100%);
  }
  .after\:top-\[58\%\]::after {
    content: var(--tw-content);
    top: 58%;
  }
  .after\:right-\[0\.8cqw\]::after {
    content: var(--tw-content);
    right: 0.8cqw;
  }
  .after\:bottom-\[0\.8cqw\]::after {
    content: var(--tw-content);
    bottom: 0.8cqw;
  }
  .after\:left-1\/2::after {
    content: var(--tw-content);
    left: calc(1 / 2 * 100%);
  }
  .after\:-mt-\[0\.2rem\]::after {
    content: var(--tw-content);
    margin-top: calc(0.2rem * -1);
  }
  .after\:-ml-\[0\.2rem\]::after {
    content: var(--tw-content);
    margin-left: calc(0.2rem * -1);
  }
  .after\:ml-0\.75::after {
    content: var(--tw-content);
    margin-left: calc(var(--spacing) * 0.75);
  }
  .after\:size-\[0\.4rem\]::after {
    content: var(--tw-content);
    width: 0.4rem;
    height: 0.4rem;
  }
  .after\:size-\[0\.5em\]::after {
    content: var(--tw-content);
    width: 0.5em;
    height: 0.5em;
  }
  .after\:h-0\.5::after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0.5);
  }
  .after\:-translate-y-1\/2::after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .after\:rounded-full::after {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px);
  }
  .after\:border-\[0\.7cqw\]::after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 0.7cqw;
  }
  .after\:border-\[0\.35cqw\]::after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 0.35cqw;
  }
  .after\:border-\[1cqw\]::after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 1cqw;
  }
  .after\:border-x::after {
    content: var(--tw-content);
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .after\:border-accent::after {
    content: var(--tw-content);
    border-color: var(--accent);
  }
  .after\:border-o::after {
    content: var(--tw-content);
    border-color: var(--o);
  }
  .after\:border-pachisi-ring::after {
    content: var(--tw-content);
    border-color: var(--color-pachisi-ring);
  }
  .after\:border-pawn-green::after {
    content: var(--tw-content);
    border-color: var(--color-pawn-green);
  }
  .after\:border-pawn-yellow::after {
    content: var(--tw-content);
    border-color: var(--color-pawn-yellow);
  }
  .after\:border-white::after {
    content: var(--tw-content);
    border-color: var(--color-white);
  }
  .after\:border-x::after {
    content: var(--tw-content);
    border-color: var(--x);
  }
  .after\:bg-bad::after {
    content: var(--tw-content);
    background-color: var(--bad);
  }
  .after\:bg-current::after {
    content: var(--tw-content);
    background-color: currentcolor;
  }
  .after\:bg-peg-hit::after {
    content: var(--tw-content);
    background-color: var(--color-peg-hit);
  }
  .after\:bg-peg-miss::after {
    content: var(--tw-content);
    background-color: var(--color-peg-miss);
  }
  .after\:bg-peg-sunk::after {
    content: var(--tw-content);
    background-color: var(--color-peg-sunk);
  }
  .after\:bg-ur-cream::after {
    content: var(--tw-content);
    background-color: var(--color-ur-cream);
  }
  .after\:bg-white::after {
    content: var(--tw-content);
    background-color: var(--color-white);
  }
  .after\:bg-\(image\:--bs-cross\)::after {
    content: var(--tw-content);
    background-image: var(--bs-cross);
  }
  .after\:bg-\(image\:--ur-eyes\)::after {
    content: var(--tw-content);
    background-image: var(--ur-eyes);
  }
  .after\:bg-\(image\:--ur-grid\)::after {
    content: var(--tw-content);
    background-image: var(--ur-grid);
  }
  .after\:bg-\(image\:--ur-quarters\)::after {
    content: var(--tw-content);
    background-image: var(--ur-quarters);
  }
  .after\:bg-\(image\:--ur-rings\)::after {
    content: var(--tw-content);
    background-image: var(--ur-rings);
  }
  .after\:bg-\(image\:--ur-rosette\)::after {
    content: var(--tw-content);
    background-image: var(--ur-rosette);
  }
  .after\:bg-\(image\:--ur-star\)::after {
    content: var(--tw-content);
    background-image: var(--ur-star);
  }
  .after\:bg-\(image\:--ur-ziggurat\)::after {
    content: var(--tw-content);
    background-image: var(--ur-ziggurat);
  }
  .after\:mask-\(--crown\)::after {
    content: var(--tw-content);
    mask-image: var(--crown);
  }
  .after\:bg-contain::after {
    content: var(--tw-content);
    background-size: contain;
  }
  .after\:bg-size-\[100\%_100\%\]::after {
    content: var(--tw-content);
    background-size: 100% 100%;
  }
  .after\:bg-center::after {
    content: var(--tw-content);
    background-position: center;
  }
  .after\:bg-no-repeat::after {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }
  .after\:mask-contain::after {
    content: var(--tw-content);
    mask-size: contain;
  }
  .after\:mask-center::after {
    content: var(--tw-content);
    mask-position: center;
  }
  .after\:mask-no-repeat::after {
    content: var(--tw-content);
    mask-repeat: no-repeat;
  }
  .after\:text-\[2\.2cqw\]::after {
    content: var(--tw-content);
    font-size: 2.2cqw;
  }
  .after\:leading-\[0\.6rem\]::after {
    content: var(--tw-content);
    --tw-leading: 0.6rem;
    line-height: 0.6rem;
  }
  .after\:leading-none::after {
    content: var(--tw-content);
    --tw-leading: 1;
    line-height: 1;
  }
  .after\:font-bold::after {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .after\:font-extrabold::after {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .after\:text-crown-bronze::after {
    content: var(--tw-content);
    color: var(--color-crown-bronze);
  }
  .after\:text-crown-gold::after {
    content: var(--tw-content);
    color: var(--color-crown-gold);
  }
  .after\:text-good::after {
    content: var(--tw-content);
    color: var(--good);
  }
  .after\:text-paper::after {
    content: var(--tw-content);
    color: var(--paper);
  }
  .after\:opacity-32::after {
    content: var(--tw-content);
    opacity: 32%;
  }
  .after\:opacity-75::after {
    content: var(--tw-content);
    opacity: 75%;
  }
  .after\:opacity-85::after {
    content: var(--tw-content);
    opacity: 85%;
  }
  .after\:opacity-95::after {
    content: var(--tw-content);
    opacity: 95%;
  }
  .after\:shadow-peg::after {
    content: var(--tw-content);
    --tw-shadow: 0 0.3cqw 0.6cqw var(--tw-shadow-color, rgb(0 0 0 / 0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  .after\:content-\[\'✓\'\]::after {
    --tw-content: '✓';
    content: var(--tw-content);
  }
  .after\:content-\[attr\(data-file\)\]::after {
    --tw-content: attr(data-file);
    content: var(--tw-content);
  }
  .last\:mt-1\.5:last-child {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .last\:mb-0:last-child {
    margin-bottom: 0px;
  }
  .last\:w-\(--card-w\):last-child {
    width: var(--card-w);
  }
  .last\:shrink-0:last-child {
    flex-shrink: 0;
  }
  .last\:border-t:last-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .last\:border-line:last-child {
    border-color: var(--line);
  }
  .last\:pt-1\.5:last-child {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .open\:basis-full:is([open], :popover-open, :open) {
    flex-basis: 100%;
  }
  .empty\:hidden:empty {
    display: none;
  }
  @media (hover: hover) {
    .hover\:border-accent:hover {
      border-color: var(--accent);
    }
    .hover\:bg-house-lamp-soft:hover {
      background-color: var(--house-lamp-soft);
    }
    .hover\:bg-house-lamp\/40:hover {
      background-color: var(--house-lamp);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-house-lamp\/40:hover {
        background-color: color-mix(in oklab, var(--house-lamp) 40%, transparent);
      }
    }
    .hover\:bg-line:hover {
      background-color: var(--line);
    }
    .hover\:bg-paper-2:hover {
      background-color: var(--paper-2);
    }
    .hover\:bg-sea-lit:hover {
      background-color: var(--color-sea-lit);
    }
    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }
    .hover\:bg-white\/18:hover {
      background-color: color-mix(in srgb, #fff 18%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/18:hover {
        background-color: color-mix(in oklab, var(--color-white) 18%, transparent);
      }
    }
    .hover\:shadow-\[inset_0_0_0_0\.4cqw_var\(--color-accent\)\]:hover {
      --tw-shadow: inset 0 0 0 0.4cqw var(--tw-shadow-color, var(--color-accent));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:ring-3:hover {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:inset-ring-\[0\.4cqw\]:hover {
      --tw-inset-ring-shadow: inset 0 0 0 0.4cqw var(--tw-inset-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:inset-ring-\[0\.5cqw\]:hover {
      --tw-inset-ring-shadow: inset 0 0 0 0.5cqw var(--tw-inset-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:inset-ring-\[0\.6cqw\]:hover {
      --tw-inset-ring-shadow: inset 0 0 0 0.6cqw var(--tw-inset-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:ring-accent:hover {
      --tw-ring-color: var(--accent);
    }
    .hover\:inset-ring-accent:hover {
      --tw-inset-ring-color: var(--accent);
    }
    .hover\:inset-ring-accent\/60:hover {
      --tw-inset-ring-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:inset-ring-accent\/60:hover {
        --tw-inset-ring-color: color-mix(in oklab, var(--accent) 60%, transparent);
      }
    }
    .hover\:brightness-110:hover {
      --tw-brightness: brightness(110%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .hover\:brightness-\[0\.93\]:hover {
      --tw-brightness: brightness(0.93);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .hover\:brightness-\[0\.95\]:hover {
      --tw-brightness: brightness(0.95);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .hover\:brightness-\[1\.08\]:hover {
      --tw-brightness: brightness(1.08);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .hover\:brightness-\[1\.12\]:hover {
      --tw-brightness: brightness(1.12);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .hover\:outline-none:hover {
      --tw-outline-style: none;
      outline-style: none;
    }
    .hover\:not-disabled\:-rotate-1:hover:not(:disabled) {
      rotate: calc(1deg * -1);
    }
    .hover\:before\:bg-ink-soft:hover::before {
      content: var(--tw-content);
      background-color: var(--ink-soft);
    }
  }
  .focus\:border-house-lamp:focus {
    border-color: var(--house-lamp);
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:z-1:focus-visible {
    z-index: 1;
  }
  .focus-visible\:z-2:focus-visible {
    z-index: 2;
  }
  .focus-visible\:border-accent:focus-visible {
    border-color: var(--accent);
  }
  .focus-visible\:bg-white\/18:focus-visible {
    background-color: color-mix(in srgb, #fff 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 18%, transparent);
    }
  }
  .focus-visible\:ring-3:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-accent:focus-visible {
    --tw-ring-color: var(--accent);
  }
  .focus-visible\:outline-3:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
  }
  .focus-visible\:-outline-offset-2:focus-visible {
    outline-offset: calc(2px * -1);
  }
  .focus-visible\:-outline-offset-3:focus-visible {
    outline-offset: calc(3px * -1);
  }
  .focus-visible\:-outline-offset-6:focus-visible {
    outline-offset: calc(6px * -1);
  }
  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }
  .focus-visible\:outline-accent:focus-visible {
    outline-color: var(--accent);
  }
  .focus-visible\:outline-ink:focus-visible {
    outline-color: var(--ink);
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }
  .disabled\:cursor-default:disabled {
    cursor: default;
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  :where(:is(.gn-chat-open)) .in-\[\.gn-chat-open\]\:visible {
    visibility: visible;
  }
  :where(:is(.gn-chat-open)) .in-\[\.gn-chat-open\]\:delay-0 {
    transition-delay: 0ms;
  }
  :where(:is(.gn-drag-active)) .in-\[\.gn-drag-active\]\:not-\[\.gn-drop-ready\]\:animate-none:not(:is(.gn-drop-ready)) {
    animation: none;
  }
  :where(:is(.gn-drag-active)) .in-\[\.gn-drag-active\]\:not-\[\.gn-drop-ready\]\:bg-none:not(:is(.gn-drop-ready)) {
    background-image: none;
  }
  :where(:is(.gn-drag-active)) .in-\[\.gn-drag-active\]\:not-\[\.gn-drop-ready\]\:inset-ring-0:not(:is(.gn-drop-ready)) {
    --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where(:is(.gn-drag-ghost)) .in-\[\.gn-drag-ghost\]\:hidden {
    display: none;
  }
  :where(:is(.gn-drag-ghost)) .in-\[\.gn-drag-ghost\]\:size-\[3\.2rem\] {
    width: 3.2rem;
    height: 3.2rem;
  }
  :where(:is(.gn-drag-ghost)) .in-\[\.gn-drag-ghost\]\:flex-none {
    flex: none;
  }
  :where(:is(.gn-drag-ghost)) .in-\[\.gn-drag-ghost\]\:transform-\[translate\(0\,28px\)\] {
    transform: translate(0,28px);
  }
  :where(:is(.gn-drag-ghost)) .in-\[\.gn-drag-ghost\]\:text-\[4rem\] {
    font-size: 4rem;
  }
  :where(:is(.gn-drag-ghost)) .in-\[\.gn-drag-ghost\]\:text-\[110cqw\] {
    font-size: 110cqw;
  }
  :where(:is(.gn-drag-ghost)) .in-\[\.gn-drag-ghost\]\:opacity-18 {
    opacity: 18%;
  }
  :where(:is(.gn-drag-ghost)) .in-\[\.gn-drag-ghost\]\:opacity-100 {
    opacity: 100%;
  }
  :where(:is(.gn-dragging)) .in-\[\.gn-dragging\]\:opacity-30 {
    opacity: 30%;
  }
  :where(:is(.gn-dragging)) .in-\[\.gn-dragging\]\:opacity-35 {
    opacity: 35%;
  }
  :where(:is(.gn-dragging)) .in-\[\.gn-dragging\]\:opacity-40 {
    opacity: 40%;
  }
  :where(:is(.gn-fresh)) .in-\[\.gn-fresh\]\:animate-card-fall {
    animation: card-drift 5.5s linear var(--delay) both, card-bounce 2.4s linear var(--delay) both;
  }
  :where(:is(.gn-fresh)) .in-\[\.gn-fresh\]\:animate-card-fall-left {
    animation: card-drift-left 5.5s linear var(--delay) both, card-bounce 2.4s linear var(--delay) both;
  }
  :where(:is(.gn-offline)) .in-\[\.gn-offline\]\:pointer-events-none {
    pointer-events: none;
  }
  :where(:is(.gn-offline)) .in-\[\.gn-offline\]\:block {
    display: block;
  }
  :where(:is(.gn-offline)) .in-\[\.gn-offline\]\:opacity-60 {
    opacity: 60%;
  }
  :where(:is(.gn-rulebook.gn-rulebook-open)) .in-\[\.gn-rulebook\.gn-rulebook-open\]\:visible {
    visibility: visible;
  }
  :where(:is(.gn-rulebook.gn-rulebook-open)) .in-\[\.gn-rulebook\.gn-rulebook-open\]\:delay-0 {
    transition-delay: 0ms;
  }
  .has-\[\#gn-house\]\:w-full:has(:is(#gn-house)) {
    width: 100%;
  }
  .has-\[\#gn-tv\]\:w-full:has(:is(#gn-tv)) {
    width: 100%;
  }
  .has-\[\.gn-room\:not\(\[hidden\]\)\]\:w-full:has(:is(.gn-room:not([hidden]))) {
    width: 100%;
  }
  .has-\[a\:focus-visible\]\:\[animation-play-state\:paused\]:has(:is(a:focus-visible)) {
    animation-play-state: paused;
  }
  .has-\[a\:hover\]\:\[animation-play-state\:paused\]:has(:is(a:hover)) {
    animation-play-state: paused;
  }
  .has-\[button\:hover\]\:border-accent:has(:is(button:hover)) {
    border-color: var(--accent);
  }
  .has-\[\>a\:hover\]\:-rotate-\[0\.6deg\]:has( > a:hover) {
    rotate: calc(0.6deg * -1);
  }
  .aria-expanded\:bg-house-lamp-soft[aria-expanded="true"] {
    background-color: var(--house-lamp-soft);
  }
  .aria-expanded\:bg-paper-2[aria-expanded="true"] {
    background-color: var(--paper-2);
  }
  .aria-pressed\:bg-felt-ink[aria-pressed="true"] {
    background-color: var(--felt-ink);
  }
  .aria-pressed\:font-bold[aria-pressed="true"] {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .aria-pressed\:text-felt-dark[aria-pressed="true"] {
    color: var(--felt-dark);
  }
  .data-picked\:shadow-\[0_0_0_4px_var\(--house-lamp-soft\)\][data-picked] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--house-lamp-soft));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-\[gn-drain_var\(--left\,0s\)_linear_forwards\] {
      animation: gn-drain var(--left,0s) linear forwards;
    }
    .motion-safe\:animate-\[gn-think_1\.2s_ease-in-out_infinite_alternate\] {
      animation: gn-think 1.2s ease-in-out infinite alternate;
    }
    .motion-safe\:animate-win-glow {
      animation: var(--animate-win-glow);
    }
    :where(:is(.gn-fresh)) .motion-safe\:in-\[\.gn-fresh\]\:animate-banner-pop {
      animation: banner-pop 0.7s cubic-bezier(0.3, 1.5, 0.5, 1) calc(var(--bs-lag) - var(--played, 0s)) both;
    }
    :where(:is(.gn-fresh)) .motion-safe\:in-\[\.gn-fresh\]\:animate-banner-shake {
      animation: banner-shake 0.5s ease-in-out calc(var(--bs-lag) + 0.1s - var(--played, 0s)) both;
    }
    :where(:is(.gn-fresh)) .motion-safe\:in-\[\.gn-fresh\]\:animate-flip {
      animation: reversi-flip 0.45s ease-out calc(0s - var(--played, 0s));
    }
    :where(:is(.gn-fresh)) .motion-safe\:in-\[\.gn-fresh\]\:animate-hand-pop {
      animation: hand-pop 0.6s cubic-bezier(0.3, 1.5, 0.5, 1) calc(0s - var(--played, 0s)) both;
    }
    :where(:is(.gn-fresh)) .motion-safe\:in-\[\.gn-fresh\]\:animate-sunk-banner {
      animation: banner-pop 0.7s cubic-bezier(0.3, 1.5, 0.5, 1) calc(var(--bs-lag) - var(--played, 0s)) both,
    banner-lights 0.5s steps(1) calc(var(--bs-lag) - var(--played, 0s)) var(--bs-flashes);
    }
    :where(:is(.gn-fresh)) .motion-safe\:in-\[\.gn-fresh\]\:after\:animate-peg-drop::after {
      content: var(--tw-content);
      animation: peg-drop 0.5s ease-out calc(var(--bs-lag) - var(--played, 0s)) both;
    }
    :where(:is(.gn-news)) .motion-safe\:in-\[\.gn-news\]\:animate-boom {
      animation: boom 0.4s steps(1) calc(var(--bs-lag) - var(--played, 0s));
    }
    :where(:is(.gn-news)) .motion-safe\:in-\[\.gn-news\]\:animate-deal-in {
      animation: deal-in 0.25s ease-out calc(var(--i) * 0.45s - var(--played, 0s)) both;
    }
    :where(:is(.gn-news)) .motion-safe\:in-\[\.gn-news\]\:before\:animate-sinking::before {
      content: var(--tw-content);
      animation: hull-go-down 1s ease-in calc(2.4s - var(--played, 0s)) both,
    hull-flash 0.5s steps(1) calc(var(--bs-lag) - var(--played, 0s)) 4;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:hidden {
      display: none;
    }
    .motion-reduce\:translate-y-0 {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .motion-reduce\:animate-none {
      animation: none;
    }
    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }
  @media (width < 60rem) {
    .max-wide\:relative {
      position: relative;
    }
    .max-wide\:bottom-\[var\(--gn-bar\,3\.25rem\)\] {
      bottom: var(--gn-bar,3.25rem);
    }
    .max-wide\:left-\[var\(--gn-book-tab-stacked\)\] {
      left: var(--gn-book-tab-stacked);
    }
    .max-wide\:order-1 {
      order: 1;
    }
    .max-wide\:order-2 {
      order: 2;
    }
    .max-wide\:col-span-full {
      grid-column: 1 / -1;
    }
    .max-wide\:m-0 {
      margin: 0px;
    }
    .max-wide\:-mx-4 {
      margin-inline: calc(var(--spacing) * -4);
    }
    .max-wide\:mt-0 {
      margin-top: 0px;
    }
    .max-wide\:mb-0 {
      margin-bottom: 0px;
    }
    .max-wide\:mb-1\.5 {
      margin-bottom: calc(var(--spacing) * 1.5);
    }
    .max-wide\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
    .max-wide\:line-clamp-2 {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
    .max-wide\:block {
      display: block;
    }
    .max-wide\:grid {
      display: grid;
    }
    .max-wide\:hidden {
      display: none;
    }
    .max-wide\:aspect-\[4\/3\] {
      aspect-ratio: 4/3;
    }
    .max-wide\:size-\[1\.4rem\] {
      width: 1.4rem;
      height: 1.4rem;
    }
    .max-wide\:size-\[1\.9rem\] {
      width: 1.9rem;
      height: 1.9rem;
    }
    .max-wide\:h-12 {
      height: calc(var(--spacing) * 12);
    }
    .max-wide\:h-\[3\.7rem\] {
      height: 3.7rem;
    }
    .max-wide\:min-h-10 {
      min-height: calc(var(--spacing) * 10);
    }
    .max-wide\:min-h-\[3\.1rem\] {
      min-height: 3.1rem;
    }
    .max-wide\:max-w-none {
      max-width: none;
    }
    .max-wide\:min-w-0 {
      min-width: 0px;
    }
    .max-wide\:flex-1 {
      flex: 1;
    }
    .max-wide\:flex-none {
      flex: none;
    }
    .max-wide\:translate-y-\[calc\(100\%\+var\(--gn-bar\,3\.25rem\)\)\] {
      --tw-translate-y: calc(100% + var(--gn-bar,3.25rem));
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .max-wide\:touch-none {
      touch-action: none;
    }
    .max-wide\:\[scrollbar-width\:none\] {
      scrollbar-width: none;
    }
    .max-wide\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: auto minmax(0,1fr) auto;
    }
    .max-wide\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .max-wide\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }
    .max-wide\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }
    .max-wide\:gap-x-2\.75 {
      column-gap: calc(var(--spacing) * 2.75);
    }
    .max-wide\:gap-x-3 {
      column-gap: calc(var(--spacing) * 3);
    }
    .max-wide\:gap-y-0 {
      row-gap: 0px;
    }
    .max-wide\:overflow-hidden {
      overflow: hidden;
    }
    .max-wide\:overflow-x-auto {
      overflow-x: auto;
    }
    .max-wide\:px-2\.75 {
      padding-inline: calc(var(--spacing) * 2.75);
    }
    .max-wide\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .max-wide\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
    .max-wide\:py-0\.5 {
      padding-block: calc(var(--spacing) * 0.5);
    }
    .max-wide\:py-0\.75 {
      padding-block: calc(var(--spacing) * 0.75);
    }
    .max-wide\:py-1 {
      padding-block: var(--spacing);
    }
    .max-wide\:pt-0 {
      padding-top: 0px;
    }
    .max-wide\:pt-1 {
      padding-top: var(--spacing);
    }
    .max-wide\:pt-2 {
      padding-top: calc(var(--spacing) * 2);
    }
    .max-wide\:pb-1\.5 {
      padding-bottom: calc(var(--spacing) * 1.5);
    }
    .max-wide\:pb-2 {
      padding-bottom: calc(var(--spacing) * 2);
    }
    .max-wide\:text-\[0\.8rem\] {
      font-size: 0.8rem;
    }
    .max-wide\:text-\[0\.72rem\] {
      font-size: 0.72rem;
    }
    .max-wide\:text-\[1\.4rem\] {
      font-size: 1.4rem;
    }
    .max-wide\:text-\[1\.5rem\] {
      font-size: 1.5rem;
    }
    .max-wide\:whitespace-nowrap {
      white-space: nowrap;
    }
    .max-wide\:group-aria-expanded\:bg-accent:is(:where(.group)[aria-expanded="true"] *) {
      background-color: var(--accent);
    }
    .max-wide\:group-aria-expanded\:text-accent-ink:is(:where(.group)[aria-expanded="true"] *) {
      color: var(--accent-ink);
    }
    :where(:is(.gn-asked)) .max-wide\:in-\[\.gn-asked\]\:inline-block {
      display: inline-block;
    }
    :where(:is(.gn-chat-open)) .max-wide\:in-\[\.gn-chat-open\]\:translate-y-0 {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    :where(:is(.gn-chat-open, .gn-rulebook-open, .gn-game-page-open)) .max-wide\:in-\[\.gn-chat-open\,\.gn-rulebook-open\,\.gn-game-page-open\]\:hidden {
      display: none;
    }
    :where(:is(.gn-else-open)) .max-wide\:in-\[\.gn-else-open\]\:flex {
      display: flex;
    }
    :where(:is(.gn-else-open)) .max-wide\:in-\[\.gn-else-open\]\:basis-full {
      flex-basis: 100%;
    }
    :where(:is(.gn-else-open)) .max-wide\:in-\[\.gn-else-open\]\:flex-wrap {
      flex-wrap: wrap;
    }
    :where(:is(.gn-else-open)) .max-wide\:in-\[\.gn-else-open\]\:gap-x-2\.5 {
      column-gap: calc(var(--spacing) * 2.5);
    }
    :where(:is(.gn-else-open)) .max-wide\:in-\[\.gn-else-open\]\:gap-y-1\.5 {
      row-gap: calc(var(--spacing) * 1.5);
    }
    :where(:is(.gn-rulebook.gn-rulebook-open)) .max-wide\:in-\[\.gn-rulebook\.gn-rulebook-open\]\:translate-y-0 {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    :where(:is(.gn-your-turn)) .max-wide\:in-\[\.gn-your-turn\]\:inline-block {
      display: inline-block;
    }
    .max-wide\:aria-expanded\:bg-paper[aria-expanded="true"] {
      background-color: var(--paper);
    }
    .max-wide\:aria-expanded\:text-ink[aria-expanded="true"] {
      color: var(--ink);
    }
    .max-wide\:aria-expanded\:shadow-\[inset_0_-4px_0_var\(--accent\)\][aria-expanded="true"] {
      --tw-shadow: inset 0 -4px 0 var(--tw-shadow-color, var(--accent));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  @media (width < 40rem) {
    .max-\[40rem\]\:px-\[0\.6rem\] {
      padding-inline: 0.6rem;
    }
    .max-\[40rem\]\:py-1 {
      padding-block: var(--spacing);
    }
    .max-\[40rem\]\:text-\[1\.05rem\] {
      font-size: 1.05rem;
    }
    .max-\[40rem\]\:text-\[1\.5rem\] {
      font-size: 1.5rem;
    }
  }
  @media (width < 30rem) {
    .max-\[30rem\]\:order-1 {
      order: 1;
    }
    .max-\[30rem\]\:order-2 {
      order: 2;
    }
    .max-\[30rem\]\:order-3 {
      order: 3;
    }
    .max-\[30rem\]\:col-span-full {
      grid-column: 1 / -1;
    }
    .max-\[30rem\]\:col-start-2 {
      grid-column-start: 2;
    }
    .max-\[30rem\]\:row-\[1\/span_2\] {
      grid-row: 1/span 2;
    }
    .max-\[30rem\]\:mx-auto {
      margin-inline: auto;
    }
    .max-\[30rem\]\:grid {
      display: grid;
    }
    .max-\[30rem\]\:hidden {
      display: none;
    }
    .max-\[30rem\]\:min-h-0 {
      min-height: 0px;
    }
    .max-\[30rem\]\:min-h-10 {
      min-height: calc(var(--spacing) * 10);
    }
    .max-\[30rem\]\:min-h-\[2lh\]\! {
      min-height: 2lh !important;
    }
    .max-\[30rem\]\:min-h-\[3lh\] {
      min-height: 3lh;
    }
    .max-\[30rem\]\:min-h-\[3lh\]\! {
      min-height: 3lh !important;
    }
    .max-\[30rem\]\:min-h-\[calc\(3lh_\+_0\.4rem\)\] {
      min-height: calc(3lh + 0.4rem);
    }
    .max-\[30rem\]\:w-\[min\(90\%\,max\(15rem\,calc\(100svh-24\.5rem\)\)\)\] {
      width: min(90%, max(15rem, calc(100svh - 24.5rem)));
    }
    .max-\[30rem\]\:w-\[min\(100\%\,max\(15rem\,calc\(100svh-23\.2rem\)\)\)\] {
      width: min(100%, max(15rem, calc(100svh - 23.2rem)));
    }
    .max-\[30rem\]\:w-\[min\(100\%\,max\(15rem\,calc\(100svh-23\.7rem\)\)\)\] {
      width: min(100%, max(15rem, calc(100svh - 23.7rem)));
    }
    .max-\[30rem\]\:w-\[min\(100\%\,max\(17rem\,calc\(100svh-21\.5rem\)\)\)\] {
      width: min(100%, max(17rem, calc(100svh - 21.5rem)));
    }
    .max-\[30rem\]\:w-\[min\(100\%\,max\(17rem\,calc\(100svh-23rem\)\)\)\] {
      width: min(100%, max(17rem, calc(100svh - 23rem)));
    }
    .max-\[30rem\]\:w-\[min\(100\%\,max\(17rem\,calc\(100svh-24rem\)\)\)\] {
      width: min(100%, max(17rem, calc(100svh - 24rem)));
    }
    .max-\[30rem\]\:w-\[min\(100\%\,max\(18\.35rem\,calc\(100svh-22\.4rem\)\)\)\] {
      width: min(100%, max(18.35rem, calc(100svh - 22.4rem)));
    }
    .max-\[30rem\]\:w-\[min\(100\%\,max\(20rem\,calc\(100svh-18\.5rem\)\)\)\] {
      width: min(100%, max(20rem, calc(100svh - 18.5rem)));
    }
    .max-\[30rem\]\:w-\[min\(100\%\,max\(21\.35rem\,calc\(100svh-18\.15rem\)\)\)\] {
      width: min(100%, max(21.35rem, calc(100svh - 18.15rem)));
    }
    .max-\[30rem\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .max-\[30rem\]\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto;
    }
    .max-\[30rem\]\:flex-col {
      flex-direction: column;
    }
    .max-\[30rem\]\:items-center {
      align-items: center;
    }
    .max-\[30rem\]\:items-stretch {
      align-items: stretch;
    }
    .max-\[30rem\]\:gap-1 {
      gap: var(--spacing);
    }
    .max-\[30rem\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .max-\[30rem\]\:gap-x-1\.5 {
      column-gap: calc(var(--spacing) * 1.5);
    }
    .max-\[30rem\]\:gap-x-1\.75 {
      column-gap: calc(var(--spacing) * 1.75);
    }
    .max-\[30rem\]\:px-1\.75 {
      padding-inline: calc(var(--spacing) * 1.75);
    }
    .max-\[30rem\]\:py-0 {
      padding-block: 0px;
    }
    .max-\[30rem\]\:text-center {
      text-align: center;
    }
    .max-\[30rem\]\:text-\[0\.9rem\] {
      font-size: 0.9rem;
    }
    .max-\[30rem\]\:text-\[0\.85rem\] {
      font-size: 0.85rem;
    }
    .max-\[30rem\]\:text-\[0\.95rem\] {
      font-size: 0.95rem;
    }
    .max-\[30rem\]\:leading-\[1\.3\] {
      --tw-leading: 1.3;
      line-height: 1.3;
    }
    .max-\[30rem\]\:\[--card-w\:2\.1rem\] {
      --card-w: 2.1rem;
    }
    .max-\[30rem\]\:\[--card-w\:2\.2rem\] {
      --card-w: 2.2rem;
    }
    .max-\[30rem\]\:\[--card-w\:2\.5rem\] {
      --card-w: 2.5rem;
    }
    .max-\[30rem\]\:\[--card-w\:2\.7rem\] {
      --card-w: 2.7rem;
    }
    .max-\[30rem\]\:\[--card-w\:2\.9rem\] {
      --card-w: 2.9rem;
    }
    .max-\[30rem\]\:\[--card-w\:2rem\] {
      --card-w: 2rem;
    }
    .max-\[30rem\]\:\[--card-w\:3\.1rem\] {
      --card-w: 3.1rem;
    }
    .max-\[30rem\]\:\[--card-w\:3\.2rem\] {
      --card-w: 3.2rem;
    }
    .max-\[30rem\]\:\[--card-w\:3\.4rem\] {
      --card-w: 3.4rem;
    }
    .max-\[30rem\]\:\[--card-w\:3rem\] {
      --card-w: 3rem;
    }
    .max-\[30rem\]\:\[--step\:calc\(var\(--card-w\)\*0\.75\)\] {
      --step: calc(var(--card-w) * 0.75);
    }
    .max-\[30rem\]\:\[--step\:calc\(var\(--card-w\)\*0\.82\)\] {
      --step: calc(var(--card-w) * 0.82);
    }
  }
  @media (width >= 40rem) {
    .min-\[40rem\]\:\@container {
      container-type: inline-size;
    }
    .min-\[40rem\]\:col-span-full {
      grid-column: 1 / -1;
    }
    .min-\[40rem\]\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto;
    }
    .min-\[40rem\]\:items-center {
      align-items: center;
    }
    .min-\[40rem\]\:\[--card-w\:3\.8rem\] {
      --card-w: 3.8rem;
    }
    .min-\[40rem\]\:\[--card-w\:4rem\] {
      --card-w: 4rem;
    }
    .min-\[40rem\]\:\[--step\:clamp\(calc\(var\(--card-w\)\*0\.5\)\,calc\(\(100cqw_-_0\.2rem_-_var\(--groups\)\*\(var\(--card-w\)_\+_1\.1rem\)_-_\(var\(--groups\)_-_1\)\*0\.6rem\)_\/_var\(--overlapping\)\)\,calc\(var\(--card-w\)\*1\.08\)\)\] {
      --step: clamp(calc(var(--card-w) * 0.5), calc((100cqw - 0.2rem - var(--groups) * (var(--card-w) + 1.1rem) - (var(--groups) - 1) * 0.6rem) / var(--overlapping)), calc(var(--card-w) * 1.08));
    }
  }
  @media (width >= 48rem) {
    .md\:col-start-1 {
      grid-column-start: 1;
    }
    .md\:col-start-2 {
      grid-column-start: 2;
    }
    .md\:row-span-2 {
      grid-row: span 2 / span 2;
    }
    .md\:row-start-1 {
      grid-row-start: 1;
    }
    .md\:row-start-2 {
      grid-row-start: 2;
    }
    .md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .md\:grid-cols-\[3fr_2fr\] {
      grid-template-columns: 3fr 2fr;
    }
    .md\:items-start {
      align-items: flex-start;
    }
  }
  @media (width >= 60rem) {
    .wide\:absolute {
      position: absolute;
    }
    .wide\:top-0 {
      top: 0px;
    }
    .wide\:top-0\.5 {
      top: calc(var(--spacing) * 0.5);
    }
    .wide\:top-3 {
      top: calc(var(--spacing) * 3);
    }
    .wide\:top-\[5\.5rem\] {
      top: 5.5rem;
    }
    .wide\:top-\[10\.25rem\] {
      top: 10.25rem;
    }
    .wide\:right-0 {
      right: 0px;
    }
    .wide\:right-0\.5 {
      right: calc(var(--spacing) * 0.5);
    }
    .wide\:right-\[var\(--gn-rail\)\] {
      right: var(--gn-rail);
    }
    .wide\:bottom-2 {
      bottom: calc(var(--spacing) * 2);
    }
    .wide\:bottom-auto {
      bottom: auto;
    }
    .wide\:left-auto {
      left: auto;
    }
    .wide\:order-first {
      order: -9999;
    }
    .wide\:col-span-full {
      grid-column: 1 / -1;
    }
    .wide\:col-start-1\! {
      grid-column-start: 1 !important;
    }
    .wide\:row-\[1\/span_12\] {
      grid-row: 1/span 12;
    }
    .wide\:grid {
      display: grid;
    }
    .wide\:hidden {
      display: none;
    }
    .wide\:inline-block {
      display: inline-block;
    }
    .wide\:size-7 {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
    .wide\:h-auto {
      height: auto;
    }
    .wide\:min-h-18 {
      min-height: calc(var(--spacing) * 18);
    }
    .wide\:min-h-\[calc\(0\.85rem\*1\.25\+0\.4rem\+2\.5rem\)\] {
      min-height: calc(0.85rem * 1.25 + 0.4rem + 2.5rem);
    }
    .wide\:w-80 {
      width: calc(var(--spacing) * 80);
    }
    .wide\:w-104 {
      width: calc(var(--spacing) * 104);
    }
    .wide\:w-\[var\(--gn-rail\)\] {
      width: var(--gn-rail);
    }
    .wide\:w-auto {
      width: auto;
    }
    .wide\:min-w-0 {
      min-width: 0px;
    }
    .wide\:min-w-\[1\.2rem\] {
      min-width: 1.2rem;
    }
    .wide\:flex-\[1_0_100\%\] {
      flex: 1 0 100%;
    }
    .wide\:translate-x-full {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .wide\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .wide\:grid-cols-\[min\(40rem\,calc\(100svh-13rem\)\,calc\(100vw-25rem-var\(--gn-docked\,0px\)\)\)_20rem\] {
      grid-template-columns: min(40rem, calc(100svh - 13rem), calc(100vw - 25rem - var(--gn-docked,0px))) 20rem;
    }
    .wide\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\] {
      grid-template-columns: minmax(0,3fr) minmax(0,2fr);
    }
    .wide\:flex-col {
      flex-direction: column;
    }
    .wide\:flex-wrap {
      flex-wrap: wrap;
    }
    .wide\:content-start {
      align-content: flex-start;
    }
    .wide\:items-start {
      align-items: flex-start;
    }
    .wide\:gap-1 {
      gap: var(--spacing);
    }
    .wide\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }
    .wide\:gap-y-2 {
      row-gap: calc(var(--spacing) * 2);
    }
    .wide\:rounded-none {
      border-radius: 0;
    }
    .wide\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
    .wide\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
    .wide\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    .wide\:bg-transparent {
      background-color: transparent;
    }
    .wide\:px-0 {
      padding-inline: 0px;
    }
    .wide\:px-1 {
      padding-inline: var(--spacing);
    }
    .wide\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
    .wide\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }
    .wide\:text-\[0\.75rem\] {
      font-size: 0.75rem;
    }
    .wide\:text-\[0\.95rem\] {
      font-size: 0.95rem;
    }
    .wide\:leading-\[1\.2rem\] {
      --tw-leading: 1.2rem;
      line-height: 1.2rem;
    }
    .wide\:tracking-\[-0\.04em\] {
      --tw-tracking: -0.04em;
      letter-spacing: -0.04em;
    }
    .wide\:text-ink {
      color: var(--ink);
    }
    .wide\:shadow-gn {
      --tw-shadow: var(--shadow);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .wide\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    :is(.wide\:\*\:col-start-2 > *) {
      grid-column-start: 2;
    }
    @media (hover: hover) {
      .wide\:hover\:bg-line:hover {
        background-color: var(--line);
      }
    }
    :where(:is(.gn-chat-open)) .wide\:in-\[\.gn-chat-open\]\:translate-x-0 {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    :where(:is(.gn-rulebook.gn-rulebook-open)) .wide\:in-\[\.gn-rulebook\.gn-rulebook-open\]\:translate-x-0 {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .wide\:aria-expanded\:bg-paper[aria-expanded="true"] {
      background-color: var(--paper);
    }
    .wide\:aria-expanded\:shadow-\[inset_4px_0_0_var\(--accent\)\][aria-expanded="true"] {
      --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, var(--accent));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  @media (width >= 110rem) {
    .min-\[110rem\]\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\[\&_\.card\]\:block .card {
    display: block;
  }
  .\[\&_\.card\]\:border-accent .card {
    border-color: var(--accent);
  }
  .\[\&_\.card\]\:opacity-60 .card {
    opacity: 60%;
  }
  .\[\&_\.card\]\:opacity-85 .card {
    opacity: 85%;
  }
  .\[\&_\.card\]\:shadow-\[0_0_0_2px_var\(--color-gold\)\,var\(--shadow\)\] .card {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-gold)), var(--shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&_\.card\]\:shadow-\[0_0_0_3px_var\(--accent\)\,var\(--shadow\)\] .card {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--accent)), var(--shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&_\.card\]\:shadow-\[0_0_0_3px_var\(--color-gold\)\,var\(--shadow\)\] .card {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-gold)), var(--shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&_\.card\]\:outline-3 .card {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
  }
  .\[\&_\.card\]\:outline-offset-1 .card {
    outline-offset: 1px;
  }
  .\[\&_\.card\]\:outline-accent .card {
    outline-color: var(--accent);
  }
  .\[\&_\.card\]\:brightness-80 .card {
    --tw-brightness: brightness(80%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .\[\&_\.card\]\:saturate-60 .card {
    --tw-saturate: saturate(60%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .\[\&_\.card-corner\]\:top-\[0\.1rem\] .card-corner {
    top: 0.1rem;
  }
  .\[\&_\.card-corner\]\:top-\[0\.05rem\] .card-corner {
    top: 0.05rem;
  }
  .\[\&_\.card-corner\]\:left-\[0\.1rem\] .card-corner {
    left: 0.1rem;
  }
  .\[\&_\.card-corner\]\:left-\[0\.15rem\] .card-corner {
    left: 0.15rem;
  }
  .\[\&_\.card-count\]\:min-w-0 .card-count {
    min-width: 0px;
  }
  .\[\&_\.card-count\]\:min-w-7 .card-count {
    min-width: calc(var(--spacing) * 7);
  }
  .\[\&_\.card-count\]\:px-1\.5 .card-count {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .\[\&_\.card-count\]\:px-\[0\.5em\] .card-count {
    padding-inline: 0.5em;
  }
  .\[\&_\.card-count\]\:py-0 .card-count {
    padding-block: 0px;
  }
  .\[\&_\.card-count\]\:py-\[0\.05em\] .card-count {
    padding-block: 0.05em;
  }
  .\[\&_\.card-count\]\:text-\[0\.95rem\] .card-count {
    font-size: 0.95rem;
  }
  .\[\&_\.card-count\]\:text-\[length\:calc\(var\(--sol-w\)\*0\.38\)\] .card-count {
    font-size: calc(var(--sol-w) * 0.38);
  }
  .\[\&_\.card-pip\]\:hidden .card-pip {
    display: none;
  }
  .\[\&_\.gn-glide-away\]\:visible\! .gn-glide-away {
    visibility: visible !important;
  }
  .\[\&_\.gn-glide-away\]\:border-0 .gn-glide-away {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .\[\&_\.gn-glide-away\]\:bg-paper .gn-glide-away {
    background-color: var(--paper);
  }
  .\[\&_\.gn-glide-away\]\:shadow-hole .gn-glide-away {
    --tw-shadow: inset 0 2px 4px var(--tw-shadow-color, rgb(0 0 0 / 0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&_\.gn-glide-away\]\:outline-none .gn-glide-away {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[\&_\.gn-sound\]\:absolute .gn-sound {
    position: absolute;
  }
  .\[\&_\.gn-sound\]\:top-0 .gn-sound {
    top: 0px;
  }
  .\[\&_\.gn-sound\]\:right-0 .gn-sound {
    right: 0px;
  }
  .\[\&_\.gn-sound-text\]\:hidden .gn-sound-text {
    display: none;
  }
  .\[\&_\.gn-vacant\]\:opacity-100 .gn-vacant {
    opacity: 100%;
  }
  .\[\&_\.sh-joker-word\]\:hidden .sh-joker-word {
    display: none;
  }
  .\[\&_\.status\]\:min-w-0 .status {
    min-width: 0px;
  }
  .\[\&_\.status\]\:flex-auto .status {
    flex: auto;
  }
  .\[\&_\:is\(th\,td\)\]\:border :is(th, td) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .\[\&_\:is\(th\,td\)\]\:border-line :is(th, td) {
    border-color: var(--line);
  }
  .\[\&_\:is\(th\,td\)\]\:px-2\.5 :is(th, td) {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .\[\&_\:is\(th\,td\)\]\:py-1\.25 :is(th, td) {
    padding-block: calc(var(--spacing) * 1.25);
  }
  .\[\&_\:is\(th\,td\)\]\:text-left :is(th, td) {
    text-align: left;
  }
  .\[\&_\:is\(ul\,ol\)\]\:my-1\.5 :is(ul, ol) {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .\[\&_\:is\(ul\,ol\)\]\:pl-\[1\.4rem\] :is(ul, ol) {
    padding-left: 1.4rem;
  }
  .\[\&_\:is\(ul\,ol\)_ul\]\:list-\[circle\] :is(ul, ol) ul {
    list-style-type: circle;
  }
  .\[\&_a\]\:text-inherit a {
    color: inherit;
  }
  .\[\&_button\]\:bg-paper button {
    background-color: var(--paper);
  }
  .\[\&_button\]\:text-ink button {
    color: var(--ink);
  }
  .\[\&_dt\]\:text-ink-soft dt {
    color: var(--ink-soft);
  }
  .\[\&_h1\]\:mt-2\.5 h1 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .\[\&_h1\]\:text-\[1\.4rem\] h1 {
    font-size: 1.4rem;
  }
  .\[\&_h1\]\:text-\[1\.6rem\] h1 {
    font-size: 1.6rem;
  }
  .\[\&_h2\]\:m-0 h2 {
    margin: 0px;
  }
  .\[\&_h2\]\:mt-5\.5 h2 {
    margin-top: calc(var(--spacing) * 5.5);
  }
  .\[\&_h2\]\:mb-1\.5 h2 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .\[\&_h2\]\:text-\[1\.1rem\] h2 {
    font-size: 1.1rem;
  }
  .\[\&_h2\]\:text-\[1\.25rem\] h2 {
    font-size: 1.25rem;
  }
  .\[\&_input\]\:min-w-0 input {
    min-width: 0px;
  }
  .\[\&_input\]\:flex-1 input {
    flex: 1;
  }
  .\[\&_li\]\:my-1\.5 li {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .\[\&_li\]\:my-1\.25 li {
    margin-block: calc(var(--spacing) * 1.25);
  }
  .\[\&_li\>ul\]\:my-0\.75 li > ul {
    margin-block: calc(var(--spacing) * 0.75);
  }
  .\[\&_ol\]\:list-decimal ol {
    list-style-type: decimal;
  }
  .\[\&_p\]\:m-0 p {
    margin: 0px;
  }
  .\[\&_p\]\:mx-0 p {
    margin-inline: 0px;
  }
  .\[\&_p\]\:mt-0 p {
    margin-top: 0px;
  }
  .\[\&_p\]\:mt-\[0\.2rem\] p {
    margin-top: 0.2rem;
  }
  .\[\&_p\]\:mb-1\.5 p {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .\[\&_p\]\:mb-\[0\.4rem\] p {
    margin-bottom: 0.4rem;
  }
  .\[\&_p\]\:flex-\[1_1_14rem\] p {
    flex: 1 1 14rem;
  }
  .\[\&_p\]\:flex-\[1_1_100\%\] p {
    flex: 1 1 100%;
  }
  .\[\&_p\]\:text-\[0\.9rem\] p {
    font-size: 0.9rem;
  }
  .\[\&_summary\]\:min-h-0 summary {
    min-height: 0px;
  }
  .\[\&_summary\]\:cursor-pointer summary {
    cursor: pointer;
  }
  .\[\&_summary\]\:py-1\.25 summary {
    padding-block: calc(var(--spacing) * 1.25);
  }
  .\[\&_summary\]\:py-\[0\.2rem\] summary {
    padding-block: 0.2rem;
  }
  .\[\&_summary\]\:py-\[0\.45rem\] summary {
    padding-block: 0.45rem;
  }
  .\[\&_summary\]\:text-\[0\.85rem\] summary {
    font-size: 0.85rem;
  }
  .\[\&_summary\]\:underline summary {
    text-decoration-line: underline;
  }
  .\[\&_table\]\:my-2\.5 table {
    margin-block: calc(var(--spacing) * 2.5);
  }
  .\[\&_table\]\:border-collapse table {
    border-collapse: collapse;
  }
  .\[\&_td\:last-child\]\:text-right td:last-child {
    text-align: right;
  }
  .\[\&_td\:last-child\]\:font-figures td:last-child {
    font-family: var(--figures);
    font-feature-settings: "tnum";
    font-variation-settings: "MONO" 0, "CASL" 1;
  }
  .\[\&_td\:last-child\]\:whitespace-nowrap td:last-child {
    white-space: nowrap;
  }
  .\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
  }
  .\[\&\.gn-drag-ghost\]\:\@container.gn-drag-ghost {
    container-type: inline-size;
  }
  .\[\&\.gn-drag-ghost\]\:h-\[calc\(var\(--sol-w\)\*1\.4\)\]\!.gn-drag-ghost {
    height: calc(var(--sol-w) * 1.4) !important;
  }
  .\[\&\.gn-drag-ghost\]\:w-auto\!.gn-drag-ghost {
    width: auto !important;
  }
  .\[\&\.gn-drag-ghost\]\:animate-none.gn-drag-ghost {
    animation: none;
  }
  .\[\&\.gn-drag-ghost\]\:bg-transparent.gn-drag-ghost {
    background-color: transparent;
  }
  .\[\&\.gn-drag-ghost\]\:bg-none.gn-drag-ghost {
    background-image: none;
  }
  .\[\&\.gn-drag-ghost\]\:inset-shadow-none.gn-drag-ghost {
    --tw-inset-shadow: inset 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&\.gn-drag-ghost\]\:inset-ring-0.gn-drag-ghost {
    --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&\.gn-drag-ghost\]\:outline-none.gn-drag-ghost {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[\&\.gn-drag-ghost\]\:before\:content-none.gn-drag-ghost::before {
    content: var(--tw-content);
    --tw-content: none;
    content: none;
  }
  .\[\&\.gn-drag-ghost\]\:after\:content-none.gn-drag-ghost::after {
    content: var(--tw-content);
    --tw-content: none;
    content: none;
  }
  .\[\&\.gn-dragging\]\:cursor-grab.gn-dragging {
    cursor: grab;
  }
  .\[\&\.gn-dragging\]\:opacity-40.gn-dragging {
    opacity: 40%;
  }
  .\[\&\.gn-dragging\]\:opacity-100.gn-dragging {
    opacity: 100%;
  }
  .\[\&\.gn-drop-over\]\:bg-accent.gn-drop-over {
    background-color: var(--accent);
  }
  .\[\&\.gn-drop-over\]\:bg-gold\/20.gn-drop-over {
    background-color: color-mix(in srgb, #f5d36b 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gold) 20%, transparent);
    }
  }
  .\[\&\.gn-drop-over\]\:bg-white\/30.gn-drop-over {
    background-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .\[\&\.gn-drop-over\]\:text-accent-ink.gn-drop-over {
    color: var(--accent-ink);
  }
  .\[\&\.gn-drop-over\]\:outline-2.gn-drop-over {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .\[\&\.gn-drop-over\]\:outline-offset-1.gn-drop-over {
    outline-offset: 1px;
  }
  .\[\&\.gn-drop-over\]\:outline-gold.gn-drop-over {
    outline-color: var(--color-gold);
  }
  .\[\&\.gn-drop-over\]\:brightness-\[1\.1\].gn-drop-over {
    --tw-brightness: brightness(1.1);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .\[\&\.gn-drop-ready\]\:bg-accent\/15.gn-drop-ready {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent) 15%, transparent);
    }
  }
  .\[\&\.gn-drop-ready\]\:bg-white\/10.gn-drop-ready {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .\[\&\.gn-drop-ready\]\:ring-2.gn-drop-ready {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&\.gn-drop-ready\]\:inset-ring-\[0\.3cqw\].gn-drop-ready {
    --tw-inset-ring-shadow: inset 0 0 0 0.3cqw var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&\.gn-drop-ready\]\:inset-ring-\[1cqw\].gn-drop-ready {
    --tw-inset-ring-shadow: inset 0 0 0 1cqw var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&\.gn-drop-ready\]\:ring-accent.gn-drop-ready {
    --tw-ring-color: var(--accent);
  }
  .\[\&\.gn-drop-ready\]\:inset-ring-accent.gn-drop-ready {
    --tw-inset-ring-color: var(--accent);
  }
  .\[\&\.gn-drop-ready\]\:inset-ring-accent\/50.gn-drop-ready {
    --tw-inset-ring-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-inset-ring-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }
  .\[\&\.gn-drop-ready\]\:outline-none.gn-drop-ready {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[\&\.gn-drop-ready\.gn-drop-over\]\:z-10.gn-drop-ready.gn-drop-over {
    z-index: 10;
  }
  .\[\&\.gn-drop-ready\.gn-drop-over\]\:bg-accent\/25.gn-drop-ready.gn-drop-over {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent) 25%, transparent);
    }
  }
  .\[\&\.gn-drop-ready\.gn-drop-over\]\:inset-ring-\[0\.7cqw\].gn-drop-ready.gn-drop-over {
    --tw-inset-ring-shadow: inset 0 0 0 0.7cqw var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&\.gn-drop-ready\.gn-drop-over\]\:inset-ring-\[1\.6cqw\].gn-drop-ready.gn-drop-over {
    --tw-inset-ring-shadow: inset 0 0 0 1.6cqw var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&\.gn-drop-ready\.gn-drop-over\]\:inset-ring-accent.gn-drop-ready.gn-drop-over {
    --tw-inset-ring-color: var(--accent);
  }
  .\[\&\.gn-drop-ready\.gn-drop-over\]\:outline-\[0\.8cqw\].gn-drop-ready.gn-drop-over {
    outline-style: var(--tw-outline-style);
    outline-width: 0.8cqw;
  }
  .\[\&\.gn-drop-ready\.gn-drop-over\]\:outline-\[3px\].gn-drop-ready.gn-drop-over {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
  }
  .\[\&\.gn-drop-ready\.gn-drop-over\]\:outline-accent.gn-drop-ready.gn-drop-over {
    outline-color: var(--accent);
  }
  .\[\&\.gn-drop-ready\.gn-drop-over\]\:outline-solid.gn-drop-ready.gn-drop-over {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .\[\&\.gn-drop-ready\:hover\]\:bg-white\/18.gn-drop-ready:hover {
    background-color: color-mix(in srgb, #fff 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 18%, transparent);
    }
  }
  .\[\&\.gn-drop-ready\:hover\]\:outline-none.gn-drop-ready:hover {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:\[\&\.gn-fresh\]\:animate-book-pop.gn-fresh {
      animation: book-pop 0.6s cubic-bezier(0.3, 1.6, 0.5, 1) calc(0s - var(--played, 0s)) both;
    }
  }
  .\[\&\.gn-landed\]\:animate-sq-land.gn-landed {
    animation: var(--animate-sq-land);
  }
  .\[\&\.gn-news\]\:\[--bs-flashes\:4\].gn-news {
    --bs-flashes: 4;
  }
  .\[\&\.gn-news\]\:\[--bs-lag\:0\.4s\].gn-news {
    --bs-lag: 0.4s;
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:\[\&\.gn-news\]\:animate-outcome-in.gn-news {
      animation: outcome-in 0.25s calc(var(--after) * 0.45s - var(--played, 0s)) both;
    }
    .motion-safe\:\[\&\.gn-news_\.card\]\:animate-queen-sting.gn-news .card {
      animation: queen-sting 1.4s ease-out calc(0s - var(--played, 0s));
    }
  }
  .\[\&\.gn-peek-on\]\:pointer-events-auto.gn-peek-on {
    pointer-events: auto;
  }
  .\[\&\.gn-peek-on\]\:visible.gn-peek-on {
    visibility: visible;
  }
  .\[\&\.gn-peek-on\]\:translate-y-0.gn-peek-on {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .\[\&\.gn-peek-on\]\:opacity-100.gn-peek-on {
    opacity: 100%;
  }
  .\[\&\.gn-peek-on\]\:delay-0.gn-peek-on {
    transition-delay: 0ms;
  }
  @media (width < 60rem) {
    .max-wide\:\[\&\.gn-sheet-full\]\:h-\[calc\(var\(--gn-sheet-full\)-var\(--gn-bar\,3\.25rem\)\)\].gn-sheet-full {
      height: calc(var(--gn-sheet-full) - var(--gn-bar,3.25rem));
    }
    .max-wide\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
      display: none;
    }
  }
  .\[\&\:focus-visible_\.card\]\:border-accent:focus-visible .card {
    border-color: var(--accent);
  }
  .\[\&\:focus-visible_\.card\]\:shadow-\[0_0_0_3px_var\(--accent\)\]:focus-visible .card {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--accent));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&\:hover_\.card\]\:border-accent:hover .card {
    border-color: var(--accent);
  }
  .\[\&\>\.card\+\.card\]\:ml-\[calc\(var\(--card-w\)\*-0\.35\)\] > .card + .card {
    margin-left: calc(var(--card-w) * -0.35);
  }
  .\[\&\>\:first-child\]\:basis-full > :first-child {
    flex-basis: 100%;
  }
  .\[\&\>button\]\:flex-1 > button {
    flex: 1;
  }
  .\[\&\>button\]\:text-\[1\.1rem\] > button {
    font-size: 1.1rem;
  }
  .\[\&\>button\]\:text-\[1\.05rem\] > button {
    font-size: 1.05rem;
  }
  .\[\&\>button\]\:font-extrabold > button {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .\[\&\>input\]\:m-0 > input {
    margin: 0px;
  }
  .\[\&\>input\]\:size-\[1\.1rem\] > input {
    width: 1.1rem;
    height: 1.1rem;
  }
  .\[\&\>input\]\:shrink-0 > input {
    flex-shrink: 0;
  }
  .\[\&\>input\]\:translate-y-\[0\.2rem\] > input {
    --tw-translate-y: 0.2rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .\[\&\>input\]\:cursor-pointer > input {
    cursor: pointer;
  }
  .\[\&\>input\]\:appearance-none > input {
    appearance: none;
  }
  .\[\&\>input\]\:rounded-\[50\%_45\%_55\%_48\%\/48\%_55\%_45\%_50\%\] > input {
    border-radius: 50% 45% 55% 48%/48% 55% 45% 50%;
  }
  .\[\&\>input\]\:border-2 > input {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .\[\&\>input\]\:border-ink > input {
    border-color: var(--ink);
  }
  .\[\&\>input\]\:bg-paper > input {
    background-color: var(--paper);
  }
  .\[\&\>input\:checked\]\:bg-ink > input:checked {
    background-color: var(--ink);
  }
  .\[\&\>input\:checked\]\:shadow-\[inset_0_0_0_3px_var\(--paper\)\] > input:checked {
    --tw-shadow: inset 0 0 0 3px var(--tw-shadow-color, var(--paper));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&\>input\:focus-visible\]\:outline-3 > input:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
  }
  .\[\&\>input\:focus-visible\]\:outline-offset-2 > input:focus-visible {
    outline-offset: 2px;
  }
  .\[\&\>input\:focus-visible\]\:outline-accent > input:focus-visible {
    outline-color: var(--accent);
  }
  @media (width >= 60rem) {
    .wide\:\[\&\>li\:last-child\:nth-child\(odd\)\]\:col-span-2 > li:last-child:nth-child(odd) {
      grid-column: span 2 / span 2;
    }
  }
  .\[\&\>summary\]\:cursor-pointer > summary {
    cursor: pointer;
  }
  .\[\&\>summary\]\:py-2 > summary {
    padding-block: calc(var(--spacing) * 2);
  }
  .\[\&\>summary\]\:text-ink-soft > summary {
    color: var(--ink-soft);
  }
  .\[\&\[data-gn-drag\]\]\:cursor-grab[data-gn-drag] {
    cursor: grab;
  }
  :where(.\[\:where\(\&\)\]\:mt-2) {
    margin-top: calc(var(--spacing) * 2);
  }
  :where(.\[\:where\(\&\)\]\:text-ink-soft) {
    color: var(--ink-soft);
  }
  :where(.open\:\[\:where\(\&\)\]\:px-\[0\.2rem\]:is([open], :popover-open, :open)) {
    padding-inline: 0.2rem;
  }
  :where(.open\:\[\:where\(\&\)\]\:pb-\[0\.8rem\]:is([open], :popover-open, :open)) {
    padding-bottom: 0.8rem;
  }
  :where(.\[\:where\(\&\)_summary\]\:min-h-11) summary {
    min-height: calc(var(--spacing) * 11);
  }
  :where(.\[\:where\(\&\)_summary\]\:cursor-pointer) summary {
    cursor: pointer;
  }
  :where(.\[\:where\(\&\)_summary\]\:py-\[0\.7rem\]) summary {
    padding-block: 0.7rem;
  }
}
@layer states;
@layer base {
  :root {
    --paper: light-dark(#faf6ee, #1c1e2b);
    --paper-2: light-dark(#f1eadb, #2a2d3e);
    --ink: light-dark(#2b2620, #ece4cf);
    --ink-soft: light-dark(#6b6157, #b3adc0);
    --line: light-dark(#ddd3c1, #3b3f55);
    --edge: light-dark(#8c8170, #7d7890);
    --felt: light-dark(#2f6b4f, #24533d);
    --felt-dark: light-dark(#234f3b, #1a3d2e);
    --felt-ink: #f4efe3;
    --accent: #e0752d;
    --accent-ink: #ffffff;
    --good: light-dark(#3a8a5c, #4f9e6e);
    --bad: light-dark(#c2453b, #e06a5e);
    --x: light-dark(#c2453b, #e06a5e);
    --o: light-dark(#2f6fa8, #5893cc);
    --card: light-dark(#ffffff, #262938);
    --sheet: light-dark(transparent, #e9e2d2);
    --card-red: #c2453b;
    --card-black: #2b2620;
    --radius: 10px;
    --shadow: 0 1px 2px light-dark(rgb(0 0 0 / 0.08), rgb(0 0 0 / 0.45)),
      0 2px 8px light-dark(rgb(0 0 0 / 0.06), rgb(0 0 0 / 0.35));
    --font: "Patrick Hand Text", "Patrick Hand", "Comic Sans MS", cursive;
    --figures: "Recursive", ui-monospace, "SF Mono", Menlo, monospace;
    --mono: ui-monospace, "SF Mono", Menlo, monospace;
    --grid: light-dark(#ebe3d3, #262a3d);
    --page: repeating-linear-gradient(0deg, var(--grid) 0 1px, transparent 1px 16px),
      repeating-linear-gradient(-90deg, var(--grid) 0 1px, transparent 1px 16px),
      var(--paper);
    color-scheme: light dark;
  }
  :root[data-theme="light"] {
    color-scheme: light;
  }
  :root[data-theme="dark"] {
    color-scheme: dark;
  }
}
@font-face {
  font-family: "Recursive";
  font-style: oblique 0deg 15deg;
  font-weight: 300 1000;
  font-display: swap;
  src: url(/fonts/recursive-latin.woff2) format("woff2");
}
@font-face {
  font-family: "Patrick Hand Text";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  size-adjust: 115%;
  ascent-override: 82%;
  descent-override: 22%;
  src: url(/fonts/patrick-hand-latin.woff2) format("woff2");
}
@layer base {
  html, body {
    overflow-anchor: none;
  }
  body {
    min-height: 100vh;
    background: var(--page);
    color: var(--ink);
    font-family: var(--font);
    font-size: 1.125rem;
    line-height: 1.45;
    overflow-wrap: break-word;
  }
  h1, h2, h3 {
    font-weight: normal;
  }
  h1 {
    font-size: 1.75rem;
    line-height: 1.2;
    margin: 0.4rem 0 0.8rem;
  }
  h2 {
    font-size: 1.3rem;
    line-height: 1.25;
    margin: 1.5rem 0 0.6rem;
  }
  h3 {
    font-size: 1.17em;
    margin: 1em 0;
  }
  p {
    margin: 0.5rem 0;
  }
  table {
    font-family: var(--figures);
    font-variation-settings: "MONO" 0, "CASL" 1;
  }
  a {
    color: var(--o);
    text-decoration: underline;
  }
  a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible, select:focus-visible {
    outline: 3px solid var(--accent);
    outline-offset: 2px;
  }
  input[type=text], input[type=password], input[type=number], input:not([type]), select {
    width: 100%;
    min-height: 3rem;
    padding: 0.55rem 0.8rem;
    color: var(--ink);
    background: var(--card);
    border: 2px solid var(--edge);
    border-radius: var(--radius);
  }
  input:focus {
    border-color: var(--accent);
  }
  ::placeholder {
    color: var(--ink-soft);
  }
  :root {
    --card-w: 4.4rem;
  }
  @media (max-width: 30rem) {
    :root {
      --card-w: 3.6rem;
    }
  }
  :root {
    --sol-gap: 0.3rem;
    --sol-pad: 0.4rem;
    --sol-down: 0.14;
    --sol-up: 0.38;
    --sol-w: min(5rem, calc((min(46rem, 100vw) - 2rem - 2 * var(--sol-pad) - 6 * var(--sol-gap)) / 7));
  }
  @media (max-width: 30rem) {
    :root {
      --sol-up: 0.7;
    }
  }
}
@layer components {
  @media (prefers-reduced-motion: no-preference) {
    .gtw.gn-news .gtw-typed .gtw-word {
      animation: gtw-type 0.01s step-end calc(0.25s + (var(--at) + var(--c)) * 0.025s - var(--played, 0s)) backwards;
    }
    .gtw.gn-news .gtw-choices {
      animation: gtw-type 0.01s step-end calc(0.45s + var(--at) * 0.025s - var(--played, 0s)) backwards;
    }
  }
}
@keyframes gtw-type {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@layer components {
  .gn-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    flex: none;
    vertical-align: -0.125em;
  }
  .gn-pencil {
    display: block;
    overflow: visible;
    pointer-events: none;
  }
  .gn-pencil path {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
  }
  @media (prefers-reduced-motion: no-preference) {
    .gn-fresh .gn-moment .gn-b {
      animation: hs-boil 0.75s step-end calc(0s - var(--played, 0s)) 3;
    }
    .gn-fresh .gn-moment .gn-b1 {
      animation-delay: calc(-0.5s - var(--played, 0s));
      animation-iteration-count: 3.6667;
    }
    .gn-fresh .gn-moment .gn-b2 {
      animation-delay: calc(-0.25s - var(--played, 0s));
      animation-iteration-count: 3.3333;
    }
  }
  .gn-b {
    visibility: hidden;
  }
  .gn-b0 {
    visibility: visible;
  }
  .gn-sound {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 2.6rem;
    min-height: 2.6rem;
    padding: 0 0.5rem;
    font-size: 0.8rem;
    color: var(--ink-soft);
    cursor: pointer;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    touch-action: manipulation;
  }
  .gn-sound:focus-visible {
    outline: 3px solid var(--accent);
    outline-offset: 1px;
  }
  .gn-sound .gn-icon {
    width: 1.4rem;
    height: 1.4rem;
  }
  .gn-sound .gn-sound-slash {
    display: none;
  }
  .gn-sound.on {
    color: var(--ink);
  }
  .gn-sound:not(.on) .gn-sound-high {
    opacity: 0.55;
  }
  .gn-sound.off .gn-sound-high {
    display: none;
  }
  .gn-sound.off .gn-sound-slash {
    display: inline-block;
  }
  .gn-sound-text:empty {
    display: none;
  }
  .gn-board .status {
    min-height: 2.9em;
    min-height: 2lh;
  }
  @media (max-width: 30rem) {
    .gn-board .status {
      min-height: 4.4em;
      min-height: 3lh;
    }
  }
  @media (max-width: 59.99rem) {
    .gn-players.gn-more-end {
      mask-image: linear-gradient(to right, #000 calc(100% - 2.5rem), transparent);
    }
    .gn-players.gn-more-start {
      mask-image: linear-gradient(to left, #000 calc(100% - 2.5rem), transparent);
    }
    .gn-players.gn-more-start.gn-more-end {
      mask-image: linear-gradient(to right, transparent, #000 2.5rem, #000 calc(100% - 2.5rem), transparent);
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .gn-question.gn-fresh {
      animation: gn-ask 0.8s ease-out calc(0s - var(--played, 0s)) 3;
    }
  }
  [data-gn-drag] {
    touch-action: none;
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
  }
  .gn-dragging {
    opacity: 0.4;
  }
  body.gn-drag-active {
    cursor: grabbing;
    -webkit-user-select: none;
    user-select: none;
  }
  .gn-drag-ghost {
    filter: drop-shadow(0 6px 10px rgb(0 0 0 / 0.35));
    transition: none;
  }
  .gn-drop-ready {
    outline: 3px dashed var(--accent);
    outline-offset: 2px;
  }
  .gn-drop-over {
    outline-style: solid;
  }
  :root {
    --gn-sheet: clamp(14rem, 35vh, 18rem);
    --gn-sheet-full: 100vh;
    --gn-rulebook-sheet: clamp(15rem, 55vh, 34rem);
    --gn-rulebook-tab: 6.5rem;
    --gn-book-tab-stacked: 4.5rem;
    --gn-rail: 3.5rem;
  }
  @supports (height: 1dvh) {
    :root {
      --gn-sheet: clamp(14rem, 35dvh, 18rem);
      --gn-sheet-full: 100dvh;
      --gn-rulebook-sheet: clamp(15rem, 55dvh, 34rem);
    }
  }
  :root {
    --gn-covered: var(--gn-bar, 3.25rem);
  }
  @media (max-width: 59.99rem) {
    body.gn-chat-open {
      --gn-covered: calc(var(--gn-sheet) + var(--gn-bar, 3.25rem));
    }
    body:is(.gn-rulebook-open, .gn-game-page-open) {
      --gn-covered: calc(var(--gn-rulebook-sheet) + var(--gn-bar, 3.25rem));
    }
  }
  :root {
    --gn-docked: 0px;
  }
  @media (min-width: 60rem) {
    body:has(.gn-chat-tab, .gn-rulebook-tab) {
      --gn-docked: var(--gn-rail);
    }
    body.gn-chat-open {
      --gn-docked: calc(20rem + var(--gn-rail));
    }
    body.gn-rulebook-open, body.gn-game-page-open {
      --gn-docked: calc(26rem + var(--gn-rail));
    }
    body {
      padding-right: var(--gn-docked);
    }
    body:has(.gn-chat-tab, .gn-rulebook-tab)::after {
      content: "";
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 19;
      width: var(--gn-rail);
      background: var(--paper-2);
      border-left: 2px solid var(--edge);
    }
  }
}
@layer states {
  @media (max-width: 59.99rem) {
    body:has(#rules) .gn-chat-tab {
      left: var(--gn-rulebook-tab);
    }
    body:has(.gn-game-page:not([hidden])) .gn-rulebook-tab {
      flex-direction: column;
      gap: 0.15rem;
      width: var(--gn-book-tab-stacked);
      padding: 0.3rem 0;
      font-size: 0.8rem;
    }
    body:has(#game-history:not([hidden])) .gn-game-lore-tab {
      left: calc(2 * var(--gn-book-tab-stacked));
    }
    body:has(#rules):has(.gn-game-page:not([hidden])) .gn-chat-tab {
      left: calc(2 * var(--gn-book-tab-stacked));
    }
    body:has(#game-history:not([hidden])):has(#game-lore:not([hidden])) {
      --gn-book-tab-stacked: 4rem;
    }
    body:has(#game-history:not([hidden])):has(#game-lore:not([hidden])) .gn-chat-tab {
      left: calc(3 * var(--gn-book-tab-stacked));
      padding: 0 0.5rem;
      gap: 0.4rem;
    }
    body:has(#game-history:not([hidden])):has(#game-lore:not([hidden])) .gn-chat-name {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0.15rem;
      font-size: 0.8rem;
    }
    body:has(#game-history:not([hidden])):has(#game-lore:not([hidden])) .gn-game-history-tab {
      letter-spacing: -0.04em;
    }
  }
  @media (min-width: 60rem) {
    body:has(#game-history:not([hidden])) .gn-game-lore-tab {
      top: 15rem;
    }
    body.gn-chat-open :is(.gn-toast, .gn-waves) {
      left: calc(50% - 10rem);
      max-width: calc(100vw - 22rem);
    }
    body:is(.gn-rulebook-open, .gn-game-page-open) :is(.gn-toast, .gn-waves) {
      left: calc(50% - 13rem);
      max-width: calc(100vw - 28rem);
    }
  }
}
@keyframes gn-think {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
@keyframes gn-drain {
  from {
    transform: scaleX(var(--from, 1));
  }
  to {
    transform: scaleX(0);
  }
}
@keyframes gn-ask {
  0% {
    box-shadow: 0 0 0 0 var(--bad);
    transform: scale(1);
  }
  30% {
    transform: scale(1.03);
  }
  100% {
    box-shadow: 0 0 0 1.2rem transparent;
    transform: scale(1);
  }
}
@keyframes gn-toast {
  0% {
    opacity: 0;
    transform: translate(-50%, -1rem);
  }
  8%, 85% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, 0);
    visibility: hidden;
  }
}
@keyframes gn-wave {
  0% {
    opacity: 0;
    transform: translateY(-1rem);
  }
  5%, 90% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: none;
    visibility: hidden;
  }
}
@layer base {
  :root {
    --house-paper: light-dark(#f4eedd, #1f2130);
    --house-ink: light-dark(#2b2833, #ece4cf);
    --house-pencil: light-dark(#5c5866, #b3adc0);
    --house-lamp: light-dark(#f2b632, #f5c451);
    --house-lamp-soft: light-dark(#f2b63240, #f5c45133);
    --house-sky: light-dark(#3f4f9a, #7d8ad0);
    --house-sky-op: 0.55;
    --house-wash-op: 0.85;
    --house-moon: #f6ebc4;
    --house-house: light-dark(#dcb9a2, #6a5260);
    --house-roof: light-dark(#9a5d55, #84505a);
    --house-door: light-dark(#b5543c, #a8513f);
    --house-stone: light-dark(#bdb4a6, #5d5852);
    --house-grass: light-dark(#7fa86a, #3f6a3a);
    --house-wood: light-dark(#c99764, #9a6b45);
    --house-wood-dark: light-dark(#8a5d36, #6a4630);
    --house-floor: light-dark(#dcc29a, #4a3a2c);
    --house-soot: light-dark(#3a302c, #0e0c10);
    --house-skin: light-dark(#efcfae, #d9b08c);
    --house-hair: light-dark(#6b4e3a, #3a2a22);
    --house-screen: light-dark(#262a3d, #0b0d16);
    --house-couch: light-dark(#b08ac4, #6e4f82);
    --house-red: light-dark(#d9604c, #d9705c);
    --house-tv: light-dark(#a9cbe8, #6f9cc8);
    --house-brick: light-dark(#b0583f, #7e4334);
    --house-brick-line: light-dark(#7a3526, #4a2620);
    --house-shingle: light-dark(#6e5d55, #4d413d);
    --house-bark: light-dark(#8c8077, #6c625b);
    --house-bush: light-dark(#5f8a4a, #3a5a32);
    --house-leaf-gold: light-dark(#ecbb2e, #c99a2a);
    --house-leaf-red: light-dark(#d9532f, #b8492c);
    --house-street: light-dark(#8d8a86, #3c3b3a);
    --house-go: light-dark(#4f8a3c, #8cc070);
    --house-card: light-dark(#fffaf0, #efe6d2);
    --house-board: light-dark(#ece6d6, #d9d0bb);
    --house-controller: light-dark(#3a3640, #25222b);
    --house-bot: light-dark(#9a96a3, #7d7988);
    --house-tv-off: #8a87a0;
    --house-star: #ece4cf;
    --house-ink-fixed: #2b2833;
    --house-label: #fdf8ec;
    --house-piece-light: #fdf8ec;
    --house-piece-dark: #2b2833;
    --house-suit-red: #c0392b;
    --house-wall-den: light-dark(#ead6b3, #45372f);
    --house-wall-kitchen: light-dark(#cfe0c6, #2f4034);
    --house-wall-rec: light-dark(#d6cfe9, #34314f);
    --house-person-0: #5b9bd5;
    --house-person-1: #e59a3c;
    --house-person-2: #7fb65a;
    --house-person-3: #d27aa6;
    --house-person-4: #9a85d6;
    --house-person-5: #c9a227;
    --house-person-6: #4fa89a;
    --house-person-7: #e07a8f;
    --house-box: #6b6157;
    --house-box-chess: #4b5d7a;
    --house-box-checkers: #a8433b;
    --house-box-reversi: #2f6b4f;
    --house-box-royal-game-of-ur: #8a6a3a;
    --house-box-pachisi: #b5543c;
    --house-box-mancala: #6b4a7a;
    --house-box-salvo: #5d6b78;
    --house-box-solitaire: #3f6a7a;
    --house-box-hearts: #a8433b;
    --house-box-shanghai: #3f6a7a;
    --house-box-gin-rummy: #2f6b4f;
    --house-box-go-fish: #3f7a8a;
    --house-box-blackjack: #2f5d3a;
    --house-box-texas-holdem: #4b4b6e;
    --house-box-squabble: #8a6a3a;
    --house-box-hangman: #7a7466;
    --house-box-tic-tac-toe: #4b5d7a;
    --house-box-four-in-a-row: #2f5aa8;
    --house-box-global-thermonuclear-war: #3a3a3a;
    --hand: "Patrick Hand", "Comic Sans MS", cursive;
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --house-sky-op: 0.3;
      --house-wash-op: 0.72;
    }
  }
  :root[data-theme="dark"] {
    --house-sky-op: 0.3;
    --house-wash-op: 0.72;
  }
}
@font-face {
  font-family: "Patrick Hand";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/patrick-hand-latin.woff2) format("woff2");
}
@layer components {
  :is(#gn-house, .gn-room) :focus-visible {
    outline: 2.5px dashed var(--house-lamp);
    outline-offset: 3px;
  }
  .hs-boil {
    display: block;
    width: 100%;
    height: 100%;
  }
  .hs-k {
    fill: none;
    stroke: var(--house-ink);
    stroke-width: 2.3px;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
  }
  .hs-kt {
    fill: none;
    stroke: var(--house-ink);
    stroke-width: 1.35px;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
  }
  .hs-w {
    opacity: var(--house-wash-op);
  }
  .hs-h {
    fill: none;
    stroke-width: 1;
    stroke-linecap: round;
    opacity: 0.6;
  }
  .hs-sky {
    fill: none;
    stroke: var(--house-sky);
    stroke-width: 1.1;
    stroke-linecap: round;
    opacity: var(--house-sky-op);
  }
  .hs-t {
    fill: var(--house-pencil);
    font-family: var(--hand);
  }
  .hs-tb {
    fill: var(--house-label);
    font-family: var(--hand);
  }
  .hs-ti {
    fill: var(--house-ink-fixed);
    font-family: var(--hand);
  }
  .hs-tv-off {
    fill: var(--house-tv-off);
    font-family: var(--hand);
  }
  .hs-star {
    fill: var(--house-star);
  }
  .hs-tv-paper {
    fill: #f4eedd;
  }
  .hs-tv-planet {
    fill: #f4eedd;
    stroke: var(--house-ink-fixed);
    stroke-width: 1.4;
  }
  .hs-tv-path {
    fill: none;
    stroke: var(--house-ink-fixed);
    stroke-width: 0.6;
    stroke-dasharray: 1 3;
    opacity: 0.5;
  }
  .hs-tv-bomb {
    fill: var(--house-ink-fixed);
  }
  .hs-tv-ship {
    stroke: var(--house-ink-fixed);
    stroke-width: 0.7;
  }
  .hs-orbit {
    transform-box: view-box;
    transform-origin: 231px 125px;
  }
  .hs-piece {
    stroke: var(--house-ink-fixed);
    stroke-width: 0.7;
  }
  .hs-card {
    fill: var(--house-card);
    stroke: var(--house-ink-fixed);
    stroke-width: 0.8;
  }
  .hs-place {
    fill: none;
    stroke: none;
    pointer-events: none;
  }
  .hs-hit {
    fill: transparent;
    cursor: pointer;
  }
  .hs-hit:hover {
    fill: var(--house-lamp-soft);
  }
  .hs-hit:focus-visible {
    outline: none;
    stroke: var(--house-lamp);
    stroke-width: 3;
    stroke-dasharray: 6 4;
  }
  .hs-says-paper {
    fill: var(--house-paper);
    stroke: none;
  }
  .gn-says-art {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }
  #gn-who :disabled {
    opacity: 0.5;
    cursor: default;
  }
  @media (prefers-reduced-motion: no-preference) {
    .gn-says, .gn-says-art {
      transform-origin: var(--ox, 50%) var(--oy, 100%);
      animation: hs-pop 0.3s ease-out;
      transition: opacity 0.6s;
    }
  }
  .hs-b {
    visibility: hidden;
  }
  .hs-b0 {
    visibility: visible;
  }
  .hs-fall {
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
  }
  @media (prefers-reduced-motion: no-preference) {
    .hs-boil .hs-b {
      animation: hs-boil 0.75s infinite step-end;
    }
    .hs-boil .hs-b1 {
      animation-delay: -0.5s;
    }
    .hs-boil .hs-b2 {
      animation-delay: -0.25s;
    }
    .hs-move-a {
      animation: hs-move-a 4s infinite;
    }
    .hs-orbit {
      animation: hs-orbit 5s linear infinite;
    }
    .hs-move-b {
      animation: hs-move-b 4s infinite;
    }
    .hs-deal {
      animation: 4.8s infinite;
    }
    .hs-deal0 {
      animation-name: hs-deal0;
    }
    .hs-deal1 {
      animation-name: hs-deal1;
    }
    .hs-deal2 {
      animation-name: hs-deal2;
    }
    .hs-deal3 {
      animation-name: hs-deal3;
    }
    .hs-fall {
      animation: hs-fall 40s linear infinite;
    }
  }
}
@keyframes hs-pop {
  0% {
    opacity: 0;
    transform: scale(0.4);
  }
  60% {
    opacity: 1;
    transform: scale(1.06);
  }
  100% {
    transform: none;
  }
}
@keyframes hs-boil {
  0% {
    visibility: visible;
  }
  33.34% {
    visibility: hidden;
  }
}
@keyframes hs-fall {
  0% {
    opacity: 0;
    transform: translate(0, 0) rotate(0deg);
  }
  1.5% {
    opacity: 1;
  }
  5% {
    transform: translate(calc(var(--drift) * 0.25 + 5px), calc(var(--fall) * 0.25)) rotate(70deg);
  }
  10% {
    transform: translate(calc(var(--drift) * 0.5 - 4px), calc(var(--fall) * 0.5)) rotate(-15deg);
  }
  15% {
    transform: translate(calc(var(--drift) * 0.75 + 5px), calc(var(--fall) * 0.75)) rotate(80deg);
  }
  18% {
    opacity: 1;
  }
  20%, 100% {
    opacity: 0;
    transform: translate(var(--drift), var(--fall)) rotate(20deg);
  }
}
@keyframes hs-orbit {
  to {
    transform: rotate(360deg);
  }
}
@keyframes hs-move-a {
  0%, 15% {
    transform: none;
  }
  25%, 100% {
    transform: translate(8px, 8px);
  }
}
@keyframes hs-move-b {
  0%, 55% {
    transform: none;
  }
  65%, 100% {
    transform: translate(-8px, 8px);
  }
}
@keyframes hs-deal0 {
  0% {
    opacity: 0;
    transform: translate(-22px, 0);
  }
  8%, 85% {
    opacity: 1;
    transform: none;
  }
  95%, 100% {
    opacity: 0;
  }
}
@keyframes hs-deal1 {
  0%, 18% {
    opacity: 0;
    transform: translate(0, -22px);
  }
  26%, 85% {
    opacity: 1;
    transform: none;
  }
  95%, 100% {
    opacity: 0;
  }
}
@keyframes hs-deal2 {
  0%, 36% {
    opacity: 0;
    transform: translate(22px, 0);
  }
  44%, 85% {
    opacity: 1;
    transform: none;
  }
  95%, 100% {
    opacity: 0;
  }
}
@keyframes hs-deal3 {
  0%, 54% {
    opacity: 0;
    transform: translate(0, 22px);
  }
  62%, 85% {
    opacity: 1;
    transform: none;
  }
  95%, 100% {
    opacity: 0;
  }
}
@layer utilities {
  .gn-says[data-drawn] {
    border-color: transparent;
    background: transparent;
  }
  .gn-says[data-fading], .gn-says-art[data-fading] {
    opacity: 0;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes reversi-flip {
  0%, 100% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(0.05);
  }
}
@keyframes book-pop {
  0% {
    transform: scale(0.4);
  }
  60% {
    transform: scale(1.35);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes queen-sting {
  0%, 30%, 60% {
    transform: scale(1.25);
    opacity: 1;
    filter: none;
    box-shadow: 0 0 0 4px #b3261e, 0 0 1.4rem 0.5rem #e0412f;
  }
  15%, 45%, 75% {
    transform: scale(1.1);
    opacity: 1;
    filter: none;
    box-shadow: 0 0 0 4px #fff, 0 0 1.4rem 0.5rem #7a1f8c;
  }
  100% {
    transform: none;
  }
}
@keyframes card-drift {
  0% {
    opacity: 0;
    translate: 0 0;
  }
  1% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    translate: 100% 0;
  }
}
@keyframes card-drift-left {
  0% {
    opacity: 0;
    translate: 0 0;
  }
  1% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    translate: -100% 0;
  }
}
@keyframes card-bounce {
  0% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.6);
  }
  30% {
    transform: translateY(100%);
    animation-timing-function: cubic-bezier(0, 0.4, 0.5, 1);
  }
  48% {
    transform: translateY(50%);
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.6);
  }
  64% {
    transform: translateY(100%);
    animation-timing-function: cubic-bezier(0, 0.4, 0.5, 1);
  }
  76% {
    transform: translateY(78%);
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.6);
  }
  86% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes sq-land {
  0% {
    box-shadow: inset 0 0 0 1.1cqw var(--accent), 0 0 0 0.5cqw var(--accent);
    filter: brightness(1.15);
  }
  100% {
    filter: none;
  }
}
@keyframes sq-breathe {
  0%, 100% {
    opacity: 0.25;
  }
  50% {
    opacity: 0.55;
  }
}
@keyframes win-glow {
  from {
    filter: brightness(1);
  }
  to {
    filter: brightness(1.35);
  }
}
@keyframes glow {
  50% {
    filter: brightness(1.15);
  }
}
@keyframes counted {
  0% {
    transform: scale(1.5);
    color: var(--accent);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes boom {
  0% {
    background: #ffb02e;
  }
  50% {
    background: var(--color-peg-hit);
  }
}
@keyframes hull-flash {
  0% {
    background: #ff5a2e;
    border-color: var(--color-sunk-gold);
  }
  50% {
    background: var(--color-hull);
    border-color: var(--color-hull-edge);
  }
}
@keyframes hull-go-down {
  0% {
    background: var(--color-hull);
    border-color: var(--color-hull-edge);
    transform: none;
    opacity: 1;
  }
  60% {
    transform: translateY(22%) scale(0.85);
    opacity: 0.45;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes banner-lights {
  0% {
    box-shadow: inset 0 0 0 5px var(--color-sunk-gold);
  }
  50% {
    box-shadow: inset 0 0 0 3px var(--color-peg-hit);
  }
}
@keyframes banner-pop {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes banner-shake {
  0%, 100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-6px) rotate(-3deg);
  }
  40% {
    transform: translateX(6px) rotate(3deg);
  }
  60% {
    transform: translateX(-4px);
  }
  80% {
    transform: translateX(4px);
  }
}
@keyframes peg-drop {
  0% {
    transform: scale(2.4);
    opacity: 0;
  }
  70% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hand-pop {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes deal-in {
  from {
    opacity: 0;
    transform: translateY(-0.6rem) scale(0.92);
  }
}
@keyframes outcome-in {
  from {
    opacity: 0;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-content: "";
    }
  }
}