/* Match the ivory and bronze navigation toolbar without changing layout. */
html body div#side_navi.game-menu .game-menu-card {
 background:linear-gradient(145deg,#fffdf5 0%,#f8f0df 55%,#eee0c4 100%)!important;
 border-color:#a17c40!important;
 box-shadow:inset 0 0 0 1px #fff6dc,0 4px 10px #64431f2b!important;
 color:#59452d!important;
}
html body div#side_navi.game-menu .public-menu-title {
 background:linear-gradient(135deg,#b69860 0%,#97743e 45%,#735024 100%)!important;
 border-bottom-color:#d8b979!important;color:#fffaf0!important;
 text-shadow:0 1px 1px #4a301b66;
 box-shadow:inset 0 1px 0 #f3dca466;
}
html body div#side_navi.game-menu .game-menu-card a {
 background:linear-gradient(#fffef9,#faf4e8)!important;
 border-color:#dcccaf!important;color:#5b4932!important;
 box-shadow:inset 0 1px 0 #fffdf8;
 transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease!important;
}
html body div#side_navi.game-menu .game-menu-card a::before {color:#a48042!important;}
html body div#side_navi.game-menu .game-menu-card a:is(:hover,:focus-visible) {
 background:linear-gradient(#fff8df,#f3e2b8)!important;
 border-color:#c39a4c!important;color:#74501c!important;
 box-shadow:inset 0 1px 0 #fffdf3,0 0 7px #e8bd6a57!important;
}
html body div#side_navi.game-menu .game-menu-card a.game-menu-active {
 background:linear-gradient(#f9edcd,#e9d29e)!important;
 border-color:#b58c43!important;color:#684619!important;
 box-shadow:inset 0 1px 0 #fff8e6,0 0 5px #dfb56038!important;
}
html body div#side_navi.game-menu .game-menu-card a:focus-visible {
 outline:2px solid #ac8138!important;outline-offset:2px;
}
html body div#side_navi.game-menu .game-menu-card select {
 background:linear-gradient(#fffdf6,#f7eedc)!important;
 border-color:#d1bb91!important;color:#5b4932!important;
}
html body div#side_navi.game-menu .game-menu-card a[href="logout.php"] {color:#a5432b!important;}
@media(prefers-reduced-motion:reduce) {
 html body div#side_navi.game-menu .game-menu-card a {transition:none!important;}
}

/* Keep the membership page menu in the same column as the village page. */
html body.profile-footer-flow #mid#mid {
 grid-template-columns:245px minmax(0,1fr) 155px!important;
}
/* Use the same typography on membership and standalone notebook tabs. */
html body #content.player #textmenu,
html body #content.notebook-profile-tabs #textmenu {
 font-family:Tahoma,Arial,sans-serif!important;
 font-size:14px!important;
 font-weight:700!important;
}
html body #content.player #textmenu a,
html body #content.notebook-profile-tabs #textmenu a {
 font-family:inherit!important;
 font-size:inherit!important;
 font-weight:inherit!important;
}
/* Match the content box used by membership pages on the notebook page. */
html body.profile-footer-flow #mid#mid > #content.player,
html body:has(#content.notebook-profile-tabs) #mid#mid > #content.notebook-profile-tabs {
 width:100%!important;
 box-sizing:content-box!important;
 padding:43px 25px 0!important;
}

/* Equal title line boxes keep the following tabs at the same height. */
html body #content.player h1,
html body #content.notebook-profile-tabs > h1 {
 box-sizing:border-box!important;
 min-height:36px!important;
 line-height:36px!important;
 margin-top:0!important;
 margin-bottom:8px!important;
 padding-top:0!important;
 padding-bottom:0!important;
}
html body #content.player #textmenu,
html body #content.notebook-profile-tabs > #textmenu {
 position:relative!important;
 top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
 transform:none!important;float:none!important;
 width:85%!important;max-width:85%!important;
 box-sizing:border-box!important;
 margin:14px auto!important;
 padding:0!important;
 line-height:21px!important;
 direction:rtl!important;text-align:right!important;
}
/* Match the membership overview title: 18px enlarged by 15% = 20.7px. */
html body #content.notebook-profile-tabs > h1 {
 font-family:Tahoma,Arial,sans-serif!important;
 font-size:20.7px!important;
 font-weight:700!important;
}
/* Match the overview heading/tab offset on the membership editing tab. */
html body #content.player:has(table#edit) > h1,
html body #content.player:has(table#edit) > #textmenu {
 transform:translateX(-2vw)!important;
}
/* Match the overview heading/tab offset on the account settings tab too. */
html body #content.player:has(table.account) > h1,
html body #content.player:has(table.account) > #textmenu {
 transform:translateX(-2vw)!important;
}
/* Keep notebook heading/tabs at the overview offset, overriding template resets. */
html body:has(#content.notebook-profile-tabs) #mid#mid > #content.notebook-profile-tabs > h1,
html body:has(#content.notebook-profile-tabs) #mid#mid > #content.notebook-profile-tabs > #textmenu {
 transform:translateX(-2vw)!important;
}