.pixel-button{font:inherit;cursor:pointer;font-weight:600;line-height:1.3;text-decoration:none;display:inline-block}:is(:is(.title-actions,.account-card,[data-screen=account]) :is(button,.button):not(.quiet,.reveal),.pixel-button){--face:#4a3a58;background:linear-gradient(var(--face), var(--face)) center / calc(100% + 8px) calc(100% + 8px) no-repeat;clip-path:none;min-height:48px;color:var(--vellum-high);text-align:center;image-rendering:pixelated;background-origin:padding-box;background-clip:border-box;border:8px solid #0000;border-image:url(/assets/interface/button-plum.png) 4/8px;padding:.3rem .75rem .4rem}:is(:is(.title-actions,.account-card,[data-screen=account]) button.primary:not(.quiet,.reveal),.pixel-button.primary){--face:#f2d27c;color:var(--ink);border-image-source:url(/assets/interface/button-gold.png);font-size:1.1rem}:is(:is(.title-actions,.account-card,[data-screen=account]) :is(button,.button):not(.quiet,.reveal):active:not(:disabled),.pixel-button:active){border-image-source:url(/assets/interface/button-plum-down.png);padding:.425rem .75rem .275rem}:is(:is(.title-actions,.account-card,[data-screen=account]) button.primary:not(.quiet,.reveal):active:not(:disabled),.pixel-button.primary:active){border-image-source:url(/assets/interface/button-gold-down.png)}@media (hover:hover){:is(:is(.title-actions,.account-card,[data-screen=account]) :is(button,.button):not(.quiet,.reveal):hover:not(:disabled),.pixel-button:hover){filter:brightness(1.12)}}