/* Astra v7: isolated card components; load LAST after the site styles. */
.astra-card{--metal:#c5a96d;--lx:50%;--ly:30%;position:relative;width:100%;aspect-ratio:63/88;min-width:0;container-type:inline-size;isolation:isolate;perspective:1000px;color:#f7f3e9;font-family:'Space Grotesk','DM Sans',Arial,sans-serif;text-align:left;touch-action:pan-y}
.astra-card.astra-hero{--metal:#c5cbd2}
.astra-card .astra-frame{position:absolute;inset:0;display:grid;grid-template-rows:8% 57% 28% 7%;overflow:hidden;border:1px solid var(--metal);border-radius:4.6% / 3.3%;background:#08090c;box-shadow:0 12px 35px #0009,inset 0 0 0 3px #111;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .16s ease-out;transform-style:preserve-3d}
.astra-card .astra-frame:after{content:'';position:absolute;inset:4px;border:1px solid #d1b67626;border-radius:3.6% / 2.6%;pointer-events:none;z-index:5}
.astra-card .astra-top{display:flex;align-items:center;justify-content:space-between;padding:0 7%;background:linear-gradient(110deg,#08090c,#20201b,#08090c);gap:5%;z-index:2}
.astra-card .astra-wordmark{width:42%;height:auto;max-height:65%;object-fit:contain;filter:none}
.astra-card .astra-subject{color:#ddd9cd;text-transform:uppercase;font-size:3cqw;letter-spacing:.12em;font-weight:600}
.astra-card .astra-art{position:relative;background-color:#030407;background-repeat:no-repeat;overflow:hidden;border-bottom:1px solid #ddc7974d}
.astra-card .astra-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08090c 0%,transparent 25%,transparent 80%,#0003);pointer-events:none}
.astra-card .astra-original-crop{position:absolute;width:443.5%;max-width:none;top:-66%;height:auto;pointer-events:none}
.astra-card .astra-copy{padding:5% 7% 2%;min-height:0;background:linear-gradient(135deg,#151512,#08090c 65%);position:relative;z-index:2}
.astra-card .astra-series{font-size:2.6cqw;letter-spacing:.2em;color:var(--metal);line-height:1.2;margin:0 0 4%;font-weight:600}
.astra-card .astra-title{font:600 7.3cqw/1.05 'Space Grotesk','DM Sans',Arial,sans-serif;letter-spacing:-.035em;margin:0 0 5%;color:#fff;overflow-wrap:normal}
.astra-card .astra-formula{font:500 4.5cqw/1.3 'DM Sans',Arial,sans-serif;color:#ded7c6;margin:0;padding:0;letter-spacing:0}
.astra-card .astra-foot{display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-top:1px solid #c5a96d35;color:var(--metal);font-size:2.6cqw;font-weight:600;letter-spacing:.12em;z-index:2;background:#08090c}
.astra-hero .astra-copy{background:linear-gradient(135deg,#151922,#050609 75%)}
.astra-hero .astra-formula{color:#d6dfec}
.astra-card .astra-glint{position:absolute;inset:0;pointer-events:none;z-index:4;opacity:.1;background:radial-gradient(ellipse at var(--lx) var(--ly),#fff9,transparent 43%),linear-gradient(120deg,transparent 20%,#fae7bd33 35%,#b4e6ff44 48%,#dabaff33 60%,transparent 76%);mix-blend-mode:screen;mask-image:linear-gradient(#000 0 60%,transparent 74%,#000 95%);transition:opacity .2s}
.astra-card.astra-lit .astra-glint{opacity:.65}
.astra-card.astra-pi .astra-frame{display:block}
.astra-card .astra-pi-image{width:100%;height:100%;object-fit:cover;display:block}
.hand-pick .astra-card{pointer-events:none;max-width:230px;margin:auto}
#cards.card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:26px}
#revealed .astra-card{min-width:0}
.reveal-card .astra-card,.tv-reveal-card .astra-card{width:100%}
/* Fix cross-sheet light tokens while the selected edition is dark. */
html:is([data-theme=premium],[data-theme=hero]){color-scheme:dark;--bg:#000;--panel:#101114;--ink:#f4f2ed;--text:#f4f2ed;--muted:#aeb0b9;--line:#36383d;--accent:#d9bc80}
html:is([data-theme=premium],[data-theme=hero]) body{background:#000;color:#f4f2ed}
html:is([data-theme=premium],[data-theme=hero]) :is(h1,h2,h3){color:#f4f2ed}
html:is([data-theme=premium],[data-theme=hero]) header.app{background:#090a0ded;border-color:#303036}
html:is([data-theme=premium],[data-theme=hero]) .panel{background:#101114;color:#f4f2ed;border:1px solid #303036;padding:20px;border-radius:14px}
html:is([data-theme=premium],[data-theme=hero]) :is(.notice,.slot.filled,.account-chip){background:#17191e;color:#e7e4db}
html:is([data-theme=premium],[data-theme=hero]) :is(button,.btn){background:#15171b;border:1px solid #42434a;color:#eeeae0;border-radius:9px}
html:is([data-theme=premium],[data-theme=hero]) :is(button.primary,button[aria-pressed=true]){background:#d9bc80;color:#090a0d;border-color:#d9bc80}
html:is([data-theme=premium],[data-theme=hero]) :is(input,select){background:#08090c;border-color:#42434a;color:#f4f2ed}
html:is([data-theme=premium],[data-theme=hero]) .hand-pick{background:#0c0d10;padding:6px}
html:is([data-theme=premium],[data-theme=hero]) .hand-pick[aria-pressed=true]{background:#282216;outline:2px solid #d9bc80;outline-offset:2px}
html:is([data-theme=premium],[data-theme=hero]) .muted{color:#aeb0b9}
@media(max-width:540px){#cards.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.astra-card .astra-title{font-size:7.5cqw}.wrap.wide{padding:12px}}
@media(prefers-reduced-motion:reduce){.astra-card .astra-frame{transform:none!important;transition:none}.astra-card .astra-glint{transition:none}}