
:root{--bg:#07080c;--panel:#0e1118;--panel2:#11151d;--border:#272d39;--gold:#ffd700;--gold2:#c7a84d;--muted:#9ba1aa;--text:#f5f5f7;--glow:rgba(255,215,0,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#14182a 0,#07080c 42%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;min-height:100vh}a{text-decoration:none;color:inherit}button,select{font:inherit}.site-header{position:sticky;top:0;z-index:50;background:rgba(4,5,8,.94);backdrop-filter:blur(12px);border-bottom:1px solid #3b3110}.header-inner{max-width:1240px;margin:auto;padding:12px 20px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);display:grid;place-items:center;transform:rotate(45deg);box-shadow:0 0 20px var(--glow)}.brand-mark span{transform:rotate(-45deg);font-size:21px;color:var(--gold)}.brand-title{font:700 23px Georgia,serif;letter-spacing:3px;color:var(--gold)}.brand-sub{font-size:8px;letter-spacing:3px;color:#c8bfa8;margin-top:2px}.nav{margin-left:auto;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.nav a{padding:9px 11px;border:1px solid transparent;border-radius:5px;text-transform:uppercase;letter-spacing:1px;font-size:10px;color:#aeb4bd}.nav a:hover,.nav a.active{border-color:var(--gold);color:var(--gold);background:var(--glow)}.page{max-width:1240px;margin:auto;padding:34px 20px 60px}.hero{display:grid;grid-template-columns:1.05fr .9fr 1fr;gap:28px;align-items:center;min-height:560px;padding:30px;border:1px solid #2c2b20;border-radius:18px;background:radial-gradient(circle at 50% 45%,rgba(40,43,70,.4),rgba(7,8,12,.9) 65%),linear-gradient(120deg,#090a0f,#10131b);box-shadow:0 25px 80px rgba(0,0,0,.45)}.hero-copy h1{font:400 clamp(40px,5vw,64px) Georgia,serif;margin:0 0 12px;letter-spacing:1px}.hero-copy h1 span{color:var(--gold)}.eyebrow{font-size:11px;letter-spacing:4px;color:var(--gold);text-transform:uppercase;margin-bottom:18px}.hero-copy p{color:#aeb4bd;line-height:1.7;max-width:520px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--gold);color:var(--gold);background:var(--glow);padding:12px 16px;border-radius:6px;text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:10px}.btn:hover{background:rgba(255,215,0,.24)}.hero-card-wrap{text-align:center}.hero-card{width:min(100%,330px);aspect-ratio:5/8;margin:auto;border-radius:10px;overflow:hidden;border:1px solid var(--gold);box-shadow:0 0 55px rgba(255,215,0,.13),0 25px 55px rgba(0,0,0,.55);background:#000}.hero-card img,.preview-card img{width:100%;height:100%;display:block;object-fit:cover}.side-panel{background:rgba(10,12,18,.8);border:1px solid var(--border);border-radius:12px;padding:20px}.label{display:block;color:var(--gold);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-bottom:8px}.select{width:100%;background:#05060a;color:#eee;border:1px solid #333948;border-radius:7px;padding:13px;font-size:12px}.side-panel .btn{width:100%;margin-top:12px}.toggle{display:flex;justify-content:space-between;align-items:center;border:1px solid #303542;background:#080a0f;border-radius:7px;padding:12px;margin-top:12px}.switch{position:relative;width:42px;height:23px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#222633;border:1px solid #3a4050;border-radius:99px}.slider:before{content:"";position:absolute;width:17px;height:17px;left:2px;top:2px;background:#9098a4;border-radius:50%;transition:.2s}.switch input:checked+.slider{border-color:var(--gold);background:var(--glow)}.switch input:checked+.slider:before{transform:translateX(19px);background:var(--gold)}.deck-strip{display:flex;gap:12px;overflow:auto;padding:20px 4px 8px;scrollbar-width:thin}.deck-thumb{min-width:96px;width:96px;aspect-ratio:5/8;border:1px solid #3a3d47;border-radius:6px;overflow:hidden;background:#000;cursor:pointer;transition:.2s}.deck-thumb.active,.deck-thumb:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 0 20px var(--glow)}.section-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.feature{padding:22px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,#0d1017,#090b10)}.feature h3{margin:0 0 8px;color:var(--gold);font:600 18px Georgia,serif}.feature p{color:var(--muted);font-size:12px;line-height:1.55;margin:0}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.panel h2{font:400 25px Georgia,serif;color:var(--gold);margin:0 0 12px}.panel p{color:var(--muted);font-size:13px;line-height:1.6}.page-title{font:400 40px Georgia,serif;margin:0 0 8px}.page-title span{color:var(--gold)}.sub{color:var(--muted);line-height:1.6}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.archive-card{border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:12px;transition:.2s}.archive-card:hover{border-color:var(--gold);transform:translateY(-3px)}.archive-card .art{aspect-ratio:5/8;border-radius:6px;overflow:hidden;background:#000}.archive-card .meta{padding:10px 2px 2px}.archive-card .meta b{display:block;color:#f2e5bf;font:600 15px Georgia,serif}.archive-card .meta span{color:var(--gold);font-size:9px;letter-spacing:1.2px;text-transform:uppercase}.engine-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:22px}.designer{display:grid;grid-template-columns:minmax(280px,460px) 1fr;gap:24px;align-items:start}.designer-stage{position:relative;width:min(100%,460px);aspect-ratio:5/8;margin:auto;border:1px solid var(--gold);border-radius:12px;background:#000;overflow:hidden;box-shadow:0 0 40px var(--glow)}.designer-stage .base-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.designer-stage .overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:grab;user-select:none;touch-action:none;filter:drop-shadow(0 0 7px rgba(255,215,0,.3))}.designer-stage .overlay:active{cursor:grabbing}.overlay-symbol{font-size:56px;color:#ffd700;font-family:Georgia,serif;text-shadow:0 0 10px #000}.control-panel{display:flex;flex-direction:column;gap:13px}.control-box{border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:15px}.control-box h3{margin:0 0 10px;color:var(--gold);font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.control-box select{margin-bottom:8px}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-btn{width:100%;padding:10px;border:1px solid #343a48;background:#07090e;color:#c5cad2;border-radius:6px;font-size:10px;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.mini-btn:hover,.mini-btn.selected{border-color:var(--gold);color:var(--gold);background:var(--glow)}.store-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.store-preview{min-height:650px;display:grid;place-items:center;background:radial-gradient(circle,#151a29,#080a0e 65%);border:1px solid var(--border);border-radius:12px;padding:24px}.framed{display:inline-flex;padding:16px;background:#282828;box-shadow:0 18px 45px rgba(0,0,0,.55)}.framed.wood{background:linear-gradient(145deg,#9a6632,#4a2816,#7a4923)}.framed.steel{background:linear-gradient(145deg,#f1f5f9,#4b5563,#d1d5db,#2f3742)}.framed.stone{background:linear-gradient(145deg,#aaa39d,#55504c,#8a8580)}.mat{display:inline-flex;padding:12px;background:#e8e0d5}.mat.dark{background:#1c1917}.mat.gold{background:#d7b544}.mat.silver{background:#cbd5e1}.print-card{width:min(100%,320px);aspect-ratio:5/8;background:#000;overflow:hidden};position:relative.print-card img{width:100%;height:100%;object-fit:cover}.options{display:flex;flex-direction:column;gap:14px}.option{border:1px solid var(--border);border-radius:9px;padding:13px;background:var(--panel)}.option-title{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:8px}.option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.option-grid.three{grid-template-columns:repeat(3,1fr)}.option-grid.five{grid-template-columns:repeat(5,1fr)}.choice{padding:10px 6px;border:1px solid #303642;background:#07090e;color:#9ea5af;border-radius:6px;font-size:9px;text-transform:uppercase;letter-spacing:.6px;cursor:pointer}.choice.selected{border-color:var(--gold);color:var(--gold);background:var(--glow)}.price{border:1px solid var(--gold);padding:15px;border-radius:9px;background:rgba(255,215,0,.04)}.price-row{display:flex;justify-content:space-between;color:#b4bac3;font-size:12px;padding:4px 0}.price-row.total{border-top:1px solid #3a351f;margin-top:7px;padding-top:11px;color:var(--gold);font-weight:800;font-size:15px}.cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cart-tally{display:flex;justify-content:space-between;border:1px solid var(--border);border-radius:7px;padding:12px;background:#07090e;color:#c8cdd5;font-size:11px}.footer{max-width:1240px;margin:auto;padding:35px 20px;border-top:1px solid #242832;color:#727985;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;text-transform:uppercase}.mono-layout{display:grid;grid-template-columns:320px 1fr;gap:28px}.mono-art{width:100%;aspect-ratio:5/8;border:1px solid var(--gold);border-radius:10px;overflow:hidden;background:#000}.mono-art img{width:100%;height:100%;object-fit:cover}.mono-body h1{font:400 46px Georgia,serif;margin:0 0 12px}.mono-body h1 span{color:var(--gold)}.mono-body .lead{font-size:17px;line-height:1.7;color:#ddd6c6}.mono-body .reading{border-left:2px solid var(--gold);padding-left:18px;color:#aeb4bd;line-height:1.7}.responsive-note{font-size:10px;color:#737a85;letter-spacing:.5px;margin-top:12px}
@media(max-width:980px){.hero{grid-template-columns:1fr .8fr}.hero .side-panel{grid-column:1/-1}.section-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr 1fr}.card-grid{grid-template-columns:repeat(3,1fr)}.designer{grid-template-columns:1fr}.designer-stage{max-width:380px}.store-layout,.engine-layout,.mono-layout{grid-template-columns:1fr}.mono-art{max-width:300px;margin:auto}}
@media(max-width:680px){.site-header{position:static}.header-inner{flex-direction:column;align-items:center;padding:14px 12px}.nav{margin:0;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.nav a{padding:10px 3px;font-size:9px}.page{padding:20px 12px 40px}.hero{display:flex;flex-direction:column;padding:16px;gap:18px;min-height:0}.hero-copy{text-align:center}.hero-copy h1{font-size:36px}.hero-copy p{font-size:12px}.hero-card{width:min(76vw,310px)}.side-panel{width:100%}.section-grid,.content-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr);gap:10px}.archive-card{padding:8px}.archive-card .meta b{font-size:12px}.brand-title{font-size:19px}.footer{flex-direction:column;gap:10px;text-align:center}.option-grid,.option-grid.five{grid-template-columns:repeat(2,1fr)}.cart-actions{grid-template-columns:1fr}.store-preview{min-height:480px;padding:15px}.print-card{width:min(78vw,280px)}.mono-body h1{font-size:35px}}

