.card-menu-toggle{position:fixed;left:0;top:48%;z-index:950;background:#ffff00;color:#20221f;border:3px solid #20221f;border-left:0;box-shadow:4px 4px #20221f;border-radius:0 12px 12px 0;padding:10px 9px;display:flex;flex-direction:column;align-items:center;gap:5px;font-weight:900;cursor:pointer}
.card-menu-toggle>span{font:900 32px/1 Arial,sans-serif}.card-menu-toggle small{font-size:11px}.card-menu-toggle:hover{background:#ffdf00}
.card-menu-panel{position:fixed;left:12px;top:50%;transform:translateY(-50%);z-index:960;width:min(370px,calc(100vw - 24px));max-height:80vh;max-height:80dvh;overflow:auto;background:#fff5db;border:3px solid #20221f;box-shadow:6px 6px #20221f;padding:16px}.card-menu-panel[hidden]{display:none}
.card-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-menu-heading strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px}.card-menu-heading button{background:#e84135;color:white;border:2px solid #20221f;width:34px;height:34px;font:800 26px/1 Arial;flex-shrink:0}
.card-menu-categories{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card-menu-categories button{background:white;border:2px solid #20221f;padding:10px 8px;font-size:13px;font-weight:800;color:#20221f;text-align:left;overflow-wrap:anywhere}.card-menu-categories button.active{background:#20221f;color:#fff5db}.card-menu-categories button:hover{background:#ffff00;color:#20221f}
.card-menu-toggle:focus-visible,.card-menu-panel button:focus-visible{outline:3px solid #195bad;outline-offset:3px}
@media(max-width:600px){.card-menu-toggle{padding:9px 6px;top:42%}.card-menu-toggle>span{font-size:28px}.card-menu-toggle small{font-size:10px}.card-menu-panel{padding:14px;max-height:85dvh}}