/* Layout reference: Dynast.io cosmetics, observed 2026-09-30. Ahardice colours. */
.ahardice-main-menu.main-tab-skins .main-side-panel,.ahardice-main-menu.main-tab-shop .main-side-panel{width:min(760px,calc(100vw - 200px))!important;height:min(560px,calc(100dvh - 48px))!important;border:2px solid #4e260b!important;border-radius:7px!important;background:#b45b10!important;padding:14px!important;box-shadow:0 5px 0 #38210cb3!important;display:flex!important;flex-direction:column!important}
.ahardice-main-menu.main-tab-skins #mainMenuPanelTitle{display:none!important}
.ahardice-main-menu.main-tab-skins #mainCosmeticsContent{border:0!important;background:transparent!important;padding:0!important;overflow:hidden!important;min-height:0;flex:1;display:flex;flex-direction:column;gap:18px}
.cosmetics-tabs{display:flex;gap:8px;flex-shrink:0}
.cosmetics-tabs button{flex:1;min-height:38px;border:2px solid #512b13;border-radius:5px;background:#65371e;color:#e6cbb0;font:700 16px 'PT Sans',sans-serif;box-shadow:0 3px #49260e;cursor:pointer}
.cosmetics-tabs button[aria-selected=true]{background:#d77617;color:white;border-color:#773d0d}
.cosmetics-tabs button:focus-visible{outline:2px solid #ffe269;outline-offset:2px}
.cosmetics-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;min-height:0;flex:1;padding:4px 6px 6px}
.cosmetics-preview-column{min-width:0}
#selectedSkinPreview{height:190px;background:#392c23;border:6px solid #62432b;box-shadow:inset 0 0 0 2px #30241c;display:grid;place-items:center}
#selectedSkinPreview .skin-preview{width:160px!important;max-width:160px!important;height:160px!important}
#selectedSkinPreview .skin-preview-part{position:absolute}
.ahardice-main-menu.main-tab-skins .skin-selected{border:0!important;background:transparent!important;text-align:center;padding:12px 0!important;font-size:17px!important;line-height:1.3!important;color:#fff!important;overflow-wrap:anywhere}
.ahardice-main-menu.main-tab-skins .skin-choices{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;max-height:none!important;min-height:0!important;overflow-y:auto!important;padding:0 6px 4px 0!important;scrollbar-color:#dfb675 #4d321f;scrollbar-width:thin}
.ahardice-main-menu.main-tab-skins .skin-choice{min-height:126px!important;padding:6px!important;border:3px solid #65472f!important;border-radius:5px!important;background:#392c23!important;box-shadow:inset 0 0 0 2px #30241c!important;grid-template-rows:84px auto!important;gap:4px!important;cursor:pointer}
.ahardice-main-menu.main-tab-skins .skin-choice.selected{border-color:#ffdb48!important;background:#493525!important}
.ahardice-main-menu.main-tab-skins .skin-choice:hover{border-color:#deb777!important}
.ahardice-main-menu.main-tab-skins .skin-preview{height:84px!important}
.cosmetics-effects{min-width:0;background:#65371e;border:2px solid #4e2b16;padding:16px;border-radius:4px;align-self:start}
.cosmetics-effects label{margin:0!important;display:flex!important;flex-direction:column;gap:12px}
.cosmetics-effects select{max-width:100%;width:100%}
#skinChoices.hidden,#cosmeticsEffects.hidden,#mainCosmeticsContent.hidden{display:none!important}
/* Shared compact card treatment for currency and cosmetics. */
.coin-store{padding:0 4px 8px}
.coin-store-header{margin-bottom:12px;padding-bottom:10px;border-bottom:0}
.coin-store-heading h2{font-size:22px;text-shadow:none}
.coin-store-heading p{display:none}
.coin-store-grid{gap:8px}
.coin-store-card{background:#392c23;border:3px solid #65472f;border-radius:5px;padding:10px 10px 8px;box-shadow:inset 0 0 0 2px #30241c}
.coin-store-card:hover{background:#493525;border-color:#ffdb48}
.coin-store-art{height:62px;margin-bottom:4px}.coin-store-art img{width:53px;height:53px}
.coin-store-amount{font-size:25px;text-shadow:none}.coin-store-bonus{min-height:20px;margin:4px 0 7px}.coin-store-unit{font-size:12px}
.coin-store-buy{min-height:35px;padding:6px 8px;border-radius:4px;font-size:15px;box-shadow:0 2px #29470d}
.coin-store-footnote{margin-top:10px}.coin-store-wallet-amount{border-radius:4px}
.ahardice-main-menu.main-tab-shop #mainMenuPanelBody{background:transparent!important;border:0!important;scrollbar-color:#dfb675 #4d321f;scrollbar-width:thin}
@media(max-width:800px){.cosmetics-layout{grid-template-columns:130px minmax(0,1fr);gap:12px}#selectedSkinPreview{height:130px}#selectedSkinPreview .skin-preview{width:110px!important;height:110px!important}.ahardice-main-menu.main-tab-skins .skin-choices{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.ahardice-main-menu.main-tab-skins .main-side-panel,.ahardice-main-menu.main-tab-shop .main-side-panel{width:calc(100vw - 90px)!important;max-width:calc(100vw - 90px)!important;left:calc(50% + 32px)!important;padding:10px!important}.cosmetics-layout{grid-template-columns:92px minmax(0,1fr);gap:8px;padding:0}#selectedSkinPreview{height:92px;border-width:3px}#selectedSkinPreview .skin-preview{width:80px!important;height:80px!important}.ahardice-main-menu.main-tab-skins .skin-choice{min-height:104px!important;grid-template-rows:65px auto!important}.ahardice-main-menu.main-tab-skins .skin-preview{height:65px!important}.cosmetics-tabs button{font-size:14px}.coin-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}