:root{--table:#12172b;--table-edge:#0b0f1e;--stock:#efe3c6;--stock-shade:#e0cda2;--ink:#241a10;--rouge:#9c3a28;--or:#d4913a;--bleu:#2c4a78;--text:#d8d0bd;--text-dim:#8b879c;--card-w:220px;--card-h:386px}*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden;overflow-x:clip}body{background:radial-gradient(ellipse 120% 90% at 50% -10%,#1d2647 0,var(--table) 45%,var(--table-edge) 100%);color:var(--text);font-family:EB Garamond,Georgia,serif;font-size:18px;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.stars{position:fixed;inset:0;pointer-events:none;z-index:0}.stars span{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--or);opacity:.25}.stars span:first-child{top:12%;left:8%}.stars span:nth-child(2){top:22%;left:88%;opacity:.35}.stars span:nth-child(3){top:8%;left:55%}.stars span:nth-child(4){top:30%;left:20%;opacity:.18}.stars span:nth-child(5){top:15%;left:72%;opacity:.3}.stars span:nth-child(6){top:55%;left:4%;opacity:.2}.stars span:nth-child(7){top:50%;left:95%;opacity:.22}header{display:flex;justify-content:space-between;align-items:baseline;padding:28px 36px 0;position:relative;z-index:10}.wordmark{font-family:IM Fell French Canon SC,serif;font-size:1.35rem;letter-spacing:.12em;color:var(--stock);text-decoration:none}.wordmark small{display:block;font-size:.6rem;letter-spacing:.28em;margin-top:2px;text-transform:uppercase}.lang,.wordmark small{font-family:IBM Plex Mono,monospace;color:var(--text-dim)}.lang{font-size:.75rem;letter-spacing:.1em}.lang a{color:inherit;text-decoration:none;padding:4px 2px}.lang a.active{color:var(--or)}.lang a:focus-visible{outline:2px solid var(--or);outline-offset:2px}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;padding:12px 0 8px}.stage,main{position:relative;width:100%}.stage{height:calc(var(--card-h) + 70px);perspective:1200px;touch-action:pan-y}.stage:not(.ready) .card{pointer-events:none}.stage:before{content:"";top:48%;transform:translate(-50%,-50%);width:620px;height:620px;background:radial-gradient(circle,rgba(212,145,58,.13),transparent 62%);pointer-events:none}.stage li,.stage:before{position:absolute;left:50%}.stage li{list-style:none;top:30px;--x:0px;--s:1;--r:0deg;--shade:0;--lift:0px;transform:translate(calc(-50% + var(--x))) translateY(var(--lift)) rotate(var(--r)) scale(var(--s));transition:transform .55s cubic-bezier(.25,.8,.3,1);animation:deal .8s cubic-bezier(.2,.8,.3,1) backwards}.stage li:first-child{animation-delay:.08s}.stage li:nth-child(2){animation-delay:.18s}.stage li:nth-child(3){animation-delay:.28s}.stage li:nth-child(4){animation-delay:.38s}.stage li:nth-child(5){animation-delay:.48s}@keyframes deal{0%{opacity:0;transform:translate(-50%) translateY(80px)}}li[data-pos="0"]{--x:0px;--s:1;--r:0deg;--shade:0;z-index:5}li[data-pos="-1"]{--x:-190px;--s:.82;--r:-4deg;--shade:.45;z-index:4}li[data-pos="1"]{--x:190px;--s:.82;--r:4deg;--shade:.45;z-index:4}li[data-pos="-2"]{--x:-335px;--s:.68;--r:-7deg;--shade:.62;z-index:3}li[data-pos="2"]{--x:335px;--s:.68;--r:7deg;--shade:.62;z-index:3}.stage li:not([data-pos="0"]):focus-within,.stage li:not([data-pos="0"]):hover{--shade:.18;--lift:-12px}.card{display:block;width:var(--card-w);height:var(--card-h);background:linear-gradient(160deg,var(--stock) 70%,var(--stock-shade));border:1.5px solid var(--ink);border-radius:11px;box-shadow:0 10px 30px #00000080;text-decoration:none;color:var(--ink);position:relative;overflow:hidden;cursor:pointer}.card:before{content:"";position:absolute;inset:7px;border:1px solid rgba(36,26,16,.55);border-radius:6px;z-index:2;pointer-events:none}.painted:before{border-color:#d4913a80}.card:after{content:"";position:absolute;inset:-1.5px;border-radius:11px;background:var(--table-edge);opacity:var(--shade);transition:opacity .45s;pointer-events:none;z-index:3}li[data-pos="0"] .card:focus-visible,li[data-pos="0"] .card:hover{box-shadow:0 16px 40px #0000008c,0 0 0 1.5px var(--or)}.card:focus-visible{outline:none}.card-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.card-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-art svg{width:62%;height:auto;filter:saturate(.65) sepia(.18)}.card-name,.numeral{position:absolute;left:16px;right:16px;text-align:center;z-index:2;font-family:IM Fell French Canon SC,serif}.numeral{top:13px;font-size:1.15rem;letter-spacing:.1em;padding-bottom:4px;border-bottom:1px solid rgba(36,26,16,.45)}.card-name{bottom:13px;font-size:.92rem;letter-spacing:.05em;padding-top:5px;border-top:1px solid rgba(36,26,16,.45);white-space:nowrap}.painted .card-name,.painted .numeral{color:#ecdcb2;border-color:#d4913a73;text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.7)}.section-page{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;gap:14px}.section-page h1{font-family:IM Fell French Canon SC,serif;font-size:2.2rem;color:var(--stock);font-weight:400}.oracle{margin-top:12px;min-height:1.6em;text-align:center;max-width:34em;padding:0 20px}.oracle .line{font-style:italic;font-size:1.25rem;color:var(--stock)}.oracle-intro{font-style:italic;color:var(--text-dim)}.wip{color:var(--text);max-width:32em}.back{font-size:.8rem;color:var(--or);text-decoration:none;margin-top:18px}.back,footer{font-family:IBM Plex Mono,monospace;letter-spacing:.12em}footer{position:relative;z-index:1;text-align:center;padding:16px 16px 22px;font-size:.68rem;color:var(--text-dim)}@media(min-width:1500px){:root{--card-w:250px;--card-h:438px}li[data-pos="-1"]{--x:-218px}li[data-pos="1"]{--x:218px}li[data-pos="-2"]{--x:-385px}li[data-pos="2"]{--x:385px}}@media(max-width:900px){li[data-pos="-1"]{--x:-170px;--s:.74}li[data-pos="1"]{--x:170px;--s:.74}li[data-pos="-2"]{--x:-280px;--s:.6}li[data-pos="2"]{--x:280px;--s:.6}}@media(max-width:560px){:root{--card-w:200px;--card-h:350px}li[data-pos="-1"]{--x:-140px;--s:.7;--shade:.55}li[data-pos="1"]{--x:140px;--s:.7;--shade:.55}li[data-pos="-2"]{--x:-230px;--s:.55;--shade:.75}li[data-pos="2"]{--x:230px;--s:.55;--shade:.75}.oracle .line{font-size:1.05rem}}@media(prefers-reduced-motion:reduce){.stage li{animation:none}.card:after,.stage li{transition:none}}