/* Ornament is baked at 1/2 size, then sampled nearest like the game sprites.
   DOM labels and buttons retain their layout, accessibility and hit areas. */
.stone-console,.tally,.panel,.orb-frame,.spell,.tally-crest,.panel-crest{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;box-shadow:none;border-color:transparent;border-radius:0}
.stone-console{background-image:url('assets/ui/console.png');background-origin:border-box}
.tally{background-image:url('assets/ui/tally.png');background-origin:border-box}
.panel{background-image:url('assets/ui/panel.png');background-origin:border-box}
/* Keep the textured iron ring, but give the liquid a true circular mask.
   The polygon mask exaggerated the pixel steps and squared off the orb. */
.orb-frame{background-image:url('assets/ui/orb-frame.png');background-origin:border-box;border-radius:50%;image-rendering:auto}
.orb{clip-path:none;border-radius:50%}
.spell.fire{background-image:url('assets/ui/fire.png');background-origin:border-box}
.spell.lightning{background-image:url('assets/ui/lightning.png');background-origin:border-box}
.spell-art,.spell:before,.orb-pin,.rivet{visibility:hidden}
.spell:hover{box-shadow:none;filter:brightness(1.15);border-color:transparent}
.spell.casting{box-shadow:none;filter:brightness(1.35);border-color:transparent}
.tally-crest{height:36px;width:32px;margin:auto;background-image:url('assets/ui/crest.png')}
.panel-crest{height:48px;width:42px;margin:0 auto 12px;background-image:url('assets/ui/anchor.png')}
.tally-crest svg,.panel-crest svg{visibility:hidden}
.hud{filter:none}
.top-right button,.panel button,.orb-caption,.spell kbd{box-shadow:inset 0 0 0 2px #100d16,0 2px #08060d;border-radius:0;background-image:linear-gradient(#30273799,#100c17cc),url('assets/ui-stone.png');background-size:auto,128px 128px;image-rendering:pixelated}