section.rockPapaerScissor {  }
section.rockPapaerScissor * { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
section.rockPapaerScissor > .wrap { position: absolute; inset: 0; width: 100%; height: 100%; }

section.rockPapaerScissor .section-welcome {  }
section.rockPapaerScissor .section-welcome .title { font-family: "Poppins", sans-serif !important; }
section.rockPapaerScissor .section-welcome .subtitle {  }
section.rockPapaerScissor .section-welcome .description {  }
section.rockPapaerScissor .section-welcome .actions {  }
section.rockPapaerScissor .section-welcome .player-hand { position: absolute; bottom: 0; height: 40%; display: flex; align-items: flex-end; justify-content: center; flex-wrap: nowrap; width: 100%; overflow: hidden; }
section.rockPapaerScissor .section-welcome .player-hand img { height: 100%; width: auto; border: 0; border-left: 0; outline: 0; box-shadow: none; }
section.rockPapaerScissor .section-welcome .actions button, section.rockPapaerScissor .tools-rockPapaerScissor button { display: inline-flex; align-items: center; justify-content: center; min-width: 120px; min-height: 40px; padding: 8px 16px; border: 1px solid #34548A; border-radius: 999px; background: #34548A; color: var(--rududu-white); font-size: 16px; line-height: 1; font-weight: 400; }
section.rockPapaerScissor .section-welcome .actions .green-3, section.rockPapaerScissor .tools-rockPapaerScissor .green-3 { background: #00EF9F; border-color: #00EF9F; color: var(--rududu-black); }
section.rockPapaerScissor .section-game { display: none; position: absolute; inset: 0; width: 100%; height: 100%; }
section.rockPapaerScissor .section-game > .wrap { --game-hand-space: 40%; --game-center-y: 50%; position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; overflow: hidden; }
section.rockPapaerScissor .section-game video { display: none; }
section.rockPapaerScissor .section-game .overlay { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
section.rockPapaerScissor .section-game .overlay #countdown-overlay { position: absolute; top: var(--game-center-y); left: 50%; margin: 0; padding: 0; font-size: 320px; line-height: 1; font-weight: 900; color: var(--rududu-yellow); text-align: center; display: none; transform: translate(-50%, -50%); animation: rockPapaerScissorPulse 0.8s infinite; }
@keyframes rockPapaerScissorPulse {
    0% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.9; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}
section.rockPapaerScissor .result-zone { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; background: transparent; color: var(--rududu-green-3); }
section.rockPapaerScissor .result-zone h2 { width: 100%; margin: 0; padding: 0 24px; font-size: 80px; line-height: 1; font-weight: 900; text-align: center; }
section.rockPapaerScissor .result { position: absolute; right: 16px; bottom: 16px; left: 16px; z-index: 2; }
section.rockPapaerScissor .result > .wrap { display: flex; flex-direction: row; justify-content: space-between; gap: 12px; margin: 0; padding: 12px 16px; border-radius: 20px; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(4px); }
section.rockPapaerScissor .result .you, section.rockPapaerScissor .result .cpu { display: inline-flex; align-items: center; gap: 6px; font-size: 16px; line-height: 1.2; font-weight: 400; }
section.rockPapaerScissor .result .move-hand { display: none; width: 52px; height: 52px; object-fit: contain; }
section.rockPapaerScissor .result .score { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 999px; background: var(--rududu-black); color: var(--rududu-white); font-size: 12px; line-height: 1; font-weight: 400; }
section.rockPapaerScissor .aside-tools-rockPapaerScissor { display: block; position: absolute; right: 24px; bottom: 24px; margin: 0; padding: 0; }
section.rockPapaerScissor .tools-rockPapaerScissor { display: block; margin: 0; padding: 0; list-style: none; }
section.rockPapaerScissor.is-playing .section-welcome { display: none; }
section.rockPapaerScissor.is-playing .section-game { display: block; }
section.rockPapaerScissor .section-game .overlay { z-index: 4; }
section.rockPapaerScissor .section-game .overlay #countdown-overlay { font-size: clamp(96px, 20vw, 160px); }
section.rockPapaerScissor .game-score { position: absolute; z-index: 3; display: inline-flex; align-items: center; justify-content: center; height: 32px; min-height: 32px; padding: 0 12px; border: 1px solid var(--rududu-black); border-radius: 999px; background: var(--rududu-white); color: var(--rududu-black); font-size: 12px; line-height: 1; font-weight: 400; }
section.rockPapaerScissor .cpu-score { top: 24px; left: 24px; }
section.rockPapaerScissor .player-score { bottom: 24px; left: 24px; }


section.rockPapaerScissor .game-hand { position: absolute; left: 50%; z-index: 2; display: flex; flex-direction: column; align-items: center; color: var(--rududu-black); transform: translateX(-50%); }
section.rockPapaerScissor .game-hand .move-hand { display: none; width: auto; height: 100%; object-fit: contain; }
section.rockPapaerScissor .game-hand span { position: absolute; padding: 0; border: 0; border-radius: 0; background: transparent; font-size: 16px; line-height: 1; font-weight: 200; backdrop-filter: none; }
section.rockPapaerScissor .cpu-hand { top: 0; height: var(--game-hand-space); transform: translateX(-50%) rotate(180deg); }
section.rockPapaerScissor .cpu-hand span { top: 0; transform: rotate(180deg); }
section.rockPapaerScissor .player-game-hand { bottom: 0; height: var(--game-hand-space); }
section.rockPapaerScissor .player-game-hand span { top: 0; }
section.rockPapaerScissor .game-instruction { position: absolute; top: var(--game-center-y); left: 50%; z-index: 3; width: 80%; margin: 0; padding: 0; font-size: 16px; font-weight: 100; line-height: 1.3; text-align: center; transform: translate(-50%, -50%); backdrop-filter: blur(4px); }
section.rockPapaerScissor.is-counting-down .game-instruction { display: none; }
body.rock-paper-countdown .emoji.main .eye .lid-top,
body.rock-paper-countdown .emoji.main .eye .lid-bottom { transform: scaleY(1); }