:root{--bg:#0a0f14;--bg2:#0b1320;--text:#e8f5ef;--muted:#98b3a0;--brand:#34d399;--brand-soft:#34d39922;--brand-strong:#22c55e;--danger:#ef4444;--win:#22c55e;--lose:#ef4444}*{box-sizing:border-box}html,body{height:100%}body{background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text)}.rps-wrap{position:relative;min-height:100dvh;overflow:hidden}.rps-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);background:linear-gradient(180deg,#0006,#00000010);border-bottom:1px solid #0f1a12}.rps-exit{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:none;color:#fff;background:#dc2626;font-weight:700;text-decoration:none;box-shadow:0 0 18px #dc262644}.rps-userbox{display:flex;align-items:center;gap:8px;font-weight:700}.rps-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 12px var(--brand)}.rps-hero{position:relative;display:grid;place-items:center;padding:36px 16px 8px;min-height:42vh}.rps-title{text-align:left;line-height:.88;font-weight:1000;letter-spacing:1px;text-transform:uppercase;text-shadow:0 8px 26px #0009,0 0 22px var(--brand-soft)}.rps-title span{display:block;font-size:clamp(36px,8vw,92px)}.rps-sub{margin-top:10px;color:var(--muted);font-size:clamp(14px,2.2vw,20px)}.hand-deco{position:absolute;filter:drop-shadow(0 0 22px #fff4)}.hand-deco img{width:min(44vw,420px);height:auto;opacity:.95;animation:float 6s ease-in-out infinite}.hand-top{top:-10px;right:-1vw;transform:rotate(8deg)}.hand-bottom{bottom:5px;left:-1vw;transform:rotate(-6deg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rps-choose{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:26px;max-width:1100px;margin:18px auto 8px;padding:0 16px}.rps-card{position:relative;isolation:isolate;display:grid;place-items:center;gap:8px;aspect-ratio:1/1;border-radius:24px;background:radial-gradient(120% 120% at 50% 50%,#0b1c12,#07120c);border:1px solid #133422;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 0 #0000}.rps-card:hover{transform:translateY(-6px) rotateX(6deg);border-color:#1f8a5a;box-shadow:0 20px 60px -20px #22c55e33}.rps-aura{position:absolute;inset:-2px;border-radius:24px;z-index:-1;background:radial-gradient(60% 60% at 50% 40%,var(--brand-soft),transparent 60%);filter:blur(16px);opacity:.6}.rps-hand{width:68%;max-width:290px;display:block;filter:drop-shadow(0 0 18px #1df77a22)}.rps-label{margin-top:2px;font-weight:800;letter-spacing:.5px}.anim-open{animation:openHand 1.8s ease-in-out infinite}@keyframes openHand{0%{transform:scale(1)}40%{transform:scale(1.04) rotate(1deg)}to{transform:scale(1)}}.rps-hud{display:grid;place-items:center;margin:10px 0 24px}.rps-vs{display:flex;align-items:center;gap:22px}.slot{display:grid;place-items:center}.slot small{color:var(--muted);margin-bottom:6px}.slot-img{width:min(22vw,160px);aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#08140e;border:1px solid #133422;display:grid;place-items:center;box-shadow:0 0 #22c55e00;transition:box-shadow .3s ease}.slot-img img{width:90%}.slot.mid{font-weight:1000;font-size:clamp(20px,3.4vw,28px);opacity:.8}.rps-msg{margin-top:12px;color:#cfe7d8}.count-wrap{text-align:center}.count-num{font-weight:1000;font-size:clamp(72px,18vw,200px);line-height:.8;color:#fff;text-shadow:0 0 30px #fff6,0 0 50px var(--brand-soft);animation:scaleIn .6s ease forwards}.count-sub{color:#e3f7ecaa;margin-top:6px}@keyframes scaleIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.thinking{text-align:center}.thinking .bot{font-size:clamp(38px,9vw,80px);text-shadow:0 0 20px var(--brand-soft)}.dots i{animation:blink 1.4s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.tip{color:#d1f5e0;opacity:.8}.win .slot.you .slot-img{box-shadow:0 0 22px 2px #22c55e66}.lose .slot.you .slot-img{box-shadow:0 0 22px 2px #ef444466}.draw .slot .slot-img{box-shadow:0 0 22px 2px #93c5fd55}#rps-stars{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55}@media(max-width:768px){.rps-hero{min-height:46vh;padding-top:22px}.rps-title{text-align:center}.hand-top{top:5vh;right:auto;left:50%;transform:translate(-50%) rotate(0)}.hand-bottom{bottom:6vh;left:50%;transform:translate(-50%) rotate(0)}.hand-deco img{width:min(70vw,420px)}.rps-choose{grid-template-columns:1fr;max-width:420px}.rps-vs{gap:16px}}.rps-overlay:not([hidden]){opacity:1}.bot-avatar{width:100%;height:auto;border-radius:50%;filter:drop-shadow(0 0 18px #22c55e55);animation:botPulse 2s ease-in-out infinite}@keyframes botPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 12px #22c55e55)}50%{transform:scale(1.05);filter:drop-shadow(0 0 24px #22c55eaa)}}.rps-overlay[hidden]{display:none!important}.rps-overlay{position:fixed;inset:0;background:#000c;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;pointer-events:none}.rps-overlay.active{opacity:1;pointer-events:all}.rps-balance{margin-left:10px;font-weight:600;color:#0f8;text-shadow:0 0 10px #00ff88aa}.rps-card:after{content:"";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10rem;font-weight:700;color:#fff;opacity:0;transition:opacity .4s ease}.rps-card.rps-win:after{content:"✓";color:#22c55e;text-shadow:0 0 20px #050806,0 0 40px #22c55e;opacity:1}.rps-card.rps-lose:after{content:"✖";color:#ef4444;text-shadow:0 0 20px #ef4444,0 0 40px #ef4444;opacity:1}.slot.win .slot-img{box-shadow:0 0 35px #22c55e,0 0 55px #22c55e66;transform:scale(1.1)}.slot.lose .slot-img{box-shadow:0 0 35px #ef4444,0 0 55px #ef444466;transform:scale(.9)}