/* The original style.css owns the site theme. These rules only lay out the Plaza. */
.plaza-section{max-width:1320px}
.plaza-room-panel{padding:22px}
.plaza-room-heading,.plaza-room-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.plaza-room-heading h2,.plaza-social-panels h2{font-size:clamp(14px,1.7vw,19px);line-height:1.6;margin:0 0 10px}
.plaza-room-heading .eyebrow{margin-top:0}
.plaza-connection{padding:9px 12px;border:1px solid rgba(255,214,77,.4);border-radius:10px;color:var(--neon-yellow);background:rgba(255,214,77,.07);font-size:20px}
.plaza-connection.is-online{color:var(--neon-green);border-color:rgba(67,255,155,.4);background:rgba(67,255,155,.06)}
#plazaViewport{position:relative;isolation:isolate;width:100%;aspect-ratio:8/5;overflow:hidden;border:2px solid rgba(124,244,255,.4);border-radius:14px;background:#10152b;touch-action:none;box-shadow:0 15px 35px #0005}
#plazaViewport:focus-visible{outline:3px solid var(--neon-yellow);outline-offset:4px}
.plaza-room-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;image-rendering:pixelated;pointer-events:none;user-select:none}
#plazaPlayers{position:absolute;inset:0;pointer-events:none}
.plaza-person{position:absolute;width:7%;height:12%;transform:translate(-50%,-90%);text-align:center;will-change:left,top}
.plaza-person .avatar-preview{width:100%;height:100%;min-height:0;aspect-ratio:1;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible;isolation:auto}
.plaza-person .avatar-depth-scene,.plaza-person .avatar-rig{position:absolute;inset:0;width:100%;height:100%}
.plaza-person .avatar-base-img,.plaza-person .avatar-wearable-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:none!important}
.plaza-person .avatar-emote-bubble{display:none}
.plaza-name{display:inline-block;max-width:180px;white-space:nowrap;position:absolute;left:50%;top:100%;transform:translateX(-50%);font-family:'VT323',monospace;font-size:clamp(12px,1.4vw,19px);line-height:1.2;color:#fff;padding:2px 6px;background:#091126d9;border-radius:4px;pointer-events:none}
.plaza-person.is-me .plaza-name{color:var(--neon-blue)}
.plaza-speech{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);width:max-content;max-width:170px;padding:5px 9px;border-radius:7px;background:#e4faff;color:#111b31;font-size:18px;line-height:1.1;box-shadow:0 3px 10px #0006}
.plaza-speech:empty{display:none}
.plaza-person.is-moving .avatar-rig{animation:plaza-walk .32s ease-in-out infinite}
.plaza-person[data-motion="dance"] .avatar-rig{animation:plaza-dance .9s ease-in-out infinite}
.plaza-person[data-motion="wave"] .avatar-rig{animation:plaza-wave 1s ease-in-out infinite}
.plaza-person[data-motion="spin"] .avatar-rig{animation:plaza-spin 1.6s ease-in-out infinite}
.plaza-person[data-motion="float"] .avatar-rig{animation:plaza-float 1.8s ease-in-out infinite}
.plaza-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0}
.plaza-controls label{display:grid;gap:7px;min-width:160px;font-size:20px}
.plaza-controls select{min-height:46px;padding:8px 32px 8px 12px;color:#f5fbff;background:#111c39;border:2px solid rgba(0,229,255,.5);border-radius:12px;font:22px 'VT323',monospace;max-width:100%}
.plaza-controls select:focus-visible{outline:3px solid var(--neon-yellow);outline-offset:2px}
.plaza-controls button{min-height:46px}
.plaza-controls [hidden]{display:none!important}
.plaza-room-bottom>p{flex:1;min-width:200px;margin:0}
.plaza-direction-pad{display:grid;grid-template-columns:repeat(3,44px);gap:5px}
.plaza-direction-pad button{min-height:44px;border:1px solid #6075a4;border-radius:8px;background:#152142;color:#e8faff;font-size:24px;touch-action:none;user-select:none}
.plaza-direction-pad [data-plaza-direction=up]{grid-column:2}
.plaza-direction-pad [data-plaza-direction=left]{grid-column:1;grid-row:2}
.plaza-direction-pad [data-plaza-direction=down]{grid-column:2;grid-row:2}
.plaza-direction-pad [data-plaza-direction=right]{grid-column:3;grid-row:2}
.plaza-social-panels{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}
.plaza-social-panels .slot-actions{flex-wrap:wrap}
#plazaRoster{display:flex;gap:8px;flex-wrap:wrap;max-height:190px;overflow:auto;font-size:22px}
.plaza-roster-name{padding:5px 11px;background:#091329;border:1px solid rgba(124,244,255,.2);border-radius:8px}
.plaza-safety-copy{color:var(--muted);font-size:20px;line-height:1.3;margin-bottom:0}
@keyframes plaza-walk{50%{transform:translateY(-3%) rotate(3deg)}}
@keyframes plaza-dance{0%,100%{transform:translateX(-7%) rotate(-9deg)}50%{transform:translateX(7%) translateY(-8%) rotate(9deg)}}
@keyframes plaza-wave{0%,100%{transform:rotate(-4deg)}50%{transform:translateY(-7%) rotate(5deg)}}
@keyframes plaza-spin{50%{transform:scaleX(-1) translateY(-5%)}}
@keyframes plaza-float{50%{transform:translateY(-15%)}}
@media(max-width:700px){.plaza-section{padding:26px 12px}.plaza-room-panel{padding:12px}.plaza-social-panels{grid-template-columns:1fr}.plaza-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.plaza-controls label{min-width:0}.plaza-controls select{width:100%;font-size:19px}.plaza-controls button{font-size:10px;padding:9px 8px}.plaza-name{font-size:12px}.plaza-person{width:10%;height:16%}.plaza-speech{font-size:14px;max-width:120px}.plaza-room-bottom>p{font-size:19px}.plaza-room-heading{gap:8px}}
@media(prefers-reduced-motion:reduce){.plaza-person .avatar-rig{animation:none!important}}