/*
SWAG789 Emerald Royal floating desktop navigation, draft only.
The artwork contains a painted representation of the menu. Clip that
painted area and provide a real, accessible fixed navigation below it.
*/
.swag-desktop-dock{display:none!important}
@media(min-width:1101px){
  .swag-reference-frame{
    display:block!important;
    position:relative;
    max-width:1672px;
    width:100%;
    height:min(49.76vw,832px);
    overflow:hidden;
    margin:0 auto;
    background:#002418;
  }
  .swag-reference-frame:after{
    content:"";
    pointer-events:none;
    position:absolute;
    bottom:0;left:0;right:0;
    height:22px;
    z-index:3;
    background:linear-gradient(180deg,transparent,#002117 95%);
  }
  .swag-reference-frame .swag-reference-desktop{
    display:block!important;
    max-width:none!important;
    width:100%!important;
    overflow:visible;
    margin:0 auto;
  }
  .swag-reference-desktop .ref-bottom-home,
  .swag-reference-desktop .ref-bottom-games,
  .swag-reference-desktop .ref-bottom-login,
  .swag-reference-desktop .ref-bottom-posts,
  .swag-reference-desktop .ref-bottom-contact{display:none!important;pointer-events:none!important}
  .swag-desktop-dock{
    display:grid!important;
    grid-template-columns:1fr 1fr 1.18fr 1fr 1fr;
    align-items:center;
    position:fixed!important;
    z-index:100005!important;
    left:50%;
    bottom:max(18px,env(safe-area-inset-bottom,0px));
    transform:translateX(-50%);
    width:min(615px,calc(100vw - 36px));
    height:73px;
    margin:0!important;
    padding:4px 18px!important;
    border:2px solid #ddbc6d;
    border-radius:999px;
    background:
      radial-gradient(ellipse at center top,rgba(15,171,90,.34),transparent 64%),
      linear-gradient(180deg,rgba(10,79,48,.98) 0%,rgba(0,42,28,.995) 44%,rgba(0,20,16,1) 100%);
    box-shadow:
      0 0 0 3px #00180f,
      0 0 0 4px rgba(202,156,66,.27),
      0 4px 22px rgba(9,229,113,.3),
      0 17px 34px rgba(0,0,0,.8),
      inset 0 1px 1px rgba(255,246,180,.38),
      inset 0 -6px 12px rgba(0,12,10,.6);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    isolation:isolate;
  }
  .swag-desktop-dock:before{
    content:"";
    pointer-events:none;
    position:absolute;
    inset:5px;
    border:1px solid rgba(248,222,155,.26);
    border-radius:999px;
  }
  .swag-desktop-dock>a{
    display:flex!important;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:3px;
    height:100%;
    min-width:0;
    padding:5px 4px!important;
    background:transparent;
    border-radius:34px;
    color:#f8e7a8!important;
    font-family:Kanit,sans-serif!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1.15!important;
    text-decoration:none!important;
    text-align:center;
    text-shadow:0 0 6px rgba(0,255,141,.23);
    position:relative;
    transition:background .2s,transform .2s,filter .2s;
  }
  .swag-desktop-dock>a:hover,.swag-desktop-dock>a:focus-visible{
    background:linear-gradient(180deg,#087c48a8,#05402b45);
    box-shadow:inset 0 0 16px #05c36a45;
    color:#fff0bf!important;
    outline:1px solid #efd68b;
    outline-offset:-4px;
  }
  .swag-desktop-dock>a>svg{
    display:block!important;
    width:26px!important;
    height:26px!important;
    flex:0 0 26px;
    fill:none;
    stroke:#f2d385;
    stroke-width:1.85;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:drop-shadow(0 2px 2px rgba(0,0,0,.6));
  }
  .swag-desktop-dock>a.swag-dock-login{
    height:90px;
    align-self:center;
    transform:translateY(-13px);
    padding-top:0!important;
    padding-bottom:1px!important;
    font-weight:700!important;
    font-size:13px!important;
    color:#35200a!important;
    text-shadow:0 1px 0 #fff3b4;
    background:transparent;
    border-radius:50px;
    z-index:2;
  }
  .swag-dock-login-ring{
    width:70px;height:60px;
    position:relative;
    display:grid;
    place-items:center;
    flex:0 0 60px;
    border-radius:48% 48% 43% 43%;
    background:linear-gradient(145deg,#fff6bd 0%,#f4cb6b 30%,#c88b2e 58%,#f1cd76 83%,#e5ab49 100%);
    border:2px solid #ffe8ac;
    box-shadow:inset 0 1px 7px #fff4b3,0 5px 11px #0009,0 0 23px #dfb0589e;
    color:#3e280a;
  }
  .swag-dock-login-ring:after{
    content:"";position:absolute;inset:5px;
    border:1px solid #78521f7a;border-radius:inherit;pointer-events:none
  }
  .swag-dock-login-ring>svg{
    width:27px!important;height:27px!important;
    fill:none;stroke:#4a310e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
    margin-top:10px
  }
  .swag-dock-crown{
    font:25px/1 Georgia,serif;position:absolute;top:-18px;
    color:#f8d17e;text-shadow:0 0 9px #ffcc68,0 2px 4px #000;
  }
  .swag-dock-login>span:last-child{white-space:nowrap;color:#f5d58e;text-shadow:0 1px 5px #000}
  .swag-desktop-dock>a.swag-dock-login:hover,.swag-desktop-dock>a.swag-dock-login:focus-visible{
    transform:translateY(-16px);
    background:transparent;
    outline:0;
  }
  .swag-desktop-dock>a.swag-dock-login:hover .swag-dock-login-ring{
    box-shadow:0 0 28px #f8d476,0 8px 17px #0008
  }
  body.swag-is-draft-preview .swag-desktop-dock{bottom:60px}
  body.swag-emerald-preview .swag-heritage{padding-bottom:145px}
}
@media(min-width:741px) and (max-width:1100px){
  body.swag-emerald-preview .swag-heritage{padding-bottom:130px}
  .swag-desktop-dock{display:none!important}
}
@media(max-width:740px){
  .swag-desktop-dock{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .swag-desktop-dock>a{transition:none!important}
}