.bone-opt{background:var(--felt-noise), #14040973;border-radius:1rem;transition:background .2s,box-shadow .2s;position:relative;box-shadow:inset 0 0 0 1.5px #e6ad4e33}.bone-opt:hover{box-shadow:inset 0 0 0 1.5px #e6ad4e73}.bone-opt:has(:checked){background:var(--felt-noise), radial-gradient(120% 100% at 50% 0%, #ffbe6e33, transparent 62%), var(--color-carpet);box-shadow:inset 0 0 0 1.5px #ffd98fd9,0 12px 22px -12px #ff8c3c8c}.bone-opt:has(:focus-visible){outline:2px solid var(--color-gold-hi);outline-offset:3px}.bone-opt .bone{transition:transform .25s var(--ease-calm)}.bone-opt:has(:checked) .bone{transform:translateY(-2px)scale(1.07)}.card-hole{aspect-ratio:7/12;background:#14040959;border:1.5px dashed #e6ad4e73;border-radius:6%}.sheet{background:var(--felt-noise), linear-gradient(180deg, #ffd2960a, transparent 30%), var(--color-night-2);width:100%;max-width:36rem;height:90dvh;max-height:90dvh;color:var(--color-cream);border:0;border-radius:1.4rem 1.4rem 0 0;margin:auto auto 0;padding:0;overflow:hidden;box-shadow:0 -24px 60px -12px #000000d9}.sheet::backdrop{background:#0c0205b8}.sheet[open]{animation:sheet-up .32s var(--ease-calm) both}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (min-width:640px){.sheet{border-radius:1.4rem;height:min(46rem,88dvh);margin:auto}}html:has(.sheet[open]){overflow:hidden}.card-opt{transition:background .15s, transform .15s var(--ease-calm);border-radius:.8rem}.card-opt:not(:disabled):hover{background:#e6ad4e1a}.card-opt:not(:disabled):active{transform:scale(.97)}.card-opt[aria-pressed=true]{background:#e6ad4e29;box-shadow:inset 0 0 0 1.5px #ffd98fcc}@media (prefers-reduced-motion:reduce){.sheet[open]{animation:none}.bone-opt,.bone-opt .bone,.card-opt{transition:none}.bone-opt:has(:checked) .bone{transform:none}}[data-theme=dark] .bone-opt{background:var(--felt-noise), #03050a80;box-shadow:inset 0 0 0 1.5px #b89a5e33}[data-theme=dark] .bone-opt:has(:checked){background:var(--felt-noise), radial-gradient(120% 100% at 50% 0%, #aa283233, transparent 62%), var(--color-carpet);box-shadow:inset 0 0 0 1.5px #e3cf9abf,0 12px 22px -12px #7896dc59}[data-theme=dark] .card-hole{background:#03050a66;border-color:#b89a5e66}[data-theme=dark] .sheet{background:var(--felt-noise), linear-gradient(180deg, #a0beff0a, transparent 30%), var(--color-night-2)}[data-theme=dark] .sheet::backdrop{background:#020307c7}
