/* Barra compacta e menus por categoria. Os tamanhos de toque do celular são independentes. */
.menu-art{display:inline-block;flex:0 0 auto;width:30px;height:30px;background-image:url('navigation/icons.png?v=964');background-size:600% 500%;background-repeat:no-repeat;filter:drop-shadow(0 2px 2px #0008);pointer-events:none}
.canvas-wrap>.quick-dock.compact-dock{z-index:21;left:50%!important;right:auto!important;bottom:10px!important;transform:translateX(-50%)!important;width:min(720px,calc(100% - 24px))!important;max-width:none!important;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:5px 7px;overflow:visible;border:1px solid #9a7e43;border-radius:12px;background:linear-gradient(180deg,#0d251be8,#081711ed);box-shadow:0 5px 20px #0007,inset 0 1px #ffe5a825;backdrop-filter:blur(5px)}
.quick-dock.compact-dock button{display:grid;grid-template-columns:1fr auto;grid-template-rows:29px 16px;justify-content:center;align-content:center;align-items:center;gap:1px 3px;min-width:0;min-height:51px;padding:2px 6px;border-radius:8px;background:linear-gradient(#24372b80,#0c201780);border:1px solid #9d81424d;color:#f6e6c3;font-size:11px;box-shadow:inset 0 1px #fce9b40a}
.quick-dock.compact-dock button .menu-art{display:block!important;grid-column:1/-1;justify-self:center;width:30px;height:30px}
.quick-dock.compact-dock button .menu-label{display:inline!important;white-space:nowrap;justify-self:end;font:11px Georgia,serif;letter-spacing:0;line-height:16px}
.quick-dock.compact-dock button .menu-label:last-child{grid-column:1/-1;justify-self:center}
.quick-dock.compact-dock button .menu-key{display:inline!important;justify-self:start;font:8px Arial,sans-serif;padding:0 2px;border:1px solid #9b8a635e;background:#132a20;color:#cbbc97;line-height:12px;border-radius:3px}
.quick-dock.compact-dock button:hover,.quick-dock.compact-dock button.active{border-color:#e6bf68;background:linear-gradient(#46533a,#1b3020);box-shadow:inset 0 0 9px #f0cf7024;color:#fff3d3}
.quick-dock.compact-dock #gameMenuToggle[aria-expanded=true]{border-color:#f4d879;box-shadow:0 0 9px #e4c7646b,inset 0 0 9px #e4c76429}
.game-menu-panel{position:absolute;z-index:22;left:50%;bottom:82px;transform:translateX(-50%);width:min(980px,calc(100% - 24px));max-height:calc(100% - 98px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:12px;border:1px solid #bb984f;border-radius:13px;background:linear-gradient(145deg,#102a20f5,#081a14f7);color:#f6e8cd;box-shadow:0 9px 30px #0009,inset 0 0 0 4px #d0ab5512;backdrop-filter:blur(7px);pointer-events:auto;scrollbar-width:thin;scrollbar-color:#96783d #13291f}
.game-menu-panel[hidden],body.mobile-play .game-menu-panel{display:none!important}
body.gate-open .game-menu-panel{visibility:hidden!important;pointer-events:none!important}
.game-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 10px;border-bottom:1px solid #b9954c66}
.game-menu-heading h2{margin:0;flex:1;text-align:center;font:16px Georgia,serif;letter-spacing:1.5px;text-transform:uppercase;color:#f2d48a}
.game-menu-close{width:32px;height:32px;min-width:32px;padding:0;border:1px solid #ac8e4f;border-radius:7px;background:#0a1a14;color:#f9dc91;font:25px Georgia,serif;line-height:1}
.game-menu-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:12px}
.menu-category{min-width:0;margin:0;padding:0 12px;border-right:1px solid #aa8e484d}
.menu-category:last-child{border-right:0}
.menu-category-title{margin:0 0 8px;color:#e9cb83;font:13px Georgia,serif;letter-spacing:1px;text-transform:uppercase}
.menu-category-list{display:flex;flex-direction:column;gap:3px}
.game-menu-panel .menu-entry{display:flex;align-items:center;gap:8px;min-height:39px;min-width:0;width:100%;padding:3px 5px;border:1px solid transparent;border-radius:6px;background:transparent;color:#f0e6cc;text-align:left;box-shadow:none}
.game-menu-panel .menu-entry .menu-art{width:29px;height:29px}
.game-menu-panel .menu-label{flex:1;min-width:0;font:13px Georgia,serif;line-height:1.25}
.game-menu-panel .menu-key{font:9px Arial,sans-serif;border:1px solid #c3a35d40;border-radius:3px;padding:1px 3px;background:#10271b;color:#beaf8b}
.game-menu-panel .menu-entry:hover,.game-menu-panel .menu-entry.active{background:#d7bb6621;border-color:#d7bb6666}
.compact-dock button:focus-visible,.game-menu-panel button:focus-visible,body.mobile-play #mobileMenuItems button:focus-visible{outline:2px solid #ffe39a;outline-offset:2px}
@media(max-width:1000px){.game-menu-panel{width:calc(100% - 24px)}.menu-category{padding:0 8px}.game-menu-panel .menu-label{font-size:12px}.game-menu-panel .menu-entry{gap:5px}.game-menu-panel .menu-key{display:none}}
@media(max-width:760px){.game-menu-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}.menu-category:nth-child(2n){border-right:0}}
body.mobile-play #mobileMenu{padding:12px;border-radius:14px;border-color:#c4a25e85;background:linear-gradient(145deg,#102a20f5,#081a14f5)}
body.mobile-play #mobileMenu>header{background:#10291ff7;border-bottom:1px solid #b9954c4d;padding-bottom:8px;color:#f2d48a}
body.mobile-play #mobileMenuItems{display:block}
body.mobile-play #mobileMenuItems .menu-category{padding:0 0 14px;margin:0 0 14px;border:0;border-bottom:1px solid #b9954c38}
body.mobile-play #mobileMenuItems .menu-category:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
body.mobile-play #mobileMenuItems .menu-category-title{font-size:12px;margin:0 0 10px}
body.mobile-play #mobileMenuItems .menu-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body.mobile-play #mobileMenuItems button{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:48px;padding:7px;border:1px solid #c4a25e33;border-radius:8px;background:#d6bd7a09;text-shadow:none;color:#f4e9cc;font-size:11px;overflow-wrap:normal;text-align:left}
body.mobile-play #mobileMenuItems .menu-label{flex:1;line-height:1.3}
body.mobile-play #mobileMenuItems .menu-key{display:none}
body.mobile-play #mobileMenuItems .menu-art{width:29px;height:29px}
body.mobile-play .mobile-nav .menu-art{width:29px;height:29px}
body.mobile-play #mobileMenuItems button.active{border-color:#d8bd74;background:#d7bb6621}
@media(max-height:520px){body.mobile-play #mobileMenu{top:calc(68px + env(safe-area-inset-top));max-height:calc(100% - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}