html body.craft-navigation.craft-navigation #sidebar{box-sizing:border-box;position:fixed!important;inset:0 auto 0 0!important;width:190px!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:14px 9px!important;z-index:900;display:flex!important;flex-direction:column!important;gap:14px;transform:none!important;background:linear-gradient(170deg,#102920f5,#0c111cfb);border:0;border-right:2px solid #477861;box-shadow:4px 0 30px #0005;overflow-y:auto;overflow-x:hidden;transition:width .18s}
html body.craft-navigation.craft-navigation #sidebar *{box-sizing:border-box}
html body.craft-navigation.craft-navigation #sidebar .sidebar-toggle{display:grid;place-items:center;align-self:flex-start;flex:none;width:44px;height:44px;padding:0;background:#243e32;border:1px solid #619272;border-radius:4px;color:#dcffe6;cursor:pointer}
html body.craft-navigation.craft-navigation #sidebar .sidebar-nav{display:flex!important;flex-direction:column!important;gap:9px;width:100%;margin:0;padding:0}
html body.craft-navigation.craft-navigation #sidebar .nav-item{display:flex!important;position:relative;align-items:center;justify-content:flex-start;gap:12px;flex:none;min-height:48px;width:100%;margin:0;padding:10px 11px;border:1px solid transparent;border-radius:4px;text-decoration:none;color:#b6cfc4;background:transparent;font:600 13px system-ui,sans-serif;transform:none;white-space:nowrap;overflow:hidden}
html body.craft-navigation.craft-navigation #sidebar .nav-item:hover,html body.craft-navigation.craft-navigation #sidebar .nav-item.active{background:#234c3a;color:#b9ffcd;border-color:#59906b;box-shadow:inset 3px 0 #9affb4}
html body.craft-navigation.craft-navigation #sidebar .material-symbols-outlined{font-size:24px;flex-shrink:0;width:24px;text-align:center}
html body.craft-navigation.craft-navigation #sidebar .label{display:block!important;position:static!important;width:auto;height:auto;margin:0;opacity:1!important;visibility:visible!important;transform:none!important}
html body.craft-navigation.craft-navigation #sidebar.collapsed{width:72px!important}
html body.craft-navigation.craft-navigation #sidebar.collapsed .label{display:none!important}
@media (max-width:899px){
 html body.craft-navigation.craft-navigation #sidebar,html body.craft-navigation.craft-navigation #sidebar.collapsed{position:fixed!important;inset:0 0 auto 0!important;width:100%!important;height:calc(64px + env(safe-area-inset-top))!important;padding:env(safe-area-inset-top) 4px 0!important;display:flex!important;flex-direction:row!important;align-items:stretch;gap:0;border:0;border-bottom:2px solid #4b8065;overflow:hidden;box-shadow:0 6px 22px #0006}
 html body.craft-navigation.craft-navigation #sidebar .sidebar-toggle{display:none!important}
 html body.craft-navigation.craft-navigation #sidebar .sidebar-nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:2px;height:62px;min-width:0}
 html body.craft-navigation.craft-navigation #sidebar .nav-item{display:flex!important;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:0;height:60px;padding:4px 0;font-size:9px;line-height:1.1;border-radius:0;overflow:hidden}
 html body.craft-navigation.craft-navigation #sidebar .label,html body.craft-navigation.craft-navigation #sidebar.collapsed .label{display:block!important;font-size:9px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
 html body.craft-navigation.craft-navigation #sidebar .material-symbols-outlined{font-size:23px;width:24px}
 html body.craft-navigation.craft-navigation #sidebar .nav-item.active{box-shadow:inset 0 -3px #9affb4}

}
/* One reserved navigation area, without changing the page's inner panels. */
html body.craft-navigation.craft-navigation{display:block!important;margin:0!important;padding:0!important;min-width:0;transform:none!important}
html body.craft-navigation.craft-navigation>:is(main,.page,.admin-page,.shop-page,.casino-layout,#plot-page){
 box-sizing:border-box;position:relative;top:auto!important;left:auto!important;
 width:auto!important;max-width:none;margin-left:190px!important;margin-right:0!important;margin-top:0!important;
 transform:none!important;padding-top:24px!important;
}
html body.craft-navigation.craft-navigation.nav-is-collapsed>:is(main,.page,.admin-page,.shop-page,.casino-layout,#plot-page){margin-left:72px!important}
html body.craft-navigation.craft-navigation #sidebar .nav-item:focus-visible,html body.craft-navigation.craft-navigation #sidebar .sidebar-toggle:focus-visible{outline:2px solid #c6ffda;outline-offset:-3px}
@media(max-width:899px){
 html{scroll-padding-top:84px}
 html body.craft-navigation.craft-navigation>:is(main,.page,.admin-page,.shop-page,.casino-layout,#plot-page),
 html body.craft-navigation.craft-navigation.nav-is-collapsed>:is(main,.page,.admin-page,.shop-page,.casino-layout,#plot-page){
 margin-left:0!important;margin-right:0!important;padding-top:calc(74px + env(safe-area-inset-top))!important;
 }
}
@media(prefers-reduced-motion:reduce){html body.craft-navigation.craft-navigation #sidebar{transition:none}}

/* Mobile navigation must not inherit collapsed widths or positioning from sidebar.css. */
@media(max-width:899px){
 html body.craft-navigation.craft-navigation #sidebar,
 html body.craft-navigation.craft-navigation #sidebar.collapsed{
 min-width:0!important;max-width:none!important;max-height:none!important;
 right:0!important;bottom:auto!important;left:0!important;top:0!important;
 visibility:visible!important;opacity:1!important;overflow:hidden!important;
 }
 html body.craft-navigation.craft-navigation #sidebar .sidebar-nav{
 display:flex!important;flex-flow:row nowrap!important;position:static!important;
 width:100%!important;min-width:0!important;max-width:none!important;
 height:62px!important;max-height:none!important;margin:0!important;padding:0!important;
 gap:0!important;transform:none!important;overflow:visible!important;
 visibility:visible!important;opacity:1!important;
 }
 html body.craft-navigation.craft-navigation #sidebar .sidebar-nav > .nav-item{
 display:flex!important;flex:1 1 0!important;flex-direction:column!important;
 position:relative!important;inset:auto!important;float:none!important;
 width:0!important;min-width:0!important;max-width:none!important;
 height:60px!important;min-height:0!important;max-height:none!important;
 margin:0!important;padding:4px 0!important;transform:none!important;
 align-items:center!important;justify-content:center!important;
 visibility:visible!important;opacity:1!important;pointer-events:auto!important;
 }
 html body.craft-navigation.craft-navigation #sidebar .sidebar-nav .label{
 display:block!important;position:static!important;width:auto!important;
 height:auto!important;max-width:100%!important;max-height:none!important;
 font:600 9px/1.2 system-ui,sans-serif!important;
 visibility:visible!important;opacity:1!important;transform:none!important;
 }
 html body.craft-navigation.craft-navigation > #plot-sidebar-shell{
 position:static!important;width:0!important;height:0!important;
 overflow:visible!important;transform:none!important;
 }
 html body.craft-navigation.craft-navigation > :is(main,.page,.admin-page,.shop-page,.casino-layout,#plot-page){
 width:auto!important;min-width:0!important;max-width:none!important;
 margin:0!important;left:auto!important;right:auto!important;top:auto!important;
 padding-top:calc(74px + env(safe-area-inset-top,0px))!important;
 }
}

/* Prevent inherited viewport minimum heights from covering the page on phones. */
@media(max-width:899px){
 html body.craft-navigation.craft-navigation #sidebar,
 html body.craft-navigation.craft-navigation #sidebar.collapsed{
   box-sizing:border-box!important;
   height:calc(64px + env(safe-area-inset-top, 0px))!important;
   min-height:0!important;
   max-height:calc(64px + env(safe-area-inset-top, 0px))!important;
   block-size:calc(64px + env(safe-area-inset-top, 0px))!important;
   min-block-size:0!important;
   max-block-size:calc(64px + env(safe-area-inset-top, 0px))!important;
   bottom:auto!important;
   overflow:hidden!important;
 }
 html body.craft-navigation.craft-navigation #sidebar .sidebar-nav{
   min-height:0!important;min-block-size:0!important;
   max-height:62px!important;height:62px!important;
 }
}
