/* ============================================
   PONG (js/newgames)
   ============================================ */

.window-pong { width: auto; min-width: unset; }
.pg-body { padding: 4px; background: var(--win-bg); }
.pg-status {
    background: var(--win-bg);
    padding: 3px 6px;
    font-size: 11px;
    border: 1px inset #808080;
    margin-bottom: 4px;
}
#pg-canvas {
    display: block;
    background: #000;
    image-rendering: pixelated;
    border: 2px inset #808080;
    cursor: none;
}
.pg-help {
    font-size: 10px;
    color: var(--win-dark);
    padding: 4px;
    text-align: center;
}

/* Pong icon — two white paddles and a square ball on a black court */
.icon-pong-sm {
    width: 16px; height: 16px; position: relative; display: inline-block;
    background: #000;
    border: 1px solid #808080;
    box-sizing: border-box;
}
.icon-pong-sm::before {
    content: '';
    position: absolute; left: 2px; top: 5px;
    width: 2px; height: 7px; background: #fff;
    box-shadow: 10px -3px 0 #fff;
}
.icon-pong-sm::after {
    content: '';
    position: absolute; left: 7px; top: 6px;
    width: 2px; height: 2px; background: #fff;
}