/* Rock Paper Scissors — Modernized styles */
/* Original art & design: Whitney King */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body.rps-standalone {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    overflow: hidden;
}

.rps-game {
    background: #3399CC;
    border: 4px solid #222;
    border-radius: 16px;
    width: 320px;
    max-width: 95vw;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
    overflow: hidden;
}

.rps-game__title {
    text-align: center;
    background: #990066;
    border-bottom: 4px solid #222;
    padding: 12px 8px;
    border-radius: 12px 12px 0 0;
}

.rps-game__title img {
    width: 125px;
    height: auto;
}

.rps-game__arena {
    background: white;
    margin: 12px;
    border: 4px solid #222;
    border-radius: 8px;
    padding: 16px 8px;
    text-align: center;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Score board */
.rps-score {
    display: none;
    width: 100%;
    margin-bottom: 12px;
}

.rps-score table {
    width: 100%;
    border: 3px solid #222;
    border-collapse: collapse;
}

.rps-score th {
    background: #990066;
    padding: 4px 2px;
}

.rps-score th img {
    height: 20px;
    width: auto;
}

.rps-score td {
    background: white;
    text-align: center;
    font-size: 16pt;
    font-weight: bold;
    font-family: "Comic Sans MS", "Courier New", Tahoma;
    padding: 4px;
}

/* Buttons */
.rps-btn {
    cursor: pointer;
    transition: transform 0.1s;
}

.rps-btn:hover {
    transform: scale(1.05);
}

.rps-btn:active {
    transform: scale(0.95);
}

/* Choices */
.rps-choices {
    display: none;
    gap: 8px;
    justify-content: center;
    align-items: center;
    margin: 8px 0;
}

.rps-choices.visible {
    display: flex;
}

.rps-choice {
    width: 70px;
    height: 70px;
    cursor: pointer;
    transition: transform 0.15s, filter 0.15s;
    display: none;
}

.rps-choice.visible {
    display: block;
}

.rps-choice:hover {
    transform: scale(1.15);
    filter: brightness(1.1);
}

.rps-choice:active {
    transform: scale(0.95);
}

/* Results table */
.rps-results {
    margin-top: 8px;
    width: 100%;
}

.rps-results table {
    width: 70%;
    margin: 0 auto;
    border: 3px solid #222;
    border-collapse: collapse;
}

.rps-results th {
    background: #990066;
    padding: 4px;
}

.rps-results th img {
    height: 22px;
    width: auto;
}

.rps-results td {
    background: white;
    text-align: center;
    padding: 8px;
    min-height: 60px;
}

.rps-results td img {
    height: 50px;
    width: auto;
}

/* Rounds display */
.rps-rounds {
    display: none;
    margin-top: 8px;
}

.rps-rounds table {
    margin: 0 auto;
    border: 3px solid #222;
    border-collapse: collapse;
}

.rps-rounds th {
    background: #990066;
    padding: 4px 8px;
}

.rps-rounds th img {
    height: 20px;
    width: auto;
}

.rps-rounds td {
    background: white;
    text-align: center;
    font-size: 18pt;
    font-weight: bold;
    font-family: "Comic Sans MS", "Courier New", Tahoma;
    padding: 4px 12px;
}

/* Info / prompt area */
.rps-info {
    margin: 8px 0;
}

.rps-info img {
    max-width: 175px;
}

/* Replay */
.rps-replay {
    display: none;
    margin: 12px 0;
}

/* Footer badge */
.rps-footer {
    text-align: center;
    padding: 8px;
}

.rps-footer img {
    width: 80px;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.rps-footer img:hover {
    opacity: 1;
}

/* Iframe embed mode */
.rps-embed .rps-game {
    border-radius: 12px;
    box-shadow: none;
}