:root{
  --bg:#0a0d14;--bg2:#0f131d;--panel:#131824;--panel2:#181e2c;--line:#252c3d;
  --text:#f0eee9;--muted:#949db0;--dim:#687186;--gold:#d5b77b;--gold2:#f0d49b;
  --cyan:#7bbbc4;--violet:#aa91d8;--green:#7fb798;--red:#d38d8d;--orange:#d2a16f;
  --radius:18px;--shadow:0 20px 50px rgba(0,0,0,.24);--sidebar:245px;
  font-family:Inter,"Noto Sans Thai","Segoe UI",system-ui,-apple-system,sans-serif;color-scheme:dark;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% -10%,rgba(98,76,138,.14),transparent 34%),var(--bg);color:var(--text);min-height:100vh}button,input,select,textarea{font:inherit}button{color:inherit}a{color:var(--gold2)}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:22px 16px;background:rgba(12,15,23,.96);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20;backdrop-filter:blur(16px)}
.brand{display:flex;gap:11px;align-items:center;padding:4px 7px 24px}.brand-mark{width:42px;height:42px;border:1px solid rgba(213,183,123,.55);border-radius:13px;display:grid;place-items:center;font-family:Georgia,serif;color:var(--gold2);background:linear-gradient(145deg,rgba(213,183,123,.14),rgba(129,99,180,.11));box-shadow:inset 0 0 18px rgba(213,183,123,.08)}.brand strong{display:block;font-family:Georgia,serif;font-size:18px;letter-spacing:.4px}.brand span{display:block;font-size:9px;color:var(--muted);letter-spacing:.8px;margin-top:3px}
.nav{display:flex;flex-direction:column;gap:4px}.nav button{border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:10px;color:#9aa3b4;cursor:pointer;display:flex;gap:11px;align-items:center;transition:.18s}.nav button span{width:20px;text-align:center;color:#6f788b}.nav button:hover{background:#151a27;color:#e9e7e2}.nav button.active{background:linear-gradient(90deg,rgba(213,183,123,.12),rgba(213,183,123,.035));color:var(--gold2);box-shadow:inset 2px 0 0 var(--gold)}.nav button.active span{color:var(--gold)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:16px 7px 2px;font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.local-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green)}
.main{margin-left:var(--sidebar);padding:0 30px 32px;max-width:1600px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:86px;padding:14px 0;background:linear-gradient(180deg,var(--bg) 70%,transparent);backdrop-filter:blur(8px)}.topbar h1{margin:2px 0 0;font:600 22px Georgia,serif}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--gold);text-transform:uppercase}.top-actions{display:flex;gap:9px;align-items:center}.chip,.status,.badge{border:1px solid var(--line);background:#111621;border-radius:999px;padding:6px 10px;font-size:10px;color:var(--muted)}.chip{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status.good{border-color:rgba(127,183,152,.28);color:var(--green);background:rgba(127,183,152,.07)}.menu-btn{display:none}
.view{display:none;animation:fade .2s ease}.view.active{display:block}@keyframes fade{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}
.panel{background:linear-gradient(145deg,rgba(21,26,39,.98),rgba(17,22,33,.98));border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.hero{min-height:310px;padding:38px 42px;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;position:relative}.hero h2{font:500 clamp(30px,4vw,51px)/1.08 Georgia,serif;margin:10px 0 18px;max-width:760px}.hero h2 em{color:var(--gold2);font-style:normal}.hero p{color:var(--muted);max-width:690px;line-height:1.7;margin:0}.hero-actions,.form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.btn{border:1px solid #343b4d;background:#191f2d;border-radius:9px;padding:9px 13px;cursor:pointer;transition:.15s;font-size:12px}.btn:hover{transform:translateY(-1px);border-color:#555d70}.btn.primary{background:linear-gradient(145deg,#b59458,#d1b575);border-color:#d1b575;color:#17130d;font-weight:700}.btn.ghost{background:transparent}.btn.danger{border-color:rgba(211,141,141,.35);color:#e2a3a3;background:rgba(211,141,141,.06)}.icon-btn{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:8px;cursor:pointer}.hero-orbit{position:relative;min-height:230px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(213,183,123,.18);border-radius:50%;transform:rotate(-12deg)}.o1{width:230px;height:230px}.o2{width:165px;height:165px;border-color:rgba(170,145,216,.2)}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border-radius:50%;background:var(--gold);box-shadow:0 0 24px rgba(213,183,123,.55)}.hero-orbit:before{width:7px;height:7px;transform:translate(103px,-43px)}.hero-orbit:after{width:5px;height:5px;background:var(--violet);transform:translate(-66px,78px)}.orbit-core{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font:38px Georgia,serif;color:var(--gold2);background:radial-gradient(circle,rgba(213,183,123,.18),rgba(213,183,123,.02));border:1px solid rgba(213,183,123,.32);box-shadow:0 0 50px rgba(213,183,123,.1)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.metric{border:1px solid var(--line);border-radius:14px;background:#101520;padding:17px}.metric span,.metric small{display:block;color:var(--muted);font-size:10px}.metric strong{font:500 28px Georgia,serif;color:var(--gold2);display:block;margin:5px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.module-card{padding:17px;border:1px solid var(--line);border-radius:14px;background:#111621;cursor:pointer;transition:.18s}.module-card:hover{border-color:#41495c;transform:translateY(-2px)}.module-card strong{display:block;font:500 16px Georgia,serif}.module-card span{display:block;color:var(--muted);font-size:10px;margin-top:6px;line-height:1.45}.module-card .mini-status{margin-top:12px;display:inline-block;color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.8px}
.section-head,.result-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h3,.result-title h3{margin:3px 0 0;font:500 18px Georgia,serif}.result-title>div{display:flex;align-items:center;gap:9px}.section-intro{display:flex;justify-content:space-between;align-items:end;margin:12px 0 18px}.section-intro h2{font:500 31px Georgia,serif;margin:5px 0}.section-intro p{margin:0;color:var(--muted);max-width:780px;line-height:1.6}.muted,.form-note{color:var(--muted);font-size:11px;line-height:1.6}
.signal-list{display:flex;flex-direction:column;gap:12px}.signal-row{display:grid;grid-template-columns:95px 1fr 30px;gap:10px;align-items:center}.signal-row>span{font-size:11px;color:#c2c6d0}.signal-track{height:7px;border-radius:99px;background:#222838;overflow:hidden}.signal-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--violet));border-radius:99px}.signal-score{font:12px Georgia,serif;color:var(--gold2);text-align:right}.engine-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.engine-mini{border:1px solid var(--line);border-radius:10px;padding:10px}.engine-mini strong{display:block;font-size:11px}.engine-mini span{font-size:9px;color:var(--muted)}.engine-mini .meter{height:3px;background:#242b3c;margin-top:8px;border-radius:9px;overflow:hidden}.engine-mini .meter i{display:block;height:100%;background:var(--green)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.question-panel label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#b8becb;letter-spacing:.2px}.span-2{grid-column:span 2}input,select,textarea{width:100%;border:1px solid #30374a;background:#0e131d;color:var(--text);border-radius:9px;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:#786744;box-shadow:0 0 0 2px rgba(213,183,123,.08)}textarea{resize:vertical;line-height:1.55}.profile-list{display:flex;flex-direction:column;gap:8px}.profile-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#101520}.profile-item.active{border-color:rgba(213,183,123,.45);background:rgba(213,183,123,.055)}.profile-item strong{display:block;font-size:12px}.profile-item small{color:var(--muted)}.profile-actions{display:flex;gap:5px}.profile-actions button{border:0;background:#1a2030;color:#aeb5c4;border-radius:7px;padding:6px 8px;cursor:pointer}
.result-summary{margin-bottom:14px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.summary-hero{font:500 28px Georgia,serif;color:var(--gold2)}.summary-meta{color:var(--muted);font-size:11px;line-height:1.6}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.result-grid .wide{grid-column:span 2}.system-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.system-dot.bazi{background:#d8a778}.system-dot.ziwei{background:#a68ed4}.system-dot.western{background:#77aebe}.system-dot.vedic{background:#bd936d}.system-dot.qimen{background:#8eb68c}.system-dot.thai{background:#c2ad70}.system-dot.number{background:#9994c4}.badge{padding:4px 8px}.badge.audited{color:var(--green);border-color:rgba(127,183,152,.3)}.badge.approx{color:var(--orange);border-color:rgba(210,161,111,.3)}.badge.timing{color:var(--cyan);border-color:rgba(123,187,196,.3)}.badge.foundation{color:#b5a7cf}.badge.rule{color:var(--gold2)}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pillar{text-align:center;border:1px solid var(--line);border-radius:12px;padding:12px 7px;background:#0f141f}.pillar span{display:block;font-size:9px;color:var(--muted)}.pillar .stem,.pillar .branch{font:28px Georgia,serif;margin:4px 0}.pillar .stem{color:var(--gold2)}.pillar small{display:block;color:#929bac;font-size:9px;line-height:1.45}.element-bars{display:flex;flex-direction:column;gap:7px;margin-top:14px}.element-row{display:grid;grid-template-columns:54px 1fr 34px;gap:8px;align-items:center;font-size:9px}.element-row .track{height:5px;background:#242a39;border-radius:9px;overflow:hidden}.element-row .track i{height:100%;display:block;background:linear-gradient(90deg,#7a879c,var(--gold))}.relation-list,.tag-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.relation,.tag{font-size:9px;border:1px solid var(--line);padding:5px 7px;border-radius:999px;color:#b8c0ce}.relation.clash{color:#e1a1a1;border-color:rgba(211,141,141,.27)}
.ziwei-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.ziwei-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ziwei-palace{min-height:105px;border:1px solid var(--line);border-radius:10px;padding:9px;background:#0f141e}.ziwei-palace.life{border-color:rgba(213,183,123,.55)}.ziwei-palace.body{box-shadow:inset 0 0 0 1px rgba(170,145,216,.35)}.ziwei-palace header{display:flex;justify-content:space-between;gap:7px;font-size:10px}.ziwei-palace header strong{color:var(--gold2)}.ziwei-palace .stars{font-size:10px;margin-top:8px;line-height:1.55}.ziwei-palace .support{color:#9aa5b8;font-size:8px}.ziwei-palace footer{margin-top:7px;font-size:8px;color:var(--dim)}
.planet-list,.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.planet,.kv{padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:#101520;font-size:10px}.planet strong,.kv strong{display:block;color:#d9d6d0;font-size:10px}.planet span,.kv span{display:block;color:var(--muted);margin-top:3px}.aspect-list{margin-top:10px;font-size:9px;color:#aeb5c3;line-height:1.7}.qimen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:560px}.qimen-palace{border:1px solid var(--line);border-radius:9px;text-align:center;padding:12px;background:#0e131d}.qimen-palace strong{font:20px Georgia,serif;color:var(--gold2);display:block}.qimen-palace span{font-size:9px;color:var(--muted)}
.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:10px}th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{font-weight:500;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.5px}td strong{color:var(--gold2)}.timeline{display:flex;gap:8px;overflow:auto;padding-bottom:5px}.year-card{min-width:96px;border:1px solid var(--line);border-radius:10px;padding:11px;background:#101520}.year-card.current{border-color:rgba(213,183,123,.5)}.year-card strong{display:block;font:16px Georgia,serif;color:var(--gold2)}.year-card span{display:block;font-size:10px;margin-top:4px}.year-card small{color:var(--muted)}
.question-panel{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.oracle-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.oracle-btn{border:1px solid var(--line);border-radius:13px;background:#111621;padding:15px;text-align:left;cursor:pointer;transition:.18s;min-height:92px}.oracle-btn:hover{transform:translateY(-2px);border-color:#454d60}.oracle-btn strong{display:block;font:500 15px Georgia,serif}.oracle-btn span{display:block;color:var(--muted);font-size:9px;margin-top:5px}.draw-result{min-height:110px}.draw-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.draw-head small{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.draw-card{border:1px solid var(--line);border-radius:11px;padding:13px;background:#0e131d}.draw-card.reversed{border-style:dashed}.draw-card .position{font-size:8px;color:var(--gold);text-transform:uppercase;letter-spacing:.7px}.draw-card strong{display:block;font:500 15px Georgia,serif;margin:6px 0}.draw-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.proof{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);font-family:ui-monospace,monospace;font-size:8px;color:#717b8f;word-break:break-all}.journal{display:flex;flex-direction:column;gap:7px}.journal-item{display:grid;grid-template-columns:110px 1fr 90px;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line);font-size:10px}.journal-item small{color:var(--muted)}.empty-state{color:var(--muted);display:grid;place-items:center;text-align:center;padding:30px}.analyst-answer{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:14px;line-height:1.75;font-size:11px;white-space:pre-wrap}.evidence-positive{color:var(--green)}.evidence-negative{color:var(--red)}
.audit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.audit-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:#111621}.audit-card header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.audit-card h3{font:500 15px Georgia,serif;margin:0}.audit-card .audit-score{font:18px Georgia,serif;color:var(--gold2)}.audit-card p{font-size:10px;color:var(--muted);line-height:1.55}.audit-scope{font-size:9px;color:#c0c4cd}.audit-bar{height:4px;background:#242a38;border-radius:9px;overflow:hidden;margin:10px 0}.audit-bar i{height:100%;display:block;background:linear-gradient(90deg,var(--gold),var(--green))}.caution{border-color:rgba(210,161,111,.25);color:#c8b9a5;font-size:10px;line-height:1.65;background:rgba(210,161,111,.045)}
.toggle-row{flex-direction:row!important;align-items:flex-start;gap:10px!important}.toggle-row input{width:auto;margin-top:3px}.toggle-row span{display:block}.toggle-row small{display:block;color:var(--muted);margin-top:3px}.stack-actions{display:flex;flex-direction:column;gap:8px}.file-btn{text-align:center}.storage-info{margin-top:14px;font-size:9px;color:var(--muted);line-height:1.6}footer{text-align:center;color:#515a6c;font-size:8px;letter-spacing:.9px;padding:30px 0 5px}
@media(max-width:1180px){.module-grid{grid-template-columns:repeat(2,1fr)}.oracle-grid{grid-template-columns:repeat(3,1fr)}.audit-grid{grid-template-columns:repeat(2,1fr)}.ziwei-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){:root{--sidebar:220px}.main{padding:0 18px 28px}.metric-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;padding:28px}.hero-orbit{display:none}.two-col,.result-grid{grid-template-columns:1fr}.result-grid .wide{grid-column:auto}.question-panel{grid-template-columns:1fr}.ziwei-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:.2s;width:260px}.sidebar.open{transform:translateX(0);box-shadow:20px 0 60px rgba(0,0,0,.45)}.main{margin-left:0;padding:0 13px 24px}.menu-btn{display:block}.topbar{min-height:74px}.topbar .eyebrow{display:none}.topbar h1{font-size:18px}.top-actions .chip{display:none}.hero{padding:25px 20px;min-height:0}.hero h2{font-size:31px}.metric-grid{grid-template-columns:1fr 1fr}.module-grid{grid-template-columns:1fr 1fr}.oracle-grid{grid-template-columns:1fr 1fr}.audit-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.pillars{grid-template-columns:repeat(2,1fr)}.ziwei-grid{grid-template-columns:repeat(2,1fr)}.planet-list,.kv-grid{grid-template-columns:1fr 1fr}.journal-item{grid-template-columns:80px 1fr}.journal-item>:last-child{display:none}.section-intro h2{font-size:25px}}
@media(max-width:430px){.metric-grid,.module-grid,.oracle-grid,.ziwei-grid,.planet-list,.kv-grid{grid-template-columns:1fr}.top-actions .btn{display:none}.hero h2{font-size:28px}.panel{padding:15px}.signal-row{grid-template-columns:75px 1fr 25px}.qimen-grid{grid-template-columns:repeat(3,1fr)}.qimen-palace{padding:10px 5px}}

/* v2.1 production card asset integration */
.deck-library-panel{margin-bottom:14px;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(238,220,255,.07),rgba(255,226,218,.045) 48%,rgba(220,246,234,.04)),linear-gradient(145deg,rgba(21,26,39,.98),rgba(17,22,33,.98))}
.deck-library-panel:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-120px;top:-150px;background:radial-gradient(circle,rgba(240,212,155,.13),transparent 70%);pointer-events:none}
.visual-deck-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.visual-deck-card{position:relative;display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center;text-align:left;border:1px solid #30384c;background:linear-gradient(145deg,#121824,#0f141f);border-radius:16px;padding:11px;color:var(--text);cursor:pointer;transition:.22s;overflow:hidden}
.visual-deck-card:hover,.visual-deck-card.selected{transform:translateY(-2px);border-color:rgba(213,183,123,.55);box-shadow:0 18px 38px rgba(0,0,0,.2)}
.visual-deck-card.selected:before{content:"SELECTED";position:absolute;right:10px;top:9px;color:var(--gold2);font-size:7px;letter-spacing:1.2px}
.deck-cover-wrap{display:block;aspect-ratio:3/4;border-radius:11px;overflow:hidden;border:1px solid rgba(240,212,155,.22);background:#ece3f4}
.deck-cover-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.cover-placeholder{height:100%;display:grid;place-items:center;color:#6b6481;background:linear-gradient(145deg,#e8dcf6,#f7e6dc)}
.deck-copy strong{display:block;font:500 20px Georgia,serif;color:#f4eee4}.deck-copy small{display:block;color:#adb5c7;line-height:1.5;margin:5px 0 9px}.deck-copy em{font-style:normal;color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.7px}
.visual-question-panel{grid-template-columns:minmax(300px,2fr) minmax(160px,.7fr) minmax(220px,1fr);align-items:end}.visual-question-panel .question-wide{grid-row:span 2}.draw-actions{display:flex;gap:8px;align-items:center;grid-column:2/4}.draw-actions .btn{flex:1}.draw-actions .btn.primary{min-width:150px}
.oracle-secondary-head{margin:18px 0 9px}.latest-draw-panel{margin-top:4px}.draw-toolbar,.journal-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.journal-toolbar select{width:auto;min-width:130px;padding:8px 9px}
.shuffle-stage{min-height:290px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center}.shuffle-stage strong{font:500 18px Georgia,serif;color:var(--gold2)}.shuffle-stage small{color:var(--muted)}
.shuffle-stack{position:relative;width:132px;height:198px;perspective:900px;margin-bottom:10px}.shuffle-card{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid rgba(240,212,155,.4);box-shadow:0 15px 30px rgba(0,0,0,.35);animation:asShuffle .72s ease-in-out infinite alternate}.shuffle-card.sc2{animation-delay:-.12s}.shuffle-card.sc3{animation-delay:-.24s}.shuffle-card.sc4{animation-delay:-.36s}.shuffle-card.sc5{animation-delay:-.48s}
@keyframes asShuffle{0%{transform:translate3d(-24px,2px,0) rotate(-7deg)}50%{transform:translate3d(30px,-3px,0) rotate(7deg)}100%{transform:translate3d(2px,0,0) rotate(0)}}
.spread-stage{display:grid;gap:11px;align-items:start;justify-content:center;margin:12px auto 8px;max-width:1180px}.spread-single{grid-template-columns:minmax(170px,260px)}.spread-line3{grid-template-columns:repeat(3,minmax(150px,230px))}.spread-line5{grid-template-columns:repeat(5,minmax(130px,190px))}.spread-grid9{grid-template-columns:repeat(3,minmax(135px,200px));max-width:680px}.spread-grand{grid-template-columns:repeat(8,minmax(72px,1fr));gap:6px;max-width:1160px}.spread-celtic{grid-template-columns:repeat(6,minmax(105px,150px));grid-template-rows:repeat(4,auto);max-width:980px;align-items:center}.spread-celtic .visual-card:nth-child(1){grid-column:2;grid-row:2}.spread-celtic .visual-card:nth-child(2){grid-column:2;grid-row:2;transform:rotate(8deg);z-index:2}.spread-celtic .visual-card:nth-child(3){grid-column:2;grid-row:4}.spread-celtic .visual-card:nth-child(4){grid-column:1;grid-row:2}.spread-celtic .visual-card:nth-child(5){grid-column:2;grid-row:1}.spread-celtic .visual-card:nth-child(6){grid-column:3;grid-row:2}.spread-celtic .visual-card:nth-child(7){grid-column:5;grid-row:4}.spread-celtic .visual-card:nth-child(8){grid-column:5;grid-row:3}.spread-celtic .visual-card:nth-child(9){grid-column:5;grid-row:2}.spread-celtic .visual-card:nth-child(10){grid-column:5;grid-row:1}
.visual-card{border:0;padding:0;background:transparent;perspective:1200px;aspect-ratio:2/3;cursor:pointer;min-width:0;color:inherit}.visual-card-inner{position:relative;width:100%;height:100%;display:block;transition:transform .62s cubic-bezier(.2,.74,.25,1);transform-style:preserve-3d}.visual-card.is-flipped .visual-card-inner{transform:rotateY(180deg)}.visual-card:hover .visual-card-inner{filter:brightness(1.035)}
.visual-card-side{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid rgba(240,212,155,.32);border-radius:13px;overflow:hidden;box-shadow:0 15px 32px rgba(0,0,0,.22);background:#161b27}.visual-card-back img,.visual-card-front .card-art{width:100%;height:100%;object-fit:cover;display:block}.visual-card-front{transform:rotateY(180deg);background:#f6f0ea;color:#29223a}.fallback-back{height:100%;display:grid;place-items:center;font:38px Georgia,serif;color:#6e6096;background:linear-gradient(145deg,#ddcff2,#f5dedb)}
.card-art.art-reversed{transform:rotate(180deg)}.position-badge{position:absolute;left:7px;top:7px;z-index:3;max-width:calc(100% - 14px);padding:4px 7px;border-radius:999px;background:rgba(255,250,244,.88);color:#5d5274;font-size:7px;letter-spacing:.45px;box-shadow:0 2px 12px rgba(79,61,103,.12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-caption{position:absolute;z-index:2;left:0;right:0;bottom:0;display:block;padding:28px 9px 8px;background:linear-gradient(transparent,rgba(250,246,240,.94) 38%,rgba(250,246,240,.99));text-align:left}.card-caption strong{font:500 12px Georgia,serif;display:block;color:#393047}.card-caption .card-th{font-size:8px;color:#806f8c;display:block;margin-top:2px}.card-caption .card-summary{font-size:8px;line-height:1.35;color:#766d79;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.review-flag{display:inline-block;margin-top:4px;color:#a06f55;font-size:6px;text-transform:uppercase;letter-spacing:.5px}.spread-compact .card-caption{padding:16px 5px 5px}.spread-compact .card-caption strong{font-size:8px}.spread-compact .card-caption .card-summary,.spread-compact .card-caption .card-th,.spread-compact .position-badge{display:none}.spread-compact .visual-card-side{border-radius:7px}
.proof strong{color:#8f7aaf;font-weight:500}.journal{gap:8px}.journal-item{grid-template-columns:118px 112px 1fr auto;gap:12px;padding:11px 2px;min-height:70px}.journal-visual{min-width:0}.journal-thumbs{display:flex;align-items:center;height:58px;padding-left:2px}.journal-thumbs img{width:38px;height:56px;object-fit:cover;border-radius:5px;border:1px solid rgba(240,212,155,.2);margin-left:-10px;box-shadow:0 5px 14px rgba(0,0,0,.2)}.journal-thumbs img:first-child{margin-left:0}.journal-symbol{width:58px;height:58px;border-radius:9px;display:grid;place-items:center;background:#141a27;color:var(--gold);font-size:24px}.journal-copy{min-width:0}.journal-copy strong{display:block;font:500 13px Georgia,serif}.journal-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.journal-copy code{display:block;color:#667085;font-size:7px;margin-top:5px}.journal-actions{display:flex;gap:5px}.journal-actions .btn{padding:7px 9px;font-size:9px}
@media(max-width:1180px){.visual-deck-card{grid-template-columns:88px 1fr}.visual-question-panel{grid-template-columns:1fr 1fr}.visual-question-panel .question-wide{grid-column:span 2;grid-row:auto}.draw-actions{grid-column:span 2}.spread-line5{grid-template-columns:repeat(5,minmax(105px,1fr))}.spread-grand{grid-template-columns:repeat(6,minmax(70px,1fr))}.journal-item{grid-template-columns:105px 1fr auto}.journal-item>small{display:none}}
@media(max-width:900px){.visual-deck-grid{grid-template-columns:1fr}.visual-deck-card{grid-template-columns:82px 1fr}.spread-line5{grid-template-columns:repeat(3,minmax(110px,1fr))}.spread-grand{grid-template-columns:repeat(4,minmax(66px,1fr))}.spread-celtic{grid-template-columns:repeat(5,minmax(80px,1fr));grid-template-rows:auto}.spread-celtic .visual-card{grid-column:auto!important;grid-row:auto!important;transform:none!important}.journal-item{grid-template-columns:90px 1fr}.journal-actions{grid-column:2}.journal-visual{grid-row:span 2}}
@media(max-width:720px){.visual-question-panel{grid-template-columns:1fr}.visual-question-panel .question-wide,.draw-actions{grid-column:auto}.draw-actions{flex-direction:column}.draw-actions .btn{width:100%}.spread-line3{grid-template-columns:repeat(3,minmax(86px,1fr))}.spread-line5{grid-template-columns:repeat(2,minmax(100px,1fr))}.spread-grid9{grid-template-columns:repeat(3,minmax(82px,1fr))}.spread-grand{grid-template-columns:repeat(4,minmax(62px,1fr));gap:4px}.draw-toolbar{width:100%}.journal-toolbar{width:100%}.journal-toolbar select{flex:1}.journal-item{grid-template-columns:74px 1fr}.journal-thumbs img{width:32px;height:48px}.journal-thumbs{height:50px}.deck-copy strong{font-size:17px}}
@media(max-width:430px){.visual-deck-card{grid-template-columns:72px 1fr;padding:8px}.spread-line3{grid-template-columns:repeat(3,minmax(76px,1fr));gap:5px}.spread-grid9{grid-template-columns:repeat(3,minmax(72px,1fr));gap:5px}.spread-grand{grid-template-columns:repeat(4,minmax(54px,1fr));gap:3px}.visual-card-side{border-radius:8px}.card-caption strong{font-size:9px}.journal-actions .btn{padding:6px 7px}.shuffle-stack{width:110px;height:165px}}
@media(prefers-reduced-motion:reduce){.shuffle-card{animation:none}.visual-card-inner{transition:none}.visual-deck-card{transition:none}}
.spread-cross5{grid-template-columns:repeat(3,minmax(130px,190px));grid-template-rows:repeat(3,auto);max-width:610px;align-items:center}.spread-cross5 .visual-card:nth-child(1){grid-column:2;grid-row:2}.spread-cross5 .visual-card:nth-child(2){grid-column:1;grid-row:2}.spread-cross5 .visual-card:nth-child(3){grid-column:2;grid-row:1}.spread-cross5 .visual-card:nth-child(4){grid-column:3;grid-row:2}.spread-cross5 .visual-card:nth-child(5){grid-column:2;grid-row:3}
@media(max-width:720px){.spread-cross5{grid-template-columns:repeat(3,minmax(78px,1fr));gap:5px}}