.tarot-page{background:#fbf7ef;color:var(--navy);min-height:100vh;font-size:17px}.hero{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;padding:2rem clamp(2rem,5vw,5rem);border-bottom:1px solid var(--line-gold)}.eyebrow,.kicker{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700;color:var(--gold-dark)}.hero h1{font-size:clamp(2.1rem,3.5vw,3.5rem);line-height:1;letter-spacing:-.035em;margin:.2rem 0 .55rem}.lead{max-width:760px;line-height:1.55;margin:0;color:#36465c}.sigil{width:72px;height:72px;flex:0 0 72px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:2rem Georgia,serif}.before{display:grid;grid-template-columns:130px 1fr;gap:1.5rem;padding:1rem clamp(2rem,5vw,5rem);border-bottom:1px solid var(--line-gold)}.before p{margin:0;color:#657083}.formats,.table{padding:1.5rem clamp(2rem,5vw,5rem);border-bottom:1px solid var(--line-gold)}.formats h2,.table h2,.guardrail h2{font-size:1.45rem;font-weight:500;margin:0 0 .8rem}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.format-grid button{position:relative;min-height:72px;text-align:left;padding:.8rem;border:1px solid #d7c6a3;background:#fffaf2;color:var(--navy);cursor:pointer}.format-grid button span,.format-grid button small{display:block}.format-grid button span{font-weight:700}.format-grid button small{margin-top:.35rem;color:#697386}.format-grid button.is-selected{border-color:#173b5e;background:#edf2f2;box-shadow:inset 0 0 0 1px #173b5e}.format-grid em{position:absolute;right:-1px;top:-9px;background:#b17b21;color:#fff;padding:.16rem .38rem;border-radius:10px;font-size:.55rem;text-transform:uppercase;font-style:normal}.table{background:#f7f0e5}.table header{display:flex;justify-content:space-between;gap:1rem;align-items:end}.table header p{margin:0;color:#5f6979}.slots{margin:1.25rem auto}.slots--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;max-width:960px}.slots--integration{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:1rem;max-width:660px}.slots--cross{display:grid;grid-template-columns:repeat(3,150px);grid-template-areas:". top ." "left center right" ". bottom .";gap:1rem;justify-content:center}.slots--cross .slot:nth-child(1){grid-area:center}.slots--cross .slot:nth-child(2){grid-area:left}.slots--cross .slot:nth-child(3){grid-area:right}.slots--cross .slot:nth-child(4){grid-area:top}.slots--cross .slot:nth-child(5){grid-area:bottom}.slots--large{position:relative;width:min(100%,900px);height:760px;max-width:900px;border-radius:50%;background:radial-gradient(circle at center,rgba(190,143,56,.06) 0 30%,transparent 31%),radial-gradient(circle at center,transparent 0 48%,rgba(190,143,56,.2) 49% 49.4%,transparent 50%)}.slots--large .slot{position:absolute;left:var(--x);top:var(--y);width:112px;transform:translate(-50%,-50%)}.large-legend{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:390px;padding:1rem 1.2rem;border-top:1px solid #d6c39d;border-bottom:1px solid #d6c39d;background:#fbf7efeb}.large-legend strong{display:block;margin-bottom:.6rem;font-family:Georgia,serif;font-size:1.05rem}.large-legend ol{margin:0;padding:0;list-style:none;columns:2;column-gap:1.5rem}.large-legend li{break-inside:avoid;font-size:.72rem;line-height:1.35;margin:.2rem 0;color:#6a5b43}.large-legend li span{display:inline-block;width:1.5rem;font-weight:700;color:#a36c1c}.slot{min-width:0;text-align:left}.flip-card{width:100%;height:250px;perspective:1100px}.slots--large .flip-card{height:168px}.flip-card__inner{position:relative;width:100%;height:100%;transition:transform .72s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}.flip-card.is-flipped .flip-card__inner{transform:rotateY(180deg)}.flip-card__face{position:absolute;inset:0;border-radius:6px;overflow:hidden;box-sizing:border-box;box-shadow:0 3px 10px #0b213d33;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-card__back{background:#06192e;border:5px solid #07172a;outline:1px solid #c18b2f;outline-offset:-9px}.flip-card__back:before,.flip-card__back:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(212,160,62,.75);border-radius:50%;transform:translate(-50%,-50%)}.flip-card__back:before{width:64%;height:64%}.flip-card__back:after{width:42%;height:74%}.back-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#d4a03e;font-size:1.6rem}.flip-card__front{transform:rotateY(180deg);background-repeat:no-repeat;background-size:1300% 600%;background-color:#071a31;border:1px solid #b7832b}.position{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:#a36c1c;margin:.55rem 0 .2rem}.slot h3{font-size:.9rem;font-weight:500;margin:0}.slots--large .position{font-size:.54rem}.slots--large .slot h3{font-size:.72rem;text-align:center}.actions{display:flex;gap:.55rem;justify-content:center;margin-top:1.1rem}.actions button{min-height:46px;padding:.65rem 1rem;border:1px solid var(--navy);background:var(--navy);color:#fffaf2;font-weight:700;cursor:pointer}.actions button:disabled{opacity:.55;cursor:wait}.actions .secondary{background:transparent;color:var(--navy)}#status{text-align:center;color:#516074;min-height:1.2em}.guardrail{padding:1.5rem clamp(2rem,5vw,5rem) 2rem;background:#0b213d;color:#fffaf2}.guardrail .kicker{color:#e0aa4c}.guardrail h2{color:#fffaf2}.guardrail p{max-width:900px;color:#dbe3ed;line-height:1.55}.guardrail a{color:#e7b65c;text-decoration:none}@media(max-width:900px){.format-grid{grid-template-columns:repeat(2,1fr)}.slots--large{height:700px;transform:scale(.9);transform-origin:top center;margin-bottom:-60px}}@media(max-width:700px){.hero,.before,.formats,.table,.guardrail{padding-left:1rem;padding-right:1rem}.hero{align-items:center}.sigil{width:52px;height:52px;flex-basis:52px;font-size:1.4rem}.before{grid-template-columns:1fr;gap:.35rem}.format-grid{grid-template-columns:1fr}.slots--integration,.slots--grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.slots--cross{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.flip-card{height:220px}.slots--large{display:grid;position:static;width:auto;height:auto;transform:none;margin:1rem 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;background:none}.slots--large .slot{position:static;width:auto;transform:none}.slots--large .flip-card{height:220px}.large-legend{position:static;transform:none;width:auto;grid-column:1/-1;order:-1}.table header{display:block}.actions{flex-direction:column}.actions button{width:100%}}