.print-card .overlay{position:absolute;transform:translate(-50%,-50%);color:#ffd700;font-family:Georgia,serif;text-shadow:0 0 10px #000;pointer-events:none}
/* TarotCraft v2 deck-library and Store Vault enhancements */
.portal-hero[data-deck="watchers"]{background:radial-gradient(circle at 50% 35%,rgba(65,76,126,.45),rgba(5,7,14,.94) 68%)}
.portal-hero[data-deck="anunnaki"]{background:radial-gradient(circle at 50% 35%,rgba(130,80,31,.38),rgba(8,7,10,.94) 68%)}
.portal-hero[data-deck="yaksha"]{background:radial-gradient(circle at 50% 35%,rgba(35,91,68,.38),rgba(5,9,8,.94) 68%)}
.portal-hero[data-deck="wessuwan"]{background:radial-gradient(circle at 50% 35%,rgba(104,57,126,.38),rgba(8,6,12,.94) 68%)}
.deck-controls{margin-top:20px}.side-title{font:400 31px Georgia,serif;color:#f1e6c8;margin:7px 0}.deck-kicker{font-size:9px;letter-spacing:2px;color:var(--gold);font-weight:700}.side-desc{color:var(--muted);line-height:1.65;font-size:12px}.portal-actions{display:grid;gap:8px}.btn.secondary{border-color:#454b58;color:#bfc5ce;background:rgba(255,255,255,.02)}.cycle-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:10px auto 0;max-width:330px}.library-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:45px 0 15px}.library-heading h2{font:400 34px Georgia,serif;color:#eee;margin:0}.library-heading p{max-width:520px;color:var(--muted);font-size:12px;line-height:1.6}.deck-library{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.deck-card{border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,#0d1017,#080a0e);overflow:hidden;cursor:pointer;transition:.25s}.deck-card:hover,.deck-card.active{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 16px 35px rgba(0,0,0,.35),0 0 22px var(--glow)}.deck-card-art{aspect-ratio:5/8;background:#000;overflow:hidden}.deck-card-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.05)}.deck-card-body{padding:15px}.deck-card-body>span{font-size:8px;letter-spacing:1.3px;color:var(--gold);font-weight:700}.deck-card-body h3{font:400 22px Georgia,serif;color:#eee;margin:6px 0}.deck-card-body p{font-size:11px;color:var(--muted);line-height:1.55;min-height:52px}.stage-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.motif-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.motif-choice{min-height:74px;border:1px solid #303642;background:#07090e;color:#9ea5af;border-radius:7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.motif-choice strong{font:28px Georgia,serif;color:#d8b75f}.motif-choice span{font-size:8px;text-transform:uppercase;letter-spacing:.6px}.motif-choice:hover{border-color:var(--gold);background:var(--glow);color:#eee}.hint{font-size:10px;color:#737b87;margin:9px 0 0;line-height:1.5}.designer-stage[data-style="celestial"]{filter:saturate(1.2) hue-rotate(8deg)}.designer-stage[data-style="verdant"]{filter:saturate(1.12) hue-rotate(55deg)}.designer-stage[data-style="nocturne"]{filter:brightness(.78) saturate(.85)}.designer-ornament{position:absolute;left:50%;transform:translate(-50%,-50%);font:32px Georgia,serif;color:#ffd36a;text-shadow:0 0 14px rgba(255,215,0,.55);cursor:grab;user-select:none;touch-action:none}.designer-ornament.top{top:13%}.designer-ornament.bottom{top:84%}.custom-overlay{z-index:4}.product-preview-card{display:grid;place-items:center}.product-preview-card .print-card{width:min(72vw,320px);aspect-ratio:5/8;border:1px solid var(--gold);box-shadow:0 0 35px var(--glow)}.product-preview-card img{width:100%;height:100%;object-fit:cover}.deck-box{width:min(80%,330px);aspect-ratio:5/7;padding:30px;border:1px solid var(--gold);background:linear-gradient(145deg,#15121a,#08090e);box-shadow:0 25px 60px rgba(0,0,0,.5);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.deck-stack{width:130px;aspect-ratio:5/8;border:4px double var(--gold);display:grid;place-items:center;font:600 38px Georgia,serif;color:var(--gold);background:radial-gradient(circle,#28304a,#07080c 70%);box-shadow:12px 12px 0 #161922,24px 24px 0 #0f1117}.deck-box h2{font:400 25px Georgia,serif;color:#eee;margin:40px 0 4px}.deck-box p{color:var(--muted);font-size:11px}.print-card{position:relative}.print-card img{width:100%;height:100%;object-fit:cover;display:block}.print-card .overlay{position:absolute;transform:translate(-50%,-50%);color:#ffd700;font-family:Georgia,serif;text-shadow:0 0 10px #000;pointer-events:none}
@media(max-width:980px){.deck-library{grid-template-columns:repeat(2,1fr)}.library-heading{align-items:start;flex-direction:column}.motif-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:680px){.deck-library{grid-template-columns:1fr 1fr;gap:10px}.deck-card-body{padding:11px}.deck-card-body h3{font-size:17px}.deck-card-body p{font-size:10px;min-height:68px}.motif-grid{grid-template-columns:repeat(4,1fr)}.motif-choice{min-height:65px}.library-heading h2{font-size:28px}.cycle-controls{max-width:100%}}
