:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#121216;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background-image:radial-gradient(circle at 50% 0,#2a2a35 0%,#0000 50%),radial-gradient(circle at 0 100%,#1a1a24 0%,#0000 50%);background-attachment:fixed;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{letter-spacing:-1px;margin-bottom:.5rem;font-size:3.2em;font-weight:300;line-height:1.1}#root{text-align:center;width:100%;max-width:1280px;margin:0 auto;padding:2rem}.card-slot{background:#0000001a;border:2px dashed #fff3;border-radius:12px;justify-content:center;align-items:center;width:160px;height:280px;display:flex;position:relative}.slot-label{color:#ffffff80;letter-spacing:1px;text-transform:uppercase;text-align:center;width:100%;font-size:.9rem;font-weight:500;position:absolute;bottom:-30px}.card-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}.card{perspective:1000px;cursor:pointer;z-index:2;width:160px;height:280px;transition:transform .2s;position:relative}.card:hover{transform:translateY(-5px)}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.card.revealed .card-inner{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 24px #00000080}.card-back{background:linear-gradient(135deg,#2b2b36 0%,#15151c 100%);border:1px solid #ffffff1a}.card-back-pattern{background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff08 10px 20px);border:1px solid #ffffff1a;border-radius:8px;width:80%;height:80%}.card-front{color:#2b2b36;text-align:center;background:#fdfbfb;border:1px solid #fff6;transform:rotateY(180deg)}.card-artwork{object-fit:contain;background-color:#fff;border-radius:12px;width:100%;height:100%}.card-front.reversed-card{transform:rotateY(180deg)rotate(180deg)}.card-body h2{opacity:.9}.card-position-label{text-align:center;color:#ffffffb3;letter-spacing:1px;text-transform:uppercase;z-index:2;width:100%;margin-top:15px;font-size:.85rem;transition:opacity .3s;position:absolute;top:100%}.card-insight{text-align:center;opacity:0;z-index:1;pointer-events:none;color:#ffffffe6;background:#1e1e28f2;border:1px solid #ffffff1a;border-radius:0 0 12px 12px;width:180px;padding:1.5rem 1rem 1rem;font-size:.8rem;line-height:1.4;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:90%;transform:translateY(-20px);box-shadow:0 20px 40px #0009}.card-insight p{color:#ffffffb3;margin:.5rem 0 0}.card-insight strong{color:#fff;letter-spacing:.5px;font-size:.85rem;display:block}.card-insight.visible{opacity:1;pointer-events:auto;transform:translateY(0)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.card{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideDown}@media (width<=600px){.card,.card-slot{width:100px;height:175px}.card-body h2{font-size:.8rem}.slot-label,.card-position-label{font-size:.7rem;bottom:-20px}}.spread-container{flex-wrap:nowrap;justify-content:center;align-items:center;gap:2rem;margin:3rem 0;display:flex}@media (width<=600px){.spread-container{gap:1rem;margin:2rem 0}}.controls{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.btn{cursor:pointer;letter-spacing:.5px;border:none;border-radius:8px;padding:.8rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn:active{transform:translateY(0)}.btn-primary{color:#1a1a24;background:#fff}.btn-primary:hover{background:#f0f0f0}.btn-secondary{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff4d}.btn-secondary:hover{background:#ffffff40}.btn-outline{color:#fffc;background:0 0;border:1px solid #fff3}.btn-outline:hover{color:#fff;border-color:#ffffff80}.btn-text{color:#fff9;text-underline-offset:4px;background:0 0;text-decoration:underline}.btn-text:hover{color:#fff;box-shadow:none}.animate-fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app{flex-direction:column;align-items:center;width:100%;min-height:80vh;display:flex}.header{margin-bottom:2rem}.header p{color:#fff9;font-size:1.1rem;font-weight:300}.main-content{flex-direction:column;align-items:center;width:100%;max-width:800px;display:flex}.deck-status{color:#fff6;letter-spacing:1px;text-transform:uppercase;margin-top:2rem;font-size:.9rem}.animate-fade-in-slow{animation:1s forwards fadeIn}@media (width<=600px){.header h1{font-size:2.2rem}}