/* Grey Wolf Games shared top bar + header (build 62). Uses each page's own colour variables. */
.gw-strip{height:calc(32px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)!important;display:flex;align-items:center;gap:2px;padding:0 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));
  background:color-mix(in srgb,var(--paper,#F1F0EC) 96%,transparent);border-bottom:1px solid var(--line,#DDDAD3);white-space:nowrap;
  overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;font-family:'Source Sans 3',ui-sans-serif,system-ui,sans-serif;line-height:1.2}
.gw-strip::-webkit-scrollbar{display:none}
.gw-strip a{flex:none;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;line-height:16px;color:var(--ink-soft,#565B63);text-decoration:none}
.gw-strip a.home{color:var(--acc,#9E4525)}
.gw-strip a.home img{width:16px;height:16px;border-radius:4px;display:block}
.gw-strip a i{width:6px;height:6px;border-radius:50%;flex:none}
.gw-strip a:hover,.gw-strip a:focus-visible{background:var(--panel,#fff);color:var(--ink,#191B20);outline:none}
.gw-strip a:focus-visible{box-shadow:0 0 0 2px var(--acc,#9E4525)}
.gw-strip a.on{background:var(--panel,#fff);color:var(--ink,#191B20);box-shadow:0 0 0 1px var(--line,#DDDAD3)}
.gw-strip a.home.on{color:var(--acc,#9E4525)}
.gw-strip .gw-sp{flex:1 0 8px}
.gw-hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;height:68px;display:flex;align-items:center;gap:16px;padding:0 48px;
  background:color-mix(in srgb,var(--paper,#F1F0EC) 94%,transparent);border-bottom:1px solid var(--line,#DDDAD3);font-family:'Source Sans 3',ui-sans-serif,system-ui,sans-serif;line-height:1.2}
@supports (backdrop-filter:blur(8px)){.gw-hd{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
.gw-wm{display:flex;align-items:center;gap:12px;font-family:'Trirong',Georgia,serif;font-size:18px;letter-spacing:.1em;white-space:nowrap;color:var(--title-ink,var(--ink,#191B20));text-decoration:none;min-width:0}
.gw-wm img{width:38px;height:38px;border-radius:9px;display:block;flex:none}
.gw-wm b{font-weight:400;color:var(--acc,#9E4525)}
.gw-r{margin-left:auto;display:flex;align-items:center;gap:10px}
.gw-srch{height:38px;width:260px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line,#DDDAD3);border-radius:999px;background:var(--panel,#fff);color:var(--ink-faint,#868C95);font-size:14px;text-decoration:none;cursor:text}
.gw-srch:hover{border-color:var(--acc,#9E4525)}
.gw-kbd{margin-left:auto;font-family:inherit;font-size:11.5px;border:1px solid var(--line,#DDDAD3);border-radius:6px;padding:1px 6px;color:var(--ink-faint,#868C95)}
.gw-ib{width:38px;height:38px;border-radius:999px;border:1px solid var(--line,#DDDAD3);background:var(--panel,#fff);display:grid;place-items:center;color:var(--ink-soft,#565B63);flex:none;cursor:pointer;padding:0;font:inherit}
.gw-ib:hover{border-color:var(--acc,#9E4525);color:var(--acc,#9E4525)}
.gw-jsonly{display:none}
.gw-js .gw-jsonly{display:grid}
.gw-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 17px;border-radius:999px;font-weight:700;font-size:14.5px;white-space:nowrap;background:var(--ink,#191B20);color:var(--paper,#F1F0EC);text-decoration:none;border:0;cursor:pointer}
.gw-btn:hover{background:var(--acc,#9E4525);color:#fff}
.gw-strip a:focus-visible,.gw-hd a:focus-visible,.gw-hd button:focus-visible{outline:2px solid var(--acc,#9E4525);outline-offset:2px}
@media (max-width:900px){.gw-hd{padding:0 22px}.gw-srch{width:200px}}
@media (max-width:760px){
  .gw-hd{height:58px;padding:0 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));gap:10px}
  .gw-strip{padding-left:8px;padding-right:8px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  .gw-wm{font-size:15px;gap:10px}.gw-wm img{width:32px;height:32px;border-radius:8px}
  .gw-r{gap:8px}
  .gw-srch{width:38px;padding:0;justify-content:center;cursor:pointer}.gw-srch-t,.gw-kbd{display:none}
  .gw-btn{width:38px;padding:0;justify-content:center}.gw-btn span{display:none}
  .gw-pal{display:none!important}
}
@media (max-width:360px){.gw-wm span{font-size:13px;letter-spacing:.06em}}
/* menus (built by /gw/bar.js) */
.gw-pop{position:fixed;z-index:1100;background:var(--panel,#fff);color:var(--ink,#191B20);border:1px solid var(--line,#DDDAD3);border-radius:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.18),0 24px 60px rgba(0,0,0,.25);font-family:'Source Sans 3',ui-sans-serif,system-ui,sans-serif;line-height:1.3;overflow:auto;max-height:calc(100vh - 90px)}
.gw-pop[hidden]{display:none}
.gw-apps{top:76px;right:24px;width:min(640px,calc(100vw - 32px));padding:18px 18px 12px}
.gw-apps-g{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}
.gw-apps h4{font-family:'Trirong',Georgia,serif;font-weight:400;font-size:15px;display:flex;align-items:center;gap:8px;margin:4px 0 4px;color:var(--ink,#191B20)}
.gw-apps h4 i{width:8px;height:8px;border-radius:50%}
.gw-apps ul{list-style:none;margin:0 0 10px;padding:0}
.gw-apps li a,.gw-sr a{display:flex;align-items:baseline;gap:8px;padding:6px 8px;border-radius:9px;text-decoration:none;color:var(--ink,#191B20)}
.gw-apps li a:hover,.gw-apps li a:focus-visible,.gw-sr a:hover,.gw-sr a.sel{background:var(--tint,#F4E4DA);outline:none}
.gw-apps li b,.gw-sr b{font-weight:650;font-size:14.5px}
.gw-apps li small,.gw-sr small{color:var(--ink-faint,#868C95);font-size:12px;margin-left:auto;white-space:nowrap}
.gw-apps .gw-foot{display:flex;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid var(--line,#DDDAD3);padding-top:10px;margin-top:2px;font-size:13.5px}
.gw-apps .gw-foot a,.gw-apps .gw-foot button{color:var(--acc,#9E4525);font-weight:700;text-decoration:none;background:none;border:0;font:inherit;font-weight:700;cursor:pointer;padding:4px 0}
.gw-search{top:76px;left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));padding:12px}
.gw-search input{width:100%;height:44px;border:1px solid var(--line,#DDDAD3);border-radius:12px;padding:0 14px;font:inherit;font-size:16px;background:var(--panel-2,#F7F6F3);color:var(--ink,#191B20)}
.gw-search input:focus{outline:2px solid var(--acc,#9E4525);outline-offset:0}
.gw-sr{list-style:none;margin:8px 0 0;padding:0;max-height:60vh;overflow:auto}
.gw-sr .none{padding:10px 8px;color:var(--ink-faint,#868C95);font-size:14px}
.gw-scrim{position:fixed;inset:0;z-index:1090;background:rgba(10,9,6,.28)}
.gw-scrim[hidden]{display:none}
@media (max-width:760px){.gw-apps{top:auto;bottom:0;right:0;left:0;width:100%;border-radius:18px 18px 0 0;max-height:80vh;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.gw-apps-g{grid-template-columns:1fr}.gw-search{top:12px}}
@media print{.gw-strip,.gw-hd,.gw-pop,.gw-scrim{display:none!important}}
/* home: anchors used by the bar until the hub pages exist */
#cards,#tabletop{scroll-margin-top:80px}