body{color:#f3e3c3;background:#1f1712;margin:0;font-family:system-ui,PingFang SC,Noto Sans SC,sans-serif}.placeholder{letter-spacing:.2em;place-items:center;min-height:100dvh;font-size:1.25rem;display:grid}.scene{background:#1f1712;width:100%;height:100%;position:relative;overflow:hidden;container-type:size}.scene-stage{aspect-ratio:1/2;width:max(100cqw,50cqh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container-type:inline-size}.layer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.smoke{pointer-events:none;width:40%;height:36%;position:absolute;top:11.1%;left:30%}.figure,.lamp{opacity:0;transition:opacity .6s}.figure[data-active=true],.lamp[data-visible=true]{opacity:1}.lamp,.lamp-glow{transition-duration:1.2s}.lamp-glow{aspect-ratio:1;opacity:0;pointer-events:none;width:3cqw;transition-property:opacity;transition-timing-function:ease;position:absolute;top:50.5%;left:81.4%;transform:translate(-50%,-50%)}.lamp-glow[data-visible=true]{opacity:1}.lamp-glow-core{will-change:opacity;background:radial-gradient(circle,#ffe2a073,#ffd28200 70%);border-radius:50%;width:100%;height:100%;animation:3.2s ease-in-out infinite lamp-breathe;box-shadow:0 0 3cqw 1cqw #ffc46459,0 0 12cqw 6cqw #f2b84b2e}.lamp-glow[data-visible=false] .lamp-glow-core{animation-play-state:paused}.scene[data-reduced=true] .lamp-glow-core{opacity:.85;animation:none}@keyframes lamp-breathe{0%,to{opacity:.6}50%{opacity:1}}.demo{max-width:480px;margin:0 auto;position:fixed;inset:0}.fps-meter{z-index:10;color:#9f9;background:#000000a6;border-radius:4px;padding:4px 6px;font:12px/1 ui-monospace,monospace;position:fixed;top:8px;right:8px}