/* BUNNY COMMUNITY V16 — Mobile navigation refinement. Desktop remains untouched. */
#bunny-mobile-trigger,#bunny-mobile-panel,#bunny-mobile-overlay{display:none}
@media(max-width:850px){
  :root{--bunny-mobile-edge:14px}
  /* One horizontal header, with one menu button and the Discord account on the right */
  #bunny-mobile-trigger{display:flex!important;position:fixed;top:clamp(12px,3.5vw,16px);right:max(12px,env(safe-area-inset-right));left:auto;transform:none;z-index:10040;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;border:1px solid #b66aab;border-radius:13px;background:#2c1534;color:#ffd9ef;box-shadow:0 6px 18px #08020d88;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
  #bunny-mobile-trigger span{display:block;height:2px;width:18px;border-radius:3px;background:currentColor;transition:transform .2s,opacity .2s}
  #bunny-mobile-trigger[aria-expanded=true]{background:#5c2b56;border-color:#ffc6e6;box-shadow:0 0 20px #ee85bb55}
  #bunny-mobile-trigger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #bunny-mobile-trigger[aria-expanded=true] span:nth-child(2){opacity:0}
  #bunny-mobile-trigger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  #bunny-mobile-overlay:not([hidden]){display:block!important;position:fixed;inset:0;z-index:10029;background:#07020bc7;animation:bunnyOverlayEnter .18s ease-out}
  #bunny-mobile-panel:not([hidden]){display:block!important;position:fixed;top:67px;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));width:auto;max-width:430px;margin:auto;max-height:min(75dvh,680px);overflow:auto;overscroll-behavior:contain;z-index:10030;padding:16px;background:linear-gradient(150deg,#301632,#190c20 70%);border:1px solid #9a568c;border-radius:20px;box-shadow:0 22px 72px #000b;animation:bunnyPanelEnter .2s ease-out}
  #bunny-mobile-panel .bunny-mobile-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid #91567d50}
  #bunny-mobile-panel .bunny-mobile-panel-head strong{display:block;font:800 17px/1.4 'Baloo 2','Nunito',system-ui,sans-serif;color:#ffe3f4}
  #bunny-mobile-panel .bunny-mobile-panel-head small{display:block;font:600 11px/1.4 'Nunito',system-ui,sans-serif;color:#d3aacb}
  #bunny-mobile-panel .bunny-mobile-close{width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid #98577f;border-radius:10px;background:#39203d;color:#ffdbf0;font:24px Arial;cursor:pointer}
  #bunny-mobile-panel .bunny-mobile-group-title{margin:12px 2px 7px;padding-left:5px;color:#ee9fce;text-transform:uppercase;letter-spacing:.13em;font:800 10px/1.5 'Nunito',system-ui,sans-serif}
  #bunny-mobile-panel .bunny-mobile-link{display:flex!important;align-items:center;gap:11px;padding:10px 12px!important;min-height:46px;margin-bottom:4px;border:1px solid transparent;border-radius:12px;color:#f7ddec!important;text-decoration:none!important;white-space:normal;line-height:1.35;font:800 13px/1.35 'Nunito',system-ui,sans-serif;background:#ffffff07;transition:background .2s,border-color .2s,transform .2s}
  #bunny-mobile-panel .bunny-mobile-link:hover,#bunny-mobile-panel .bunny-mobile-link[aria-current=page]{background:#7e3d7355;border-color:#df89bf88;transform:translateX(2px)}
  #bunny-mobile-panel .bunny-mobile-glyph{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;color:#ffc2e5;background:#63325a;border-radius:9px;font-size:17px}
  #bunny-mobile-panel .bunny-mobile-arrow{margin-left:auto;font:24px/1 system-ui;color:#c28db5}
  #bunny-mobile-panel [hidden]{display:none!important}
  body.bunny-mobile-open{overflow:hidden!important}
  /* Hide duplicate native hamburgers without hiding content or the unified trigger. */
  header .nav-toggle,header .menu-toggle,header .hamburger,header #navBtn,header .navBtn,
  .bunny-premium-header .nav-toggle,.bunny-premium-header #navBtn,#navBtn,.navBtn{display:none!important;visibility:hidden!important;pointer-events:none!important}
  /* Hide the existing desktop menu when the unified mobile menu is active. */
  header nav.links,header .nav-links,header .links,.bunny-premium-header .nav-links,.nav-links#navLinks{display:none!important}
  header,header .nav,header .nav-in,.bunny-premium-header{min-height:62px;box-sizing:border-box}
  /* Police top row: limit long brand names so they do not overlap the hamburger. */
  header .brand,header .brand-name,header .logo-text,header .site-brand{max-width:min(43vw,172px)!important;overflow:hidden;text-overflow:ellipsis}
  #bunny-mobile-panel{box-sizing:border-box}
  /* Avoid very large fixed landing icons fighting the mobile content. */
  #bunny-nav-dock,#bunny-brand-mark{max-width:44px!important;max-height:44px!important}
}
@media(max-width:420px){#bunny-mobile-panel:not([hidden]){top:62px}#bunny-mobile-trigger{top:10px;width:38px;height:38px}}
@keyframes bunnyOverlayEnter{from{opacity:0}to{opacity:1}}
@keyframes bunnyPanelEnter{from{opacity:0;transform:translateY(-8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){#bunny-mobile-panel:not([hidden]),#bunny-mobile-overlay:not([hidden]){animation:none!important}#bunny-mobile-panel .bunny-mobile-link{transition:none!important}}

/* V17: server logo as the right-hand mobile menu control */
@media(max-width:850px){
 #bunny-mobile-trigger{right:max(12px,env(safe-area-inset-right))!important;left:auto!important;top:10px!important;transform:none!important;width:44px!important;height:44px!important;border-radius:50%!important;overflow:hidden!important;background:linear-gradient(135deg,#472146,#180b21)!important;padding:5px!important;z-index:2147483001!important}
 #bunny-mobile-trigger img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;pointer-events:none!important;filter:drop-shadow(0 1px 3px #ff8bd966)}
 #bunny-mobile-trigger[aria-expanded=true]{border-color:#ffb5df!important;box-shadow:0 0 0 3px #ff8dc42c,0 0 20px #ff7dc480!important}
 #bunny-user-bar{right:68px!important;max-width:min(170px,calc(100vw - 166px))!important;z-index:2147483000!important}
 #bunny-user-bar span{max-width:95px!important}
}
@media(max-width:420px){#bunny-mobile-trigger{top:9px!important;width:42px!important;height:42px!important}#bunny-user-bar{right:64px!important;max-width:155px!important}}
