.header-dropdown{position:relative;flex-shrink:0}
.header-dropdown>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:10px 18px;color:white;white-space:nowrap}
.header-dropdown>summary::-webkit-details-marker{display:none}
.header-dropdown>summary{transition:background-color .4s cubic-bezier(.4,0,.2,1)}
.header-dropdown>summary>img:last-child:not(:first-child){transition:transform .5s cubic-bezier(.4,0,.2,1)}
.header-dropdown>summary:hover,.header-dropdown[open]>summary{background:#47413d}
.header-dropdown>summary:focus-visible{outline:3px solid #36a0a5;outline-offset:2px}
.header-dropdown[open]>summary>img:last-child:not(:first-child){transform:rotate(180deg)}
.dropdown-panel{position:absolute;left:0;top:calc(100% + 11px);z-index:40;min-width:235px;padding:12px 0;border:1px solid #171412;border-radius:6px;background:rgba(0,0,0,.92);box-shadow:0 6px 15px #0005;color:#fff;font:400 14px/22px ReferenceLexend,Arial,sans-serif}
.dropdown-panel:before{content:'';position:absolute;left:25px;top:-8px;border-bottom:8px solid #171412;border-left:8px solid transparent;border-right:8px solid transparent}
.header-dropdown>.dropdown-panel{opacity:1;transform:translateY(0)}
/* Keep the pointer inside the dropdown while crossing the gap below its button. */
.dropdown-panel:after{content:'';position:absolute;left:0;right:0;top:-26px;height:26px}
.dropdown-panel>a,.studio-external>a{display:flex;align-items:center;justify-content:space-between;padding:11px 24px;white-space:nowrap}
.dropdown-panel a:hover{background:#47413d;text-decoration:none;color:white}
.studio-menu>summary.studio{border-radius:0;height:66px;margin:0;gap:9px;width:232px;display:flex}
.studio-brand{display:flex;align-items:center;justify-content:center;min-width:0;width:154px}
.studio-brand>img{display:block;width:100%;height:auto;max-height:52px;object-fit:contain}
.wordmark{top:0;align-items:center}
.wordmark>img.game-logo{display:block;width:90px;height:auto;object-fit:contain;filter:none}
.studio-menu>summary>img{margin-left:8px}
.studio-panel{min-width:320px;padding:0;top:calc(100% + 12px)}
.studio-feature{gap:15px;padding:24px!important;font-size:22px;font-weight:700}.studio-feature>img{filter:drop-shadow(0 0 8px #a9cc5e55)}
.studio-feature small{display:block;font-size:11px;font-weight:400;color:#bbb;margin-top:4px}
.studio-external{border-top:1px solid #444;padding:10px 0}
.studio-external>a:after{content:'';width:16px;height:12px;background:url('assets/reference-external.svg') center/contain no-repeat;margin-left:20px}
.plus-menu>summary{background:#171412}
.site-header #site-nav .nav-options{top:70px;min-width:0;width:max-content;padding:24px 12px 12px;background:rgba(0,0,0,.85);box-shadow:none}
.nav-options:before{left:0;right:0;top:0;height:6px;border:0;border-radius:5px 5px 0 0;background:#89b820}
.nav-options>a{padding:10px 18px;border-radius:10px;font:700 18px/26px ReferenceLexend,Arial,sans-serif;transition:background .2s ease-in-out}
.nav-options>a:focus-visible{outline:2px solid #89b820;outline-offset:-2px}
.language-menu{margin-left:auto}.language-menu>summary.language{display:flex;margin:0;padding:10px 12px}
.language-menu .dropdown-panel{left:auto;right:-18px;top:70px;min-width:0;width:max-content;padding:24px 12px 12px;background:rgba(0,0,0,.85);box-shadow:none}
.language-menu .dropdown-panel:before{left:0;right:0;top:0;height:6px;border:0;border-radius:5px 5px 0 0;background:#89b820}
.language-options>button{display:block;padding:10px 18px;border:0;border-radius:10px;background:none;color:white;text-align:left;width:100%;cursor:pointer;font:700 18px/26px ReferenceLexend,Arial,sans-serif;transition:background .2s ease-in-out}
.language-options>button>span,.language-options>button[aria-pressed="true"]{display:none}
.language-options>button:hover{background:#47413d}
.language-options>button:focus-visible{outline:2px solid #89b820;outline-offset:-2px}
.account-preview{display:flex;align-items:center;padding:8px}.account-preview img{display:block;width:24px;height:24px}
.site-header nav{flex:1}
.site-header nav>.header-dropdown{font-size:inherit;line-height:26px}
@media(max-width:1400px){.site-header nav>a,.header-dropdown>summary{padding-left:13px;padding-right:13px}.studio-menu>summary.studio{width:195px;flex-basis:195px;font-size:15px}.studio-menu .studio-icon{font-size:28px}.site-header nav{font-size:16px}}
@media(max-width:1199px){.studio-menu>summary.studio{width:48px;flex-basis:48px;padding:0;border-right:0;background:none}.studio-name,.studio-menu>summary>img{display:none}.site-header nav{font-size:14px}.site-header nav>a,.header-dropdown>summary{padding-left:10px;padding-right:10px}.account-preview{display:none}.language-menu>summary.language{display:flex;font-size:14px;padding:8px}.language-menu .language img{width:22px;height:22px}.wordmark{flex-basis:90px;min-width:90px;width:90px}}
@media(max-width:780px){.site-header nav{font-size:13px}.site-header nav>a,.header-dropdown>summary{padding-left:8px;padding-right:8px}.language-menu>summary.language{font-size:12px;padding:7px}.language-menu .language img{width:19px;height:19px}.studio-menu>summary.studio{width:36px;flex-basis:36px}.site-header nav>a:nth-child(3){display:none}}
@media(max-width:620px){.site-header{gap:5px}.studio-menu>summary.studio{height:45px;width:27px;flex-basis:27px}.studio-menu .studio-icon{font-size:25px}.studio-panel{min-width:280px;top:calc(100% + 8px);left:-7px}.wordmark{gap:4px!important;font-size:15px!important}.wordmark img{width:29px!important;height:29px!important}.language-menu{margin-left:auto}.language-menu>summary.language{gap:3px;font:700 11px/20px ReferenceLexend,Arial,sans-serif;padding:6px 3px}.language-menu .language img{width:17px;height:17px}.site-header .play-button{font-size:11px;padding:8px 9px;margin-left:0;min-height:38px}.menu-toggle{padding:8px 5px}.site-header #site-nav.open{display:flex}.site-header #site-nav>.header-dropdown>summary{justify-content:space-between;padding:12px 10px;font-size:14px;border-bottom:1px solid #ffffff10}.site-header #site-nav>.header-dropdown{width:100%}.site-header #site-nav .dropdown-panel{position:static;width:auto;margin:0 0 8px;min-width:0;border:0;border-radius:0;background:#121312;box-shadow:none}.site-header #site-nav .dropdown-panel:before{display:none}.site-header #site-nav .dropdown-panel>a{font-size:12px;padding:10px 18px}.site-header #site-nav>a{display:flex!important}.language-menu .dropdown-panel{right:-18px;top:calc(100% + 17px)}}
@media(max-width:360px){.wordmark>span{font-size:13px}.wordmark img{width:25px!important;height:25px!important}.studio-menu>summary.studio{width:23px;flex-basis:23px}.site-header{padding-left:6px;padding-right:6px}.site-header .play-button{font-size:10px;padding:7px}.menu-toggle span{width:17px}}
@media(max-width:620px){.site-header #site-nav .nav-options{width:auto}.site-header #site-nav .dropdown-panel:after{display:none}.site-header #site-nav .dropdown-panel>a{white-space:normal}}
@media(max-width:1199px){.studio-menu>summary.studio{width:80px;flex-basis:80px}.studio-brand{width:72px}}
@media(max-width:620px){.studio-menu>summary.studio{width:62px;flex-basis:62px}.studio-brand{width:58px}}
@media(max-width:360px){.studio-menu>summary.studio{width:48px;flex-basis:48px}.studio-brand{width:44px}}
@media(max-width:620px){.wordmark{flex:0 0 64px;min-width:64px;width:64px}.wordmark>img.game-logo{width:64px!important;height:auto!important}}
/* Calibrated against the reference in the same Chrome window at 100%. */
@media(min-width:1200px){
  .site-header{height:68px;min-height:68px;padding-right:8px}
  .studio-menu>summary.studio{height:66px;width:232px;flex-basis:232px;gap:10px}
  .studio-brand{width:168px}
  .studio-brand>img{max-height:56px}
  .wordmark{flex:0 0 108px;min-width:108px;width:108px;top:10px}
  .wordmark>img.game-logo{width:100px}
  .site-header nav{font-size:18px;gap:0}
  .site-header nav>a,.site-header nav>.header-dropdown>summary{padding:10px 22px;gap:10px;line-height:26px}
  .site-header nav>.header-dropdown>summary>img{width:12px;height:8px}
  .language-menu>summary.language{font-size:18px;gap:6px;padding:10px 12px}
  .language-menu .language img{width:27px;height:27px}
  .account-preview{padding:8px}
  .account-preview img{width:24px;height:24px}
  .site-header .play-button{font-size:18px;line-height:25px;min-height:45px;padding:10px 18px}
  .site-header #site-nav .nav-options,.language-menu .dropdown-panel{top:70px}
}