:root{color-scheme:dark;--bg: #1c0915;--bg-deep: #090308;--panel: rgba(34, 10, 24, .9);--panel-strong: rgba(23, 6, 16, .96);--gold: #f2cf7d;--gold-soft: #dbab56;--gold-faint: rgba(242, 207, 125, .18);--text: #ffecc8;--muted: #d8b6bf;--danger: #ffb4a7;--shadow: 0 18px 40px rgba(6, 2, 16, .34);font-family:Iowan Old Style,Palatino Linotype,Times New Roman,serif;background:radial-gradient(circle at top,rgba(255,189,214,.16),transparent 24%),radial-gradient(circle at 85% 20%,rgba(255,155,196,.12),transparent 18%),linear-gradient(180deg,#351229,#180714 45%,#090308)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text)}button{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:20px 10px 28px}.app-panel{max-width:1180px;margin:0 auto}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.topbar h1,.content-card h2{margin:0;color:var(--gold)}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--muted)}.screen-body{display:grid}.hero-card,.content-card{background:linear-gradient(180deg,#2b0c1df2,#0e040bfa);border:1px solid rgba(242,207,125,.18);border-radius:32px;box-shadow:var(--shadow);padding:18px;overflow:hidden}.hero-card{position:relative}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 24%,rgba(255,195,220,.18),transparent 18%),radial-gradient(circle at 82% 20%,rgba(255,212,139,.1),transparent 22%);pointer-events:none}.hero-layout{position:relative;display:grid;gap:28px;align-items:center}.hero-brand,.hero-copy{position:relative;z-index:1}.hero-brand{display:grid;place-items:center}.hero-art-shell{width:min(100%,320px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(255,242,212,.12),rgba(255,178,210,.04) 58%,transparent 72%);box-shadow:inset 0 0 0 1px #f2cf7d24,0 18px 42px #00000052}.hero-art{width:min(100%,270px);height:auto;display:block;filter:drop-shadow(0 16px 28px rgba(0,0,0,.38))}.hero-copy{display:grid;gap:18px;justify-items:start;text-align:left}.hero-kicker{margin:0;padding:8px 14px;border-radius:999px;border:1px solid rgba(242,207,125,.18);background:#ffffff0a;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.76rem}.hero-lead,.muted{color:var(--muted)}.hero-lead{margin:0;max-width:28rem;font-size:clamp(1.12rem,1rem + .6vw,1.5rem);line-height:1.45}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button-row,.deck-summary,.selected-strip{display:flex;flex-wrap:wrap;gap:10px}.button-row{position:relative;z-index:4;justify-content:space-between;margin-top:12px}.ghost-button,.primary-button{border-radius:999px;padding:10px 16px;border:1px solid rgba(242,207,125,.36);transition:transform .18s ease,background .18s ease,border-color .18s ease}.ghost-button{background:#ffffff0a;color:var(--text)}.primary-button{background:linear-gradient(180deg,#f4d888,#c58d46);color:#2d0f1e;border-color:transparent;font-weight:700}.hero-button{min-width:min(100%,260px);padding:14px 28px;font-size:1.18rem}.is-secondary-home-action{background:#ffffff0a;color:var(--text);border-color:#f2cf7d3d}.ghost-button:hover,.primary-button:hover{transform:translateY(-1px)}.summary-chip,.selected-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(242,207,125,.16)}.selection-progress{margin-bottom:10px}.selection-progress-pill{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(242,207,125,.16);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;align-items:start;position:relative;z-index:1;margin-top:4px}.card-tile{display:block;width:100%;position:relative;padding:0;border:none;background:transparent;aspect-ratio:.68;contain:layout paint}.card-tile:disabled{cursor:default}.card-flip-shell{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.8,.2,1);will-change:transform;pointer-events:none}.card-tile.is-revealed .card-flip-shell{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;backface-visibility:hidden;overflow:hidden;box-shadow:0 4px 10px #08021229}.card-back{border:1px solid rgba(232,198,110,.4);background:linear-gradient(135deg,rgba(232,198,110,.08) 25%,transparent 25%) -12px 0/24px 24px,linear-gradient(225deg,rgba(232,198,110,.08) 25%,transparent 25%) -12px 0/24px 24px,linear-gradient(315deg,rgba(232,198,110,.08) 25%,transparent 25%) 0 0/24px 24px,linear-gradient(45deg,rgba(232,198,110,.08) 25%,transparent 25%) 0 0/24px 24px,radial-gradient(circle at center,rgba(232,198,110,.12),transparent 45%),linear-gradient(180deg,#130d1d,#09060f)}.card-front{transform:rotateY(180deg);background:linear-gradient(180deg,#47247ffa,#160a2cfa);border:1px solid rgba(232,198,110,.3);display:grid;place-items:center;padding:6px}.card-front-image-shell{padding:0;background:#f6efe0}.card-front-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.04);transform-origin:center}.card-front-overlay{position:absolute;inset-inline:0;inset-block-end:0;display:grid;gap:3px;padding:8px 3px 3px;background:linear-gradient(180deg,transparent,rgba(12,6,25,.88));text-align:center}.card-front-body{display:grid;place-items:center;gap:4px;padding:4px;text-align:center;min-height:100%;width:100%}.card-front-number{color:var(--gold);font-size:.72rem;line-height:1}.card-front-name{color:var(--gold);font-size:.36rem;line-height:1;text-wrap:balance}.card-front-overlay .card-front-name,.card-front-overlay .card-front-number{color:#fff7de;text-shadow:0 1px 8px rgba(0,0,0,.6)}.card-type-badge{color:#fff;font-size:.42rem;letter-spacing:.08em;text-transform:uppercase;padding:2px 5px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.card-tile.is-selected{outline:2px solid rgba(232,198,110,.65);border-radius:10px}.result-card{display:grid;gap:22px}.result-stack{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start}.result-detail-card{display:grid;gap:10px;align-items:start;justify-items:center;padding:12px;border-radius:20px;border:1px solid rgba(242,207,125,.16);background:#ffffff08}.result-card-preview,.reading-card-mini .card-face{position:relative}.result-card-preview{width:min(100%,185px);justify-self:center;aspect-ratio:.58;overflow:hidden;border-radius:14px;border:1px solid rgba(232,198,110,.26);box-shadow:0 18px 36px #06021057;background:#f6efe0}.result-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04);transform-origin:center}.reading-card-mini .card-front{min-height:100%;transform:none}.reading-card-mini .card-front-overlay{padding:28px 10px 10px;gap:6px}.reading-card-mini .card-front-number{font-size:1.2rem}.reading-card-mini .card-front-name{font-size:.76rem;line-height:1.2}.result-details{display:grid;gap:8px;align-content:start;width:100%}.result-row{display:grid;gap:4px;padding:10px 12px;border-radius:14px;border:1px solid rgba(232,198,110,.18);background:#07041152}.result-label{color:var(--muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.result-button{justify-self:center}@media (max-width: 479px){.card-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.card-front-overlay{padding:7px 3px 3px}.card-front-number{font-size:.64rem}.card-front-name{font-size:.32rem}}@media (min-width: 720px){.app-shell{padding:34px 22px 44px}.hero-card,.content-card{padding:28px}.hero-layout{grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:28px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.result-stack{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (min-width: 1024px){.hero-layout{grid-template-columns:320px minmax(0,1fr)}.hero-art-shell{width:320px}.hero-art{width:270px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}.result-stack{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}