/* Tarot is an activity in table.html, using its canvas, hand and game panel. */
.tarot-table-mode .nav{z-index:300}
.tarot-table-mode,.tarot-table-mode.night{--paper:var(--ui-bg);--ink:var(--ui-text);--muted:var(--ui-text3);--accent:var(--gold);--line:var(--ui-border);--green:var(--gold);--cardpaper:var(--ui-panel)}
.tarot-table-mode .room-panel-content{font:13px/1.6 'Spectral',Georgia,serif;color:var(--ui-text)}
.tarot-table-mode .welcome{display:block;min-height:0;padding:0;margin:0 0 20px}.tarot-table-mode .welcome h1{font-size:32px;line-height:1.1;letter-spacing:-.6px;margin:0 0 10px}.tarot-table-mode .welcome h1 br{display:none}.tarot-table-mode .eyebrow{font-size:8px;letter-spacing:1.5px;margin:0 0 10px}.tarot-table-mode .intro{font-size:12px;line-height:1.6}.tarot-table-mode .deck-label{display:none}
.tarot-table-mode .reading-desk{display:block;border:0;background:none;box-shadow:none}.tarot-table-mode .reading-form,.tarot-table-mode .spread-panel{padding:0;border:0}.tarot-table-mode .spread-panel{margin-top:18px}.tarot-table-mode .step-heading{margin-bottom:12px}.tarot-table-mode .step-heading h2{font-size:22px}.tarot-table-mode textarea{min-height:80px;font-size:16px;padding:8px 10px}.tarot-table-mode .prompt-pills{gap:5px;margin:7px 0 10px}.tarot-table-mode .prompt-pills button{font-size:10px;padding:4px 7px}.tarot-table-mode .spread-choice{min-height:51px;padding:7px 10px}.tarot-table-mode .spread-choice:has(input:checked){background:var(--ui-stage);border-color:var(--gold)}.tarot-table-mode .form-bottom{padding-top:8px}
.tarot-table-mode .reading-result{padding:0;margin:0}.tarot-table-mode .result-heading{display:block}.tarot-table-mode .result-heading h2{font-size:29px;line-height:1.15}.tarot-table-mode #readingQuestion{font-size:13px;line-height:1.65;margin:12px 0 4px}.tarot-table-mode #newReading{font-size:12px;min-height:44px}.tarot-table-mode .reveal-hint{font-size:11px;line-height:1.7;text-align:left;margin:12px 0 18px}
.tarot-table-mode .drawn-cards{display:flex;gap:10px;max-width:none;min-width:0;margin:0}.tarot-table-mode .room-tray-card img{height:90px;width:100%;object-fit:cover}.tarot-table-mode .room-tray-card strong{font-size:13px}.tarot-table-mode .selected-meaning{border-top:1px solid var(--ui-border2);padding:18px 0 8px}.tarot-table-mode .selected-meaning h3{font:600 29px/1.15 'Cormorant Garamond',Georgia,serif;margin:5px 0 12px}.tarot-table-mode .selected-meaning p{font-size:13px;line-height:1.8;margin:10px 0}.tarot-table-mode .selected-meaning .eyebrow,.tarot-table-mode .selected-meaning .orientation{font-size:9px;letter-spacing:1.5px}.tarot-table-mode .selected-meaning .reflection{font-style:italic;color:var(--ui-text2)}
.tarot-table-mode .reading-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:16px 0}.tarot-table-mode .primary{border:1px solid var(--gold);background:var(--ui-stage);color:var(--ui-text);min-height:46px}.tarot-table-mode .secondary{background:var(--ui-input);color:var(--ui-text);border-color:var(--ui-border);min-height:44px}.tarot-table-mode .interpretation-panel{padding:16px 0;margin:16px 0 0;border:0;border-top:1px solid var(--ui-border);background:none}.tarot-table-mode .interpretation-panel h3{font-size:26px}.tarot-table-mode #interpretationText p{font-size:13px;line-height:1.8}.tarot-table-mode .ai-credit{font-size:10px}.tarot-table-mode .app-status{font-size:12px;margin:10px 0}.tarot-table-mode .app-status:empty{display:none}
.tarot-table-mode .tarot-shuffle .dialog-header{align-items:start}.tarot-table-mode .tarot-shuffle h2{font:600 30px/1.2 'Cormorant Garamond',Georgia,serif;margin:0 0 12px}.tarot-table-mode .tarot-shuffle p{font-size:13px;line-height:1.7}.tarot-table-mode .tarot-shuffle .shuffle-context{font-size:11px}.tarot-table-mode #shuffleDeck{display:block;width:100%;min-height:48px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-input);color:var(--ui-text);padding:10px;margin:20px 0 8px}.tarot-table-mode .shuffle-label{font-size:14px}.tarot-table-mode .cut-controls{padding:14px 0;margin:16px 0;border-top:1px solid var(--ui-border)}.tarot-table-mode input[type=range]{min-height:44px;min-width:0;width:100%;accent-color:var(--gold)}
.tarot-table-mode .tarot-dialog{background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-border);backdrop-filter:blur(20px)}.tarot-table-mode .tarot-dialog .dialog-header h2{font-size:30px}.tarot-table-mode .tarot-dialog .library-card{color:var(--ui-text)}
/* Phone: the shared bottom sheet scrolls independently; the hand remains small. */
@media(max-width:640px){.tarot-table-mode .welcome-copy{padding:0}.tarot-table-mode .welcome h1{font-size:27px}.tarot-table-mode .drawn-cards{gap:6px}.tarot-table-mode .room-tray-card img{height:42px}.tarot-table-mode .room-tray-card strong{font-size:11px}.tarot-table-mode .result-heading h2{font-size:25px}.tarot-table-mode .selected-meaning h3{font-size:26px}.tarot-table-mode .result-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.tarot-table-mode #readingDate{font-size:7px}.tarot-table-mode .tarot-shuffle h2{font-size:27px}}
/* The game's older 34vh tray offset overlaps Tarot's 36dvh reading sheet. */
@media(max-width:640px){
 body.tarot-table-mode #hand.game-hand{left:8px;right:8px;width:auto;bottom:calc(36dvh + max(8px,env(safe-area-inset-bottom)) + 10px)}
 body.tarot-table-mode:has(#gamePanel.collapsed) #hand.game-hand{bottom:max(8px,env(safe-area-inset-bottom))}
}