.refraction-demo{background:#06121b;color:#eafcff;border:1px solid #264c59;overflow:hidden}
.refraction-demo-poster::before{content:"";display:block;aspect-ratio:1672/941;background:url('/assets/refraction-cover-title.png') center/contain no-repeat}
.refraction-demo-caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px 24px;border-top:1px solid #264c59}
.refraction-demo-caption span{display:none}
.article .refraction-demo-caption strong{font-size:18px;font-weight:500;line-height:1.4;color:#eafcff}
.article .refraction-play,.article .refraction-demo button{font:inherit;background:#b7edf0;color:#062333;border:1px solid #b7edf0;padding:12px 20px;text-decoration:none;cursor:pointer}
.article .refraction-play:hover,.article .refraction-demo button:hover{background:#fff;color:#062333}
.refraction-play:focus-visible,.refraction-demo button:focus-visible{outline:3px solid #e6b674;outline-offset:4px}
.refraction-demo iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#071018}
.refraction-demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px}
.article .refraction-demo-toolbar button{padding:7px 12px;font-size:13px}
.refraction-demo:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#071018}
.refraction-demo:fullscreen iframe{flex:1;min-height:0;aspect-ratio:auto}
.article .refraction-demo-controls,.article .refraction-demo-unlocks,.article .refraction-demo-note{margin:14px 0}
.refraction-demo-links{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:14px}
.article #prototype-levels p,.article #prototype-levels .twocol p{font-size:15px;line-height:1.85}
@media(max-width:600px){.refraction-demo-caption{padding:16px}.refraction-demo-toolbar{flex-wrap:wrap}}