:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1312;--surface:#171e1c;--surface-2:#202927;--text:#f5f1e7;--muted:#a8b1ac;--gold:#e5bd68;--gold-dark:#8f6b2b;--line:#ffffff1a;--radius:18px;background:var(--bg);color:var(--text);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%, #26382f 0, var(--bg) 38rem);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.site-header{text-align:center;border-bottom:1px solid var(--line);padding:2.4rem 1.25rem 1.7rem}.site-header>div,main,footer{width:min(1120px,100%);margin:auto}.brand-mark{font-size:1.3rem;color:var(--gold)!important;margin:0 0 .2rem!important}h1,h2,p{margin-top:0}h1{letter-spacing:-.03em;margin-bottom:.35rem;font-family:Georgia,serif;font-size:clamp(2.1rem,7vw,3.2rem)}.site-header p{color:var(--muted);margin-bottom:0}main{padding:1.4rem 1rem 4rem}.unlock-panel{border-radius:var(--radius);background:linear-gradient(135deg,#e5bd681f,#ffffff08);border:1px solid #e5bd683d;align-items:end;gap:1rem;padding:1.2rem;display:grid;box-shadow:0 16px 45px #0000002e}.eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.3rem;font-size:.73rem;font-weight:800}.unlock-panel h2,.series-heading h2{margin-bottom:0}form{gap:.6rem;display:flex}input{min-width:0;color:var(--text);text-transform:uppercase;background:#0c1110;border:1px solid #3b4642;border-radius:11px;flex:1;padding:.85rem 1rem}input:focus{outline:2px solid var(--gold);outline-offset:2px}.primary{background:var(--gold);color:#211a0d;border:0;border-radius:11px;padding:.85rem 1.2rem;font-weight:800}.primary:disabled{opacity:.48;cursor:not-allowed}.form-message{color:#f3c9b8;grid-column:1/-1;margin:-.25rem 0 0}.collection{margin-top:2.5rem}.tabs{gap:.5rem;margin-bottom:1.8rem;padding-bottom:.3rem;display:flex;overflow-x:auto}.tabs button{white-space:nowrap;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.65rem 1rem}.tabs button.active{color:#211a0d;background:var(--gold);border-color:var(--gold);font-weight:700}.series-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.series-heading>p{color:var(--muted);margin-bottom:.1rem}.series-heading strong{color:var(--text);font-size:1.35rem}.progress{background:var(--surface-2);border-radius:9px;height:4px;margin:1rem 0 1.5rem;overflow:hidden}.progress span{background:linear-gradient(90deg, var(--gold-dark), var(--gold));height:100%;transition:width .5s;display:block}.card-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.card{aspect-ratio:5/7;border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:14px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 9px 25px #00000040}button.card{transition:transform .18s,box-shadow .18s}button.card:hover{transform:translateY(-4px);box-shadow:0 15px 32px #0006}.card-visual{position:absolute;inset:0}.card-background,.card-art,.card-frame{width:100%;height:100%;display:block;position:absolute;inset:0}.card-background{object-fit:fill}.card-art{object-fit:cover}.card-frame{object-fit:fill;pointer-events:none}.card-back{text-align:center;color:#5e3b13;letter-spacing:.18em;background:url(/cardbackground/background.png) 50%/100% 100% no-repeat;border:1px solid #e5bd6840;border-radius:9px;place-content:center;gap:.7rem;font:700 .62rem Georgia,serif;display:grid;position:absolute;inset:7px}.lock{color:var(--gold-dark);font-size:1.65rem}.card-number,.has-audio{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050807cc;border-radius:99px;padding:.3rem .5rem;font-size:.72rem;font-weight:800;position:absolute;bottom:.55rem}.card-number{left:.55rem}.has-audio{color:var(--gold);right:.55rem}.locked .card-number{color:#909894}.reveal{animation:.7s cubic-bezier(.2,.8,.2,1) reveal}@keyframes reveal{0%{filter:brightness(2);transform:rotateY(90deg)scale(.9)}to{transform:rotateY(0)scale(1)}}.state{text-align:center;color:var(--muted);padding:5rem 1rem}.state button,.text-button{color:var(--gold);background:0 0;border:0;text-decoration:underline}footer{color:#77807c;border-top:1px solid var(--line);justify-content:space-between;padding:1.5rem 1rem 2.5rem;font-size:.82rem;display:flex}footer p{margin:0}.dialog-backdrop{z-index:10;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#030605d1;place-items:center;padding:1rem;animation:.2s fade;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);text-align:center;border:1px solid #e5bd6840;border-radius:22px;width:min(430px,100%);max-height:calc(100vh - 2rem);padding:1rem 1rem 1.4rem;position:relative;overflow-y:auto;box-shadow:0 30px 80px #000}.dialog-card{aspect-ratio:5/7;border-radius:14px;width:min(290px,82%);margin:.5rem auto 1.2rem;position:relative;overflow:hidden;box-shadow:0 15px 30px #00000059}.dialog h2{margin-bottom:.3rem;font-family:Georgia,serif}.dialog>p:not(.eyebrow){color:var(--muted)}.found{font-size:.85rem}.close{z-index:1;border:1px solid var(--line);color:#fff;background:#080c0bcc;border-radius:50%;width:2.2rem;height:2.2rem;font-size:1.5rem;line-height:1;position:absolute;top:.7rem;right:.7rem}.audio{width:100%;margin-top:.5rem}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes fade{0%{opacity:0}}@media (width>=600px){.card-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.unlock-panel{grid-template-columns:1fr minmax(330px,.9fr);padding:1.5rem}}@media (width>=900px){.card-grid{grid-template-columns:repeat(5,1fr);gap:1.2rem}main{padding-inline:1.5rem}.site-header{padding-top:3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}