.drawn-card{display:block;width:100%;padding:0;border:0;background:none}.slot-number{font-size:9px;color:var(--gold);display:block;margin-bottom:7px}.slot-label{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:7px}.card-title-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.card-title-row .orientation{font-size:10px;color:var(--gold)}.card-position{font-size:10px;color:var(--gold);margin:0}.card-keywords{font-size:11px;color:var(--muted);margin:6px 0}.card-note{font-size:13px;line-height:1.9;margin:13px 0 6px}.card-meanings strong{display:block;margin-top:12px;font-weight:500;color:var(--ink)}#card-dialog-content{padding-top:16px}.dialog-art{margin:0 auto 20px}.dialog-content .eyebrow{text-align:center;margin:12px 0}.dialog-content .card-keywords{text-align:center;margin-bottom:22px}.history-item small{font-size:10px;color:var(--muted)}.hero-art{overflow:clip}.history-empty{padding:30px 0;color:var(--muted)}
@media(max-width:740px){.deck-pick{flex-basis:40px;margin-left:-22px}.card-note{font-size:12px}}
@media(max-width:360px){.deck-pick{flex-basis:35px;margin-left:-19px}}

/* Original print proportions, full artwork and a quiet paper frame. */
.rws-card{display:block;width:100%;height:auto}
.card-frame{width:100%;aspect-ratio:200/346;background:#eee4cd;border-radius:5px;overflow:hidden;box-shadow:0 1px 3px #51442d18}
.card-frame>.rws-card{height:100%;object-fit:contain}
.spread-slot .card-frame{aspect-ratio:200/346;border:0;display:block}
.reversed>.rws-card{transform:rotate(180deg)}
.spread-slot .name{display:block;font:13px/1.5 var(--serif);margin:4px 0}
.hero-card{width:145px;filter:drop-shadow(0 14px 14px #293c401a)}
.hero-card.center{width:155px;top:23px}
.hero-card.left,.hero-card.right{top:65px}
.hero-card>.rws-card{border-radius:6px;outline:1px solid #c7b28c88;outline-offset:-1px}
.deck-pick{background:transparent}
.deck-pick>.rws-card{border-radius:4px}
.resting-card>.rws-card{border-radius:5px}
.reading-card{grid-template-columns:112px minmax(0,1fr)}
#card-dialog{width:min(800px,calc(100% - 32px));padding:26px 32px 32px}
#card-dialog-content{display:grid;grid-template-columns:270px minmax(0,1fr);gap:34px;align-items:start;padding-top:16px}
.dialog-art{width:270px;margin:0;box-shadow:0 10px 24px #51442d18;border-radius:5px;overflow:hidden}
.dialog-content h2{text-align:left;margin:4px 0 13px;font-size:29px}
.dialog-content .eyebrow,.dialog-content .card-keywords{text-align:left}
.card-image-link{display:inline-block;margin-top:16px;font-size:11px;border-bottom:1px solid var(--gold);padding-bottom:5px}
@media(max-width:740px){
  .reading-card{grid-template-columns:78px minmax(0,1fr)}
  #card-dialog{padding:20px 24px 26px}
  #card-dialog-content{grid-template-columns:1fr;gap:22px}
  .dialog-art{width:min(220px,100%);margin:auto}
  .dialog-content h2,.dialog-content .eyebrow,.dialog-content .card-keywords{text-align:center}
  .hero-card.left,.hero-card.right{top:35px}
  .hero-card.center{top:0;width:140px}
  .hero-card.left,.hero-card.right{width:128px}
}
.card-attributes{margin:17px 0 20px;padding:13px 16px;background:#eeeade77;border-left:2px solid #b6a176;font-size:11px;line-height:1.8}
.card-attributes>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;margin:4px 0}
.card-attributes dt{color:#78837d}.card-attributes dd{margin:0;overflow-wrap:anywhere}
.reading-card>.card-frame{align-self:start}
.attribute-overview{padding:20px 24px;margin-bottom:23px;border:1px solid var(--line);background:#eef0e6}
.attribute-overview h3{margin:0 0 12px;font-size:20px}
.element-chips{display:flex;flex-wrap:wrap;gap:8px}
.element-chip{padding:4px 12px;border:1px solid #ccd1c5;background:#fcfaf588;font-size:11px}
.element-chip.fire{color:#955b42}.element-chip.water{color:#497683}.element-chip.air{color:#737a90}.element-chip.earth{color:#6b784d}
.attribute-overview .small-note{margin:12px 0 0;max-width:820px}.repeated-numbers{font-size:11px;color:var(--gold);margin-bottom:0}
.knowledge-source{display:inline-block;margin-right:20px}
.result-tools{flex-wrap:wrap}.result-tools .export-help{flex-basis:100%;margin:0}
.ai-focus-note{margin:0 0 18px;max-width:800px}
#card-dialog .dialog-art{position:sticky;top:0}
#image-dialog{width:min(860px,calc(100% - 32px));padding:26px}
.image-controls{position:sticky;top:-26px;z-index:1;background:var(--paper);padding:14px 0 17px;border-bottom:1px solid var(--line)}
.image-controls .dialog-top{margin-bottom:10px}.image-controls h2{font-size:24px}
#image-status{margin:10px 0;font-size:11px;color:var(--muted)}
#image-preview{display:block;width:100%;height:auto;margin-top:24px;border:1px solid var(--line)}
#image-dialog[open]{display:flex;flex-direction:column;overflow:hidden;height:85dvh}
#image-dialog .image-controls{position:static;flex:0 0 auto;padding-top:0}
.image-preview-scroll{overflow:auto;min-height:0;flex:1;margin-top:20px}
.image-preview-scroll #image-preview{margin:0}
.image-preview-scroll.zoomed #image-preview{width:1000px;max-width:none}
#image-zoom{margin-left:12px}
.image-controls .small-note{max-width:680px;margin:0 0 14px}
@media(max-width:740px){
  .card-attributes{padding:10px 12px}.card-attributes>div{grid-template-columns:1fr;gap:0;margin-bottom:8px}
  #card-dialog .dialog-art{position:static}
  .attribute-overview{padding:18px}.result-tools{gap:12px}
  #image-dialog{padding:16px}.image-controls{top:-16px}
  .image-controls h2{font-size:20px}.image-controls .dialog-top{gap:10px}
}