/* TABLE SIMPLE: the document opt-in is absent from Replay's isolated document.
   Card dimensions, exchange wrappers and active-turn ::after remain their owners'. */
/* Two glyphs derived from the bundled SIL OFL Noto Sans JP; upper shapes and feet are separated by a small gap. */
@font-face {
  font-family:'Ponder Table Suit';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('/assets/fonts/ponder-table-suit-stem-v1.woff2?v=20260929-table-simple-cards-11') format('woff2');
  unicode-range:U+2660,U+2663;
}
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table,body #handHistoryV2Modal .hhv2-board-live) {
  --table-card-outline:polygon(8% 0,92% 0,100% 6%,100% 94%,92% 100%,8% 100%,0 94%,0 6%);
}
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-empty-slot) {
  --table-simple-frame:#e8edf2;
  container-type:size;
  border-radius:0 !important;
  border-color:transparent !important;
  clip-path:var(--table-card-outline) !important;
  /* Paint the face/back to the very same SVG edge as the silver frame.
     The wider layout polygon alone leaves a dark sliver outside its chamfers. */
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140' preserveAspectRatio='none'%3E%3Cpath d='M8 1H92L99 9V131L92 139H8L1 131V9Z' fill='white' stroke='white' stroke-width='1.05' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  overflow:hidden;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
/* Requested TABLE palette: existing UI cyan / profile green, card pink / purple.
   These overrides are restricted to this document's normal TABLE renderer. */
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui.black:not(.card-back):not(.card-empty-slot) {
  --table-card-tone:var(--cyan);
}
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui.red:not(.card-back):not(.card-empty-slot) {
  --table-card-tone:#ff4b86;
}
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui.blue:not(.card-back):not(.card-empty-slot) {
  --table-card-tone:#c073ff;
}
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui.green:not(.card-back):not(.card-empty-slot) {
  /* Same green as the existing PROFILE palette, whose variable is scoped there. */
  --table-card-tone:#2adfa3;
}
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:is(.board-card,.seat-card):not(.card-empty-slot)::before {
  content:'' !important;
  display:block !important;
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:var(--table-simple-frame) !important;
  box-shadow:none !important;
  opacity:.95;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140' preserveAspectRatio='none'%3E%3Cpath d='M8 1H92L99 9V131L92 139H8L1 131V9Z' fill='none' stroke='white' stroke-width='1.05' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
/* Remove steady face glow, retaining the existing active-turn/reveal layers. */
html:root.ponder-orbitron[data-table-simple-cards] body.app-view-table #table #boardDisplay .card-ui:not(.card-empty-slot),
html:root.ponder-orbitron[data-table-simple-cards] body.app-view-table #table .seat:not(.active-turn):not(.timer-active) .card-ui {
  box-shadow:none !important;
}
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .table-card-face {
  background:radial-gradient(circle,rgba(170,196,214,.12) .6px,transparent .85px) 0 0/7px 7px,linear-gradient(155deg,#111923,#080a0e 70%);
  box-shadow:none;
}
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .table-card-face > svg {
  display:none;
}
/* Partial circuit traces, small nodes and a coordinate cross. One static mask. */
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .table-card-face::before {
  content:'';
  position:absolute;
  inset:0;
  clip-path:none;
  opacity:.56;
  background:var(--table-simple-frame);
  mask:url('/assets/ui/table-card-traces.svg?v=20260929-table-simple-cards-02') center/100% 100% no-repeat;
}
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .table-card-face::after {
  content:none;
}
html:root.ponder-orbitron[data-table-simple-cards] body.app-view-table #table #seat6:not(.spectator-seat6) .table-card-face::before {
  opacity:.72;
}
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot) > :is(.card-rank,.table-card-rank-bottom) {
  position:absolute;
  top:calc(6% + min(2px, 3cqw) - 2px) !important;
  left:calc(9% + min(2px, 3cqw)) !important;
  right:auto !important;
  bottom:auto !important;
  margin:0 !important;
  padding:0 !important;
  width:max-content;
  font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif !important;
  font-weight:600 !important;
  /* Adopt the +10% rank size selected from the local comparison. */
  font-size:32.175cqh !important;
  font-size-adjust:none !important;
  font-synthesis:none;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-align:left;
  color:var(--table-card-tone) !important;
  background:none !important;
  text-shadow:none;
  filter:none;
  translate:none;
  transform:none !important;
  scale:1;
  z-index:2;
}
/* The duplicate stays hidden in renderers without the TABLE SIMPLE opt-in. */
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot) > .table-card-rank-bottom {
  display:block !important;
  top:auto !important;
  left:auto !important;
  right:calc(9% + min(2px, 3cqw)) !important;
  bottom:calc(6% + min(2px, 3cqw) - 2px) !important;
  transform:rotate(180deg) !important;
  pointer-events:none;
}
/* Extend Barlow's own vertical Q tail horizontally; the glyph is unchanged. */
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) :is(.card-rank,.table-card-rank-bottom)[data-rank='Q']::after {
  content:'';
  position:absolute;
  width:.23em;
  height:.092em;
  left:.219em;
  bottom:-.004em;
  border-radius:0;
  background:currentColor;
  pointer-events:none;
}
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot) > .card-suit {
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  width:max-content !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  font-family:'Noto Sans JP',sans-serif !important;
  font-weight:400 !important;
  font-size:44cqh !important;
  font-size-adjust:none !important;
  font-synthesis:none;
  line-height:1 !important;
  background:linear-gradient(155deg,color-mix(in srgb,var(--table-card-tone) 30%,transparent),color-mix(in srgb,var(--table-card-tone) 5%,transparent)) !important;
  background-clip:text !important;
  -webkit-background-clip:text !important;
  color:var(--table-card-tone) !important;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:clamp(.8px,.05em,1.6px) var(--table-card-tone);
  paint-order:stroke fill;
  text-shadow:none;
  filter:none;
  translate:none;
  /* Shrink the centered suit by another 10% (.68 * .9). */
  transform-origin:50% 50%;
  transform:translate(-50%,-50%) scale(.612) !important;
  scale:1;
  z-index:2;
}
/* A translucent suit fill and one static particle; no extra DOM or glow. */
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot) > .card-suit:is([data-suit='s'],[data-suit='c']) {
  font-family:'Ponder Table Suit','Noto Sans JP',sans-serif !important;
}
html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot) > .card-suit::after {
  content:'';
  position:absolute;
  left:50%;
  top:58%;
  width:clamp(1px,.065em,2px);
  height:clamp(1px,.065em,2px);
  border-radius:50%;
  background:var(--table-card-tone);
  opacity:.9;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
/* Tint the original monochrome OWL asset without a filter or a new image.
   The frame is a separate pseudo-element, so it remains neutral white. */
html:root.ponder-orbitron[data-table-simple-cards] body.app-view-table #table :is(#seat6,.seat) .seat-cards .card-ui.card-back {
  background:
    linear-gradient(var(--cyan),var(--cyan)) center/100% 100% no-repeat,
    url('/assets/ponder-owl-card-back.jpg?v=20260908-post-hh03') center/72% auto no-repeat,
    url('/assets/ui/table-card-traces.svg?v=20260929-table-simple-cards-02') center/100% 100% no-repeat,
    radial-gradient(circle,rgba(232,237,242,.14) .6px,transparent .8px) 0 0/7px 7px,#080a0e !important;
  background-blend-mode:multiply,normal,normal,normal;
  color:transparent !important;
}
@media (max-height:420px) {
  html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .table-card-face {
    background:radial-gradient(circle,rgba(170,196,214,.10) .55px,transparent .8px) 0 0/6px 6px,#080a0e;
  }
  html:root.ponder-orbitron[data-table-simple-cards] :is(body.app-view-table #table :is(#boardDisplay,#seat6 .seat-cards,.seat-cards),body #handHistoryV2Modal .hhv2-board-live) .table-card-face::before {
    opacity:.5;
  }
}
