.card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;aspect-ratio:63/88;perspective:900px;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;width:min(300px,78vw);position:relative;container-type:inline-size}.card:focus-visible{outline:none}.card:focus-visible .card__face{outline:3px solid var(--ink);outline-offset:4px}@property --press{syntax:"<number>";inherits:true;initial-value:1}.card__tilt{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--press));transition:--press var(--t-release) var(--ease-spring);animation:3.6s ease-in-out infinite alternate card-float}.card.is-pressed .card__tilt{--press:.96;transition-duration:var(--t-press)}@keyframes card-float{0%{translate:0}to{translate:0 -7px}}.card__ground{pointer-events:none;background:radial-gradient(closest-side,#1d1b1847,#1d1b1800);border-radius:50%;height:22px;animation:3.6s ease-in-out infinite alternate ground-float;position:absolute;bottom:-22px;left:12%;right:12%}@keyframes ground-float{0%{opacity:1;scale:1}to{opacity:.7;scale:.88 1}}.card__inner{width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(var(--flip,0deg));position:relative}.card__face{border-radius:var(--radius);background:var(--surface);border:1.5px solid var(--ink);box-shadow:var(--shadow);backface-visibility:hidden;transition:box-shadow var(--t-hover) ease;flex-direction:column;gap:.55rem;padding:.7rem;display:flex;position:absolute;inset:0;overflow:hidden}.card:hover .card__face{box-shadow:var(--shadow-lift)}.card__face:after{content:"";border-radius:inherit;background:radial-gradient(circle at var(--mx) var(--my), #ffffff8c, #fff0 45%);opacity:0;mix-blend-mode:soft-light;transition:opacity var(--t-hover) ease;pointer-events:none;position:absolute;inset:0}.card:hover .card__face:after{opacity:1}.card__back{padding:1.1rem;transform:rotateY(180deg)}.card__name{font:800 1.35rem/1 var(--font-display);justify-content:space-between;align-items:center;gap:.5rem;padding:.15rem .2rem 0;display:flex}.card__rarity{border:1.5px solid var(--ink);background:var(--accent);flex:none;width:.85rem;height:.85rem;transform:rotate(45deg)}.card__art{border-radius:calc(var(--radius) - 6px);border:1.5px solid var(--ink);background:var(--bg);flex:1;min-height:0;overflow:hidden}.card__art img{object-fit:cover;width:100%;height:100%}.card__type{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);padding:0 .2rem;font-size:.8rem;font-weight:600}.card__stats{border-radius:calc(var(--radius) - 6px);background:var(--bg);grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:0;padding:.6rem .7rem;font-size:.85rem;display:grid}.card__stats dt{font-weight:700}.card__stats dd{color:var(--ink-soft);margin:0}.card__blurb{margin:0;font-size:.95rem}.card__links{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.card__link{border:1.5px solid var(--ink);color:var(--ink);background:var(--surface);transition:transform var(--t-release) var(--ease-spring), background-color var(--t-hover) ease;border-radius:999px;padding:.45rem .9rem;font-size:.85rem;font-weight:700;text-decoration:none}.card__link:hover{background:var(--accent);transform:translateY(-2px)}.card__link:active{transition-duration:var(--t-press);transform:translateY(1px)scale(.95)}.card[data-rarity=legendary] .card__front:before{content:"";border-radius:inherit;background:linear-gradient(115deg,#0000 35%,#ffffffb3 48%,#eaffa080 52%,#0000 65%) 0 0/260% 260%;background-position:var(--mx) var(--my);mix-blend-mode:soft-light;opacity:0;transition:opacity var(--t-hover) ease;pointer-events:none;z-index:1;position:absolute;inset:0}.card[data-rarity=legendary]:hover .card__front:before{opacity:.8}.card[data-rarity=legendary] .card__face{box-shadow:0 0 0 3px var(--accent), var(--shadow)}.card[data-rarity=legendary]:hover .card__face{box-shadow:0 0 0 3px var(--accent), var(--shadow-lift)}.card__face{gap:3cqi;padding:3.6cqi}.card__back{gap:4cqi;padding:6cqi}.card__name{font-size:clamp(.95rem,7.2cqi,1.35rem)}.card__type{font-size:clamp(.66rem,4.1cqi,.8rem)}.card__stats{padding:3cqi 3.6cqi;font-size:clamp(.72rem,4.5cqi,.85rem)}.card__blurb{font-size:clamp(.8rem,5.2cqi,.98rem);line-height:1.45}.card__meta{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:clamp(.66rem,4cqi,.78rem);font-weight:600}.card__link{font-size:clamp(.72rem,4.3cqi,.85rem)}.card__placeholder{width:100%;height:100%;font:800 30cqi/1 var(--font-display);color:var(--surface);background:radial-gradient(circle at 30% 30%, var(--accent) 0 18%, transparent 19%), repeating-linear-gradient(45deg, var(--ink) 0 2px, transparent 2px 12px), var(--ink-soft);place-items:center;display:grid}.card[data-rarity=common] .card__rarity{background:var(--surface);border-radius:50%;transform:none}.card__label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:clamp(.62rem,3.8cqi,.74rem);font-weight:700}.card__tags{flex-wrap:wrap;gap:1.6cqi;margin:-2cqi 0 0;padding:0;list-style:none;display:flex}.card__tags li{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:.9cqi 2.6cqi;font-size:clamp(.66rem,3.9cqi,.78rem);font-weight:600}.card__more{background:var(--accent)}.card[data-cat] .card__face{background:var(--cat,var(--surface))}.games__head{text-align:center;justify-items:center;gap:.5rem;display:grid}.games__sub{color:var(--ink-soft);margin:0}.deck-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;max-width:1200px;display:flex}.deck-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.chip{border:1.5px solid var(--ink);background:var(--surface);color:var(--ink);font:700 .9rem/1 var(--font-body);cursor:pointer;box-shadow:0 3px 0 var(--ink);transition:transform var(--t-release) var(--ease-spring), box-shadow var(--t-release) var(--ease-spring), background-color var(--t-hover) ease;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .95rem;display:inline-flex}.chip:hover{box-shadow:0 5px 0 var(--ink);transform:translateY(-2px)}.chip:active{box-shadow:0 1px 0 var(--ink);transition-duration:var(--t-press);transform:translateY(2px)scale(1.06,.9)}.chip[aria-pressed=true]{background:var(--accent)}.chip__dot{border:1.5px solid var(--ink);background:var(--cat,var(--surface));border-radius:50%;flex:none;width:.7rem;height:.7rem}.chip__count{background:var(--ink);min-width:1.4em;color:var(--surface);text-align:center;border-radius:999px;padding:.15em .4em;font-size:.72rem}.deck{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));justify-items:center;gap:2.5rem 1.5rem;width:100%;max-width:1200px;margin:0;padding:0;list-style:none;display:grid}.deck__slot{width:100%;max-width:320px;transition:translate .42s var(--ease-spring);position:relative}.deck__slot.is-lifted{z-index:2;translate:0 -14px}.deck__slot.nudge-left{translate:-12px}.deck__slot.nudge-right{translate:12px}.deck__slot .card{width:100%}.deck__slot.is-undealt{opacity:0}.featured{grid-template-columns:minmax(0,1fr);justify-items:center;gap:2.5rem;padding:5rem 16px 2rem;display:grid}.featured__head{text-align:center;justify-items:center;gap:.5rem;display:grid}.featured__head h2{font-size:clamp(2rem,5vw,3.25rem)}.featured__sub{color:var(--ink-soft);margin:0}.featured__list{gap:0;width:100%;max-width:1200px;display:grid}.banner{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.banner--flip{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.banner--flip .banner__lean{order:2}.banner__lean{will-change:transform}.banner__media{aspect-ratio:16/10;border:2px solid var(--ink);background:var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:20px;position:relative;overflow:hidden}.banner__shot{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.banner__shot.is-active{opacity:1;animation:7s ease-out both ken-burns}@keyframes ken-burns{0%{transform:scale(1.12)translate(-1.5%,1%)}to{transform:scale(1)translate(0)}}.banner__media--phone{background:var(--ink) var(--backdrop) center / cover no-repeat;place-items:center;display:grid}.banner__media--phone:before{content:"";-webkit-backdrop-filter:blur(6px);background:#faf6ee59;position:absolute;inset:0}.banner__phone{aspect-ratio:9/19.5;border:3px solid var(--ink);background:var(--ink);height:86%;box-shadow:6px 6px 0 var(--ink);border-radius:22px;position:relative;overflow:hidden}.banner__text{justify-items:start;gap:.9rem;display:grid}.banner__meta{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.8rem;font-weight:700}.banner__title{letter-spacing:-.02em;transform-origin:0 100%;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800}.banner__hook{max-width:34ch;margin:0;font-size:clamp(1.05rem,1.6vw,1.25rem)}.banner__role{color:var(--ink-soft);margin:0}.banner__role strong{color:var(--ink);margin-right:.4rem}.banner__actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.5rem;display:flex}.banner__cta{min-width:0;padding:.8rem 1.5rem;font-size:1.05rem;text-decoration:none}@media (width<=860px){.banner,.banner--flip{grid-template-columns:minmax(0,1fr)}.banner--flip .banner__lean{order:0}.banner__media{box-shadow:5px 5px 0 var(--ink)}}@media (prefers-reduced-motion:reduce){.banner__shot.is-active{animation:none}}.banner__placeholder{font-size:clamp(5rem,14vw,10rem);position:absolute;inset:0}.banner-sep{place-items:center;height:1.2rem;margin:clamp(3.5rem,8vw,6rem) 0;display:grid;position:relative}.banner-sep:before{content:"";border-top:2px dashed var(--line);position:absolute;top:50%;left:0;right:0}.banner-sep__gem{border:1.5px solid var(--ink);background:var(--accent);width:1rem;height:1rem;box-shadow:0 0 0 6px var(--bg);position:relative;transform:rotate(45deg)}.banner__word{white-space:nowrap;display:inline-block}.banner__letter{transform-origin:50% 100%;display:inline-block}.banner.is-waiting .banner__media,.banner.is-waiting .banner__text>*{opacity:0}.banner__cta{transition:translate .38s var(--ease-spring), transform var(--t-release) var(--ease-spring), box-shadow var(--t-release) var(--ease-spring), background-color var(--t-hover) ease}html.has-scrollcar{scrollbar-width:none}html.has-scrollcar::-webkit-scrollbar{display:none}html.has-scrollcar body{padding-right:34px}.scrollcar{z-index:25;opacity:0;pointer-events:none;width:30px;transition:opacity .4s;position:fixed;top:12px;bottom:calc(28px + 2.75rem);right:4px}.entered .scrollcar{opacity:1;pointer-events:auto}.scrollcar.is-hidden{display:none}.scrollcar__line{background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--ink) 45%, transparent) 0 10px, transparent 10px 20px);border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0;left:50%}.scrollcar__car{cursor:grab;touch-action:none;width:26px;height:42px;position:absolute;top:0;left:2px}.scrollcar__car svg{transition:transform .38s var(--ease-spring);display:block;transform:rotate(180deg)}.scrollcar__car.is-up svg{transform:rotate(0)}.scrollcar__car.is-driving svg{animation:.12s linear infinite scrollcar-rumble}.scrollcar__car.is-held svg{filter:drop-shadow(0 3px #1d1b1840)}@keyframes scrollcar-rumble{0%,to{translate:0}50%{translate:.6px}}.scrollcar__puff{z-index:24;border:1.2px solid var(--ink);background:var(--surface);pointer-events:none;border-radius:50%;width:8px;height:8px;position:fixed}@media (prefers-reduced-motion:reduce){.scrollcar__car.is-driving svg{animation:none}}