.project-art[data-preview]{height:290px;background:radial-gradient(ellipse at 50% 100%,#354c5433,transparent 75%),#0b1215;border-color:#35454c}
.arena-art[data-preview]{background:radial-gradient(ellipse at 50% 100%,#6e49752b,transparent 75%),#111019;border-color:#483e55}
[data-preview] canvas{display:block;width:100%;height:100%;opacity:0}
[data-preview].preview-ready canvas{opacity:1}
.preview-fallback{position:absolute;inset:0;display:grid;align-content:center;text-align:center;color:#b5c4ca;line-height:1.8;padding:24px;margin:0;font-size:16px}
.preview-ready .preview-fallback{display:none}
.preview-caption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:10px 23px 0;color:#a6b6bd;font:12px/1.5 var(--mono)}
.preview-caption button{padding:7px 10px;border:1px solid #425550;border-radius:3px;background:#b6e9ce09;color:#d2e7df;font:12px/1.5 var(--mono)}
.preview-caption button:hover{background:#b6e9ce18}.preview-caption button:disabled{display:none}
.research-grid small{display:block;font-size:12px;line-height:1.6}
.research-grid article>span{font-size:12px;letter-spacing:.7px}.research-grid p{font-size:16px}
@media(max-width:760px){.project-art[data-preview]{height:245px}.preview-caption{font-size:11px;margin-left:18px;margin-right:18px}}