/* University action typography + the arcade's physical button depression. */
:root{--pixelingo-standard-action-font:400 24px/1 UniversityActions,AchievementTitle,sans-serif}
@font-face{font-family:UniversityActions;src:url('/assets/city-home-v03/Tiny5-Regular.ttf');font-display:swap}
html body button.style-button{
 --action-face:#c6f5df;--action-edge:#76ab99;--action-ink:#285f54;
 display:flex;align-items:center;justify-content:center;gap:12px;
 box-sizing:border-box;min-height:60px;padding:12px 22px;
 border:3px solid var(--action-edge);border-radius:14px;
 background:var(--action-face);color:var(--action-ink);box-shadow:0 3px 0 var(--action-edge);
 font:400 26px/1.1 UniversityActions,CityTiny5,sans-serif;text-transform:uppercase;text-decoration:none;
 cursor:pointer;touch-action:manipulation;
 transition:transform 90ms ease,box-shadow 90ms ease,filter 90ms ease;
}
html[data-ui-theme=dark] body button.style-button{--action-face:#59de98;--action-edge:#42474d;--action-ink:#1b1d1f}
html body button.style-button:is(:active,[data-pressed=true],.is-action-key-pressed):not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--action-edge);filter:brightness(.96)}
html body button.style-button:disabled{background:#ded9df;border-color:#aaa3ad;color:#8a818d;opacity:1;filter:none;box-shadow:none;cursor:default}
html[data-ui-theme=dark] body button.style-button:disabled{background:#34373b;border-color:#51565b;color:#999ca1}
html body button.style-button:focus-visible{outline:3px solid var(--action-edge);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html body button.style-button{transition:none}html body button.style-button:is(:active,[data-pressed=true],.is-action-key-pressed):not(:disabled){transform:none}}