/* Bottom menu variant A (nav-arrange.js): pinned places, four categories, a gear. Same rail and lit step as nav-rail.css. */
@media(min-width:960px){
 html.gv-v2.gnd-on body #tabBar .tab-bar-inner{display:block!important}
 html.gv-v2.gnd-on body #tabBar .tab-bar-inner>:not(.gnd-bar){display:none!important}
 .gnd-bar{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;gap:0;height:var(--council-rail-height,116px);max-width:1500px;margin:0 auto}
 .gnd-tile{position:relative;flex:1 1 0;min-width:0;max-width:140px;height:var(--council-rail-height,116px);padding:0;border:0;background:none;color:#f4e3c2;cursor:pointer;font:inherit}
 .gnd-tile .gnd-ic{position:absolute;left:50%;top:2px;width:60px;height:62px;margin-left:-30px;background:center bottom/contain no-repeat;filter:drop-shadow(0 4px 5px #000b);transition:transform .18s ease-out,filter .18s}
 .gnd-tile:hover .gnd-ic{transform:translateY(-3px);filter:drop-shadow(0 4px 5px #000b) drop-shadow(0 0 10px #ffd98a77)}
 .gnd-tile .gnd-lbl{position:absolute;left:0;right:0;top:78px;padding:0 2px;font:700 clamp(11.5px,.92vw,15px)/1.05 var(--font-display,serif);color:#f4e3c2;text-align:center;text-shadow:0 1px 2px #000,0 0 6px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .gnd-tile .gnd-cap{position:absolute;left:0;right:0;bottom:2px;font:italic 700 12px/1.1 Georgia,serif;color:#f7c75f;text-align:center;text-shadow:0 1px 2px #000}
 .gnd-tile .gnd-alert{display:none;position:absolute;left:calc(50% + 16px);top:0;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff7a6a,#b0201a 70%);box-shadow:0 0 0 1.5px #f3cf86,0 2px 4px #000a;color:#fff;font:800 13px/20px var(--font-body,sans-serif);text-align:center}
 .gnd-tile.gnd-has-alert .gnd-alert{display:block}
 .gnd-tile.gnd-active{background:url('/v2/art/nav-bar/step.webp') center 52px/126px 25px no-repeat}
 .gnd-tile.gnd-active .gnd-ic{top:-4px;filter:drop-shadow(0 0 12px #ffd98aaa) drop-shadow(0 4px 5px #000b)}
 .gnd-tile.gnd-active .gnd-lbl{color:#ffe2a0}
 .gnd-tile:focus-visible{outline:2px solid #ffe2a0;outline-offset:-3px}
 .gnd-hidden{display:none}
 .gnd-div{flex:0 0 2px;align-self:center;height:56px;margin:0 clamp(6px,1vw,16px);background:linear-gradient(#f3cf8600,#f3cf86aa,#f3cf8600)}
 .gnd-count{position:absolute;left:calc(50% + 14px);top:0;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:radial-gradient(circle at 35% 30%,#ff7a6a,#b0201a 70%);box-shadow:0 0 0 1.5px #f3cf86,0 2px 4px #000a;color:#fff;font:800 12px/20px var(--font-body,sans-serif);text-align:center;box-sizing:border-box}
 .gnd-count:empty{display:none}
 .gnd-gear{flex:0 0 46px;align-self:flex-start;width:46px;height:46px;margin:18px 0 0 6px;border:1px solid #c9a05a99;border-radius:50%;background:#140b10cc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f3cf86'%3E%3Cpath d='M19.4 13a7.5 7.5 0 0 0 0-2l2.1-1.6-2-3.5-2.5 1a7.4 7.4 0 0 0-1.7-1L15 3.3h-4l-.4 2.6a7.4 7.4 0 0 0-1.7 1l-2.5-1-2 3.5L6.6 11a7.5 7.5 0 0 0 0 2l-2.1 1.6 2 3.5 2.5-1a7.4 7.4 0 0 0 1.7 1l.4 2.6h4l.4-2.6a7.4 7.4 0 0 0 1.7-1l2.5 1 2-3.5zM13 15.5a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7z' transform='translate(-1 0)'/%3E%3C/svg%3E") center/24px no-repeat;cursor:pointer;opacity:.85;transition:opacity .15s,transform .3s}
 .gnd-gear:hover{opacity:1;transform:rotate(30deg)}
}
/* the category panel above the bar */
.gnd-panel{position:fixed;z-index:9000;padding:16px 18px 14px;border:1px solid #c9a05aaa;border-radius:12px;background:linear-gradient(180deg,#24161ef2,#140b10f5);box-shadow:0 18px 50px #000c,inset 0 1px 0 #f3cf8622;animation:gndUp .16s ease-out}
@keyframes gndUp{from{opacity:0;transform:translateY(8px)}}
.gnd-grid{display:grid;grid-template-columns:repeat(4,104px);gap:6px 4px}
.gnd-grid:has(> :nth-child(5):last-child),.gnd-grid:has(> :nth-child(6):last-child){grid-template-columns:repeat(3,104px)}
.gnd-grid:has(> :nth-child(2):last-child){grid-template-columns:repeat(2,104px)}
.gnd-panel .gnd-tile{flex:none;width:104px;max-width:none;height:108px;border-radius:8px}
.gnd-panel .gnd-tile:hover{background:#ffffff0c}
.gnd-panel .gnd-ic{position:absolute;left:50%;top:6px;width:62px;height:62px;margin-left:-31px;background:center/contain no-repeat;filter:drop-shadow(0 4px 5px #000b)}
.gnd-panel .gnd-lbl{position:absolute;left:0;right:0;top:72px;font:700 14px/1.1 var(--font-display,serif);color:#f4e3c2;text-align:center;text-shadow:0 1px 2px #000}
.gnd-panel .gnd-cap{position:absolute;left:0;right:0;top:90px;font:italic 700 12px/1.1 Georgia,serif;color:#f7c75f;text-align:center}
.gnd-panel .gnd-alert{display:none;position:absolute;left:calc(50% + 18px);top:2px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff7a6a,#b0201a 70%);box-shadow:0 0 0 1.5px #f3cf86;color:#fff;font:800 13px/20px var(--font-body,sans-serif);text-align:center}
.gnd-panel .gnd-has-alert .gnd-alert{display:block}
.gnd-panel .gnd-active{background:#f3cf8614;box-shadow:inset 0 0 0 1px #f3cf8655}
.gnd-panel .gnd-hidden{display:none}
.gnd-arrow{position:absolute;bottom:-8px;width:14px;height:14px;margin-left:-7px;background:#150b11;border-right:1px solid #c9a05aaa;border-bottom:1px solid #c9a05aaa;transform:rotate(45deg)}

/* "Arrange your menu" */
.gnd-ed-back{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:16px;background:#05030899;backdrop-filter:blur(3px)}
.gnd-ed{position:relative;width:min(980px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:22px 26px 20px;box-sizing:border-box;border:1px solid #c9a05a99;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,#2a1a14,#160d10 55%,#0f080c);box-shadow:0 30px 80px #000d;color:#f4e8d5;font-family:var(--font-body,inherit)}
.gnd-ed-h{margin:0 0 14px;font:700 clamp(24px,3vw,34px)/1.1 var(--font-display,Georgia,serif);color:#f3cf86;text-align:center}
.gnd-x{position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;background:none;color:#f3cf86;font-size:24px;cursor:pointer}
.gnd-ed-bar{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 0 14px;margin-bottom:12px;border-bottom:1px solid #c9a05a44}
.gnd-ed-cap{font:600 14px/1.2 var(--font-body,inherit);color:#bfae93;letter-spacing:.06em;text-transform:uppercase}
.gnd-sockets{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:8px;border-radius:12px;transition:background .15s}
.gnd-socket{width:96px;height:100px;border:1px solid #c9a05a77;border-radius:10px;background:#1a1014;display:flex;align-items:center;justify-content:center}
.gnd-socket.gnd-empty{border-style:dashed;border-color:#c9a05a55;background:none}
.gnd-over{background:#f3cf8614;box-shadow:inset 0 0 0 1px #f3cf86}
.gnd-ed-row{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:12px;margin:8px 0;padding:6px 10px;border:1px solid #c9a05a33;border-radius:10px;background:#140b10aa}
.gnd-ed-cat{display:flex;align-items:center;gap:10px;font:700 17px/1.2 var(--font-display,Georgia,serif);color:#f3cf86}
.gnd-ed-cat .gnd-ic{flex:0 0 40px;height:40px;background:center/contain no-repeat}
.gnd-ed-items{display:flex;flex-wrap:wrap;gap:8px;min-height:96px;align-items:center;padding:4px;border-radius:8px;transition:background .15s}
.gnd-etile{position:relative;width:88px;height:92px;padding:0;border:1px solid transparent;border-radius:8px;background:none;color:#f4e3c2;cursor:grab;font:inherit}
.gnd-etile:hover{background:#ffffff0c;border-color:#c9a05a55}
.gnd-etile .gnd-ic{position:absolute;left:50%;top:4px;width:54px;height:54px;margin-left:-27px;background:center/contain no-repeat;filter:drop-shadow(0 3px 4px #000b)}
.gnd-etile .gnd-lbl{position:absolute;left:0;right:0;top:62px;font:700 12.5px/1.1 var(--font-display,serif);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}
.gnd-etile.gnd-picked{border-color:#f3cf86;background:#f3cf861a;box-shadow:0 0 14px #f0b84a55}
.gnd-etile.gnd-dragging{opacity:.4}
.gnd-ed-foot{display:flex;align-items:center;gap:16px;margin-top:14px}
.gnd-ed-hint{flex:1;margin:0;font-size:14px;color:#bfae93;text-align:center}
.gnd-ed-hint.gnd-warn{color:#ffb39f}
.gnd-quiet{min-height:42px;padding:6px 16px;border:1px solid #c9a05a77;border-radius:8px;background:#1e1216;color:#f4e8d5;font:500 15px/1.2 var(--font-body,inherit);cursor:pointer}
.gnd-save{min-height:48px;padding:8px 40px;border:1px solid #fff2b0;border-radius:8px;background:linear-gradient(180deg,#ffd86e,#e0a22c 55%,#c98a1c);color:#1e1206;font:700 19px/1.2 var(--font-body,inherit);cursor:pointer;box-shadow:0 0 18px #f0b84a55}
@media(prefers-reduced-motion:reduce){.gnd-panel{animation:none}.gnd-gear:hover{transform:none}}

/* ── phone: 4 pinned + "Categories", a sheet with tabs and big tiles (concept A-phone) ── */
html.gv-v2.gnd-on-phone body #tabBar .mob-nav-bar>:not(.gnd-mbar){display:none!important}
html.gv-v2.gnd-on-phone body #tabBar .mob-nav-bar{display:block!important}
.gnd-mbar{position:relative;z-index:1;display:flex;align-items:stretch;width:100%;height:76px}
.gnd-mbar .gnd-tile{position:relative;flex:1 1 0;min-width:0;height:76px;padding:0;border:0;background:none;color:#f4e3c2;font:inherit;cursor:pointer}
.gnd-mbar .gnd-ic{position:absolute;left:50%;top:2px;width:44px;height:44px;margin-left:-22px;background:center bottom/contain no-repeat;filter:drop-shadow(0 3px 4px #000b)}
.gnd-mbar .gnd-lbl{position:absolute;left:0;right:0;top:47px;font:700 11px/1.05 var(--font-display,serif);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 1px;text-shadow:0 1px 2px #000}
.gnd-mbar .gnd-cap{position:absolute;left:0;right:0;top:60px;font:700 10.5px/1.1 var(--font-body,sans-serif);color:#9fe0a0;text-align:center;white-space:nowrap;overflow:hidden}
.gnd-mbar .gnd-alert,.gnd-mbar .gnd-count{position:absolute;left:calc(50% + 10px);top:0;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:radial-gradient(circle at 35% 30%,#ff7a6a,#b0201a 70%);box-shadow:0 0 0 1.5px #f3cf86;color:#fff;font:800 11px/18px var(--font-body,sans-serif);text-align:center;box-sizing:border-box;display:none}
.gnd-mbar .gnd-has-alert .gnd-alert{display:block}
.gnd-mbar .gnd-count:not(:empty){display:block}
.gnd-mbar .gnd-active{background:url('/v2/art/nav-bar/step.webp') center 32px/62px 22px no-repeat}
.gnd-mbar .gnd-active .gnd-lbl{color:#ffe2a0}
.gnd-mbar .gnd-hidden{display:none}

.gnd-sheet{position:fixed;left:0;right:0;z-index:9000;max-height:72vh;overflow:auto;padding:12px 12px 14px;border-top:1px solid #c9a05aaa;border-radius:16px 16px 0 0;background:linear-gradient(180deg,#2a1a14f7,#160d10fa);box-shadow:0 -14px 40px #000c;color:#f4e8d5;animation:gndUp .18s ease-out;font-family:var(--font-body,inherit)}
.gnd-sheet-head{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px}
.gnd-sheet-h{margin:0;font:700 24px/1.1 var(--font-display,Georgia,serif);color:#f3cf86;letter-spacing:.04em;text-transform:uppercase}
.gnd-gear-s{position:absolute;right:0;top:0;margin:0;width:40px;height:40px;flex:none;border:1px solid #c9a05a99;border-radius:50%;background:#140b10cc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f3cf86'%3E%3Cpath d='M19.4 13a7.5 7.5 0 0 0 0-2l2.1-1.6-2-3.5-2.5 1a7.4 7.4 0 0 0-1.7-1L15 3.3h-4l-.4 2.6a7.4 7.4 0 0 0-1.7 1l-2.5-1-2 3.5L6.6 11a7.5 7.5 0 0 0 0 2l-2.1 1.6 2 3.5 2.5-1a7.4 7.4 0 0 0 1.7 1l.4 2.6h4l.4-2.6a7.4 7.4 0 0 0 1.7-1l2.5 1 2-3.5zM13 15.5a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7z' transform='translate(-1 0)'/%3E%3C/svg%3E") center/22px no-repeat;cursor:pointer}
.gnd-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 12px}
.gnd-tab{position:relative;min-height:40px;padding:6px 10px;border:1px solid #c9a05a77;border-radius:20px;background:#1a1014;color:#f4e3c2;font:700 14px/1.1 var(--font-display,serif);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.gnd-tab.gnd-on{border-color:#fff2b0;background:linear-gradient(180deg,#ffd86e,#c98a1c);color:#1e1206}
.gnd-tab .gnd-count{position:absolute;right:6px;top:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#b0201a;box-shadow:0 0 0 1.5px #f3cf86;color:#fff;font:800 11px/18px var(--font-body,sans-serif);box-sizing:border-box}
.gnd-tab .gnd-count:empty{display:none}
.gnd-sgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gnd-sheet .gnd-tile{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;min-height:64px;padding:6px 10px 6px 6px;border:1px solid #c9a05a44;border-radius:10px;background:#140b10;color:#f4e3c2;font:inherit;text-align:left;cursor:pointer}
.gnd-sheet .gnd-tile:active{background:#24161e}
.gnd-sheet .gnd-ic{grid-row:1/3;width:58px;height:54px;background:center/contain no-repeat;filter:drop-shadow(0 3px 4px #000b)}
.gnd-sheet .gnd-lbl{align-self:end;font:700 16px/1.15 var(--font-display,serif);color:#f4e3c2;text-transform:uppercase;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gnd-sheet .gnd-cap{align-self:start;font:600 12.5px/1.2 var(--font-body,sans-serif);color:#9fe0a0}
.gnd-sheet .gnd-cap:empty{display:none}
.gnd-sheet .gnd-lbl:only-of-type{grid-row:1/3;align-self:center}
.gnd-sheet .gnd-alert{display:none;position:absolute;right:6px;top:6px;width:20px;height:20px;border-radius:50%;background:#b0201a;box-shadow:0 0 0 1.5px #f3cf86;color:#fff;font:800 13px/20px var(--font-body,sans-serif);text-align:center}
.gnd-sheet .gnd-has-alert .gnd-alert{display:block}
.gnd-sheet .gnd-active{border-color:#f3cf86;box-shadow:inset 0 0 0 1px #f3cf8655}
.gnd-sheet .gnd-locked{opacity:.55}
.gnd-sheet .gnd-hidden{display:none}
/* the editor on a phone */
.gnd-ed-phone{padding:8px}
.gnd-ed-phone .gnd-ed{padding:16px 12px 14px}
.gnd-ed-phone .gnd-ed-row{grid-template-columns:1fr;gap:4px}
.gnd-ed-phone .gnd-ed-cat{font-size:15px}
.gnd-ed-phone .gnd-ed-cat .gnd-ic{flex-basis:28px;height:28px}
.gnd-ed-phone .gnd-sockets{gap:6px}
.gnd-ed-phone .gnd-socket{width:62px;height:72px}
.gnd-ed-phone .gnd-etile{width:62px;height:70px}
.gnd-ed-phone .gnd-etile .gnd-ic{width:40px;height:40px;margin-left:-20px}
.gnd-ed-phone .gnd-etile .gnd-lbl{top:46px;font-size:10.5px}
.gnd-ed-phone .gnd-ed-items{min-height:72px;gap:4px}
.gnd-ed-phone .gnd-ed-foot{flex-wrap:wrap;justify-content:space-between}
.gnd-ed-phone .gnd-ed-hint{order:-1;flex:1 1 100%}
.gnd-sheet .gnd-tile:has(.gnd-cap:empty) .gnd-lbl{grid-row:1/3;align-self:center}
.gnd-sheet .gnd-lbl{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px}
/* Atlas (worldmap) is an old system, kept out of every menu (Mark 11.11) */
html.gv-v2 #tabBar :is(.tab-btn[data-tab="worldmap"],[data-mob-tab="worldmap"],[data-mob-act="worldmap"]){display:none!important}