.scene{width:min(200px,28vw);aspect-ratio:2.75/4.75;perspective:1000px;position:relative;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .45s ease;cursor:pointer;flex:0 0 auto}.scene.not-dealt{transform:translateY(-120px) scale(.7) rotate(-8deg);opacity:0;pointer-events:none;height:0;aspect-ratio:auto;overflow:hidden}.scene.dealt{transform:translateY(0) scale(1) rotate(0);opacity:1;pointer-events:auto;height:auto;overflow:visible}.card{width:100%;height:100%;position:relative;transition:transform .6s;transform-style:preserve-3d}.card.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:15px;box-shadow:0 4px 8px #0003;overflow:hidden}.card-face img{width:100%;height:100%;object-fit:cover}.card-front{transform:rotateY(180deg);background-color:#1a1a1a}.card-back{background-color:#1a1a1a}.card-container{display:flex;gap:16px;margin:0 auto 20px;padding:28px 16px 12px;width:100%;box-sizing:border-box;justify-content:center}.card-container:not(:has(.dealt)){margin:0;padding:0;gap:0}.card-container-celtic{--celtic-gap: 8px;--celtic-w: min(120px, 18vw);--celtic-h: calc(var(--celtic-w) * 4.75 / 2.75);--staff-offset: calc((var(--celtic-h) + var(--celtic-gap)) / 2);display:grid;grid-template-columns:1fr 1fr 1fr .3fr 1fr;grid-template-rows:auto auto auto auto;gap:var(--celtic-gap);justify-items:center;align-items:center;margin:0 auto calc(20px - var(--staff-offset));padding:calc(28px + var(--staff-offset)) 16px 12px;width:100%;max-width:700px;box-sizing:border-box}.card-container-celtic:not(:has(.dealt)){margin:0;padding:0;gap:0}.card-container-celtic .scene{width:var(--celtic-w)}.card-container-celtic>.scene:nth-child(n+7){position:relative;top:calc(var(--staff-offset) * -1)}.card-container-celtic>.scene:nth-child(1){grid-row:2;grid-column:2}.card-container-celtic>.scene:nth-child(2){grid-row:2;grid-column:2;z-index:1}.card-container-celtic>.scene:nth-child(3){grid-row:3;grid-column:2}.card-container-celtic>.scene:nth-child(4){grid-row:2;grid-column:1}.card-container-celtic>.scene:nth-child(5){grid-row:1;grid-column:2}.card-container-celtic>.scene:nth-child(6){grid-row:2;grid-column:3}.card-container-celtic>.scene:nth-child(7){grid-row:4;grid-column:5}.card-container-celtic>.scene:nth-child(8){grid-row:3;grid-column:5}.card-container-celtic>.scene:nth-child(9){grid-row:2;grid-column:5}.card-container-celtic>.scene:nth-child(10){grid-row:1;grid-column:5}.card-container-celtic>.scene:nth-child(2) .card{transform:rotate(90deg)}.card-container-celtic>.scene:nth-child(2) .card.is-flipped{transform:rotate(90deg) rotateY(180deg)}.card-container-celtic>.scene:nth-child(2).selected{outline:none}.card-container-celtic>.scene:nth-child(2).selected .card{box-shadow:0 0 0 3px #4a9ec4;border-radius:15px}.spread-picker-wrapper{margin:16px 16px 0}.spread-locked{text-align:center;font-size:.85em;font-weight:700;color:#fff;padding:8px 16px;background:linear-gradient(90deg,#4a9ec4,#1b5e7e);border-radius:999px;width:fit-content;margin:0 auto}.spread-picker-label{font-size:.7em;color:#fff6;text-transform:uppercase;letter-spacing:.08em;font-weight:700;text-align:center;margin-bottom:6px}.position-description{font-size:.8em;color:#ffffff8c;text-align:center;line-height:1.5;max-width:400px;margin:0 auto 12px;font-style:italic}.meanings-lookup>.spread-picker-label:first-child{margin-top:16px}.meanings-sliders{width:100%;display:flex;flex-direction:column;gap:16px;margin:16px 0 8px}.meanings-sliders .spread-option{padding:5px 24px}.spread-picker.no-scroll{overflow-x:hidden;justify-content:center}.spread-picker.no-scroll:before,.spread-picker.no-scroll:after{display:none}.spread-picker.no-scroll .spread-option{padding:5px 24px}.spread-picker{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px 0;background:rgba(255,255,255,.04);border-radius:12px}.spread-picker::-webkit-scrollbar{display:none}.spread-picker:before,.spread-picker:after{content:"";flex:0 0 15%}.spread-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#ffffff4d;font-size:.8em;font-weight:700;padding:5px 16px;margin:0 4px;cursor:pointer;white-space:nowrap;scroll-snap-align:center;flex:0 0 auto;text-align:center;border-radius:999px;transition:color .25s,background .25s}.spread-option.active{color:#fff;background:linear-gradient(90deg,#4a9ec4,#1b5e7e)}.card-label{position:absolute;bottom:100%;left:0;right:0;text-align:center;font-size:.7em;font-weight:700;line-height:1.3;padding-bottom:4px;color:#fff6;text-transform:uppercase;letter-spacing:.08em;pointer-events:none}.scene.selected{outline:3px solid #4a9ec4;border-radius:15px;outline-offset:2px}.scene.next-to-flip{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px rgba(74,158,196,.5))}50%{filter:drop-shadow(0 0 20px rgba(74,158,196,.9)) drop-shadow(0 0 6px rgba(200,230,255,.4))}}.selected-card-image{width:min(340px,70vw);margin:0 auto 20px;text-align:center}.selected-card-image img{width:100%;border-radius:15px;box-shadow:0 6px 24px #0006}@media (max-width: 720px){.scene.not-dealt{transform:translateY(-80px) scale(.85) rotate(-4deg)}.scene{width:26vw}.card-container{gap:10px}.card-container-celtic{--celtic-w: min(80px, 16vw);--celtic-gap: 4px;padding:calc(20px + var(--staff-offset)) 8px 12px}}@media (max-width: 400px){.card-container-celtic{--celtic-w: 15vw;--celtic-gap: 2px}}html,body{margin:0;overflow-x:hidden}body{background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;color:#fff}.site-banner{display:block;width:100%;margin:0 auto}.card-description{max-width:900px;margin:12px auto 40px;background:#2b2b2b;border-radius:8px;padding:16px 18px;box-shadow:0 6px 18px #0006;line-height:1.5;color:#e9e9e9}.card-desc-body p{margin:0}.card-desc-title{margin:0 0 4px;font-size:1.05em;font-weight:700;color:#fff}.card-desc-keywords{margin:0 0 20px;font-size:.82em;color:#aaa;font-style:italic;letter-spacing:.03em}.card-desc-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.card-desc-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.15);background:transparent;color:#aaa;padding:5px 12px;border-radius:999px;font-size:.8em;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.card-desc-tab.active{background:#4a9ec4;border-color:#4a9ec4;color:#fff}.card-desc-tab:not(.active):hover{border-color:#ffffff59;color:#e0e0e0}.card-desc-body{line-height:1.6}.fan{display:flex;flex-direction:column;align-items:center;margin:18px 0 8px;width:100%;box-sizing:border-box;overflow-x:clip}.fan-row{width:96%;max-width:1200px;height:clamp(42px,12vw,144px);display:flex;justify-content:center;align-items:flex-end;margin-bottom:2px}.fan-card{--w: clamp(30px, 7vw, 84px);width:var(--w);height:calc(var(--w) * 4.75 / 2.75);background-image:var(--fan-bg);background-size:cover;background-position:center;border-radius:6px;flex-shrink:0;margin-left:max(-3.5vw,-42px);background-color:#111;filter:brightness(.7);box-shadow:0 6px 20px #0009}.fan-card:first-child{margin-left:0}.fan-card-ramp{filter:brightness(1.6);box-shadow:0 20px 56px #64b4dc}.fan-card-glow-a{animation:card-glow-a 1.5s linear forwards}.fan-card-glow-b{animation:card-glow-b 1.5s linear forwards}.fan-card-fading{filter:brightness(1.6);box-shadow:0 20px 56px #64b4dc;opacity:0;transition:opacity .5s}@keyframes card-glow-a{0%{filter:brightness(.7);box-shadow:0 6px 20px #0009}33%{filter:brightness(1.6);box-shadow:0 20px 56px #64b4dc}to{filter:brightness(.7);box-shadow:0 6px 20px #0009}}@keyframes card-glow-b{0%{filter:brightness(.7);box-shadow:0 6px 20px #0009}33%{filter:brightness(1.6);box-shadow:0 20px 56px #64b4dc}to{filter:brightness(.7);box-shadow:0 6px 20px #0009}}.shuffle-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:#fff;background:linear-gradient(90deg,#4a9ec4,#1b5e7e);padding:10px 16px;border-radius:999px;font-weight:700;cursor:pointer;box-shadow:0 8px 26px #1b5e7e26}.section-hidden{display:none}.meanings-lookup{display:flex;flex-direction:column;align-items:center;width:100%}.meanings-card-image{width:min(280px,60vw);margin:12px auto 16px;transition:opacity .35s ease;opacity:1}.meanings-card-image.fading-out{opacity:0}.meanings-card-image img{width:100%;aspect-ratio:2.75/4.75;border-radius:15px;box-shadow:0 8px 30px #00000080}.meanings-lookup .card-description{width:calc(100% - 32px)}@media (max-width: 720px){.meanings-card-image{width:min(240px,55vw)}}
