/* The reading and its controls share a single plane with the table. */
.table-mode {
  --tr-rail:clamp(324px,31vw,470px);
  --tr-pad:clamp(24px,3.4vw,62px);
  --tt-inset-inline-start:var(--tr-rail);
  --tt-inset-inline-end:clamp(12px,3vw,52px);
  --tt-inset-top:2%;
  --tt-inset-bottom:4%;
}
.table-mode .room-bar {
  min-height:64px;padding-inline:var(--tr-pad);
  background:linear-gradient(100deg,#17131b,#211820 58%,#171217);
}
.table-mode .room-return.mesa-x {font-size:12px;letter-spacing:.015em}
.table-mode .room-tool {min-height:34px;padding:7px 11px;background:#211a21b0;}
.table-mode .room-footer {display:none}
.table-mode .room-frame {background:#171419}
.table-mode .room-main {background:#20191e}
.table-mode .room-main::after {
  content:"";position:absolute;z-index:1;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#171419f5 0%,#1c171bf2 13%,#1d171bf0 calc(var(--tr-rail) - 50px),#20191d85 var(--tr-rail),transparent calc(var(--tr-rail) + 110px));
}
.mesa-dialog.room-dialog.table-mode .room-main>.room-stage {
  inline-size:var(--tr-rail);max-width:100%;pointer-events:auto;scrollbar-color:#625046 transparent;
}
.table-mode .room-welcome.pov-welcome {display:flex;align-items:center}
.table-mode .pov-welcome .room-welcome-inner,.table-mode .pov-draw-copy,.table-mode .room-reading {
  width:100%;max-width:none;margin:0;padding:clamp(24px,5vh,66px) 18px clamp(28px,4vh,54px) var(--tr-pad);
}
.table-mode .pov-welcome .room-welcome-inner {display:block;min-height:auto}
.table-mode .pov-welcome .room-invite {width:100%;max-width:390px}
.table-mode .pov-welcome .room-invite::before,.table-mode .pov-draw-copy::before,.table-mode .room-reading::after {display:none}
.table-mode .room-tradition,.table-mode .pov-position {
  display:flex;align-items:center;gap:11px;margin:0 0 10px;
  color:#dcb986;font:650 10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.16em;
}
.table-mode .room-tradition::before,.table-mode .pov-position::before {
  content:"";display:block;width:23px;height:1px;background:#c6a16b;
}
.table-mode .pov-welcome .room-invite-title,.table-mode .pov-draw-title,.table-mode .room-reading-head .mesa-section-title {
  font:500 clamp(43px,4.5vw,77px)/.94 var(--serif);letter-spacing:-.045em;
  color:#fff0dc;text-wrap:balance;margin:0 0 16px;
}
.table-mode .pov-welcome .room-invite-title em {color:#ebc797}
.table-mode .pov-welcome .hc-welcome {margin:12px 0 16px;padding:0;background:none}
.table-mode .pov-welcome .hc-speaker {color:#c8a985;font-size:9px;letter-spacing:.12em}
.table-mode .pov-welcome .hc-message {font:400 15px/1.5 var(--sans);color:#f5eade;margin:4px 0}
.table-mode .pov-welcome .room-question {gap:8px}
.table-mode .room-question>.room-label {display:block;color:#e6d9c9;font:400 17px/1.45 var(--sans);margin:4px 0 6px}
.table-mode .room-question>.question-input {
  min-height:51px;max-height:120px;padding:12px 14px;color:#faedda;
  background:#171216b3;border:1px solid #95736077;border-radius:7px;
}
.table-mode .room-settings {margin:2px 0!important;border:0;border-bottom:1px solid #a082613e}
.table-mode .room-settings summary {padding:8px 0;gap:10px;font-size:12px}
.table-mode .room-settings .room-seeds {padding-bottom:10px}
.table-mode .pov-welcome .room-question .hc-consent {font-size:11px;line-height:1.4;color:#c4b5ad}
.table-mode .room-primary,.table-mode .hc-primary {
  border-radius:999px;padding:10px 19px;min-height:40px;
  font:650 13px/1.3 var(--sans);background:#e9c795;border:1px solid #f0d4a7;color:#2d211b;
}
.table-mode .room-primary:hover,.table-mode .hc-primary:hover {background:#f5d7ab}
.table-mode .hc-skip,.table-mode .hm-entry {width:fit-content;color:#e7cba6}
.hc-start-options {display:flex;flex-wrap:wrap;gap:0 18px;margin:0;padding:0;min-width:0;border:0}
.hc-start-option {display:inline-flex;align-items:center;gap:8px;min-height:36px;color:#efdfcc;font:500 13px/1.3 var(--sans,system-ui);cursor:pointer}
.hc-start-option input {margin:0;width:16px;height:16px;accent-color:#dec18e;cursor:inherit}
.hc-start-option:has(input:disabled) {color:#b8afa9;cursor:default}
.hc-deck-invite {margin:0;color:#d5c5b6;font:400 12px/1.4 var(--sans,system-ui)}
.hc-deck-invite em {color:#e4c397;white-space:nowrap;font:italic 15px/1.3 var(--serif,Georgia)}
.tt-table .hc-deck-start {position:absolute;inset:0;border:0;border-radius:inherit;padding:0;appearance:none;background:transparent;pointer-events:auto;cursor:pointer;touch-action:manipulation}
.hc-deck-start:is(:hover,:focus-visible) {outline:2px solid #f1d29d;outline-offset:3px;box-shadow:0 0 16px #ffe2ab5c}
.room-dialog:not([data-step="0"]) .hc-deck-start,.tt-table:not([data-pose=rest]) .hc-deck-start,.tt-table[data-paused=true] .hc-deck-start {display:none}
.table-mode .pov-play {display:flex;align-items:center}
.table-mode .pov-draw-copy {pointer-events:auto;color:#f7ebde;text-shadow:none;}
.table-mode .pov-draw-note {font:400 14px/1.5 var(--sans);color:#d1bfae;margin:6px 0 0;}
.table-mode .pov-draw-title {margin-bottom:9px}
.table-mode .pov-spread {margin-block:19px 0;gap:4px}
.table-mode .pov-chosen {padding:6px 0 0;border-top-color:#b390643c}
.table-mode .pov-chosen-role {min-width:60px;color:#cfaf86}
.table-mode .pov-chosen strong {font-size:17px}
.table-mode [data-phase=held] .pov-spread {display:none}
.table-mode .pov-fan-nav {margin-top:22px}
.table-mode .pov-page {width:36px;height:36px;border-color:#8d755b;color:#f3dbb5}
.table-mode .pov-range {min-width:83px;text-align:center}
.table-mode .pov-back {margin-top:9px;font-size:12px}
.tr-contemplation {margin-top:18px}
.tr-card-notice {font:400 13px/1.45 var(--sans,system-ui);color:#e8cba5;margin:8px 0}
.tr-card-notice[hidden] {display:none}
.tr-card-caption {font:400 16px/1.55 var(--sans);color:#f3e7d9;margin:0 0 12px;overflow-wrap:anywhere;white-space:pre-line}
.tr-card-caption[data-pending=true] {font-size:13px;color:#d6bea3}
.tr-card-caption[hidden],.tr-card-details[hidden] {display:none}
.tr-card-details {margin:0 0 17px;display:grid;gap:13px}
.tr-card-details dt {color:#e7c89c;font:600 13px/1.4 var(--sans,system-ui);margin:0 0 2px}
.tr-card-details dd {margin:0;overflow-wrap:anywhere;color:#f3e7d9;font:400 14px/1.5 var(--sans,system-ui)}
.tr-card-actions {display:flex;gap:10px 17px;flex-wrap:wrap;align-items:center;margin-bottom:20px}
.tr-card-link {background:none;border:0;border-bottom:1px solid #c5a78377;color:#e8cba1;cursor:pointer;padding:5px 0;font:500 12px/1.3 var(--sans)}
.tr-card-link:hover,.tr-card-link[aria-pressed=true] {color:#ffdead;border-color:currentColor}
.tr-continue::after {content:"→";font:500 18px/1 var(--sans)}
.table-mode .room-reading {min-height:auto;max-width:none;padding-right:15px}
.table-mode .room-reading-head .mesa-section-title {font-size:clamp(43px,4.2vw,68px)}
.table-mode .room-reading-head .mesa-intention {color:#e4c9a7;font-size:22px;line-height:1.25}
.table-mode .room-reading-layout {gap:9px}
.table-mode .room-card-meaning {border:0;border-left:1px solid #9b7957;border-radius:0;background:transparent;padding:5px 0 5px 12px;margin:12px 0 4px}
.table-mode .room-read-actions {gap:9px}
.table-mode .room-read-actions .room-line-button {padding:7px 5px}
.table-mode .room-read-card img {width:40px}
.table-mode .room-read-card {border-radius:6px}
.table-mode .tr-verdict {width:100%;padding:8px 0 13px;border-bottom:1px solid #ac894d55}
.table-mode .tr-verdict .tr-source,.table-mode .tr-section-label,.table-mode .tr-point-label {font:600 10px/1.5 var(--sans);letter-spacing:.11em;text-transform:uppercase;color:#d6b784;margin:0 0 6px}
.table-mode .tr-verdict .tr-answer-title {margin:3px 0 8px;font:500 26px/1.14 var(--serif);color:#ffebce}
.table-mode .tr-verdict .tr-answer {font:400 16px/1.58 var(--sans);margin:0;color:#ffefdf}
.table-mode .tr-next-box {margin:15px 0 1px;padding:9px 12px;border-left:2px solid #c5a263;background:#b08c4910}
.table-mode .tr-next-box h4 {font:600 13px/1.45 var(--sans);margin:0 0 3px;color:#f0cb90}
.table-mode .tr-next,.table-mode .tr-summary-status {font:400 14px/1.52 var(--sans);margin:0;color:#eaddcd}
.table-mode .tr-summary-status {font-size:12px;color:#d3b990;margin:9px 0 0}
.table-mode .tr-synthesis-retry {margin-top:6px}
.table-mode .tr-section-label {margin:8px 0}
.table-mode .room-reading .tr-review-hint {color:#dfcebd;font:400 13px/1.45 var(--sans);margin:0 0 6px;max-width:38ch}
.table-mode .tr-thread {padding:0;border:0}
.table-mode .tr-thread summary {cursor:pointer;color:#ecd4af;font:550 14px/1.4 var(--sans);padding:6px 0}
.table-mode .tr-thread p {margin-top:8px}
.table-mode .room-card-meaning .tr-point-label {margin:11px 0 3px;font-size:10px;color:#dfc499}
.table-mode .room-card-meaning p {margin:0}
.table-mode .room-reading .room-read-card {min-width:57px}
.table-mode .room-reading .room-result-cards {padding-top:4px}
.table-mode :is(.tr-summary-status,.tr-synthesis-retry)[hidden]{display:none}
.table-mode .pov-restore-panel {background:transparent;border:0;padding:0;margin:var(--tr-pad);color:#f2dfc6}
.table-mode.tr-unavailable .room-utilities,.mesa-dialog.room-dialog.tr-unavailable .room-progress.mesa-steps {display:none}
.table-mode.tr-unavailable .room-main::after {display:none}
.tr-scene-failure {position:relative;max-width:450px;margin:auto;padding:40px 24px;color:#ecddc9}
.table-mode :is(.tr-card-link,.pov-page,.tr-continue,.room-line-button,.hm-entry,.hc-skip):focus-visible {outline:2px solid #f7d7a7;outline-offset:4px}
@media (max-width:800px) {
  .table-mode {
    --tt-inset-inline-start:8px;--tt-inset-inline-end:8px;--tt-inset-top:2px;--tt-inset-bottom:4px;--tr-pad:clamp(17px,4.5vw,32px);
  }
  .mesa-dialog.room-dialog.table-mode[open] {overflow:auto}
  .table-mode .room-frame {height:auto;min-height:100dvh}
  .table-mode .room-bar {min-height:54px;padding:7px var(--tr-pad)}
  .mesa-dialog.room-dialog.table-mode .room-main {display:flex;flex-direction:column;overflow:visible;min-height:0}
  .table-mode .room-main::after {display:none}
  .table-mode .tt-table,.table-mode .pov-window {
    display:block;position:relative;inset:auto;width:100%;height:clamp(235px,40svh,435px);flex:none;
  }
  .table-mode .pov-window::after {display:none}
  .mesa-dialog.room-dialog.table-mode .room-main>.room-stage {
    width:100%;height:auto;overflow:visible;pointer-events:auto;background:
    radial-gradient(ellipse at 15% 5%,#38252b70,transparent 75%),#1b161b;
    border-top:1px solid #bb93574d;
  }
  .table-mode .pov-welcome,.table-mode .room-tarot-stage,.table-mode .pov-play,.table-mode .room-reading {min-height:0}
  .table-mode .pov-welcome .room-welcome-inner,.table-mode .pov-draw-copy,.table-mode .room-reading {
    margin:0 auto;padding:21px var(--tr-pad) 26px;max-width:620px;
  }
  .table-mode .pov-welcome .room-invite {width:100%;max-width:100%}
  .table-mode .pov-welcome .room-invite-title,.table-mode .pov-draw-title,.table-mode .room-reading-head .mesa-section-title {font-size:clamp(35px,7vw,51px);margin:0 0 8px}
  .table-mode .room-tradition,.table-mode .pov-position {margin:0 0 6px}
  .table-mode .pov-welcome .hc-welcome {margin:6px 0 11px}
  .table-mode .pov-welcome .hc-message {font-size:14px}
  .table-mode .room-question>.question-input {font-size:16px}
  .table-mode .pov-fan-nav {margin:13px 0 0}
  .table-mode .pov-spread {margin-block:12px 0}
  .table-mode .tr-card-caption {font-size:15px}
  .tr-contemplation {margin:12px 0 0}
}
@media (max-width:550px) {
  .mesa-dialog.room-dialog.table-mode .room-bar {grid-template-columns:auto 1fr;gap:5px;padding-block:6px;min-height:48px}
  .mesa-dialog.room-dialog.table-mode .room-progress {display:none}
  .table-mode .room-utilities {gap:4px}
  .table-mode .room-return.mesa-x {font-size:11px;gap:4px}
  .table-mode .room-tool {padding:6px 8px;min-height:33px}
}
@media (max-width:380px) {
  .table-mode .room-tool>span {display:none}
  .table-mode .room-tool {width:33px;justify-content:center;padding:0}
  .table-mode .tt-table,.table-mode .pov-window {height:clamp(210px,36svh,285px)}
}
@media (max-width:575px) {
  .table-mode .room-tool:not(.hm-trigger) {width:34px;height:34px;justify-content:center;padding:0}
  .table-mode .room-tool:not(.hm-trigger)>span {display:none}
  .table-mode .room-utilities .hm-trigger {width:auto;min-height:34px;padding:5px 10px;color:#f8dcb6;border-color:#99784e}
  .table-mode .room-utilities .hm-trigger>span {display:inline;position:static;width:auto;height:auto;overflow:visible;clip-path:none}
}
@media (min-width:801px) and (max-height:670px) {
  .table-mode .pov-welcome .room-welcome-inner,.table-mode .pov-draw-copy,.table-mode .room-reading {padding-block:20px}
  .table-mode .pov-welcome .room-invite-title,.table-mode .pov-draw-title {font-size:42px}
}