:root{--night:#101126;--ink:#f8f0dd;--muted:#c8bc9c;--gold:#e5bb62;--violet:#8276cf;--paper:#f1e5c8}*{box-sizing:border-box}body.tarot{margin:0;background:radial-gradient(circle at 50% 0,#2a2853 0,#15162d 47%,#0c0d1b 100%);color:var(--ink);font-family:Georgia,'Times New Roman',serif;min-height:100vh}body.tarot:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(#e5bb62 1px,transparent 1.5px);background-size:97px 97px,151px 151px;background-position:14px 24px,55px 72px}.tarot-shell{position:relative;width:min(1120px,calc(100% - 40px));margin:auto;padding:28px 0 48px}.tarot-nav{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid rgba(229,187,98,.35);padding-bottom:20px}.tarot-brand{color:var(--ink);text-decoration:none;font-size:24px;letter-spacing:.03em}.tarot-brand i{color:var(--gold);font-style:normal}.tarot-links{display:flex;gap:20px}.tarot-links a{font:12px ui-monospace,monospace;color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.12em}.tarot-links a:hover{color:var(--gold)}.hero{text-align:center;padding:54px 0 22px}.eyebrow{font:11px ui-monospace,monospace;color:var(--gold);letter-spacing:.18em;text-transform:uppercase}.hero h1{font-size:clamp(46px,7vw,78px);line-height:.93;font-weight:500;margin:12px 0}.hero p{font-size:20px;color:var(--muted);margin:0}.spread-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:29px 0 18px}.spread-picker button,.draw-button{font:12px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--ink);border:1px solid rgba(229,187,98,.55);background:rgba(29,27,59,.7);padding:10px 14px;border-radius:999px}.spread-picker button.active,.draw-button{background:rgba(121,109,196,.4);border-color:var(--gold)}.draw-button{padding:14px 24px}.spread-title{text-align:center;min-height:48px}.spread-title h2{margin:8px 0 3px;font-size:27px;font-weight:500}.spread-title p{margin:0;color:var(--muted)}.reading-table{min-height:342px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;padding:32px 0}.draw-card{width:142px;text-align:center;animation:deal .7s both;animation-delay:calc(var(--i) * 80ms)}@keyframes deal{from{opacity:0;transform:translateY(38px) rotate(5deg)}to{opacity:1;transform:none}}.card-image{height:220px;width:142px;object-fit:cover;background:linear-gradient(135deg,#32285f,#171a3a);border:1px solid var(--gold);box-shadow:0 14px 24px rgba(0,0,0,.33);cursor:pointer;transition:transform .3s,box-shadow .3s}.card-image:hover{transform:translateY(-8px);box-shadow:0 22px 32px rgba(0,0,0,.42)}.draw-card.reversed .card-image{transform:rotate(180deg)}.draw-card.reversed .card-image:hover{transform:translateY(-8px) rotate(180deg)}.position{font:11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.09em;color:var(--gold);margin:9px 0 3px}.draw-card h3{font-size:19px;margin:0;font-weight:500}.orientation{font-size:14px;color:var(--muted);margin:2px 0}.card-detail{max-width:590px;margin:0 auto;text-align:center;min-height:56px;color:var(--muted);font-size:18px}.card-detail strong{color:var(--gold)}.library-head{padding:50px 0 21px;text-align:center}.library-head h1{margin:10px 0;font-size:clamp(40px,6vw,66px);font-weight:500}.library-head p{color:var(--muted);font-size:19px}.library-tools{display:flex;justify-content:center;margin:20px 0 35px}.library-tools input{max-width:410px;width:100%;border:1px solid rgba(229,187,98,.45);background:rgba(18,18,42,.8);color:var(--ink);padding:13px 16px;border-radius:2px;font:14px ui-monospace,monospace}.library-tools input:focus{outline:1px solid var(--gold)}.library{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.meaning-card{background:rgba(21,20,45,.72);border:1px solid rgba(229,187,98,.26);padding:13px;cursor:pointer;transition:transform .25s,border-color .25s}.meaning-card:hover{transform:translateY(-4px);border-color:var(--gold)}.meaning-card img{width:100%;height:260px;object-fit:cover;background:#282350;border:1px solid rgba(229,187,98,.45)}.meaning-card h2{font-size:23px;margin:12px 0 4px;font-weight:500}.meaning-card small{font:11px ui-monospace,monospace;color:var(--gold);text-transform:uppercase;letter-spacing:.09em}.meaning-dialog{max-width:700px;border:1px solid var(--gold);background:#17162d;color:var(--ink);padding:24px}.meaning-dialog::backdrop{background:rgba(5,5,14,.75)}.dialog-grid{display:grid;grid-template-columns:190px 1fr;gap:24px}.dialog-grid img{width:100%;max-height:300px;object-fit:cover;border:1px solid var(--gold)}.dialog-grid h2{font-size:37px;line-height:1;margin:4px 0 18px}.dialog-grid h3{font-size:20px;color:var(--gold);margin:15px 0 3px;font-weight:500}.dialog-grid p{font-size:18px;color:var(--muted);margin:0}.close-dialog{float:right;background:none;color:var(--ink);border:0;font-size:24px;cursor:pointer}@media(max-width:560px){.tarot-shell{width:min(100% - 28px,1120px)}.tarot-nav{align-items:flex-start}.tarot-links{gap:12px}.reading-table{gap:12px}.draw-card{width:116px}.card-image{width:116px;height:181px}.dialog-grid{grid-template-columns:1fr}.dialog-grid img{width:170px}.meaning-dialog{width:calc(100% - 24px)}.library{grid-template-columns:repeat(2,minmax(0,1fr))}.meaning-card img{height:210px}}