/* Exact windows into the existing in-game screenshot. No generated artwork or image edits. */
.cradle-screenshot-icon{display:inline-block;flex:none;width:84px;height:84px;border-radius:50%;background-image:url("/assets/mods/cradle-overview-neutral.webp");background-repeat:no-repeat;background-size:552px 712.5px;}
.cradle-screenshot-icon[data-sprite="r1c1"]{background-position:-30.5px -9.5px;}
.cradle-screenshot-icon[data-sprite="r1c2"]{background-position:-128.5px -9.5px;}
.cradle-screenshot-icon[data-sprite="r1c3"]{background-position:-226.5px -9.5px;}
.cradle-screenshot-icon[data-sprite="r1c4"]{background-position:-324.5px -9.5px;}
.cradle-screenshot-icon[data-sprite="r1c5"]{background-position:-422.5px -9.5px;}
.cradle-screenshot-icon[data-sprite="r2c1"]{background-position:-30.5px -159.5px;}
.cradle-screenshot-icon[data-sprite="r2c2"]{background-position:-128.5px -159.5px;}
.cradle-screenshot-icon[data-sprite="r2c3"]{background-position:-226.5px -159.5px;}
.cradle-screenshot-icon[data-sprite="r2c4"]{background-position:-324.5px -159.5px;}
.cradle-screenshot-icon[data-sprite="r2c5"]{background-position:-422.5px -159.5px;}
.cradle-screenshot-icon[data-sprite="r3c1"]{background-position:-30.5px -309.5px;}
.cradle-screenshot-icon[data-sprite="r3c2"]{background-position:-128.5px -309.5px;}
.cradle-screenshot-icon[data-sprite="r3c3"]{background-position:-226.5px -309.5px;}
.cradle-screenshot-icon[data-sprite="r3c4"]{background-position:-324.5px -309.5px;}
.cradle-screenshot-icon[data-sprite="r3c5"]{background-position:-422.5px -309.5px;}
.cradle-screenshot-icon[data-sprite="r4c1"]{background-position:-30.5px -459.5px;}
.cradle-screenshot-icon[data-sprite="r4c2"]{background-position:-128.5px -459.5px;}
.cradle-screenshot-icon[data-sprite="r4c3"]{background-position:-226.5px -459.5px;}
.cradle-screenshot-icon[data-sprite="r4c4"]{background-position:-324.5px -459.5px;}
.cradle-screenshot-icon[data-sprite="r4c5"]{background-position:-422.5px -459.5px;}
.cradle-screenshot-icon[data-sprite="r5c1"]{background-position:-30.5px -609.5px;}
.cradle-screenshot-icon[data-sprite="r5c2"]{background-position:-128.5px -609.5px;}
.cradle-screenshot-icon[data-sprite="r5c3"]{background-position:-226.5px -609.5px;}
.cradle-screenshot-icon[data-sprite="r5c4"]{background-position:-324.5px -609.5px;}
.cradle-screenshot-icon[data-sprite="r5c5"]{background-position:-422.5px -609.5px;}
/* Visual browser: three fixed choices, five per-build choices, one effect preview. */
.cradle-browser{margin-top:26px;color:#ddd4e7}
.cradle-browser .cradle-browser-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 20px;margin:0 0 22px;max-width:none;border-bottom:1px solid #46334f}
.cradle-browser-heading h3{margin:0;color:#fff;font-size:30px;line-height:1.15}.cradle-browser-heading p{margin:8px 0 0;color:#b7a9c9;font-size:13px}
.cradle-count,.cradle-kind{border:1px solid #725784;border-radius:999px;padding:5px 11px;color:#d2b4ed;font-size:12px;white-space:nowrap}
.cradle-browser-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,1fr);gap:24px;align-items:stretch}
.cradle-groups{min-width:0}.cradle-groups section+section{margin-top:22px}.cradle-groups h4{margin:0 0 12px;color:#eee4f6;font-size:14px;font-weight:700;letter-spacing:.03em}
.cradle-core h4 span{font-size:10px;font-weight:500;color:#f1c8ae;border:1px solid #67505e;border-radius:20px;padding:3px 8px;margin-left:8px}
.cradle-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cradle-browser button.cradle-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:135px;padding:12px 8px;border:1px solid #46334f;border-radius:12px;background:#201629;color:#eee4f6;font:inherit;font-size:12px;line-height:1.4;text-align:center;cursor:pointer}
.cradle-browser .cradle-tile:hover{border-color:#9d7ab7}.cradle-browser .cradle-tile[aria-pressed=true]{border-color:#d2b4ed;background:#382741;box-shadow:inset 0 0 0 1px #bd9fda}
.cradle-browser .cradle-tile:focus-visible{outline:3px solid #f1c8ae;outline-offset:3px}
.cradle-monogram{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border:1px solid #725784;border-radius:50%;color:#d2b4ed;font-size:25px;font-weight:700;background:#171020}
.cradle-preview{display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:0;padding:30px 22px;border:1px solid #46334f;border-radius:14px;background:linear-gradient(145deg,#251a2f,#1b1424);text-align:center}
.cradle-preview-icon{margin:10px 0 22px;padding:10px;border:1px solid #725784;border-radius:50%}.cradle-preview-icon>span{display:block}
.cradle-preview h4{margin:0 0 14px;color:#fff;font-size:23px;line-height:1.3}
.cradle-preview .cradle-kind{color:#f1c8ae;border-color:#8b6d7a}
.cradle-preview p{margin:28px 0;padding-top:24px;border-top:1px solid #46334f;color:#ddd4e7;font-size:14px;line-height:1.8;width:100%}
.cradle-preview small{margin-top:auto;padding-top:18px;color:#b7a9c9;font-size:11px}
@media(max-width:760px){.cradle-browser-layout{grid-template-columns:1fr;gap:20px}.cradle-preview{padding:22px;min-height:260px}.cradle-preview-icon{margin:0 0 14px}.cradle-preview p{margin:18px 0}.cradle-preview small{margin:0}.cradle-browser .cradle-tile{font-size:11px;min-height:132px}.cradle-tiles{gap:8px}}
@media(prefers-reduced-motion:reduce){.cradle-browser *{transition:none;animation:none}}
.cradle-browser .cradle-browser-heading{position:static;top:auto;z-index:auto;height:auto;min-height:0;background:transparent}
@media(max-width:480px){.cradle-tile>.cradle-screenshot-icon,.cradle-tile>.cradle-monogram{transform:scale(.76);margin:-10px}.cradle-browser button.cradle-tile{padding:10px 4px;min-height:116px}.cradle-browser-heading h3{font-size:25px}}