.tbmg-rps { --rps-blue:#2878b8; color:var(--tbmg-ink,#172033); }
.tbmg-rps [hidden] { display:none !important; }
.tbmg-rps__summary { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; margin-bottom:1.35rem; }
.tbmg-rps__summary h2 { margin:.2rem 0 .35rem; font-size:clamp(1.55rem,4vw,2.15rem); line-height:1.3; }
.tbmg-rps__summary p { margin:0; color:#687086; line-height:1.7; }
.tbmg-rps__eyebrow,.tbmg-rps__result>span { color:var(--rps-blue); font-size:.76rem; font-weight:800; letter-spacing:.14em; }
.tbmg-rps__best { min-width:116px; padding:.8rem 1rem; border:1px solid #e4e9ef; border-radius:14px; background:#fff; text-align:center; }
.tbmg-rps__best>span { display:block; color:#687086; font-size:.74rem; font-weight:700; }
.tbmg-rps__best strong { display:block; color:var(--rps-blue); font-size:1.7rem; line-height:1.2; }
.tbmg-rps__best small { margin-left:.2rem; font-size:.72rem; }
.tbmg-rps__settings { display:flex; align-items:end; justify-content:center; gap:1rem; margin-bottom:1rem; }
.tbmg-rps__field { min-width:190px; }
.tbmg-rps__field label { display:block; margin-bottom:.4rem; font-size:.82rem; font-weight:700; }
.tbmg-rps__field select { width:100%; min-height:48px; padding:.65rem 2.2rem .65rem .8rem; border:1px solid #ccd5df; border-radius:10px; background:#fff; color:#172033; font:inherit; }
.tbmg-game .tbmg-rps__start { min-width:210px; background:linear-gradient(135deg,#2878b8,#175d96) !important; color:#fff !important; }
.tbmg-rps__stage { min-height:390px; overflow:hidden; border:1px solid #e2e8ee; border-radius:18px; background:linear-gradient(145deg,#f7fbff,#fff); }
.tbmg-rps__score { display:grid; grid-template-columns:1fr auto; align-items:center; padding:.8rem 1.2rem; border-bottom:1px solid #e3e9ef; }
.tbmg-rps__score>span { color:#687086; font-weight:700; }.tbmg-rps__score strong { font-size:1.35rem; }.tbmg-rps__score small { grid-column:1/-1; justify-self:end; color:#8a91a0; font-size:.68rem; }
.tbmg-rps__arena { display:grid; grid-template-columns:1fr 90px 1fr; align-items:center; min-height:205px; padding:1.1rem; }
.tbmg-rps__face { text-align:center; }.tbmg-rps__face>span,.tbmg-rps__face small { display:block; color:#687086; font-size:.78rem; font-weight:700; }
.tbmg-rps__face b { display:block; margin:.45rem 0; font-size:clamp(3rem,9vw,4.8rem); line-height:1; filter:drop-shadow(0 8px 8px rgba(23,32,51,.12)); }
.tbmg-rps__message { display:grid; place-items:center; width:78px; height:78px; border-radius:50%; background:#fff; box-shadow:0 8px 24px rgba(33,61,87,.1); color:var(--rps-blue); font-size:1.15rem; font-weight:900; text-align:center; }
.tbmg-rps__arena[data-state="win"] .tbmg-rps__message { background:#eef8e6; color:#548d22; }.tbmg-rps__arena[data-state="lose"] .tbmg-rps__message { background:#fff0ed; color:#c44b39; }.tbmg-rps__arena[data-state="draw"] .tbmg-rps__message { background:#fff7e5; color:#b87800; }
.tbmg-rps__hands { display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; max-width:570px; margin:0 auto; padding:0 1.2rem 1.25rem; }
.tbmg-rps__hands button { min-height:92px; cursor:pointer; border:1px solid #dbe4ec; border-radius:14px; background:#fff; color:#172033; transition:transform .16s,border-color .16s,box-shadow .16s; }
.tbmg-rps__hands button:not(:disabled):hover { transform:translateY(-3px); border-color:var(--rps-blue); box-shadow:0 9px 22px rgba(40,120,184,.14); }.tbmg-rps__hands button:focus-visible { outline:3px solid rgba(40,120,184,.3); outline-offset:2px; }.tbmg-rps__hands button:disabled { cursor:not-allowed; opacity:.48; }
.tbmg-rps__hands span,.tbmg-rps__hands strong { display:block; }.tbmg-rps__hands span { font-size:2.25rem; }.tbmg-rps__hands strong { margin-top:.25rem; font-size:.9rem; }
.tbmg-rps__result { min-height:390px; padding:2rem; text-align:center; animation:rps-in .3s ease both; }.tbmg-rps__result h3 { margin:.4rem 0 1rem; font-size:clamp(1.6rem,5vw,2.25rem); }
.tbmg-rps__result-score { display:inline-flex; min-width:180px; flex-direction:column; padding:.8rem 1.4rem; border-radius:14px; background:#edf6fc; }.tbmg-rps__result-score strong { color:var(--rps-blue); font-size:2rem; }.tbmg-rps__result-score small { color:#687086; font-size:.72rem; }
.tbmg-rps__rank { margin:1rem auto; color:#4f596d; }.tbmg-rps__stats { display:flex; justify-content:center; gap:.75rem; margin-bottom:1.2rem; }.tbmg-rps__stats p { min-width:130px; margin:0; padding:.65rem 1rem; border:1px solid #e4e9ef; border-radius:12px; background:#fff; }.tbmg-rps__stats span,.tbmg-rps__stats strong { display:block; }.tbmg-rps__stats p>span { color:#687086; font-size:.72rem; }
@keyframes rps-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media(max-width:600px){.tbmg-rps__summary{align-items:flex-start}.tbmg-rps__best{min-width:92px}.tbmg-rps__settings{align-items:stretch;flex-direction:column}.tbmg-rps__field,.tbmg-game .tbmg-rps__start{width:100%;min-width:0}.tbmg-rps__arena{grid-template-columns:1fr 56px 1fr;min-height:190px;padding:.8rem}.tbmg-rps__message{width:52px;height:52px;font-size:.85rem}.tbmg-rps__hands{gap:.45rem;padding:0 .75rem 1rem}.tbmg-rps__hands button{min-height:82px}.tbmg-rps__result{min-height:370px;padding:1.5rem .8rem}.tbmg-rps__stats p{min-width:0;flex:1}.tbmg-rps__summary p{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.tbmg-rps__result,.tbmg-rps__hands button{animation:none;transition:none}}