/* BG Gamification site shell: header/nav/footer matched to ubgme.com (fonts, colors, skew, yellow rule) */
@font-face{font-family:Anton;src:url(/fonts/Anton-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/BarlowCondensed-Medium.ttf) format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/BarlowCondensed-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/BarlowCondensed-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/BarlowCondensed-ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}
.bgg-nav,.bgg-foot{--y:#FFDC00;--g:#B4B4B4;--k:#000;--k2:#111;--k3:#1c1c1c;--w:#fff;font:500 18px/1.45 "Barlow Condensed",system-ui,sans-serif;color:var(--w);box-sizing:border-box}
.bgg-nav *,.bgg-foot *{box-sizing:border-box}
.bgg-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(14px,4vw,48px);border-bottom:3px solid var(--y);position:sticky;top:0;background:#000000eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100}
.bgg-brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-height:44px}
.bgg-brand img{height:40px;display:block}
.bgg-wm{font-family:Anton,Impact,sans-serif;font-weight:400;display:inline-block;transform:skew(-8deg);letter-spacing:.5px;white-space:nowrap;font-size:26px;line-height:1}
.bgg-wm .y{color:var(--y)}.bgg-wm .w{color:var(--w)}
.bgg-links{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px}
.bgg-links>li>a,.bgg-dd-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--w);border:2px solid transparent;border-radius:6px;padding:8px 12px;font:700 18px "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:1px;cursor:pointer;min-height:44px;text-decoration:none}
.bgg-links>li>a:hover,.bgg-dd-btn:hover,.bgg-dd.open>.bgg-dd-btn,.bgg-links a[aria-current=page]{color:var(--y)}
.bgg-links>li>a.bgg-play{background:var(--y);color:var(--k);transform:skew(-8deg);border-radius:6px;padding:8px 18px}
.bgg-links>li>a.bgg-play:hover{background:#fff23a;color:var(--k)}
.bgg-nav a:focus-visible,.bgg-nav button:focus-visible,.bgg-foot a:focus-visible{outline:3px solid var(--y);outline-offset:2px}
.bgg-dd{position:relative}
.bgg-caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;transition:transform .15s}
.bgg-dd.open .bgg-caret{transform:rotate(180deg)}
.bgg-burger{display:none;width:18px;height:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor;margin:0 4px}
.bgg-menu{position:absolute;right:0;top:calc(100% + 12px);width:min(380px,calc(100vw - 24px));list-style:none;margin:0;padding:8px;background:var(--k2);border:2px solid var(--y);border-radius:10px;box-shadow:0 18px 40px #0009;z-index:120}
.bgg-menu[hidden]{display:none}
.bgg-menu a{display:grid;gap:2px;padding:10px 12px;border-radius:6px;color:var(--w);text-decoration:none}
.bgg-menu a b{font-size:20px;text-transform:uppercase;letter-spacing:1px}
.bgg-menu a small{font-size:15px;line-height:1.3;color:var(--g)}
.bgg-menu a:hover,.bgg-menu a:focus{background:var(--k3)}
.bgg-menu a:hover b,.bgg-menu a:focus b{color:var(--y)}
.bgg-menu .sep{border-top:1px solid #333;margin-top:4px;padding-top:4px}
.bgg-menu .sep a{font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--y)}
.bgg-menu .mob{display:none}
@media (max-width:860px){.bgg-links .wide{display:none}.bgg-menu .mob{display:block}}
@media (max-width:560px){.bgg-brand img{height:30px}.bgg-wm{font-size:20px}.bgg-burger{display:inline-block}.bgg-caret{display:none}.bgg-dd-btn{border-color:#444;padding:8px 10px}.bgg-dd-btn .lbl{display:none}.bgg-links>li>a.bgg-play{padding:8px 14px}.bgg-nav{padding:10px 12px}}
.bgg-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px clamp(16px,4vw,48px);border-top:3px solid var(--y);color:var(--g);font-size:16px;background:#000}
.bgg-foot img{height:34px;display:block}
.bgg-foot nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.bgg-foot nav a{color:var(--w);text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:1px;min-height:32px;display:inline-flex;align-items:center}
.bgg-foot nav a:hover{color:var(--y)}
.bgg-foot .line{display:inline-flex;align-items:baseline;gap:10px}
.bgg-foot .bgg-wm{font-size:22px}
.bgg-foot small{display:block;width:100%;font-size:14px;color:#8a8a8a}
.bgg-login,.bgg-chip{white-space:nowrap}
@media (max-width:520px){.bgg-nav .bgg-brand .bgg-wm{display:none}.bgg-nav{gap:8px}}
.bgg-brand .bgg-trophy{height:26px;width:26px;flex:0 0 auto;margin-left:-11px;margin-top:-2px;display:block;shape-rendering:geometricPrecision}
@media (max-width:560px){.bgg-brand .bgg-trophy{height:20px;width:20px;margin-left:-10px}}
@media (max-width:520px){.bgg-brand .bgg-trophy{height:22px;width:22px;margin-left:-9px}}