/* Desktop-only chrome for the account panel and right rail. The controls and
   destinations stay unchanged; only their legacy, mismatched shells change. */
@media screen and (min-width: 901px) {
	#Loginbox {
		left: 0; top: 8px; width: 180px; height: 94px; margin: 0 0 32px; padding-top: 20px;
		border: 1px solid #786b48; border-radius: 7px;
		background: #263b24 url(images/content/title-background-green.gif) repeat !important;
		box-shadow: inset 0 0 0 2px rgba(173,143,81,.45), inset 0 0 18px rgba(0,0,0,.3), 0 3px 8px rgba(0,0,0,.28);
	}
	#Loginbox::before, #Loginbox::after {
		content: ""; position: absolute; left: 7px; right: 7px; height: 4px;
		background: url(images/content/table-headline-border.gif) repeat-x; opacity: .82;
	}
	#Loginbox::before { top: 6px; }
	#Loginbox::after { bottom: 6px; }
	#Loginbox .Loginstatus { left: 10px; width: 160px; }
	#Loginbox .LoginstatusText { left: 0; width: 160px; height: 22px; }
	#Loginbox #LoginstatusText_1 { top: -5px; }
	#Loginbox #LoginstatusText_2_1, #Loginbox #LoginstatusText_2_2 { top: -1px; }
	#Loginbox #LoginButtonContainer { margin-left: 10px; }
	#Loginbox #LoginButton { top: 1px; }

	#ThemeboxesColumn { width: 180px; }
	#Themeboxes { display: flex; flex-direction: column; align-items: stretch; gap: 12px; width: 180px; }
	#Themeboxes > a { margin: 0; }
	#Themeboxes .DesktopSidebox {
		position: relative; top: 0; left: 0; box-sizing: border-box;
		width: 180px; height: auto; margin: 0; overflow: hidden;
		border: 1px solid #55636c; border-radius: 5px;
		background: #f1e0c6 url(images/content/scroll.gif) repeat !important;
		box-shadow: 0 3px 8px rgba(0,0,0,.28), inset 0 0 0 2px #dfcaa7;
		text-align: left;
	}
	#Themeboxes .DesktopSideboxHeader {
		position: relative; display: flex; align-items: center; gap: 7px;
		box-sizing: border-box; height: 30px; padding: 3px 9px;
		border-bottom: 1px solid #172517;
		background: #2f4a2a url(images/content/title-background-green.gif) repeat;
		color: #f0d1a4; font: 400 16px/22px Martel, Georgia, serif; text-shadow: 1px 1px #152315;
	}
	#Themeboxes .DesktopSideboxHeader::after {
		content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 4px;
		background: url(images/content/table-headline-border.gif) repeat-x;
	}
	#Themeboxes .DesktopSideboxHeader img { flex: 0 0 auto; object-fit: contain; image-rendering: pixelated; }
	.DesktopSideboxLink, .GalleryDiscordLink { display: block; width: 180px; color: inherit; text-decoration: none; }

	#Themeboxes #NewcomerBox { width: 180px; height: auto; left: 0; background-position: initial; }
	.DiscordSideboxBody {
		display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: center; gap: 7px;
		box-sizing: border-box; height: calc(var(--discord-card-height, 163px) - 32px); min-height: 90px; padding: 13px 10px 9px;
	}
	.DiscordSideboxBody > img { width: 28px; height: 28px; padding: 5px; border-radius: 50%; background: #5865f2; image-rendering: pixelated; }
	.DiscordSideboxBody strong, .DiscordSideboxBody small { display: block; }
	.DiscordSideboxBody strong { color: #44290f; font: bold 11px/14px Verdana, Arial, sans-serif; }
	.DiscordSideboxBody small { margin-top: 2px; color: #786046; font: 8px/11px Verdana, Arial, sans-serif; }
	.DesktopSideboxAction {
		grid-column: 1 / -1; display: block; padding-top: 7px; border-top: 1px solid rgba(91,61,34,.24);
		color: #1d5c2f; font: bold 8px/10px Verdana, Arial, sans-serif; text-align: center;
	}
	.DesktopSideboxLink:hover #NewcomerBox, .DesktopSideboxLink:focus-visible #NewcomerBox,
	.GalleryDiscordLink:hover #GalleryBox, .GalleryDiscordLink:focus-visible #GalleryBox { border-color: #9c7c43; box-shadow: 0 4px 10px rgba(0,0,0,.34), inset 0 0 0 2px #ead8b8; }
	.DesktopSideboxLink:focus-visible, .GalleryDiscordLink:focus-visible { outline: 2px solid #d9b34e; outline-offset: 3px; }

	#Themeboxes #HighscoresBox { height: auto; background-position: initial; }
	#Themeboxes #HighscoresBox .HighscoresPanel {
		position: static; box-sizing: border-box; width: auto; height: auto; min-height: 151px;
		padding: 10px 10px 8px; background: transparent !important;
	}
	#Themeboxes #HighscoresBox .HighscoresEntry { height: 35px; }
	#Themeboxes #HighscoresBox .HighscoresViewAll { margin-top: 4px; }
	#Themeboxes #HighscoresBox .HighscoresRank {
		flex: 0 0 16px; width: 16px; height: auto; border: 0; background: transparent;
		box-shadow: none; color: #6d4d2d; font-size: 10px; line-height: 1; text-align: left;
	}
	#Themeboxes #HighscoresBox .HighscoresEntryRank1 .HighscoresRank { color: #876014; background: transparent; }
	#Themeboxes #HighscoresBox .HighscoresEntryRank2 .HighscoresRank { color: #77746b; background: transparent; }
	#Themeboxes #HighscoresBox .HighscoresEntryRank3 .HighscoresRank { color: #98633d; background: transparent; }
	#Themeboxes #HighscoresBox .HighscoresEntry { padding: 2px 0; border-top-color: rgba(91, 61, 34, .16); }
	#Themeboxes #HighscoresBox .HighscoresOutfit { width: 26px; height: 26px; margin-right: 5px; }
	#Themeboxes #HighscoresBox .HighscoresStatus { width: 5px; height: 5px; border-radius: 50%; }

	#Themeboxes #GalleryBox { height: auto; }
	#Themeboxes #GalleryBox .GallerySideboxBody { padding: 8px 6px 6px; }
	#Themeboxes #GalleryBox #GalleryContent {
		position: static; display: block; box-sizing: border-box; width: 166px; height: 108px; margin: 0;
		border: 1px solid #5f4d41; object-fit: cover; cursor: pointer;
	}
	#Themeboxes .DesktopSidebox, #Loginbox { transition: border-color .14s ease, box-shadow .14s ease; }
}

@media (prefers-reduced-motion: reduce) {
	#Themeboxes .DesktopSidebox, #Loginbox { transition: none; }
}