body{grid-template-rows:auto 1fr auto;height:100%;display:grid}.topbar,.hud{position:static}.hud{margin:0 16px 16px}.stage{border-radius:16px;min-height:0;margin:0 16px;position:relative;overflow:hidden}.stage video,.stage canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.grido{text-align:center;white-space:nowrap;letter-spacing:.04em;color:#fff;text-shadow:0 0 14px #38bdf8,0 0 38px #0ea5e9,0 2px #00000059;pointer-events:none;max-width:calc(100% - 24px);margin:0;font-size:clamp(1.1rem,5.2vw,3.4rem);font-weight:900;position:absolute;top:6%;left:50%;transform:translate(-50%)}.grido:empty{display:none}.grido.urlo{font-size:clamp(1.3rem,5.6vw,3.8rem);animation:.52s ease-out both urlo}@keyframes urlo{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}.suggerimento{text-align:center;max-width:calc(100% - 24px);color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0f172ae0;border-radius:999px;margin:0;padding:10px 22px;font-size:1.35rem;font-weight:700;line-height:1.25;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.suggerimento:empty{display:none}.intro .sottotitolo{margin-bottom:14px}.luci{color:#fde68a;background:#78350f59;border:1px solid #fbbf2480;border-radius:12px;margin:0 0 18px;padding:10px 14px;font-size:.9rem;line-height:1.5}.intro .luci strong{color:#fef3c7}@media (width<=600px){.stage,.hud{margin-left:10px;margin-right:10px}.hud{margin-bottom:10px}.suggerimento{padding:8px 14px;font-size:1rem}.pose{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.grido.urlo{animation:none}}.schermo-intero .suggerimento{bottom:76px}