:root{color:#f6eddc;background:#0b1320;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}main,canvas{width:100vw;height:100vh;display:block}canvas{touch-action:none}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101e31db;border:1px solid #55708b;border-radius:12px;width:min(460px,100vw - 56px);padding:22px 24px;position:fixed;top:28px;left:28px;box-shadow:0 16px 55px #0009}.eyebrow{color:#f2bb65;letter-spacing:.14em;margin:0 0 9px;font-size:11px;font-weight:750}h1{margin:0;font-family:Georgia,serif;font-size:34px;font-weight:700;line-height:.98}.inspector-details{margin-top:14px}.inspector-details summary{cursor:pointer;color:#f8c46e;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:750;list-style:none;display:flex}.inspector-details summary::-webkit-details-marker{display:none}.inspector-details summary:before{content:"›";margin-right:7px;font-size:20px;line-height:12px;transition:transform .16s ease-out;display:inline-block}.inspector-details[open] summary:before{transform:rotate(90deg)}.inspector-details summary span{margin-right:auto}.inspector-details summary small{color:#aebccc;letter-spacing:.03em;font-size:10px;font-weight:650}.texture-explanation{margin-top:14px}.texture-copy{color:#cdd8e3;font-size:13px;line-height:1.45}.texture-copy p{margin:0 0 9px}.texture-copy p:last-child{margin-bottom:0}.layer-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.icon-layer-card{border:2px solid #0000;border-radius:7px;min-width:0;margin:0;padding:4px;transition:border-color .18s ease-out,box-shadow .18s ease-out,background .18s ease-out}.icon-layer-card img{aspect-ratio:1;image-rendering:auto;background:#06101c;border-radius:3px;width:100%;display:block}.icon-layer-card figcaption{color:#b9c6d4;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;line-height:1.2;overflow:hidden}.icon-layer-card figcaption span{color:#f2bb65;font-variant-numeric:tabular-nums}.icon-layer-card.is-active{background:#3b3a2d88;border-color:#f8c46e;box-shadow:0 0 0 1px #0b1726,0 0 14px #f8c46e88}.icon-layer-card.is-active figcaption{color:#fff0c8}.repository-link{color:#f8c46e;gap:6px;margin-top:14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.repository-link:hover{color:#fff0c8;text-decoration:underline}.unsupported{background:#6f1d2a;border-radius:10px;margin:0;padding:15px 18px;position:fixed;inset:auto 28px 28px}@media (width<=650px){.panel{width:calc(100vw - 32px);top:16px;left:16px}h1{font-size:28px}.layer-gallery{gap:4px}.icon-layer-card{padding:2px}.icon-layer-card figcaption{font-size:9px}}
