.level-card[data-department="paint"] .level-card-number{color:#ff7ac6}
.level-card[data-department="paint"][data-current="true"]{border-color:#ff7ac6;background:#35182d}
.level-list{grid-template-columns:repeat(18,minmax(0,1fr))}
.paint-preview{display:none;position:relative;z-index:1;margin:14px 0 10px;overflow:hidden;border:1px solid #8d4b79;border-radius:16px;background:#071016;box-shadow:0 18px 40px #0008}
.paint-preview img{display:block;width:100%;max-height:238px;object-fit:cover;object-position:center 50%}
.paint-preview figcaption{display:flex;justify-content:space-between;gap:16px;padding:10px 13px;border-top:1px solid #6f365e;background:#21101d;font:800 10px ui-monospace,monospace;letter-spacing:.08em}
.paint-preview figcaption strong{color:#ff7ac6}.paint-preview figcaption span{color:#e8b9da;text-align:right}
body:has(.level-card[data-level-id="paint-curtain"][data-current="true"]) .paint-curtain-preview,
body:has(.level-card[data-level-id="paint-gantry"][data-current="true"]) .paint-gantry-preview{display:block}
body:has(.level-card[data-department="paint"][data-current="true"]) .capstone-preview{display:none}
body:has(.level-card[data-department="paint"][data-current="true"]) .panel.briefing{background:linear-gradient(155deg,#35182df7,#071016fb 54%,#103039f7)}
body:has(.level-card[data-level-id="paint-gantry"][data-current="true"]) .panel.briefing{background:linear-gradient(155deg,#28152cf7,#071016fb 48%,#263321f7)}
body:has(.level-card[data-department="paint"][data-current="true"]) .eyebrow{color:#ff7ac6}
body:has(.level-card[data-department="paint"][data-current="true"]) .machine-status[data-active="true"]{border-color:#ff7ac6;color:#ffd0ed}
@media(pointer:coarse),(max-width:1570px){.level-list{grid-template-columns:repeat(9,minmax(0,1fr))}}
@media(max-width:900px){.level-list{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:620px){.level-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.level-list{grid-template-columns:1fr}}
@media(max-height:700px){.paint-preview img{max-height:150px}.paint-preview figcaption{padding:7px 10px;font-size:9px}}
@media(max-height:590px) and (min-width:901px){.level-list{grid-template-columns:repeat(18,minmax(0,1fr))}}
@media(max-width:620px){.paint-preview figcaption{display:grid}.paint-preview figcaption span{text-align:left}}