/* Reliquary keys: thin nested frames, square corner studs and a short base. */
html[data-button-style=reliquary]{
 --rk-face:var(--key-face);--rk-text:var(--g-text);--rk-line:var(--g-line);
 --rk-recess:var(--g-paper);--rk-inner:var(--g-metal);--rk-stud:var(--g-line);
 --rk-hover:var(--g-panel);--rk-shadow:var(--g-shadow);
 --rk-active:var(--g-accent);--rk-active-hover:var(--g-accent);--rk-active-text:var(--g-accent-text);
}
html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .console-key{
 --rk-surface:var(--rk-face);
 --rk-highlight:color-mix(in srgb,var(--rk-surface) 65%,var(--key-top));
 --rk-shade:color-mix(in srgb,var(--rk-surface) 65%,var(--key-edge));
 --rk-relief:inset 0 0 0 3px var(--rk-recess),inset 0 0 0 4px var(--rk-inner),inset 5px 5px 0 var(--rk-highlight),inset -5px -5px 0 var(--rk-shade);
 position:relative;
 border:1px solid var(--rk-line);border-radius:0;
 outline:1px solid var(--rk-recess);outline-offset:0;
 background:var(--rk-face);color:var(--rk-text);text-shadow:none;
 box-shadow:var(--rk-relief),2px 3px 0 var(--key-base),3px 5px 0 var(--rk-shadow);
 transition:transform 70ms steps(2,end),background-color 70ms steps(2,end),box-shadow 70ms steps(2,end);
}
html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .console-key::before,
html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .console-key::after{
 content:'';position:absolute;inset:auto;width:4px;height:4px;
 border:0;background:var(--rk-corner,var(--rk-stud));box-shadow:1px 1px 0 var(--rk-shadow);
 pointer-events:none;
}
html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .console-key::before{top:4px;left:4px}
html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .console-key::after{bottom:4px;right:4px}
html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .console-key:hover{
 background:var(--rk-hover);color:var(--rk-text);
 box-shadow:var(--rk-relief),2px 3px 0 var(--key-base),3px 5px 0 var(--rk-shadow);
}
html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .console-key[aria-pressed=true],
html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .console-key[aria-selected=true],
html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .transport .play,
html[data-theme][data-button-style=reliquary] .start-screen .start-button{
 --rk-corner:var(--rk-active-text);
 --rk-surface:var(--rk-active);
 background:var(--rk-active);color:var(--rk-active-text);border-color:var(--rk-line);
 box-shadow:var(--rk-relief),2px 3px 0 var(--key-base),3px 5px 0 var(--rk-shadow);
}
html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .console-key[aria-pressed=true]:hover,
html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .console-key[aria-selected=true]:hover,
html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .transport .play:hover,
html[data-theme][data-button-style=reliquary] .start-screen .start-button:hover{
 background:var(--rk-active-hover);color:var(--rk-active-text);
}
html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .console-key:active,
html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .console-key[aria-pressed=true]:active{
 transform:translate(2px,2px);
 box-shadow:var(--rk-relief),1px 2px 0 var(--key-base),1px 3px 0 var(--rk-shadow);
}
html[data-theme][data-button-style=reliquary] .player-card .curse-step:active{transform:none}
html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .console-key:focus-visible{
 outline:2px solid var(--rk-line);outline-offset:4px;
}
html[data-theme][data-button-style=reliquary] .console-key :is(.pixel-icon,.settings-icon,.theme-icon){filter:none}
@media(prefers-reduced-motion:reduce){
 html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .console-key{transition:none}
}