/* Waffle Crusher UI kit — additive styles. Keep your existing IDs and JS handlers. */
:root { --wc-gold:#ffbd27; --wc-cyan:#16c8ff; --wc-ink:#070d18; }
.wc-logo { display:block; width:min(90vw,640px); height:auto; margin-inline:auto; }
.wc-art-button { display:inline-block; width:min(100%,320px); aspect-ratio:4/1; padding:0; border:0; background:transparent center/100% 100% no-repeat; cursor:pointer; transition:transform .12s ease, filter .12s ease; }
.wc-art-button:hover { transform:translateY(-2px) scale(1.015); filter:brightness(1.12) drop-shadow(0 0 10px #ffbd2777); }
.wc-art-button:active { transform:translateY(2px) scale(.99); }
.wc-art-button:focus-visible { outline:3px solid var(--wc-cyan); outline-offset:4px; }
.wc-art-button--start { background-image:url('./button-start.svg'); }
.wc-art-button--characters { background-image:url('./button-character-select.svg'); }
.wc-art-button--stages { background-image:url('./button-stage-select.svg'); }
.wc-art-button--settings { background-image:url('./button-settings.svg'); }
.wc-art-button--pause { background-image:url('./button-pause.svg'); }
.wc-art-button--back { background-image:url('./button-back.svg'); }
.wc-art-button--quit { background-image:url('./button-quit.svg'); }
.wc-badge { display:block; width:min(100%,430px); height:auto; }
.wc-icon { width:48px; height:48px; object-fit:contain; }