:root{--tarot-black:#111214;--tarot-panel:#1c1e20;--tarot-edge:#333538;--tarot-red:#6f1d27;--tarot-red-light:#8b303b;--tarot-cream:#fff8e7;--tarot-gold:#f4dca5}
html,body{max-width:100%;overflow-x:hidden}
.future-card-link{color:inherit;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.future-card-link:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--accent)}
.tarot-page{padding:58px 0 108px;background:#e9e7e1}.tarot-intro{margin-bottom:34px}.tarot-kicker{margin:0 0 9px;color:var(--accent);font:800 11px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.18em}.tarot-intro h1{max-width:900px;margin:0;font-size:clamp(40px,6vw,76px);line-height:.98;letter-spacing:-.055em;text-transform:uppercase}.tarot-intro>p:last-child{max-width:720px;margin:20px 0 0;color:var(--muted);font-size:19px}
.tarot-machine{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:690px;border:9px solid var(--tarot-black);background:var(--tarot-black);box-shadow:18px 18px 0 rgba(0,0,0,.18);image-rendering:pixelated}
.tarot-table{position:relative;overflow:hidden;min-width:0;background:var(--tarot-cream)}.pixel-grid{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(45deg,transparent 46%,rgba(111,29,39,.15) 47% 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,rgba(111,29,39,.15) 47% 53%,transparent 54%);background-size:38px 38px}
.tarot-deck{position:absolute;z-index:2;top:12%;left:50%;width:94px;height:142px;transform:translateX(-50%)}.tarot-deck i{position:absolute;inset:0;border:5px solid var(--tarot-black);background:linear-gradient(135deg,var(--tarot-red-light),var(--tarot-red))}.tarot-deck i:nth-child(1){transform:translate(12px,12px)}.tarot-deck i:nth-child(2){transform:translate(6px,6px)}
.tarot-layout{position:absolute;z-index:3;inset:30% 5% 8%;display:grid;grid-template-columns:repeat(var(--card-columns,3),minmax(46px,118px));grid-auto-rows:minmax(100px,176px);justify-content:center;align-content:center;gap:18px}.tarot-card{position:relative;width:100%;aspect-ratio:2/3;border:0;background:transparent;cursor:pointer;perspective:700px;padding:0}.tarot-card[disabled]{cursor:default}.tarot-card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .45s steps(5,end)}.tarot-card.revealed .tarot-card-inner{transform:rotateY(180deg)}.tarot-face{position:absolute;inset:0;border:5px solid var(--tarot-black);backface-visibility:hidden;box-shadow:6px 6px 0 rgba(17,18,20,.72)}.tarot-back{background:linear-gradient(135deg,var(--tarot-red-light),var(--tarot-red))}.tarot-front{overflow:hidden;background:var(--tarot-cream);transform:rotateY(180deg)}.tarot-front img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.tarot-card.reverse .tarot-front img{transform:rotate(180deg)}.tarot-position{position:absolute;z-index:5;left:50%;bottom:-18px;width:max-content;max-width:125px;transform:translateX(-50%);color:var(--tarot-black);font:800 9px/1 ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.05em;text-shadow:1px 1px var(--tarot-cream)}.table-message{position:absolute;z-index:4;left:50%;bottom:18px;transform:translateX(-50%);padding:8px 11px;background:var(--tarot-black);color:var(--tarot-cream);font:800 10px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.07em;text-align:center}
.tarot-console{display:flex;flex-direction:column;gap:13px;padding:24px 18px;color:#f7f1e8;background:var(--tarot-black);font-family:ui-monospace,Consolas,monospace}.console-topline{display:flex;align-items:center;justify-content:space-between;padding:14px;border:5px solid var(--tarot-edge);background:#17191a}.console-topline strong{color:var(--tarot-gold);font-size:10px;letter-spacing:.12em}.console-pips{display:flex;gap:8px}.console-pips i{width:13px;height:13px;background:var(--tarot-cream)}.console-pips i:nth-child(3){background:var(--tarot-red)}
.console-panel{padding:14px;border:5px solid var(--tarot-edge);background:var(--tarot-panel)}.console-panel label{display:block;margin-bottom:9px;color:var(--tarot-gold);font-size:10px;font-weight:800;letter-spacing:.1em}.console-panel textarea,.console-panel select{width:100%;border:3px solid #070808;border-radius:0;background:#f7f1e8;color:#171719;padding:9px;font:13px/1.45 "Helvetica Neue",Arial,sans-serif}.console-panel textarea{resize:vertical;min-height:88px}.console-panel small{display:block;margin-top:5px;color:#aaa;text-align:right;font-size:9px}.console-panel p{margin:8px 0 0;color:#b7b7b8;font:11px/1.4 "Helvetica Neue",Arial,sans-serif}.console-actions{display:grid;gap:10px;margin-top:auto}.pixel-button{min-height:50px;border:5px solid var(--tarot-edge);border-radius:0;background:#292b2d;color:#fff;font:900 11px/1 ui-monospace,Consolas,monospace;letter-spacing:.09em;cursor:pointer;box-shadow:5px 5px 0 #070808}.pixel-button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #070808}.pixel-button.primary{background:var(--tarot-red);border-color:#8d3944}.preview-note{margin:4px 2px 0;color:#8f9092;font:9px/1.45 "Helvetica Neue",Arial,sans-serif}
.tarot-method{padding-top:92px}.tarot-method h2{max-width:880px;margin:0;font-size:clamp(32px,4.7vw,58px);line-height:1.02;letter-spacing:-.04em;text-transform:uppercase}.tarot-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:38px}.tarot-method-grid article{min-height:240px;padding:22px;border:2px solid var(--tarot-black);background:#fff;box-shadow:8px 8px 0 rgba(17,18,20,.13)}.tarot-method-grid span{color:var(--accent);font:800 11px ui-monospace,Consolas,monospace}.tarot-method-grid h3{margin:30px 0 10px;text-transform:uppercase;font-size:18px}.tarot-method-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
html[dir="rtl"] .tarot-console{text-align:right}html[dir="rtl"] .console-panel small{text-align:left}
@media(max-width:980px){.tarot-machine{grid-template-columns:1fr;min-height:0}.tarot-table{min-height:660px}.tarot-console{display:grid;grid-template-columns:1fr 1fr}.console-topline,.console-actions,.preview-note{grid-column:1/-1}.tarot-method-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.tarot-page{padding-top:38px}.tarot-machine{width:100%;border-width:6px;box-shadow:none}.tarot-table{min-height:530px}.tarot-deck{top:8%;width:65px;height:98px}.tarot-layout{inset:25% 3% 10%;gap:11px;grid-auto-rows:minmax(80px,130px)}.tarot-face{border-width:3px;box-shadow:3px 3px 0 rgba(17,18,20,.72)}.tarot-position{bottom:-13px;max-width:78px;font-size:7px}.tarot-console{display:flex;padding:16px 12px}.tarot-method-grid{grid-template-columns:1fr}.tarot-intro h1{font-size:42px}.tarot-intro>p:last-child{font-size:16px}}
@media(prefers-reduced-motion:reduce){.tarot-card-inner{transition:none}}
.tarot-card-title{display:grid;place-items:center;width:100%;height:100%;padding:8px;color:var(--tarot-black);font:900 11px/1.15 ui-monospace,Consolas,monospace;text-align:center;text-transform:uppercase}.checkout-status{min-height:18px;margin:0 2px;color:var(--tarot-gold);font:10px/1.45 "Helvetica Neue",Arial,sans-serif}.checkout-status.error{color:#ff9c9c}
.tarot-layout.selection-mode{inset:22% 3% 11%;grid-template-rows:repeat(2,96px);grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62px;justify-content:start;align-content:center;gap:12px 8px;overflow-x:auto;overflow-y:hidden;padding:14px 10px 22px;scrollbar-color:var(--tarot-red) var(--tarot-black);scroll-snap-type:x proximity}.tarot-deck-slot{position:relative;width:62px;height:93px;padding:0;border:4px solid var(--tarot-black);background:var(--tarot-red);box-shadow:4px 4px 0 rgba(17,18,20,.7);cursor:pointer;scroll-snap-align:center;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end)}.tarot-deck-slot-back{position:absolute;inset:5px;border:2px solid rgba(255,248,231,.68);background:var(--tarot-red)}.tarot-deck-slot:hover{transform:translateY(-5px)}.tarot-deck-slot.selected{transform:translateY(-9px);border-color:var(--tarot-gold);box-shadow:0 0 0 3px var(--tarot-black),5px 8px 0 rgba(17,18,20,.72)}.tarot-deck-slot.selected::after{content:attr(data-pick-order);position:absolute;z-index:3;right:-7px;top:-10px;display:grid;place-items:center;width:23px;height:23px;border:3px solid var(--tarot-black);border-radius:50%;background:var(--tarot-gold);color:var(--tarot-black);font:900 11px/1 ui-monospace,Consolas,monospace}
@media(max-width:620px){.tarot-layout.selection-mode{inset:19% 2% 12%;grid-template-rows:repeat(2,82px);grid-auto-columns:54px;gap:10px 7px;padding-inline:8px}.tarot-deck-slot{width:54px;height:81px;border-width:3px}.tarot-deck-slot-back{inset:4px}}

/* Full-screen reading table and larger controls. */
.tarot-page{overflow-x:hidden}
.tarot-machine.shell{box-sizing:border-box;width:min(1560px,calc(100vw - 40px));max-width:none;grid-template-columns:minmax(0,1fr) clamp(380px,26vw,430px);min-height:clamp(760px,86vh,940px)}
.tarot-layout{grid-template-columns:repeat(var(--card-columns,3),minmax(58px,142px));grid-auto-rows:minmax(126px,213px);gap:24px}
.tarot-position{font-size:11px;bottom:-21px;max-width:150px}.table-message{bottom:22px;padding:10px 14px;font-size:12px}
.tarot-console{gap:16px;padding:28px 22px}.console-topline{padding:16px}.console-topline strong{font-size:12px}.console-panel{padding:16px}.console-panel label{font-size:12px}.console-panel textarea,.console-panel select{padding:12px;font-size:16px}.console-panel textarea{min-height:112px}.console-panel small{font-size:11px}.console-panel p{font-size:13px}.pixel-button{min-height:58px;font-size:13px}.preview-note,.checkout-status{font-size:12px}
.tarot-layout.selection-mode{grid-template-rows:repeat(2,108px);grid-auto-columns:70px;gap:14px 10px}.tarot-deck-slot{width:70px;height:105px}.tarot-deck-slot.selected::after{width:27px;height:27px;font-size:12px}

@media(max-width:980px){
  .tarot-machine.shell{width:min(760px,calc(100vw - 24px));grid-template-columns:1fr;min-height:0}
  .tarot-table{height:clamp(600px,72svh,760px);min-height:600px}
  .tarot-console{grid-template-columns:1fr 1fr;padding:24px 20px}
  .tarot-layout{grid-template-columns:repeat(var(--card-columns,3),minmax(52px,132px));grid-auto-rows:minmax(112px,198px)}
}

@media(max-width:620px){
  .tarot-page{padding-top:30px}.tarot-intro.shell{padding-inline:20px}.tarot-intro{margin-bottom:24px}.tarot-intro h1{font-size:clamp(36px,12vw,48px)}
  .tarot-machine.shell{width:100%;max-width:100%;margin-inline:0;padding:0;border-width:6px}
  .tarot-table,.tarot-console{min-width:0}
  .tarot-table{height:clamp(500px,62svh,640px);min-height:500px}
  .tarot-layout{inset:24% 2% 11%;grid-template-columns:repeat(var(--card-columns,3),minmax(44px,94px));grid-auto-rows:minmax(92px,141px);gap:15px 10px}
  .tarot-position{font-size:9px;bottom:-16px;max-width:90px}.table-message{bottom:12px;width:max-content;max-width:90%;font-size:11px}
  .tarot-console{display:flex;gap:14px;padding:18px 14px}.console-panel{padding:14px}.console-panel label{font-size:12px}.console-panel textarea,.console-panel select{font-size:16px}.console-panel p{font-size:13px}.pixel-button{font-size:13px}
  .tarot-layout.selection-mode{inset:17% 2% 11%;grid-template-rows:repeat(2,90px);grid-auto-columns:59px;gap:12px 8px;padding:15px 8px 24px}
  .tarot-deck-slot{width:59px;height:88px}.tarot-deck-slot.selected::after{width:25px;height:25px}
}