.door-key{--key-ink:var(--game-mark,var(--primary));--key-edge:color-mix(in oklch, var(--key-ink) 22%, var(--border));--key-lip:color-mix(in oklch, var(--key-ink) 30%, var(--border));background:color-mix(in oklch, var(--key-ink) 6%, var(--card));box-shadow:inset 0 0 0 1px var(--key-edge), inset 0 1px 0 color-mix(in oklab, var(--sheen-ink) 10%, transparent), 0 2px 0 var(--key-lip)}.door-key:active{box-shadow:inset 0 0 0 1px var(--key-edge), inset 0 1px 0 color-mix(in oklab, var(--sheen-ink) 10%, transparent), 0 1px 0 var(--key-lip);transform:translateY(1px)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.door-key{transition:transform .15s ease-out,box-shadow .15s ease-out,background-color .15s ease-out}.door-key:hover{background:color-mix(in oklch, var(--key-ink) 12%, var(--card));box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--key-ink) 45%, var(--border)), inset 0 1px 0 color-mix(in oklab, var(--sheen-ink) 10%, transparent), 0 3px 0 var(--key-lip);transform:translateY(-1px)}}:root[data-lite] .door-key{transition:none}