/* Shared layout for fullscreen Lab experiments */
html, body { height: 100%; overflow: hidden; }
.stage { position: fixed; inset: 0; }
.stage canvas { display: block; }
.lab-title { position: fixed; top: 84px; left: 0; right: 0; text-align: center; pointer-events: none; z-index: 2; }
.lab-title h1 { font-size: clamp(36px, 6vw, 72px); font-weight: 700; letter-spacing: -0.045em; line-height: 1; }
.lab-title h1 span { color: var(--dim); }
.lab-title p { margin-top: 10px; color: var(--muted); font-size: 15px; }
.corner { position: fixed; z-index: 2; pointer-events: none; line-height: 1.9; }
.tl { top: 76px; left: 22px; } .tr { top: 76px; right: 22px; text-align: right; }
.bl { bottom: 22px; left: 22px; } .br { bottom: 22px; right: 22px; text-align: right; }
.corner::before { content: ""; position: absolute; width: 14px; height: 14px; border: 1px solid var(--line-2); }
.tl::before { top: -10px; left: -10px; border-right: 0; border-bottom: 0; }
.tr::before { top: -10px; right: -10px; border-left: 0; border-bottom: 0; }
.bl::before { bottom: -10px; left: -10px; border-right: 0; border-top: 0; }
.br::before { bottom: -10px; right: -10px; border-left: 0; border-top: 0; }
@media (max-width: 700px) { .tr, .bl { display: none; } .tl { top: auto; bottom: 22px; } }