:root{color-scheme:dark;font:16px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;color:#eef0e6;background:#111b20}*{box-sizing:border-box}body{margin:0}a{color:#baddb4;text-underline-offset:4px}header{padding:24px 5vw;border-bottom:1px solid #334149;display:flex;justify-content:space-between;align-items:center}header a{text-decoration:none}.brand{font-size:24px;font-weight:800;color:#ecf3de}.brand span{font-size:11px;letter-spacing:3px;margin-left:16px;color:#a8b7b7}main{max-width:1440px;padding:0 5vw;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:54px 0 40px;gap:30px}.eyebrow{color:#cbe897;font-size:11px;font-weight:700;letter-spacing:3px}h1{font-size:clamp(44px,5.8vw,78px);line-height:1.02;letter-spacing:-4px;margin:20px 0}.lede{max-width:530px;color:#aebbbc;font-size:17px}.stats{min-width:230px;border-left:1px solid #42514c;padding-left:40px;display:grid;grid-template-columns:auto 1fr;gap:12px 20px;align-items:center}.stats b{font-size:38px;font-weight:500}.stats span{color:#b9c6c4;font-size:13px}.stats small{grid-column:1/-1;color:#a5b3b3}.workbench{display:grid;grid-template-columns:1.5fr 1fr;min-height:420px;border:1px solid #3f4b48;border-radius:16px;overflow:hidden;background:#19272c}#stage{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 35%,#486060,#263a40 70%)}#viewer{width:100%;height:100%;display:block;touch-action:none;min-height:400px;cursor:grab}.stageNote{position:absolute;bottom:18px;left:22px;color:#bbcdca;font-size:9px;letter-spacing:2px;pointer-events:none}.details{padding:32px}.details h2{font-size:32px;letter-spacing:-1px;line-height:1.2}.details p{color:#b8c6c4}.details .eyebrow{color:#cbe897}.pills{display:flex;gap:8px;flex-wrap:wrap}.pills span{border:1px solid #435954;padding:4px 9px;border-radius:20px;font-size:10px}.details .fine{font-size:11px;line-height:1.65;color:#8fa4a5;border-top:1px solid #33474c;padding-top:18px}.collection{padding:40px 0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.toolbar h2{font-size:23px}.toolbar h2 span{color:#92a5a5;font-size:14px;margin-left:10px}.toolbar label{font-size:10px;color:#afbfbc}input{display:block;padding:11px 14px;width:280px;background:#1c2b30;border:1px solid #40554f;border-radius:7px;color:#fff;margin-top:5px;font:inherit;font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}button{font:inherit;cursor:pointer}.filters button{border:1px solid #384d4c;background:transparent;color:#aebdbc;border-radius:30px;padding:8px 15px;font-size:12px}.filters button[aria-pressed=true]{background:#c7e694;color:#17271d;border-color:#c7e694}#cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{padding:0;text-align:left;background:#19282d;border:1px solid #32474a;border-radius:10px;overflow:hidden;color:#edf1e8;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#a7c67c}.card[aria-pressed=true]{border-color:#c7e694;box-shadow:0 0 0 1px #c7e694}.card img{display:block;width:100%;aspect-ratio:1.4;background:#293c41;object-fit:contain}.card strong{display:block;padding:13px 14px 0;font-size:13px}.card small{display:block;color:#95aaa9;font-size:10px;padding:4px 14px 15px;text-transform:uppercase;letter-spacing:1px}footer{border-top:1px solid #33434a;color:#8fa6a6;font-size:11px;padding:24px 0 44px}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #c7e694;outline-offset:3px}@media(max-width:850px){#cards{grid-template-columns:repeat(3,minmax(0,1fr))}.workbench{grid-template-columns:1fr}.intro{padding-top:30px}.stats{min-width:180px;padding-left:20px}.details{padding:24px}#viewer{height:360px;min-height:360px}}@media(max-width:550px){#cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.intro{display:block}.stats{margin-top:22px;border-left:0;padding:0;grid-template-columns:auto 1fr auto 1fr}.stats b{font-size:26px}.stats small{display:none}.toolbar{align-items:stretch;flex-direction:column}input{width:100%}h1{letter-spacing:-2px}.brand span{display:none}.filters{gap:6px}.filters button{padding:7px 10px}#viewer{min-height:300px;height:300px}.card strong{font-size:12px;padding-left:10px}}