.cryptid-card{--card-ink:#c0a5f7;--shine-x:35%;--shine-y:20%;position:relative;isolation:isolate;width:min(100%,370px);margin:0 auto;padding:13px;border:1px solid var(--card-ink);border-radius:22px 7px 22px 7px;background:linear-gradient(145deg,#33303c,#12151d 45%,#292a34);box-shadow:0 22px 45px #0009,inset 0 0 0 4px #10121a,inset 0 0 0 5px color-mix(in srgb,var(--card-ink),transparent 50%);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .15s ease;overflow:hidden;text-align:left;color:#eee9df}
.cryptid-card:before{content:'';position:absolute;inset:8px;border:1px solid #ffffff16;border-radius:16px 4px;pointer-events:none;z-index:4}.card-heading,.card-footer{display:flex;justify-content:space-between;gap:10px;font:8px monospace;letter-spacing:.1em;color:var(--card-ink);padding:4px 6px 9px}.card-art{height:230px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--card-ink),transparent 65%);border-radius:50% 50% 7px 7px;background:radial-gradient(ellipse at 50% 75%,color-mix(in srgb,var(--card-ink),transparent 82%),transparent 65%),repeating-conic-gradient(from 12deg at 50% 65%,#c0a5f708 0 1deg,transparent 1deg 15deg),#0d1018}
.card-art>img{position:absolute;inset:0;z-index:2;width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 8px 14px #0009)}.card-halo{position:absolute;width:180px;height:180px;border:1px solid color-mix(in srgb,var(--card-ink),transparent 55%);border-radius:50%;box-shadow:0 0 0 16px #ffffff03,0 0 0 17px #ffffff08}.card-sigil{position:absolute;right:12px;bottom:7px;font-size:28px;color:var(--card-ink);z-index:3}.cryptid-card .card-name{font-family:ArcadeWhimsy,Georgia,serif!important;font-size:27px!important;line-height:1.08!important;letter-spacing:0!important;margin:12px 6px 9px!important;color:#f3eadd!important;font-style:normal!important}.card-type{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:8px 6px;border-block:1px solid #ffffff19;font-size:10px;line-height:1.3;color:#c3c2ce}.card-rarity{color:var(--card-ink);white-space:nowrap;font:9px monospace}.card-notes{padding:10px 6px 4px}.cryptid-card p{margin:0 0 8px}.card-ability{font:18px ArcadeWhimsy,Georgia,serif;color:var(--card-ink)}.card-lore{font:12px/1.5 Georgia,serif;color:#d2cbd4;min-height:36px}.card-habitat{font:8px/1.4 monospace;text-transform:uppercase;letter-spacing:.04em;color:#8e93a5}.card-footer{padding:8px 6px 1px;border-top:1px solid #ffffff16;font-size:7px}.card-foil{position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:inherit;mix-blend-mode:screen;opacity:.13;background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#ede3c666,transparent 50%)}
.tier-2 .card-foil,.tier-3 .card-foil,.tier-4 .card-foil{opacity:.22;background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#c8fff055,transparent 45%),repeating-linear-gradient(118deg,transparent 0 19%,#b9a6f63a 22%,#9bdedb32 25%,#e8c67d2c 28%,transparent 32% 50%);background-size:100% 100%,250% 250%;animation:cardPearl 12s ease-in-out infinite}.tier-3 .card-foil{opacity:.31}.tier-4 .card-foil{opacity:.46;background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#d0ffee66,transparent 45%),repeating-linear-gradient(118deg,transparent 0 19%,#f6ca7955 22%,#9bedda66 25%,#c8a0ff66 28%,transparent 33% 50%);background-size:100% 100%,250% 250%}.tier-4{box-shadow:0 22px 50px #0009,0 0 30px #d4be7020,inset 0 0 0 4px #10121a,inset 0 0 0 5px #e1c98888}
@keyframes cardPearl{0%,100%{background-position:0 0,0 0}50%{background-position:0 0,100% 100%}}@keyframes cardArrival{0%{opacity:0;transform:perspective(900px) rotateY(-38deg) scale(.87);filter:brightness(.3)}100%{opacity:1;transform:perspective(900px) rotateY(0) scale(1);filter:brightness(1)}}.card-arrival{animation:cardArrival 2.8s cubic-bezier(.2,.7,.15,1) both}
#stage:has(.cryptid-card){height:auto;min-height:560px;display:grid;place-items:center;padding:24px 18px}#creature-art:has(.cryptid-card){position:relative;inset:auto;width:100%}#stage:has(.cryptid-card) #result-banner{display:none!important}#dialog-content>.cryptid-card{margin-bottom:24px}#dialog-content:has(>.cryptid-card){border:0;background:none;padding:0;box-shadow:none}#dialog-content:has(>.cryptid-card)>h2{font-size:25px}.card-arrival .card-art img{animation:cardArrival 3.3s ease both}
@media(max-width:600px){#stage:has(.cryptid-card){padding:18px 12px;min-height:520px}.cryptid-card{max-width:330px}.card-art{height:205px}.cryptid-card .card-name{font-size:25px!important}}
@media(prefers-reduced-motion:reduce){.cryptid-card,.card-arrival,.card-arrival .card-art img,.card-foil{animation:none!important;transform:none!important;transition:none!important}}body.low-motion .cryptid-card,body.low-motion .card-art img,body.low-motion .card-foil{animation:none!important;transform:none!important;transition:none!important}

body[data-view=game] .page-heading h1,body[data-view=game] .page-heading h1 em{font-family:ArcadeWhimsy,Georgia,serif;font-style:normal;letter-spacing:-.025em} .test-controls{padding:18px;border:1px dashed #c0a5f766;background:#c0a5f70b;margin:20px 0}.test-controls[hidden]{display:none}.test-controls label{display:flex;gap:10px;align-items:center;margin-bottom:12px}.test-controls p{margin-bottom:0}.test-controls select{max-width:180px}

.specimen-share{font-size:.82rem;line-height:1.7;color:#b4abc5;text-align:center;margin:1.5rem auto 1rem;max-width:38ch;text-wrap:balance;}

#ritual{touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;}#ritual:focus-visible{outline:2px solid #b4ffed;outline-offset:-4px;}

.card-edition{position:absolute;left:9px;bottom:9px;z-index:4;padding:4px 6px;border:1px solid color-mix(in srgb,var(--card-ink),transparent 55%);border-radius:3px;color:var(--card-ink);background:#10131bd9;font:7px/1.2 monospace;letter-spacing:.08em;pointer-events:none}