.rps-card{width:min(100%,480px);box-sizing:border-box;border:1px solid var(--line,#dbe3ef);border-radius:14px;background:var(--panel,#fff);padding:14px;margin:8px 0;color:var(--ink,#102e4d);font-size:13px;overflow-wrap:anywhere}
.rps-card header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line,#dbe3ef);padding-bottom:10px}
.rps-card header>span{font-size:12px;color:var(--ink-soft,#66758b);margin-left:auto}
.rps-help{color:var(--ink-soft,#66758b);line-height:1.65;font-size:13px;margin:12px 0}
.rps-people,.rps-team>div{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.rps-person{padding:5px 8px;border-radius:7px;background:var(--bg,#f1f5fa)}
.rps-person.active{box-shadow:inset 0 0 0 1px var(--dev,#2B66DE);color:var(--dev,#2B66DE)}
.rps-team{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line,#dbe3ef)}
.rps-team>b{min-width:34px}.rps-team>.btn{margin-left:auto}
.rps-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.rps-card .btn,.rps-dialog .btn{width:auto;min-height:36px;white-space:normal;padding:7px 11px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);font-size:13px;font-weight:700;cursor:pointer}.rps-card button:disabled{opacity:.5;cursor:default}
.rps-card [data-rps-action="start"],.rps-dialog [data-create]{background:var(--dev);border-color:var(--dev);color:#fff}.rps-card .btn:hover:not(:disabled){border-color:var(--dev)}.rps-card .btn:focus-visible{outline:2px solid var(--dev);outline-offset:2px}
.rps-duel{display:flex;align-items:center;justify-content:space-around;gap:12px;padding:18px 0}
.rps-duel>div{min-width:0;flex:1;text-align:center}.rps-duel span{display:block;margin-top:8px;font-size:12px;color:var(--ink-soft,#66758b)}
.rps-hands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rps-hands .btn{padding:12px 4px;font-size:17px;min-height:48px}
.rps-result{padding:24px 4px;text-align:center;font-weight:800;font-size:18px}
.rps-last{padding:9px 10px;background:var(--bg,#f1f5fa);border-radius:7px;margin-top:12px;font-weight:600}
.rps-next{font-size:12px;line-height:1.8;margin-top:12px}.rps-next>b{display:block;margin-top:6px}
.rps-history{border-top:1px solid var(--line,#dbe3ef);margin-top:12px;padding-top:10px;font-size:12px;max-height:210px;overflow:auto}.rps-history summary{cursor:pointer;padding:4px}.rps-history>div{padding:7px 0;border-bottom:1px dashed var(--line,#dbe3ef);line-height:1.6}
.rps-foot{display:block;margin-top:10px;color:var(--ink-soft,#66758b);font-size:11px}
.rps-dialog{position:fixed;inset:0;margin:auto;border:1px solid var(--line,#dbe3ef);border-radius:16px;width:min(440px,calc(100vw - 32px));box-sizing:border-box;padding:20px;background:var(--panel,#fff);color:var(--ink,#102e4d);max-height:85dvh;overflow:auto;font:inherit}.rps-dialog::backdrop{background:#102e4d66}.rps-dialog .mmhead{padding:0 0 14px}.rps-dialog select{width:100%;margin-top:8px}.rps-dialog [data-rps-error]{color:#c43e4d}
@media(max-width:600px){.rps-card{padding:11px}.rps-card .btn{min-height:42px}.rps-hands{gap:5px}.rps-hands .btn{font-size:15px}.rps-team{align-items:flex-start}}
.rps-card{position:relative;isolation:isolate}
.rps-card header{border-bottom:0}.rps-card header>b{font-size:15px}.rps-card header>span{background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:4px 8px;font-weight:700}
.rps-welcome{display:flex;gap:18px;justify-content:center;padding:14px;background:var(--panel2);border-radius:12px}.rps-welcome>span{font-size:34px;animation:rps-bob 2.4s ease-in-out infinite}.rps-welcome>span:nth-child(2){animation-delay:.2s}.rps-welcome>span:nth-child(3){animation-delay:.4s}
.rps-duel{background:var(--panel2);border:1px solid var(--line2);border-radius:12px;margin-top:12px;padding:14px 8px}
.rps-fist{display:block;font-size:46px;line-height:1.4;font-style:normal;margin:6px auto;transform-origin:50% 90%}.rps-fighter.waiting .rps-fist{animation:rps-bob 1.8s ease-in-out infinite}.rps-fighter.locked .rps-fist{animation:rps-lock .25s ease-out}.rps-fighter.locked>span{color:var(--won)}
.rps-vs{font-size:18px;font-style:italic;color:var(--dev)}
.rps-card .rps-hands .btn{border-bottom-width:3px;transition:transform .12s,background .12s}.rps-card .rps-hands .btn:hover:not(:disabled){transform:translateY(-3px);background:var(--panel2)}.rps-card .rps-hands .btn:active:not(:disabled){transform:translateY(1px)}
.rps-reveal{display:flex;align-items:center;justify-content:center;gap:20px;margin:3px 0 8px}.rps-reveal>span{font-size:28px;text-align:center}.rps-reveal small{display:block;font-size:11px}.rps-reveal>b{font-size:12px;color:var(--ink-faint)}.rps-last{text-align:center}
.rps-result small,.rps-result strong{display:block}.rps-result small{font-size:12px;color:var(--ink-soft);margin:7px}.rps-result strong{font-size:25px;color:var(--dev)}.rps-result p{font-size:13px;font-weight:500}.rps-trophy{display:block;font-size:58px;line-height:1.2}
.rps-confetti{position:absolute;inset:0;overflow:hidden;border-radius:14px;pointer-events:none;z-index:2}.rps-confetti i{position:absolute;left:var(--x);top:-16px;width:8px;height:13px;border-radius:2px;animation:rps-confetti 2s var(--delay) ease-in forwards}.rps-confetti i:nth-child(3n){border-radius:50%;width:9px;height:9px}
@keyframes rps-bob{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-5px) rotate(7deg)}}
@keyframes rps-lock{0%{transform:scale(.8)}65%{transform:scale(1.15)}100%{transform:scale(1)}}
@keyframes rps-confetti{0%{transform:translate(0,-10px) rotate(0);opacity:1}85%{opacity:1}100%{transform:translate(var(--drift),650px) rotate(var(--spin));opacity:0}}
@media(prefers-reduced-motion:reduce){.rps-card *{animation:none!important;transition:none!important}.rps-confetti{display:none}}
@media(max-width:600px){.rps-team>div{flex:1 1 100%;order:2}.rps-person{font-size:12px}.rps-fist{font-size:36px}.rps-duel{padding:9px 5px}.rps-card header>span{margin-left:0;font-size:11px}.rps-reveal{gap:12px}.rps-reveal>span{font-size:24px}}
.rps-reveal em,.rps-showdown em{display:block;font-size:12px;font-style:normal;margin-top:6px;color:var(--ink-soft);font-weight:800}.rps-reveal em.win,.rps-showdown em.win{color:var(--won)}
.rps-countdown{position:absolute;inset:0;border-radius:14px;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:16px;z-index:3;text-align:center}
.rps-chant{font-size:38px;font-weight:900;color:var(--dev);letter-spacing:-1px}
.rps-showdown{display:flex;align-items:center;justify-content:space-around;gap:16px;width:100%}.rps-showdown>div{flex:1;min-width:0}.rps-showdown b{display:block;overflow-wrap:anywhere}.rps-showdown>strong{color:var(--ink-faint);font-style:italic}.rps-throw{display:block;font-size:55px;line-height:1.5;animation:rps-throw .45s ease-in-out infinite;transform-origin:50% 85%}.rps-countdown.revealed .rps-throw{animation:rps-lock .3s ease-out}.rps-countdown>p{font-size:13px;color:var(--ink-soft);line-height:1.6}.rps-countdown~.rps-confetti{z-index:4}
@keyframes rps-throw{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-18px) rotate(12deg)}}
@media(max-width:600px){.rps-countdown{padding:10px;gap:16px}.rps-throw{font-size:44px}.rps-chant{font-size:32px}.rps-showdown{gap:7px}}