@font-face{font-family:Oracle;src:url('fonts/OracleTable.woff2?v=18') format('woff2'),url('fonts/OracleTable.ttf?v=18') format('truetype');font-weight:400 700;font-display:swap}

@font-face{font-family:Oracle;src:url('fonts/GFSNeohellenic-greek.woff2?v=1') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0370-03FF}
:root{--ground:#080e0c;--ink:#e1d4b5;--muted:#a49c84;--line:#455141;--accent:#dfb574;--paper:#d9caa3}
body{position:relative;display:flow-root;font-family:Oracle,monospace;background:#101c17 url('velvet.svg?v=7b') center top/cover;min-height:100vh;text-shadow:0 2px 1px #0008}
body:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:8;background:radial-gradient(ellipse at 39% 45%,transparent 20%,#03080655 78%,#03080699 100%)}
header{border:0;padding:24px 0 15px;margin:0 4%;gap:24px;position:relative;z-index:9}.brand{font:20px Oracle,monospace;gap:10px;color:#cbbd9a}.brand svg{width:31px;stroke:var(--accent)}.tagline{font:12px Oracle,monospace;letter-spacing:2px;color:#8e9178}.text-button{font:14px Oracle,monospace;text-decoration:none;color:#ada48b}.text-button:hover{color:var(--ink)}
.question{padding:22px 20px 26px}.eyebrow{font:12px Oracle,monospace;letter-spacing:2px;color:var(--muted);margin-bottom:12px}h1{font:400 clamp(24px,2.4vw,34px)/1.2 Oracle,monospace;margin:0 auto 10px;max-width:900px;color:#e9d6af}.question .text-button{font:12px Oracle,monospace;color:#8e927e}
.reading-layout{max-width:1360px;grid-template-columns:minmax(0,830px) minmax(260px,330px);gap:52px;padding:0 38px;align-items:center}
.table{aspect-ratio:800/720;background:none;outline:none;box-shadow:none;mask-image:none;margin:0 0 12px}
.table:before,.table:after{display:none}.guides{display:none}
#cards{position:absolute;inset:8% 7%}.card{width:16%;height:27%}.card.staff{width:14%;height:23%}.card-inner{transition:transform .6s}.card-face{border:1px solid #706d4d}.card-front{border:2px solid #3d3829;padding:3% 4%;background:#cfbf98;box-shadow:5px 9px 6px #0008,inset 0 0 20px #79572b38;text-shadow:none}.art{filter:sepia(.2) saturate(.7) brightness(.89)}.card-back{background-color:#202c23;background-image:repeating-linear-gradient(45deg,transparent 0 6px,#c0a86e08 6px 7px);border:2px solid #938460;outline:1px solid #7a7852;outline-offset:-7px;box-shadow:5px 9px 6px #0008,inset 0 0 18px #050b0888}.card-back svg{stroke:#ad9f70;stroke-width:1.1}.card-back .moon{fill:#ad9f70}.card.selected .card-front{outline:1px solid #dfbe79;outline-offset:3px;box-shadow:0 0 20px #ddaf6326}.card:hover .card-inner{transform:translateY(-5px);}.card:not(.revealed):hover .card-inner{transform:translateY(-5px) rotateY(180deg)}.card.selected:after{display:none}
.roman{font:clamp(8px,.85vw,11px)/1 Oracle,monospace}.card-name{font:clamp(6px,.65vw,9px)/1.1 Oracle,monospace;padding-top:5%}.position-number{font:11px Oracle,monospace;color:#aaa381;top:-16px}.table-caption{bottom:3.5%;left:50%;transform:translateX(-50%);white-space:nowrap;font:11px Oracle,monospace;letter-spacing:2px;color:#93977b}
.reader{border:0;outline:none;background:none;padding:0 0 18px;position:relative}.reader:before,.reader:after{display:none}.reader-label{font:12px Oracle,monospace;letter-spacing:2px;text-transform:uppercase;color:#92957e}.reader-label span{font-size:18px;color:#a28c64}.reader-label i{display:none}.voice{font:20px/1.45 Oracle,monospace;color:#c0b591;margin:17px 0 32px;padding:0;border:0;min-height:0}.position{font:12px Oracle,monospace;letter-spacing:1px;margin:0 0 10px;color:var(--accent)}.reader h2{font:400 36px/1.08 Oracle,monospace;margin-bottom:10px;color:#f0d7a5}.meaning{font:15px/1.4 Oracle,monospace;color:#aaa58e}.divider{margin:20px 0;color:#a89161;justify-content:flex-start}.divider:before{display:none}.divider:after{max-width:46px;background:#6c6c4b}.copy{font:18px/1.5 Oracle,monospace;margin-bottom:18px}.reflection{font:16px/1.5 Oracle,monospace;color:#a6aa91;margin-bottom:28px}.reader #interpretation{min-height:0}
.next{width:auto;display:flex;gap:28px;border:0;background:none;box-shadow:none;padding:8px 0;text-align:left;font:18px/1.2 Oracle,monospace;color:#e8c98c;text-transform:none;transition:color .2s}.next:before{content:'▸';margin-right:-18px}.next:hover{background:none;color:#fff0c2}.next:hover span{transform:translateX(4px)}.next span{transition:transform .2s}.next:disabled{opacity:.5}.progress{text-align:left;font:11px Oracle,monospace;letter-spacing:1px;margin:15px 0 0;color:#91947d}.pips{display:none}.key-hint{font:10px Oracle,monospace;text-align:left;letter-spacing:1px;color:#777f6b;margin:8px 0 0}
footer{margin:12px 4% 0;padding:18px 0 25px;border:0;position:relative;z-index:9}footer>span{font:13px Oracle,monospace;color:#828872}footer a{font:12px Oracle,monospace;color:#828872}footer .text-button{font-size:13px}
dialog{border:1px solid #706b4e;outline:none;background:#111c16;box-shadow:0 25px 100px #000;color:var(--ink);text-shadow:none}dialog::backdrop{background:#030906e8;backdrop-filter:blur(5px)}dialog h2{font:30px/1.15 Oracle,monospace}dialog p,dialog label{font:18px/1.5 Oracle,monospace}dialog .eyebrow{font:12px Oracle,monospace}dialog .dialog-note{font:13px/1.5 Oracle,monospace}textarea{font:21px/1.4 Oracle,monospace;border:1px solid #66704d;background:#09130e}.close{font:30px Oracle,monospace}.empty-title{font-style:normal}
@media(min-width:1450px){.reading-layout{max-width:1400px;grid-template-columns:minmax(0,880px) 340px;gap:65px}.question{padding-top:26px}}
@media(max-width:1000px){.reading-layout{gap:28px;padding:0 22px;grid-template-columns:minmax(0,1fr) 280px}.reader h2{font-size:30px}.copy{font-size:17px}.voice{font-size:18px;margin-bottom:22px}.tagline{display:none}header>.text-button{margin-left:auto}.brand{font-size:19px}.question{padding-top:22px}.table-caption{font-size:9px}}
@media(max-width:700px){body:before{box-shadow:inset 0 0 60px 5px #0005}.reading-layout{display:block;padding:0 3%}.table{max-width:550px;width:100%;margin:0 auto 30px}.reader{max-width:470px;padding:0 22px 12px}.question{padding:27px 20px 20px}h1{font-size:25px}.eyebrow{font-size:10px;letter-spacing:1.5px}.reader h2{font-size:34px}.copy{font-size:19px}.voice{font-size:20px;max-width:320px;margin-bottom:28px}.roman{font-size:8px}.card-name{font-size:6px}.position-number{font-size:10px;top:-13px}.table-caption{font-size:9px;letter-spacing:1px}.card.selected .card-front{outline-offset:2px}.key-hint{display:none}header{gap:10px;margin:0 6%;padding-top:20px}.brand{font-size:17px;gap:8px}.brand svg{width:26px}header>.text-button{font-size:12px;white-space:nowrap}footer{margin:12px 7% 0;flex-direction:column;align-items:flex-start;gap:18px}footer nav{width:100%;justify-content:space-between}.reader-label{font-size:11px}.next{font-size:19px}}
@media(max-width:380px){.brand{font-size:15px}.brand svg{width:22px}header>.text-button{font-size:11px}.reader{padding:0 16px 12px}}