.refcards-band{padding-block:clamp(1.6rem,3.6vw,2.6rem)}.refcards-title{letter-spacing:-.02em;margin:0;font-size:clamp(1.2rem,2.3vw,1.7rem)}.refcards-lede{color:#ffffff9e;max-width:74ch;margin:.4rem 0 1.2rem;font-size:.95rem;line-height:1.55}.refcards{grid-template-columns:repeat(auto-fit, minmax(212px, var(--rc-track,1fr)));perspective:1500px;gap:1rem;display:grid}.refcard{--radius:.9rem;--rc-accent:#7cf03d;aspect-ratio:3/4;border-radius:var(--radius);color:inherit;isolation:isolate;background:radial-gradient(130% 80% at 50% -20%,#7cf03d29,#0000 60%),linear-gradient(168deg,#16201a 0%,#0b0f12 46%,#080b0e 100%);padding:.9rem;text-decoration:none;transition:box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 22px 50px #0000008c}.refcard>.rc-bg{z-index:0;object-fit:cover;object-position:center 42%;opacity:.32;filter:saturate(.82)contrast(1.06);pointer-events:none;width:100%;height:100%;transition:opacity .22s,transform .35s;position:absolute;inset:0;mask-image:linear-gradient(#000000f2 0%,#0009 42%,#0000 76%)}.refcard:hover>.rc-bg{opacity:.46;transform:scale(1.04)}.refcards-credit{color:#ffffff7a;margin:.7rem 0 0;font-size:.88rem}.refcards-credit a{color:#ffffff9e}.refcard[data-art=celebration]{--rc-accent:#ffd45e}.refcard[data-art=skill]{--rc-accent:#6fb0ff}.refcard[data-art=lab]{--rc-accent:#f07bd0}.refcard[data-art=hoop]{--rc-accent:#ff8a3d}.refcard[data-art=board]{--rc-accent:#5ee7c4}.refcard:hover{box-shadow:inset 0 0 0 1px #ffffff24,0 30px 70px #0000009e}.refcard:focus-visible{outline:2px solid var(--rc-accent);outline-offset:3px}.refcard>.rc-frame{border-radius:var(--radius);background:linear-gradient(160deg, color-mix(in srgb, var(--rc-accent) 70%, transparent), #ffffff1a 34%, transparent 56%, color-mix(in srgb, var(--rc-accent) 34%, transparent));-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.refcard>.rc-sheen{pointer-events:none;background:linear-gradient(104deg,#0000 38%,#ffffff1f 47%,#0000 56%);transition:transform .7s cubic-bezier(.22,.61,.36,1);position:absolute;inset:-40% -60%;transform:translate(-38%)}.refcard:hover .rc-sheen{transform:translate(38%)}.refcard>.rc-badge{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rc-accent) 34%, transparent);z-index:2;background:#00000075;border-radius:.5rem;justify-items:center;gap:.05rem;padding:.3rem .5rem .35rem;display:grid;position:absolute;top:.75rem;right:.75rem}.rc-badge b{font:800 1.45rem/1 var(--font-mono);letter-spacing:-.02em;color:var(--rc-accent);text-shadow:0 0 14px color-mix(in srgb, var(--rc-accent) 45%, transparent)}.rc-badge i{font-style:normal;font:700 .78rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffff75}.refcard>.rc-stats{z-index:2;gap:.3rem;display:grid;position:absolute;top:.8rem;left:.8rem}.rc-stat{justify-items:start;line-height:1;display:grid}.rc-stat i{font-style:normal;font:700 .78rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff6}.rc-stat b{font:800 .98rem/1.1 var(--font-mono);color:#ffffffe0}.refcard>.rc-art{opacity:1;z-index:1;width:74%;transition:transform .25s;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.refcard:hover .rc-art{transform:translate(-50%,-52%)scale(1.05)}.rc-art svg{width:100%;height:auto;display:block;overflow:visible}.rc-shell{fill:#ffffff12;stroke:#ffffff85;stroke-width:3px}.rc-ring{fill:none;stroke:#ffffff42;stroke-width:2.6px}.rc-base{stroke:#ffffff57;stroke-width:2.4px}.rc-base-dim{stroke:#ffffff29;stroke-dasharray:4 6}.rc-stick{fill:#ffffff1f;stroke:color-mix(in srgb, var(--rc-accent) 65%, transparent);stroke-width:2.6px}.rc-pad,.rc-bumper{stroke:#ffffff7a;stroke-width:3px;stroke-linecap:round}.rc-b{fill:none;stroke-width:3.2px}.rc-b-t{stroke:#4bd6a0}.rc-b-r{stroke:#ff6b6b}.rc-b-l{stroke:#f07bd0}.rc-b-d{stroke:#7aa7ff}.rc-arc,.rc-trace{fill:none;stroke:var(--rc-accent);stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--rc-accent) 45%, transparent))}.rc-arc-dim{stroke:#ffffff24;filter:none;stroke-width:2.4px}.rc-head{fill:var(--rc-accent)}.rc-spark{fill:var(--rc-accent);opacity:.7}.rc-spark-dim{opacity:.32}.refcard>.rc-faces{z-index:2;grid-template-columns:1fr 1fr;gap:.3rem;width:74%;transition:transform .35s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.refcard:hover>.rc-faces{transform:translate(-50%,-56%)scale(1.04)}.rc-face{aspect-ratio:1;background:radial-gradient(120% 90% at 50% 8%, color-mix(in srgb, var(--rc-accent) 26%, transparent), transparent 70%), #ffffff12;border-radius:.5rem;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.rc-face img{object-fit:cover;width:100%;height:100%;display:block}.rc-face b{font:800 .6rem/1.5 var(--font-mono);color:#fff;background:#0000009e;border-radius:.22rem;padding:0 .22rem;position:absolute;bottom:.18rem;left:.22rem}.rc-dpad rect{fill:#ffffff1a;stroke:#ffffff6b;stroke-width:2px}.rc-cell{fill:#ffffff14;stroke:#ffffff2e;stroke-width:1.4px}.rc-cell-hot{fill:color-mix(in srgb, var(--rc-accent) 55%, transparent);stroke:var(--rc-accent)}.rc-node{fill:var(--rc-accent)}.rc-node-end{fill:#fff}.rc-step{fill:#ffffff80;font:800 11px var(--font-mono)}.refcard>.rc-plate{z-index:2;background:linear-gradient(#080b0ed1,#080b0ef5);border-radius:.6rem;gap:.12rem;padding:.55rem .7rem .6rem;display:grid;position:absolute;bottom:.7rem;left:.7rem;right:.7rem;box-shadow:inset 0 0 0 1px #ffffff17}.rc-plate strong{font:800 .98rem/1.25 var(--font-display);color:#fff}.rc-plate em{color:#ffffff8a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;font-style:normal;line-height:1.4;display:-webkit-box;overflow:hidden}.refcard[aria-current=page] .rc-plate em{color:color-mix(in srgb, var(--rc-accent) 72%, white)}@media (prefers-reduced-motion:reduce){.rc-sheen,.rc-art,.refcard{transition:none}.refcard:hover .rc-sheen{transform:translate(-38%)}.refcard:hover .rc-art{transform:translate(-50%,-50%)}}