.rps{display:grid;gap:12px;max-width:560px;margin:0 auto}.rps-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;background:var(--surface-2);border-radius:var(--radius);padding:8px 12px}.rps-side{display:grid;justify-items:center;gap:2px}.rps-who{font-size:.85rem;color:var(--muted);font-weight:600}.rps-num{font-size:1.8rem;line-height:1.1;font-variant-numeric:tabular-nums}.rps-pips{display:flex;gap:4px;min-height:10px}.rps-pip{width:10px;height:10px;border-radius:50%;border:2px solid var(--accent)}.rps-pip.on{background:var(--accent)}.rps-matchlabel{text-align:center;max-width:9em}.rps-arena{display:flex;align-items:center;justify-content:center;gap:18px;padding:14px 8px;border-radius:var(--radius);background:radial-gradient(ellipse at 50% 40%,var(--table),var(--table-2))}.rps-hand{font-size:3.6rem;line-height:1;width:1.4em;text-align:center;transform-origin:50% 90%}.rps-hand-cpu{transform:scaleX(-1)}.rps-vs{color:#fff;opacity:.75;font-weight:700}.rps-arena.shake .rps-hand{animation:rps-bob .2s ease-in-out 3}.rps-arena.shake .rps-hand-cpu{animation-name:rps-bob-flip}@keyframes rps-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes rps-bob-flip{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-14px)}}.rps-result{min-height:2.6em;text-align:center;font-weight:700;display:grid;place-items:center;padding:0 4px}.rps-result.win{color:var(--good)}.rps-result.loss{color:var(--bad)}.rps-result.draw{color:var(--muted)}.rps-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rps-plus .rps-picks{grid-template-columns:repeat(5,1fr)}.rps-pick{appearance:none;font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);min-height:76px;display:grid;place-items:center;gap:2px;padding:8px 4px;cursor:pointer;box-shadow:var(--shadow);transition:transform .1s,border-color .15s,background .15s;touch-action:manipulation}.rps-pick:hover:not(:disabled){border-color:var(--accent)}.rps-pick:active:not(:disabled){transform:scale(.96)}.rps-pick:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.rps-pick:disabled{cursor:default;opacity:.7}.rps-pick.chosen{border-color:var(--accent);background:var(--accent-soft)}.rps-pick-icon{font-size:2rem;line-height:1}.rps-pick-label{font-size:.85rem;font-weight:600}.rps-strip{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-height:28px}.rps-chip{padding:2px 6px;border-radius:999px;font-size:.85rem;border:2px solid var(--border);background:var(--surface)}.rps-chip.win{border-color:var(--good)}.rps-chip.loss{border-color:var(--bad)}.rps-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.rps-stat{background:var(--surface-2);border-radius:var(--radius-sm);padding:6px 4px;display:grid;justify-items:center;text-align:center;min-width:0}.rps-stat-v{font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.rps-stat-l{font-size:.72rem;color:var(--muted)}.rps-rules{text-align:center;margin:0}@media (max-width: 420px){.rps-hand{font-size:2.8rem}.rps-plus .rps-picks{grid-template-columns:repeat(6,1fr)}.rps-plus .rps-pick{grid-column:span 2}.rps-plus .rps-pick:nth-child(4){grid-column:2 / span 2}.rps-pick{min-height:64px}.rps-pick-icon{font-size:1.7rem}.rps-stats{grid-template-columns:repeat(2,1fr)}}