.tt-card{aspect-ratio:7/12;isolation:isolate;background:#1a1530;border-radius:7%/4.1%;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e9c47e33,0 2px 4px -1px #00000080,0 16px 32px -18px #000000f2;container-type:inline-size}.tt-card>img{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.tt-card:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(150deg,#ffffff29 0%,#fff0 34%),linear-gradient(#07060e00 74%,#07060e2e 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000047}.tt-card.is-rev>img{transform:rotate(180deg)}.tt-badge{z-index:2;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#2a0d19;background:var(--rose);border-radius:999px;padding:.25em .65em;font-size:clamp(8px,9.5cqi,12px);font-weight:700;line-height:1.2;position:absolute;bottom:5%;left:50%;translate:-50%;box-shadow:0 4px 14px -4px #000c}.tt-lift .tt-card{transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out)}@media (hover:hover) and (pointer:fine){.tt-lift:hover .tt-card{transform:translateY(-4px);box-shadow:0 0 0 1px #e9c47e73,0 22px 40px -18px #000000f2,0 0 34px -12px #e9c47e73}}.tt-lift:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:12px}.tt-glow{box-shadow:0 0 0 1px #e9c47e59,0 40px 80px -30px #000000f2,0 0 80px -24px #e9c47e73}.tt-flip{aspect-ratio:7/12;perspective:1200px;width:100%;display:block;position:relative}.tt-flip-inner{transform-style:preserve-3d;transition:transform .9s var(--ease-spring);position:absolute;inset:0}.tt-flip.is-flipped .tt-flip-inner{animation:tt-lift .9s var(--ease-out);transform:rotateY(180deg)}.tt-flip.no-anim .tt-flip-inner{transition:none;animation:none}@keyframes tt-lift{40%{scale:1.07}}.tt-flip-face{backface-visibility:hidden;position:absolute;inset:0}.tt-flip-front{transform:rotateY(180deg)}.tt-flip.is-flipped .tt-flip-front .tt-card{box-shadow:0 0 0 1px #e9c47e59,0 18px 36px -18px #000000f2,0 0 44px -14px #e9c47e80}.tt-tap{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:10px;width:100%;display:block}.tt-tap:disabled{cursor:default}.tt-tap:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.tt-tap:not(:disabled):active .tt-flip,.tt-tap:not(:disabled):active>.tt-card{transition:scale .14s var(--ease-out);scale:.96}@media (hover:hover) and (pointer:fine){.tt-tap:not(:disabled):hover .tt-flip-back .tt-card,.tt-tap:not(:disabled):hover>.tt-card{box-shadow:0 0 0 1px #e9c47e8c,0 0 30px -8px #e9c47e80}}.tt-tap.is-waiting .tt-flip{animation:2.4s ease-in-out infinite tt-wait}@keyframes tt-wait{50%{translate:0 -4px}}.tt-deck{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;display:grid}@media (min-width:1024px){.tt-deck{grid-template-columns:repeat(12,minmax(0,1fr));gap:.65rem}.tt-deck[data-size="18"]{grid-template-columns:repeat(9,minmax(0,1fr));max-width:46rem}}.tt-deck-card{transition:transform .32s var(--ease-out), opacity .32s ease}.tt-deck-card.is-taken{opacity:.15;transform:translateY(-8px)scale(.94)}.tt-deck-card.is-idle{opacity:.4}@media (hover:hover) and (pointer:fine){.tt-deck-card:not(.is-taken):not(.is-idle):hover{transform:translateY(-6px)}}.tt-deck.is-shuffling .tt-deck-card{animation:tt-shuffle .82s var(--ease-in-out) both;animation-delay:calc(var(--i) * 22ms)}@keyframes tt-shuffle{0%{transform:none}35%{transform:translate(var(--sx), -16%) rotate(var(--sr))}68%{transform:translate(calc(var(--sx) * -.55), -5%) rotate(calc(var(--sr) * -.5))}to{transform:none}}.tt-spread-1{grid-template-columns:minmax(0,1fr);width:min(11.5rem,48vw);margin-inline:auto;display:grid}.tt-spread-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;max-width:33rem;margin-inline:auto;display:grid}.tt-celtic{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem .45rem;display:grid}@media (min-width:768px){.tt-celtic{grid-template-columns:repeat(4,6.5rem);grid-template-areas:".c5.c10""c4 c1 c6 c9"".c3.c8"". . .c7";justify-content:center;gap:.9rem 1.6rem}.tt-celtic>:first-child{grid-area:c1}.tt-celtic>:nth-child(2){z-index:2;pointer-events:none;grid-area:c1;align-self:start}.tt-celtic>:nth-child(2) .tt-slot-card{pointer-events:auto;rotate:90deg;scale:.82}.tt-celtic>:nth-child(2) .tt-slot-cap{display:none}.tt-celtic>:nth-child(3){grid-area:c3}.tt-celtic>:nth-child(4){grid-area:c4}.tt-celtic>:nth-child(5){grid-area:c5}.tt-celtic>:nth-child(6){grid-area:c6}.tt-celtic>:nth-child(7){grid-area:c7}.tt-celtic>:nth-child(8){grid-area:c8}.tt-celtic>:nth-child(9){grid-area:c9}.tt-celtic>:nth-child(10){grid-area:c10}}.tt-slot-num{z-index:3;color:#1d1405;background:var(--gold);border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;font-size:12px;font-weight:700;display:grid;position:absolute;top:-.45rem;left:-.35rem;box-shadow:0 2px 8px -2px #000c}.tt-slot-empty{aspect-ratio:7/12;border:1px dashed var(--line-strong);background:#ffffff05;border-radius:7%/4.1%;place-items:center;width:100%;display:grid}.tt-fan{aspect-ratio:7/12;width:min(14.5rem,46vw);margin-inline:auto;position:relative}.tt-fan-card{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .56s var(--ease-out), opacity .36s var(--ease-out);transform-origin:50% 110%;border-radius:12px;position:absolute;inset:0}.tt-fan-card[data-i="0"]{transform:translate(-24%)rotate(-9deg)}.tt-fan-card[data-i="1"]{z-index:2;transform:translateY(-3%)}.tt-fan-card[data-i="2"]{transform:translate(24%)rotate(9deg)}.tt-fan:not(.is-chosen) .tt-fan-card{animation:tt-cut .82s var(--ease-in-out) .25s both, tt-breathe 5.5s ease-in-out 1.2s infinite}.tt-fan:not(.is-chosen) .tt-fan-card[data-i="0"]{--cx:-48%;animation-delay:.25s,1.9s}.tt-fan:not(.is-chosen) .tt-fan-card[data-i="2"]{--cx:48%;animation-delay:.36s,3.1s}@keyframes tt-breathe{50%{translate:0 -5px}}@keyframes tt-cut{45%{translate:var(--cx,0) -7%}}@media (hover:hover) and (pointer:fine){.tt-fan:not(.is-chosen) .tt-fan-card:hover{filter:drop-shadow(0 0 22px #e9c47e59);animation:none;translate:0 -10px}}.tt-fan:not(.is-chosen) .tt-fan-card:active{transition-duration:.14s;scale:.97}.tt-fan-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.tt-fan.is-chosen .tt-fan-card:not(.is-picked){opacity:0;pointer-events:none}.tt-fan.is-chosen .tt-fan-card[data-i="0"]:not(.is-picked){transform:translate(-60%)rotate(-22deg)}.tt-fan.is-chosen .tt-fan-card[data-i="2"]:not(.is-picked){transform:translate(60%)rotate(22deg)}.tt-fan.is-chosen .tt-fan-card[data-i="1"]:not(.is-picked){transform:translateY(20%)scale(.9)}.tt-fan-card.is-picked{z-index:3;cursor:default;transform:none}@media (prefers-reduced-motion:reduce){.tt-lift .tt-card,.tt-deck-card,.tt-fan-card{transition:opacity .2s}.tt-lift:hover .tt-card,.tt-deck-card.is-taken,.tt-deck-card:hover{transform:none!important}.tt-deck.is-shuffling .tt-deck-card{animation:.4s both tt-fade}.tt-tap.is-waiting .tt-flip,.tt-fan .tt-fan-card{animation:none!important}.tt-fan.is-chosen .tt-fan-card:not(.is-picked){opacity:0;pointer-events:none}.tt-flip-inner,.tt-flip.is-flipped .tt-flip-inner{transform-style:flat;transition:none;animation:none;transform:none}.tt-flip-face{backface-visibility:visible;transition:opacity .28s}.tt-flip-front{opacity:0;transform:none}.tt-flip.is-flipped .tt-flip-front{opacity:1}.tt-flip.is-flipped .tt-flip-back{opacity:0}}@keyframes tt-fade{50%{opacity:.4}}.tt-filter-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tt-filter-chip{border:1px solid var(--line-strong);background:var(--surface);min-height:2.75rem;color:var(--muted);white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:.4rem;padding:0 1rem;font-size:15px;transition:color .2s,background-color .2s,border-color .2s;display:inline-flex}.tt-filter-chip:active{scale:.97}.tt-filter-input:checked+.tt-filter-chip{color:#1d1405;background:var(--gold);border-color:var(--gold);font-weight:600}.tt-filter-input:focus-visible+.tt-filter-chip{outline:2px solid var(--gold);outline-offset:2px}@media (hover:hover) and (pointer:fine){.tt-filter-input:not(:checked)+.tt-filter-chip:hover{color:var(--text);border-color:#ffffff47}}:is(.tt-cards:has(#tf-major:checked) [data-group]:not([data-group=major]),.tt-cards:has(#tf-wands:checked) [data-group]:not([data-group=wands]),.tt-cards:has(#tf-cups:checked) [data-group]:not([data-group=cups]),.tt-cards:has(#tf-swords:checked) [data-group]:not([data-group=swords]),.tt-cards:has(#tf-pentacles:checked) [data-group]:not([data-group=pentacles])){display:none}