.uds{text-align:left;grid-template-columns:auto minmax(0,320px);justify-content:center;align-items:start;gap:28px;margin-top:24px;display:grid}.uds-stage{border-radius:18px;width:min(100%,440px,55.5627vh);overflow:hidden;background:#4b525c!important}.uds-stage canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto}.uds-side{gap:14px;min-width:0;display:grid}.uds-hud{border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 14px;display:grid}.uds-hud small{text-transform:uppercase;letter-spacing:.08em;color:#555;font-size:.7rem;font-weight:900;display:block}.uds-hud b{font-family:var(--font-bang),Impact,sans-serif;white-space:nowrap;font-size:1.7rem;font-weight:400;line-height:1.1}.uds-quip{align-items:flex-end;gap:10px;display:flex}.uds-quip img{transform-origin:50% 100%;flex:none;width:64px;animation:3s ease-in-out infinite uds-sway}.uds-quip p{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);animation:say .3s var(--spring);background:#ffd90f;border-radius:16px 16px 16px 4px;margin:0;padding:10px 12px;font-size:.92rem;font-weight:700}.uds-pad{grid-template-columns:1fr 1fr;gap:8px;display:grid}.uds-pad button{touch-action:manipulation;padding:14px 0;font-size:1.3rem}.uds-keys{color:#555;margin:0;font-size:.85rem}@keyframes uds-sway{50%{rotate:-4deg}}@media (max-width:760px){.uds{grid-template-columns:1fr;justify-items:center}.uds-stage{width:min(100%,360px)}.uds-side{width:100%;max-width:360px}}@media (prefers-reduced-motion:reduce){.uds-quip img,.uds-quip p{animation:none}}