.scene{width:min(300px,48vw);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;scroll-snap-align:center}.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:contain}.card-front{transform:rotateY(180deg);background-color:#fff}.card-back{background-color:#1a1a1a}.card-container{display:flex;gap:20px;margin:0 auto 20px;padding:12px 16px;width:100%;box-sizing:border-box;overflow-x:auto;scroll-snap-type:x mandatory;justify-content:center;scrollbar-width:none}.card-container::-webkit-scrollbar{display:none}.card-container:not(:has(.dealt)){margin:0;padding:0;gap:0}@media (max-width: 720px){.scene.not-dealt{transform:translateY(-80px) scale(.85) rotate(-4deg)}.card-container{gap:12px;justify-content:flex-start}.scene{width:48vw}}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:url(https://assets.ottertarot.com/cosmic_otters/cards/lowrez/Back.png);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{animation:card-ramp 1s linear forwards}.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{animation:none;filter:brightness(1.6);box-shadow:0 20px 56px #64b4dc;opacity:0;transition:opacity .5s}@keyframes card-ramp{0%{filter:brightness(.7);box-shadow:0 6px 20px #0009}to{filter:brightness(1.6);box-shadow:0 20px 56px #64b4dc}}@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}.mode-toggle{position:relative;display:flex;width:240px;margin:18px auto 0;background:rgba(255,255,255,.06);border-radius:999px;padding:3px;box-sizing:border-box}.mode-toggle-slider{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:linear-gradient(90deg,#4a9ec4,#1b5e7e);border-radius:999px;transition:transform .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.mode-toggle-option{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#ffffff73;font-size:.88em;font-weight:700;letter-spacing:.04em;padding:8px 0;cursor:pointer;position:relative;z-index:1;transition:color .25s}.mode-toggle-option.active{color:#fff}.readings-section,.meanings-section{transition:opacity .4s ease}.section-hidden{display:none}.section-visible{opacity:1;pointer-events:auto;position:relative;visibility:visible}.pill-toggle{position:relative;display:flex;width:260px;margin:20px auto;background:rgba(255,255,255,.06);border-radius:999px;padding:3px;box-sizing:border-box}.pill-toggle-slider{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:rgba(74,158,196,.18);border-radius:999px;transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.pill-toggle-option{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#fff6;font-size:.84em;font-weight:600;padding:7px 0;cursor:pointer;position:relative;z-index:1;transition:color .25s}.pill-toggle-option.active{color:#4a9ec4}.orientation-toggle{width:200px}.slot-picker{display:flex;justify-content:center;gap:16px;margin:8px auto 16px}.slot-column-wrapper{position:relative;text-align:center}.slot-column-label{font-size:.7em;color:#666;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-weight:600}.slot-column-inner{position:relative}.slot-column{overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to bottom,rgba(0,0,0,.15) 0%,rgba(0,0,0,.5) 15%,black 35%,black 65%,rgba(0,0,0,.5) 85%,rgba(0,0,0,.15) 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.15) 0%,rgba(0,0,0,.5) 15%,black 35%,black 65%,rgba(0,0,0,.5) 85%,rgba(0,0,0,.15) 100%);border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);min-width:180px}.slot-column::-webkit-scrollbar{display:none}.slot-item{scroll-snap-align:center;display:flex;align-items:center;justify-content:center;font-size:.92em;color:#777;cursor:pointer;transition:color .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.slot-item.selected{color:#fff;font-weight:700;font-size:1em}.slot-highlight{position:absolute;left:0;right:0;pointer-events:none;border-top:1px solid rgba(74,158,196,.25);border-bottom:1px solid rgba(74,158,196,.25);background:rgba(74,158,196,.04)}.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 1s 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){.mode-toggle{width:200px}.pill-toggle{width:220px}.orientation-toggle{width:180px}.slot-column{min-width:140px}.meanings-card-image{width:min(240px,55vw)}}