.rps-page{--rps-lavender:#eee5ff;--rps-yellow:#fff0a8;--rps-lime:#ddf5aa;--rps-paper:#fbfdff;min-height:100vh;color:var(--ink);background:var(--white)}.rps-header{border-bottom:1px solid #e0e5ec;height:70px}.rps-header-actions{justify-self:end;gap:8px;display:flex}.rps-header-actions button,.rps-tool-actions button{border:2px solid var(--ink);min-height:42px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.rps-header-actions button:last-child,.rps-tool-actions button:last-child{color:var(--white);background:var(--blue);box-shadow:3px 3px 0 var(--ink)}.rps-header-actions svg,.rps-tool-actions svg{width:19px;height:19px}.rps-mobile-menu{display:none}.rps-hero{text-align:center;width:min(1180px,100% - 48px);padding:72px 0 52px}.rps-hero h1{font-family:var(--font-heading);letter-spacing:-.068em;margin:0;font-size:clamp(64px,6.4vw,88px);font-weight:800;line-height:.96}.rps-hero p{max-width:700px;color:var(--muted);margin:22px auto 0;font-size:18px;line-height:1.55}.rps-workbench{border:2px solid var(--ink);border-radius:var(--radius-xl);background:var(--white);width:min(1180px,100% - 48px);box-shadow:8px 8px 0 var(--ink);overflow:hidden}.rps-tool-head{background:var(--soft-blue);justify-content:space-between;align-items:center;gap:20px;padding:16px 20px 2px;display:flex}.rps-tool-title{align-items:center;gap:12px;display:flex}.rps-tool-title>i{border:2px solid var(--ink);background:var(--yellow);flex:0 0 27px;width:27px;height:27px;transform:rotate(-7deg)}.rps-tool-title>span{flex-direction:column;display:flex}.rps-tool-title small{color:var(--blue-dark);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:800;line-height:1}.rps-tool-title strong{font-family:var(--font-heading);letter-spacing:-.035em;margin-top:5px;font-size:18px;line-height:1}.rps-tool-actions{justify-content:flex-end;gap:9px;display:flex}.rps-settings{border-bottom:2px solid var(--ink);background:var(--soft-blue);grid-template-columns:1fr 1.35fr 1fr;align-items:end;gap:26px;min-height:104px;padding:12px 20px 22px;display:grid}.rps-segment{border:0;min-width:0;margin:0;padding:0}.rps-segment legend{color:#334157;text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px;padding:0;font-size:11px;font-weight:800}.rps-segment>div{grid-template-columns:repeat(var(--count,2), minmax(0, 1fr));display:grid}.rps-segment:first-child>div{--count:2}.rps-segment:nth-child(2)>div{--count:4}.rps-segment:nth-child(3)>div{--count:3}.rps-segment button{border:2px solid var(--ink);min-width:0;height:47px;color:var(--ink);background:var(--white);cursor:pointer;white-space:nowrap;border-right:0;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:800;display:flex}.rps-segment button:first-child{border-radius:11px 0 0 11px}.rps-segment button:last-child{border-right:2px solid var(--ink);border-radius:0 11px 11px 0}.rps-segment button.is-active{z-index:1;color:var(--white);background:var(--ink);position:relative}.rps-segment svg{flex:0 0 17px;width:17px;height:17px}.rps-board{background:var(--white);grid-template-columns:minmax(0,1fr) 275px;min-height:500px;display:grid}.rps-score{background:var(--soft-blue);border:2px solid #8494aa;border-radius:14px;grid-template-columns:repeat(3,1fr);min-height:76px;margin-bottom:16px;display:grid;overflow:hidden}.rps-score div{border-right:1.5px solid #9aa6b6;flex-direction:column;justify-content:center;align-items:center;display:flex}.rps-score div:last-child{border-right:0}.rps-score span{color:#334157;font-size:13px;font-weight:800}.rps-score strong{color:var(--blue);font-family:var(--font-heading);margin-top:3px;font-size:29px;line-height:1}.rps-score div:nth-child(2) strong{color:#6f7c90}.rps-arena{background:var(--white);flex-direction:column;min-width:0;padding:20px 24px 22px;display:flex}.rps-faces{flex:1;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);align-items:center;gap:12px;display:grid}.rps-face{border-radius:var(--radius-lg);background:var(--rps-paper);border:2px solid #8494aa;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:218px;padding:15px;display:flex}.rps-face>strong{color:var(--blue);font-family:var(--font-heading);font-size:17px}.rps-hand{background:var(--soft-blue);border:1.5px solid #91a9c4;border-radius:50%;place-items:center;width:128px;height:128px;margin:10px 0 5px;display:grid}.rps-move-placeholder{color:#78879b;width:100%;height:100%;font-family:var(--font-heading);text-align:center;place-items:center;font-size:48px;font-weight:800;line-height:1;display:grid;transform:translateY(-2px)}.rps-move-art{background-image:url(/assets/rps-hand-sprites-2x.png);background-position-y:50%;background-repeat:no-repeat;background-size:300% 100%;flex:none;width:100px;height:100px;display:block}.rps-move-art.is-rock{background-position-x:0%}.rps-move-art.is-paper{background-position-x:50%}.rps-move-art.is-scissors{background-position-x:100%}.rps-face>span{color:#3e4c60;font-size:12px;font-weight:800}.rps-face.is-waiting .rps-hand{animation:.42s ease-in-out infinite alternate rps-pulse}.rps-vs{border:2px solid var(--blue);width:48px;height:48px;color:var(--blue);background:var(--white);font-family:var(--font-heading);border-radius:50%;place-items:center;font-size:18px;display:grid}.rps-result{border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--soft-blue);text-align:center;justify-content:center;align-items:center;gap:10px;min-height:64px;margin-top:14px;padding:9px 16px;display:flex}.rps-result svg{color:#078044;flex:0 0 25px;width:25px;height:25px}.rps-result div{flex-direction:column;gap:2px;display:flex}.rps-result strong{font-family:var(--font-heading);font-size:18px}.rps-result span{color:#4e5e73;font-size:12px}.rps-result.is-win{background:#e8f8c9}.rps-result.is-lose{background:#fff0e8}.rps-insight{color:#526177;text-align:center;margin:8px 0 0;font-size:10px}.rps-action-zone{border:2px solid var(--ink);background:#fff8d8;border-radius:14px;margin-top:14px;padding:16px 18px 18px}.rps-action-zone>span{font-family:var(--font-heading);text-align:center;margin-bottom:10px;font-size:19px;font-weight:800;display:block}.rps-moves{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.rps-moves button{border:2px solid var(--ink);min-height:83px;color:var(--ink);background:var(--rps-lavender);box-shadow:0 5px 0 var(--ink);font-family:var(--font-heading);cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:8px 14px;font-size:17px;transition:transform .16s,box-shadow .16s;display:flex}.rps-moves button:nth-child(2){background:var(--rps-yellow)}.rps-moves button:nth-child(3){background:var(--rps-lime)}.rps-moves button:hover:not(:disabled){box-shadow:0 7px 0 var(--ink);transform:translateY(-2px)}.rps-moves button:active:not(:disabled){box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.rps-moves button:disabled{opacity:.42;cursor:not-allowed}.rps-moves .rps-move-art{width:58px;height:58px}.rps-moves kbd{color:#58677c;background:0 0;margin-left:auto;font:800 10px DM Sans,sans-serif}.rps-side{border-left:2px solid var(--ink);background:var(--soft-blue);flex-direction:column;gap:16px;padding:20px;display:flex}.rps-history,.rps-stats{background:var(--white);border:2px solid #8494aa;border-radius:14px}.rps-history{flex:1;min-height:300px;padding:16px}.rps-history header{border-bottom:1px solid #c9d2de;justify-content:space-between;align-items:flex-start;gap:8px;min-height:34px;display:flex}.rps-history h2,.rps-stats h2{font-family:var(--font-heading);margin:0;font-size:14px}.rps-history header span{color:#6e7a8c;font-size:9px}.rps-history>p{color:#718095;text-align:center;margin:44px 8px;font-size:12px;line-height:1.55}.rps-history ol{margin:0;padding:0;list-style:none}.rps-history li{border-bottom:1px solid #e2e7ee;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:38px;font-size:10px;display:grid}.rps-history li:last-child{border-bottom:0}.rps-history li b{width:20px;height:20px;color:var(--white);background:#8491a3;border-radius:50%;place-items:center;font-size:9px;display:grid}.rps-history li b.is-win{background:#08974d}.rps-history li b.is-lose{background:#e84f43}.rps-history li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rps-history li small{color:#607088;font-size:9px}.rps-stats{padding:14px 15px 16px}.rps-stats dl{grid-template-columns:repeat(3,1fr);margin:11px 0 0;display:grid}.rps-stats dl div{text-align:center;border-right:1px solid #cbd5e0}.rps-stats dl div:last-child{border-right:0}.rps-stats dt{color:var(--blue);font-family:var(--font-heading);font-size:19px;font-weight:800}.rps-stats dd{color:#6a778a;margin:2px 0 0;font-size:8px}.rps-settings button:focus-visible,.rps-moves button:focus-visible,.rps-tool-actions button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.rps-how,.rps-faq{width:min(1180px,100% - 48px)}.rps-how{padding:94px 0 82px}.rps-how h2,.rps-faq h2{font-family:var(--font-heading);letter-spacing:-.055em;margin:0}.rps-how h2{text-align:center;font-size:51px}.rps-how ol{border:2px solid var(--ink);border-radius:18px;grid-template-columns:repeat(3,1fr);margin:30px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.rps-how li{border-right:1.5px solid #aab5c3;align-items:center;gap:18px;min-height:150px;padding:28px 30px;display:flex}.rps-how li:last-child{border-right:0}.rps-how li>b{background:var(--soft-blue);width:54px;height:54px;font-family:var(--font-heading);border:1.5px solid #77aef0;border-radius:50%;flex:0 0 54px;place-items:center;font-size:18px;display:grid}.rps-how li:nth-child(2)>b{background:var(--rps-yellow);border-color:#e7bd45}.rps-how li:nth-child(3)>b{background:var(--rps-lime);border-color:#8fb94c}.rps-how li div{flex-direction:column;gap:7px;display:flex}.rps-how li strong{font-size:15px}.rps-how li span{color:#617086;font-size:13px;line-height:1.5}.rps-faq{grid-template-columns:.8fr 1.2fr;gap:72px;padding:0 0 86px;display:grid}.rps-faq h2{max-width:430px;font-size:clamp(52px,5.4vw,72px);line-height:1.01}.rps-faq>div{border-top:2px solid var(--ink)}.rps-faq details{border-bottom:1.5px solid #aeb8c5}.rps-faq summary{min-height:72px;font-family:var(--font-heading);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;font-size:15px;font-weight:800;list-style:none;display:flex}.rps-faq summary::-webkit-details-marker{display:none}.rps-faq summary:after{content:"+";border:2px solid var(--ink);border-radius:50%;flex:0 0 31px;place-items:center;width:31px;height:31px;display:grid}.rps-faq details[open] summary:after{content:"−";color:var(--white);background:var(--ink)}.rps-faq p{color:#5f6f84;margin:-2px 52px 21px 0;font-size:13px;line-height:1.7}.rps-footer{margin-top:30px}@keyframes rps-pulse{0%{opacity:.68;transform:scale(.96)}to{opacity:1;transform:scale(1.03)}}@media (width<=1100px){.rps-hero{padding-top:58px}.rps-settings{grid-template-columns:1fr 1.3fr;gap:18px}.rps-settings .rps-segment:last-child{grid-column:1/-1}.rps-board{grid-template-columns:minmax(0,1fr)}.rps-side{border-top:2px solid var(--ink);border-left:0;grid-column:1/-1;grid-template-columns:1.5fr 1fr;display:grid}.rps-history{min-height:160px}.rps-history ol{grid-template-columns:repeat(2,1fr);column-gap:18px;display:grid}.rps-how li{padding-inline:22px}}@media (width<=760px){.rps-header{justify-content:space-between;height:76px;display:flex}.rps-header .brand{font-size:31px}.rps-header nav,.rps-header-actions{display:none}.rps-mobile-menu{width:44px;height:44px;color:var(--ink);background:0 0;place-items:center;display:grid}.rps-mobile-menu svg{width:28px;height:28px}.rps-hero{text-align:left;width:min(100% - 32px,680px);padding:44px 0 38px}.rps-hero h1{font-size:clamp(48px,14vw,66px);line-height:.98}.rps-hero p{margin:17px 0 0;font-size:16px}.rps-workbench{width:min(100% - 24px,680px);box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;display:flex;overflow:visible}.rps-tool-head{background:0 0;order:0;padding:0 0 13px}.rps-tool-title>i{flex-basis:24px;width:24px;height:24px}.rps-tool-title strong{font-size:16px}.rps-settings{border:2px solid var(--ink);background:var(--soft-blue);min-height:auto;box-shadow:5px 5px 0 var(--ink);border-radius:20px;order:1;grid-template-columns:1fr;gap:12px;padding:18px;display:grid}.rps-settings .rps-segment:last-child{grid-column:auto}.rps-segment legend{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.rps-segment button{height:50px;font-size:13px}.rps-segment:nth-child(2)>div{border:2px solid var(--ink);scrollbar-width:none;border-radius:11px;display:flex;overflow-x:auto}.rps-segment:nth-child(2) button{border-block:0;flex:0 0 96px;min-width:96px}.rps-segment:nth-child(2) button:first-child{border-left:0}.rps-segment:nth-child(2) button:last-child{border-right:0}.rps-board{display:contents}.rps-score{border:2px solid #8494aa;border-radius:14px;grid-template-columns:repeat(3,1fr);min-height:74px;margin:0 0 14px;overflow:hidden}.rps-score div{border-bottom:0;border-right:1.5px solid #aab5c3}.rps-score div:last-child{border-right:0}.rps-score span{font-size:11px}.rps-score strong{font-size:29px}.rps-arena{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:20px;order:2;margin-top:22px;padding:14px 12px 17px}.rps-faces{grid-template-columns:minmax(0,1fr) 37px minmax(0,1fr);gap:6px}.rps-face{min-height:168px;padding:9px 5px}.rps-face>strong{font-size:13px}.rps-hand{width:88px;height:88px;margin:8px 0 4px}.rps-hand .rps-move-art{width:73px;height:73px}.rps-move-placeholder{font-size:38px}.rps-vs{width:35px;height:35px;font-size:13px}.rps-result{min-height:70px}.rps-result strong{font-size:16px}.rps-result span{font-size:11px}.rps-action-zone{padding:14px 10px 16px}.rps-action-zone>span{font-size:17px}.rps-moves{gap:7px}.rps-moves button{flex-direction:column;gap:4px;min-height:104px;padding:8px 3px;font-size:14px}.rps-moves .rps-move-art{width:55px;height:55px}.rps-moves kbd{display:none}.rps-side{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:20px;order:3;margin-top:17px;padding:13px;display:flex}.rps-history{min-height:145px}.rps-history ol{display:block}.rps-history li:nth-child(n+4){display:none}.rps-how,.rps-faq{width:min(100% - 32px,680px)}.rps-how{padding:84px 0 76px}.rps-how h2{text-align:left;font-size:46px}.rps-how ol{grid-template-columns:1fr}.rps-how li{border-bottom:1.5px solid #aab5c3;border-right:0;min-height:112px;padding:22px}.rps-how li:last-child{border-bottom:0}.rps-how li strong{font-size:15px}.rps-how li span{font-size:12px}.rps-faq{grid-template-columns:1fr;gap:34px}.rps-faq h2{font-size:49px}.rps-faq summary{min-height:71px;font-size:14px}.rps-faq p{margin-right:20px;font-size:13px}}@media (width<=390px){.rps-face{min-height:153px}.rps-hand{width:76px;height:76px}.rps-hand .rps-move-art{width:62px;height:62px}.rps-moves button{font-size:12px}}@media (prefers-reduced-motion:reduce){.rps-face.is-waiting .rps-hand{animation:none}.rps-moves button{transition:none}}