.rps{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:clamp(12px,3vw,26px);color:#F2EEE4}
.rps-arena{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}
.rps-side{display:grid;justify-items:center;gap:8px;min-width:0}
.rps-who{font-family:var(--display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#F6C333;font-size:clamp(.78rem,3.6vw,1rem)}
.rps-hand{width:min(150px,100%);aspect-ratio:14/12}
.rps-hand.flip{transform:scaleX(-1)}
.rps-hand svg{width:100%;height:100%}
.rps-hand.shake{animation:rps-shake .23s steps(2,end) infinite}
.rps-hand.flip.shake{animation:rps-shake-flip .23s steps(2,end) infinite}
@keyframes rps-shake{50%{transform:translateY(-12px)}}
@keyframes rps-shake-flip{0%,100%{transform:scaleX(-1)}50%{transform:scaleX(-1) translateY(-12px)}}
.rps-vs{font-family:var(--display);font-weight:700;font-size:clamp(.9rem,3.4vw,1.5rem);color:#FFFFFF;text-align:center;min-width:4.6em}
.rps-msg{font-family:var(--body);font-weight:600;text-align:center;min-height:3em}
.rps-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rps-pick{display:grid;justify-items:center;gap:6px;padding:12px 4px;min-width:0;background:#1E2146;border:3px solid #3A3F7A;color:#F2EEE4;cursor:pointer;font-family:var(--display);font-weight:700;font-size:1rem}
.rps-pick:hover{background:#2A2E62}
.rps-pick:active{transform:translate(2px,2px)}
.rps-pick svg{width:min(70px,100%);height:auto}
@media (max-width:420px){.rps-pick{font-size:.85rem}}
.rps-pick kbd{background:#12142A;color:#F6C333;border-color:#3A3F7A}
@media (prefers-reduced-motion:reduce){.rps-hand.shake,.rps-hand.flip.shake{animation:none}}