/* Normal TABLE only: preserve sizing/flip effects; detailed Result/Duel renderers stay separate. */
:is(body.app-view-table #table,body #handHistoryV2Modal .hhv2-board-live) {
  --table-card-outline:polygon(14% 0,86% 0,100% 10%,100% 90%,86% 100%,14% 100%,0 90%,0 10%);
}
:is(body.app-view-table #table :is(#boardDisplay, .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-empty-slot) {
  border-radius:0 !important;
  /* Reveal's legacy clip:none must not unclip the dark face after the exchange. */
  clip-path:var(--table-card-outline) !important;
}
body.app-view-table #table .seat .seat-cards .ponder-showdown-card-back {
  border-radius:0 !important;
  clip-path:var(--table-card-outline) !important;
}
.table-card-face { display:none; pointer-events:none; }
:is(body.app-view-table #table :is(#boardDisplay, .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot) {
  --table-card-tone:#dce3ec;
  background:transparent !important;
  border-color:transparent !important;
  border-radius:0 !important;
  clip-path:var(--table-card-outline) !important;
}
:is(body.app-view-table #table :is(#boardDisplay, .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui.red:not(.card-back):not(.card-empty-slot) { --table-card-tone:#ff4f7e; }
:is(body.app-view-table #table :is(#boardDisplay, .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui.blue:not(.card-back):not(.card-empty-slot) { --table-card-tone:#8a4dff; }
:is(body.app-view-table #table :is(#boardDisplay, .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui.green:not(.card-back):not(.card-empty-slot) { --table-card-tone:#28d9d3; }
:is(body.app-view-table #table :is(#boardDisplay, .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot) > .table-card-face {
  display:block; position:absolute; inset:0; z-index:0;
}
.table-card-face > svg { display:block; width:100%; height:100%; overflow:visible; }
.table-card-face-frame { fill:#080b10; stroke:var(--table-card-tone); stroke-width:.7; vector-effect:non-scaling-stroke; stroke-opacity:.62; }
.table-card-accents { stroke:#8b939e; stroke-width:.65; opacity:.48; }
.table-card-accents > * { vector-effect:non-scaling-stroke; }
html:root.ponder-orbitron :is(body.app-view-table #table :is(#boardDisplay, .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot) > .card-rank {
  top:26% !important; left:48% !important; right:auto !important; bottom:auto !important;
  width:max-content; margin:0 !important; padding:0 !important; letter-spacing:0 !important; text-align:center;
  /* Optical alignment: rank sits 2% left of the suit axis.
     Translate independently: the existing 85% glyph scale must not scale
     the centering offset as well. Keep the approved glyph width/height. */
  translate:-50% -50%; transform:none !important; z-index:2;
}
html:root.ponder-orbitron :is(body.app-view-table #table :is(#boardDisplay, .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot) > .card-suit {
  top:71% !important; left:50% !important; right:auto !important; bottom:auto !important; margin:0 !important; padding:0 !important; transform:translate(-50%,-50%) !important; z-index:2;
}
@media (max-width:900px), (max-height:520px), (pointer:coarse) {
  html:root.ponder-orbitron :is(body.app-view-table #table :is(#boardDisplay, .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot) > .card-suit {
    transform:translate(-50%,-50%) scale(.84) !important;
  }
}

/* Normal TABLE HUD face: board and the player's own seat only.
   Preserve the existing card dimensions, exchange wrappers and animation owners. */
html:root.ponder-orbitron :is(body.app-view-table #table :is(#boardDisplay,#seat6:not(.spectator-seat6) .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot) {
 /* Both glyphs use this card's own content height, never the surrounding
    TABLE font or viewport. Definite card dimensions remain owned by layout. */
 container-type:size;
 --hud-card-rank:40cqh;
 --hud-card-suit:52.8cqh;
 --table-card-tone:#e7efff;
 --table-card-frame-tone:#dce3ec;
 overflow:hidden;
 -webkit-text-size-adjust:100%;text-size-adjust:100%;
}
html:root.ponder-orbitron :is(body.app-view-table #table :is(#boardDisplay,#seat6:not(.spectator-seat6) .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 :is(body.app-view-table #table :is(#boardDisplay,#seat6:not(.spectator-seat6) .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 :is(body.app-view-table #table :is(#boardDisplay,#seat6:not(.spectator-seat6) .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui.green:not(.card-back):not(.card-empty-slot) {--table-card-tone:#36ede5;}
/* Static face lighting; leave turn/reveal pseudo-elements intact. */
html:root.ponder-orbitron :is(body.app-view-table #table :is(#boardDisplay,#seat6:not(.spectator-seat6) .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .table-card-face {
 background:
  radial-gradient(ellipse at 18% 6%,rgba(225,239,255,.11),transparent 58%),
  /* 135deg gradient normal produces rising / lines, spaced by card height. */
  repeating-linear-gradient(135deg,rgba(192,213,232,.14) 0 .55px,transparent .55px 9cqh),
  linear-gradient(145deg,#29323e 0%,#0d121a 42%,#010204 100%);
 box-shadow:inset 0 0 12cqh rgba(0,0,0,.44),inset 0 -.8cqh 1.4cqh rgba(0,0,0,.8);
}
html:root.ponder-orbitron :is(body.app-view-table #table :is(#boardDisplay,#seat6:not(.spectator-seat6) .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .table-card-face-frame {
 /* The masked frame below paints the same outline with a continuous gradient. */
 fill:transparent;stroke:none;
}
/* Silver upper-left flows into the suit color at lower-right. Keep the
   original thin outline and reinforced top-right/bottom-left geometry. */
html:root.ponder-orbitron :is(body.app-view-table #table :is(#boardDisplay,#seat6:not(.spectator-seat6) .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot)::before {
 content:''!important;display:block!important;position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(145deg,var(--table-card-frame-tone) 12%,color-mix(in srgb,var(--table-card-frame-tone) 55%,var(--table-card-tone)) 50%,var(--table-card-tone) 90%);opacity:.9;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140' preserveAspectRatio='none'%3E%3Cpath d='M14 1H86L99 14V126L86 139H14L1 126V14Z' fill='none' stroke='white' stroke-opacity='.91' stroke-width='.8' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M69 1H86L99 14V38M31 139H14L1 126V102' fill='none' stroke='white' stroke-width='1.8' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
html:root.ponder-orbitron :is(body.app-view-table #table :is(#boardDisplay,#seat6:not(.spectator-seat6) .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .table-card-accents {opacity:0;}
html:root.ponder-orbitron :is(body.app-view-table #table :is(#boardDisplay,#seat6:not(.spectator-seat6) .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .table-card-face::before {
 content:'';position:absolute;inset:4%;z-index:1;
 background:linear-gradient(135deg,var(--table-card-frame-tone),transparent 24%,transparent 54%,var(--table-card-tone) 83%,transparent);
 opacity:.4;
 clip-path:polygon(evenodd,14% 0,86% 0,100% 10%,100% 90%,86% 100%,14% 100%,0 90%,0 10%,14% 0,14% 1%,1% 11%,1% 89%,14% 99%,86% 99%,99% 89%,99% 11%,86% 1%,14% 1%);
}
html:root.ponder-orbitron :is(body.app-view-table #table :is(#boardDisplay,#seat6:not(.spectator-seat6) .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .table-card-face::after {
 content:'';position:absolute;inset:0;z-index:1;opacity:.45;
 background:
  linear-gradient(135deg,transparent 43%,var(--table-card-frame-tone) 46% 51%,transparent 54%) 6% 4%/15% 13% no-repeat,
  linear-gradient(135deg,transparent 43%,var(--table-card-frame-tone) 46% 51%,transparent 54%) 94% 96%/15% 13% no-repeat,
  linear-gradient(90deg,var(--table-card-frame-tone),transparent) 45% 6%/28% 1px no-repeat,
  linear-gradient(180deg,transparent,var(--table-card-frame-tone),transparent) 8% 72%/1px 23% no-repeat,
  linear-gradient(180deg,transparent,var(--table-card-frame-tone),transparent) 93% 29%/1px 16% no-repeat,
  repeating-linear-gradient(90deg,var(--table-card-frame-tone) 0 1px,transparent 1px 3px) 15% 90%/20% 2px no-repeat;
}
html:root.ponder-orbitron :is(body.app-view-table #table :is(#boardDisplay,#seat6:not(.spectator-seat6) .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot) > .card-rank {
 top:10%!important;left:12%!important;right:auto!important;bottom:auto!important;
 font-size:var(--hud-card-rank)!important;line-height:1!important;text-align:left;
 translate:none;transform:none!important;transform-origin:left top;scale:.85 1;
 color:var(--table-card-tone)!important;background:none!important;
 text-shadow:.5cqh .8cqh 1.2cqh rgba(0,0,0,.8);
}
html:root.ponder-orbitron :is(body.app-view-table #table :is(#boardDisplay,#seat6:not(.spectator-seat6) .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot) > .card-suit {
 top:auto!important;left:auto!important;right:-7%!important;bottom:-1.5%!important;
 font-size:var(--hud-card-suit)!important;line-height:1!important;width:auto!important;height:auto!important;
 /* The bundled font includes all four suits; native Arial/Symbol fallbacks
    have different glyph metrics on desktop, Android and iOS. */
 font-family:"Noto Sans JP",sans-serif!important;font-weight:400!important;
 font-size-adjust:none!important;font-synthesis:none;
 translate:none;transform:none!important;scale:1;
 color:var(--table-card-tone)!important;background:none!important;
 text-shadow:.8cqh 1.2cqh 1.8cqh rgba(0,0,0,.8);
}
/* Glyph lighting is independent of the card surface: a crisp rank bevel and
   a softer suit highlight. All shadow lengths follow the same card height. */
@supports (background-clip:text) {
 html:root.ponder-orbitron :is(body.app-view-table #table :is(#boardDisplay,#seat6:not(.spectator-seat6) .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot) > .card-rank {
  background:linear-gradient(155deg,color-mix(in srgb,var(--table-card-tone) 75%,white) 0%,var(--table-card-tone) 42%,color-mix(in srgb,var(--table-card-tone) 60%,black) 100%)!important;
  filter:drop-shadow(.5cqh .8cqh 1.2cqh rgba(0,0,0,.8));
 }
 html:root.ponder-orbitron :is(body.app-view-table #table :is(#boardDisplay,#seat6:not(.spectator-seat6) .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot) > .card-suit {
  background:radial-gradient(ellipse at 26% 17%,color-mix(in srgb,var(--table-card-tone) 72%,white) 0%,var(--table-card-tone) 48%,color-mix(in srgb,var(--table-card-tone) 50%,black) 100%)!important;
  filter:drop-shadow(.8cqh 1.2cqh 1.8cqh rgba(0,0,0,.8));
 }
 html:root.ponder-orbitron :is(body.app-view-table #table :is(#boardDisplay,#seat6:not(.spectator-seat6) .seat-cards),body #handHistoryV2Modal .hhv2-board-live) .card-ui:not(.card-back):not(.card-empty-slot) > :is(.card-rank,.card-suit) {
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;text-shadow:none;
 }
}