/* Approved compact cards: visitor stars and Minecraft compatibility stay separate. */
:root{--page:#f6f8f7}
.resource-card.mcpe-card-v2{position:relative;display:grid;grid-template-columns:128px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:16px;row-gap:16px;padding:18px;height:auto;min-height:0;max-height:none;border:1px solid #e8eeeb;border-radius:15px;background:#fff;box-shadow:0 2px 10px #243b2e04;transition:border-color .18s ease,box-shadow .18s ease;overflow:hidden;color:#26372e}
.resource-card.mcpe-card-v2:hover{transform:none;border-color:#c9ddd1;box-shadow:0 5px 16px #243b2e09}
.resource-card.mcpe-card-v2 .resource-preview{position:relative;width:128px;height:128px;min-height:128px;max-height:128px;flex-basis:auto;border-radius:10px;background:#f2f4f3;align-self:center;overflow:hidden}
.resource-card.mcpe-card-v2 .resource-preview img{position:absolute;inset:0;width:100%;height:100%;border-radius:10px;object-fit:cover;transform:none}
.resource-card.mcpe-card-v2 .resource-body{display:flex;flex-direction:column;justify-content:center;gap:0;height:auto;min-height:128px;max-height:none;padding:0;overflow:visible}
.resource-card.mcpe-card-v2 .resource-body :is(h2,h3){font-size:15.2px;font-weight:650;line-height:22px;letter-spacing:-.2px;max-height:44px;margin:0;color:#24362c;-webkit-line-clamp:2}
.mcpe-card-author{position:relative;z-index:3;display:inline-flex;align-items:center;gap:6px;min-width:0;width:fit-content;max-width:100%;color:#63736a;font-size:13.3px;line-height:22px;margin-top:8px;text-decoration:none}
.mcpe-card-author:hover{color:#19815b}
.resource-card.mcpe-card-v2 .mcpe-card-avatar{display:inline-block;position:static;inset:auto;width:22px;height:22px;min-width:22px;max-width:22px;flex:0 0 22px;border-radius:50%;object-fit:cover;background:#edf1ee;transform:none;align-self:center}
.mcpe-card-author-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcpe-card-coauthors{flex-shrink:0;color:#718178;font-size:10.45px}
.mcpe-avatar-initial{font-size:10.45px;text-align:center;line-height:22px;color:#62776b}
.resource-card.mcpe-card-v2 .resource-topics{position:relative;z-index:3;display:flex;align-items:center;align-content:center;gap:6px;flex-wrap:nowrap;overflow:hidden;height:auto;max-height:none;min-height:32px;margin-top:12px}
.resource-card.mcpe-card-v2 .resource-topic{min-width:0;max-width:calc(50% - 12px);height:auto;min-height:32px;padding:6px 11px;background:#e9f7f0;border:0;border-radius:999px;color:#21805a;font-size:12.35px;font-weight:500;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.resource-card.mcpe-card-v2 .resource-topic-more{max-width:none;flex:0 0 auto;min-width:32px;height:32px;padding:6px 7px;text-align:center}
.mcpe-card-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;border-top:1px solid #edf0ee;padding-top:11px;min-height:34px}
.mcpe-card-compat{position:relative;z-index:3;display:flex;align-items:center;gap:5px;min-width:0;color:#617168;font-size:13.3px;line-height:22px}
.mcpe-card-compat>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcpe-card-compat>svg{width:17px;height:17px;color:#647970}
.mcpe-version-more{position:relative;z-index:3;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:26px;padding:2px 5px;border:0;border-radius:7px;background:#eaf7ef;color:#168156;font-size:10.45px;line-height:18px;font-weight:600}
.mcpe-version-more:hover{background:#dcefe4}
.mcpe-stars{position:relative;display:inline-block;width:93px;height:20px;min-width:93px;flex:0 0 93px;vertical-align:middle;pointer-events:none}
.mcpe-stars-empty,.mcpe-stars-painted{display:flex;align-items:center;gap:2px;width:93px;height:20px}
.mcpe-stars .mcpe-stars-empty svg,.mcpe-stars .mcpe-stars-painted svg{display:block;flex:0 0 93px;width:93px;height:20px;stroke-width:1.4;stroke-linejoin:round}
.mcpe-stars-empty svg{fill:none;stroke:#c3cdd1}
.mcpe-stars-fill{position:absolute;left:0;top:0;height:20px;overflow:hidden}
.mcpe-stars-painted svg{fill:#dca248;stroke:#dca248}
.mcpe-card-rating{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;white-space:nowrap}
.mcpe-card-rating-average{font-size:12px;line-height:20px;color:#617168;font-variant-numeric:tabular-nums}
.mcpe-latest-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid #e5ece7}
.mcpe-latest-toolbar .filter-tabs{margin:0;gap:8px;min-width:0}
.mcpe-latest-toolbar .filter-tabs button{min-height:44px;padding:10px 12px;color:#738078;background:transparent;border-radius:0;border-bottom:2px solid transparent;font-size:11.4px;font-weight:500}
.mcpe-latest-toolbar .filter-tabs button.on{color:#168156;border-bottom-color:#168156;background:transparent;font-weight:650}
.mcpe-home-minecraft{display:flex;align-items:center;gap:7px;font-size:11.4px;color:#64776b;padding:0 0 6px}
.mcpe-home-minecraft select{max-width:155px;min-height:36px;padding:5px 26px 5px 9px;border:1px solid #e1e9e4;border-radius:9px;background:#fff;color:#314b3c;font-size:11.4px}
dialog.mcpe-versions-dialog{position:fixed;inset:auto;margin:0;left:var(--versions-left,12px);top:var(--versions-top,80px);width:min(360px,calc(100vw - 24px));max-width:none;max-height:65dvh;border:1px solid #dfebe3;border-radius:15px;padding:20px;box-shadow:0 12px 50px #15362220;color:#283c30;background:white;overflow:auto;overscroll-behavior:contain}
.mcpe-versions-dialog::backdrop{background:#15302122}
.mcpe-versions-dialog header{display:flex;align-items:center;justify-content:space-between;gap:14px}
.mcpe-versions-dialog h2{margin:0;font-size:16.15px;letter-spacing:-.2px}
.mcpe-versions-dialog header button{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:9px;font-size:21.85px;color:#687a6d;background:#f2f6f3}
.mcpe-versions-dialog p{font-size:11.4px;line-height:1.6;color:#75847b;margin:10px 0 15px;overflow-wrap:anywhere}
.mcpe-version-values{display:flex;flex-wrap:wrap;gap:7px}
.mcpe-version-values span{padding:5px 9px;font-size:11.4px;border-radius:7px;color:#276449;background:#eff7f2}
.mcpe-rating-widget{margin-top:28px;border:1px solid #e6eee8;box-shadow:none}
.mcpe-rating-widget h2{margin:0!important;font-size:18.05px!important}
.mcpe-rating-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:18px;border-bottom:1px solid #e9efeb;margin-bottom:18px}
.mcpe-rating-result{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.mcpe-rating-result [data-rating-count]{font-size:11.4px;color:#718077;white-space:nowrap}
.mcpe-rating-widget fieldset{padding:0;border:0;margin:0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.mcpe-rating-widget legend{font-size:13.3px;padding:0;margin-bottom:10px;color:#52675a}
.mcpe-rating-choices{display:flex;align-items:center;gap:2px}
.mcpe-rating-choices label{display:grid;place-items:center;position:relative;width:42px;height:44px;cursor:pointer;border-radius:8px;color:#fff;font-family:Arial,sans-serif;font-size:30.4px;line-height:1;-webkit-text-stroke:1px #bdc9c1}
.mcpe-rating-choices label.is-lit{color:#dca248;-webkit-text-stroke-color:#dca248}
.mcpe-rating-choices input{position:absolute;width:1px;height:1px;opacity:0;margin:0}
.mcpe-rating-choices label:focus-within{outline:2px solid #21855d;outline-offset:2px}
.mcpe-rating-widget fieldset:disabled{opacity:.55}
.mcpe-rating-widget .button{font-size:12.35px;min-height:42px;background:#16815b;color:#fff;white-space:nowrap}
.mcpe-rating-widget .mcpe-rating-status{margin:12px 0 0;font-size:11.4px;line-height:1.7;color:#708076}
.mcpe-rating-retry{font-size:11.4px;color:#16815b;background:#eef6f1;border-radius:7px;padding:8px 14px;margin-top:10px}
.mcpe-rating-retry[hidden]{display:none}
/* Related-resource rails share the same card, including its full-width footer. */
.mcpe-resource-rail>.resource-card.mcpe-card-v2,.download-articles .mcpe-resource-rail>.resource-card.mcpe-card-v2{flex:0 0 388px;grid-template-columns:128px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;row-gap:16px;padding:18px;height:auto;min-height:0;max-height:none}
.mcpe-resource-rail .resource-card.mcpe-card-v2 .resource-preview{width:128px;height:128px;min-height:128px;max-height:128px;flex-basis:auto}
.mcpe-resource-rail .resource-card.mcpe-card-v2 .resource-preview img{inset:0;width:100%;height:100%;border-radius:10px}
.mcpe-resource-rail .resource-card.mcpe-card-v2 .resource-body{height:auto;min-height:128px;display:flex;flex-direction:column;gap:0}
.mcpe-resource-rail .resource-card.mcpe-card-v2 .resource-body :is(h2,h3){font-size:15.2px;line-height:22px;max-height:44px}
@media(min-width:1101px){#homeResources{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(max-width:1100px) and (min-width:651px){.resource-card.mcpe-card-v2{grid-template-columns:104px minmax(0,1fr);gap:12px;padding:14px}.resource-card.mcpe-card-v2 .resource-preview{width:104px;height:104px;min-height:104px;max-height:104px}}
@media(max-width:650px){
 .resource-card.mcpe-card-v2{grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:10px;padding:14px;min-height:0;border-radius:13px}
 .resource-card.mcpe-card-v2 .resource-preview{width:96px;height:96px;min-height:96px;max-height:96px}
 .resource-card.mcpe-card-v2 .resource-body{height:auto;min-height:108px;display:flex;flex-direction:column;gap:0}
 .resource-card.mcpe-card-v2 .resource-body :is(h2,h3){font-size:15.2px;line-height:22px;max-height:44px}
 .resource-card.mcpe-card-v2 .mcpe-card-avatar{width:20px;height:20px;min-width:20px;max-width:20px;flex-basis:20px}
 .mcpe-card-author .mcpe-avatar-initial{line-height:20px}
 .mcpe-card-footer{gap:9px;padding-top:10px}
 .mcpe-latest-toolbar{display:block;margin-bottom:16px;padding-bottom:10px}
 .mcpe-latest-toolbar .filter-tabs{width:100%;margin-bottom:8px}
 .mcpe-latest-toolbar .filter-tabs button{padding:10px 9px;font-size:10.45px}
 .mcpe-home-minecraft{justify-content:flex-end;padding:0}
 dialog.mcpe-versions-dialog{left:0;right:0;top:auto;bottom:0;width:100%;max-height:75dvh;padding:22px 20px calc(22px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;box-shadow:0 -10px 50px #15362220}
 .mcpe-versions-dialog::backdrop{background:#15302155}
 .mcpe-versions-dialog header button{width:44px;height:44px;flex-basis:44px}
 .mcpe-rating-widget{padding:20px}
 .mcpe-rating-widget fieldset{gap:12px}
 .mcpe-rating-widget .button{min-height:44px}
 .mcpe-resource-rail>.resource-card.mcpe-card-v2,.download-articles .mcpe-resource-rail>.resource-card.mcpe-card-v2{flex-basis:94%;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:10px;padding:14px;min-height:0}
 .mcpe-resource-rail .resource-card.mcpe-card-v2 .resource-preview{width:96px;height:96px;min-height:96px;max-height:96px}
 .mcpe-resource-rail .resource-card.mcpe-card-v2 .resource-body{height:104px;grid-template-rows:40px 20px 26px}
}
@media(pointer:coarse){.mcpe-version-more{min-width:34px;min-height:34px}.resource-card.mcpe-card-v2 .resource-topic-more{min-height:28px}}
@media(prefers-reduced-motion:reduce){.resource-card.mcpe-card-v2{transition:none}}

/* Keep the deliberate fallback visible at the same size as a real author avatar. */
.author>.mcpe-avatar-initial{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#e6f3ec;color:#16794a;font-size:20px;font-weight:700;line-height:1}
