/* Screen-only filter overlay, controlled by the existing scene controller. */
#catalog-filter{inset:7vh auto auto 50%;transform:translateX(-50%);width:min(690px,calc(100vw - 24px));max-width:none;max-height:86dvh;padding:0;background:#191b20;border:1px solid #656970;border-radius:18px;box-shadow:0 2px 0 #91949b,inset 0 1px 1px #ffffff38,0 14px 40px #11172266;overflow:hidden}
#catalog-filter[open]{display:block}#catalog-filter::before{display:none}
.portal-screen{display:flex;flex-direction:column;box-sizing:border-box;height:540px;max-height:86dvh;padding:20px 24px;border:10px solid #191b20;border-radius:18px;background:linear-gradient(145deg,#f5f1e8,#e3dfd6);box-shadow:inset 0 0 0 1px #fff;overflow:hidden}
.portal-status{display:flex;justify-content:space-between;flex-shrink:0;margin-bottom:15px;font:9px/1.4 system-ui,sans-serif;letter-spacing:.16em;color:#87817a}.portal-status>span:first-child{font-weight:700;letter-spacing:.22em}.portal-status i{display:inline-block;width:6px;height:6px;background:#b99559;border-radius:50%;margin-left:7px}
#catalog-filter h2{font-size:24px}#catalog-filter header small{font-size:8px}#catalog-filter .filter-rule{margin:9px 0 14px}#catalog-filter footer{padding-top:12px;margin-top:5px}#catalog-filter .filter-help{margin-top:13px}#catalog-filter fieldset{margin-bottom:15px}
@media(max-width:600px){#catalog-filter{top:5vh;max-height:90dvh;border-radius:13px}.portal-screen{height:610px;max-height:90dvh;padding:16px 12px;border-width:7px;border-radius:13px}#catalog-filter h2{font-size:21px}.portal-status{font-size:8px;margin-bottom:12px}#catalog-filter fieldset[data-group=series]>div{gap:7px}.filter-help{gap:10px}}