*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#gameArea{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.rps-game{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#f8fafc;background:linear-gradient(135deg,#0d1117,#1a1f2e,#0d1117);width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.status-bar{text-align:center;padding:.5rem 1rem;font-size:.85rem;color:#facc15;font-weight:500;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.battle-arena{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:2%;min-height:0;overflow:hidden}.hands-container{width:100%;display:flex;align-items:center;justify-content:center;gap:2%;flex:1;max-height:60%}.hand-card{flex:1;max-width:40%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3%;border-radius:.75rem;border:2px solid rgba(59,130,246,.3);background:#1e293b80;transition:all .5s ease;position:relative}.hand-card.opponent{border-color:#f973164d}.hand-card.winner{border-color:#22c55e;background:#22c55e1a;box-shadow:0 0 20px #22c55e4d;transform:scale(1.02)}.hand-card.loser{border-color:#94a3b84d;opacity:.6;transform:scale(.98)}.hand-card.draw{border-color:#eab30880;background:#eab3080d}.trophy{font-size:clamp(1rem,4vw,2rem);animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hand-wrapper{display:flex;align-items:center;justify-content:center}.hand-wrapper.player{transform:rotate(90deg) scaleX(-1)}.hand-wrapper.opponent{transform:rotate(-90deg)}.hand-emoji{font-size:clamp(2rem,12vmin,5rem);filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.player-label{margin-top:5%;font-size:clamp(.5rem,2vw,.75rem);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.player-label.you{color:#60a5fa}.player-label.opponent{color:#fb923c}.vs-separator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 2%}.vs-line{width:2px;height:clamp(1rem,4vmin,2rem);background:linear-gradient(to bottom,transparent,rgba(234,179,8,.5),transparent)}.vs-text{font-size:clamp(.75rem,3vw,1.25rem);color:#eab308b3;margin:.25rem 0}.result-badge{padding:.3rem 1rem;border-radius:9999px;font-size:clamp(.75rem,3vw,1.125rem);animation:scale-in .3s ease-out}@keyframes scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.result-badge.win{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.result-badge.lose{background:#f9731633;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.result-badge.draw{background:#eab30833;color:#facc15;border:1px solid rgba(234,179,8,.3)}.choices-container{display:flex;gap:3%;justify-content:center;width:100%;padding:0 5%;flex-shrink:0}.choice-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:3%;border-radius:.5rem;border:2px solid rgba(148,163,184,.3);background:#1e293b80;cursor:pointer;transition:all .3s ease;color:#f8fafc;flex:1;max-width:30%;aspect-ratio:1}.choice-btn:hover:not(:disabled){border-color:#eab30880;background:#eab3080d;transform:scale(1.05)}.choice-btn:disabled{opacity:.5;cursor:not-allowed}.choice-btn.selected{border-color:#eab308;background:#eab3081a;box-shadow:0 0 15px #eab3084d}.choice-emoji{font-size:clamp(1.5rem,8vmin,3rem)}.choice-label{font-size:clamp(.4rem,1.5vw,.7rem);color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}