.demo-floor #demoGrid{padding:0 clamp(24px,4vw,58px) 32px}.demo-badge{font-size:.875rem;line-height:1.5;color:var(--yellow);border:1px solid #66572d;padding:10px;white-space:normal}.demo-task-title{display:block;margin:14px 0 8px;color:#f7f5ee;font-size:1rem;line-height:1.4}.demo-stage{display:block;color:var(--green);font-size:.875rem;line-height:1.6;min-height:45px}.demo-cluster progress{display:block;width:100%;height:7px;margin-top:12px;accent-color:var(--green)}.demo-cluster .roaming-agent{bottom:48%}.demo-steps{padding:0;list-style:none;margin:24px 0}.demo-steps li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted);line-height:1.6}.demo-steps .step-done{color:var(--green)}.demo-output{white-space:pre-wrap;line-height:1.7;color:#d5ccdf;font-size:.9375rem;border:1px solid var(--line);padding:18px}.demo-events{max-height:340px;overflow:auto}.demo-detail .ghost-button{margin:16px 8px 0 0}.demo-detail h3{line-height:1.4}.demo-floor .hall-status button{font:inherit;color:var(--purple);border:1px solid var(--line);padding:10px;background:#191626;cursor:pointer}.demo-detail{scroll-margin-top:20px}#clusterGrid .roaming-agent{bottom:39%}@media(max-width:760px){.demo-floor .hall-heading{flex-direction:column;align-items:start;gap:18px}.demo-floor .hall-status{gap:16px;flex-wrap:wrap}.demo-badge{font-size:.8125rem}}
.demo-floor #demoGrid{display:flex;flex-wrap:nowrap;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 clamp(24px,4vw,58px);padding:14px 0 24px;overscroll-behavior-x:contain}.demo-floor #demoGrid::-webkit-scrollbar{display:none}.demo-floor #demoGrid>.demo-cluster{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.room-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 clamp(24px,4vw,58px) 8px}.room-carousel-position{margin-right:12px;color:var(--muted);font-size:.875rem}.room-carousel-controls button{width:48px;height:44px;border:1px solid var(--purple);background:#211a34;color:var(--purple);font:inherit;font-size:1.5rem;cursor:pointer}.room-carousel-controls button:disabled{opacity:.3;cursor:default}.room-carousel-controls button:not(:disabled):hover{background:var(--purple);color:#100c18}@media(max-width:1000px){.demo-floor #demoGrid>.demo-cluster{flex-basis:calc((100% - 24px)/2)}}@media(max-width:560px){.demo-floor #demoGrid>.demo-cluster{flex-basis:100%}}
.room-agent-title{display:flex;align-items:center;gap:20px}.room-agent-portrait{display:grid;place-items:center;flex:0 0 88px;width:88px;height:88px;border:1px solid #4b405e;background:radial-gradient(ellipse,#302940,#15121f);box-shadow:4px 4px 0 #080a11}.room-agent-portrait .agent-character{width:72px;height:72px;margin:0;image-rendering:pixelated;filter:drop-shadow(0 4px 0 #0005)}.room-agent-title h2{min-width:0;overflow-wrap:anywhere}@media(max-width:560px){.room-agent-title{gap:14px}.room-agent-portrait{flex-basis:68px;width:68px;height:68px}.room-agent-portrait .agent-character{width:56px;height:56px}}