/* ============================================
   ASTEROIDS (js/newgames)
   ============================================ */

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

/* Asteroids icon — white vector ship on a black field with rock specks */
.icon-asteroids-sm {
    width: 16px; height: 16px; position: relative; display: inline-block;
    background: #000;
    border: 1px solid #808080;
    box-sizing: border-box;
}
.icon-asteroids-sm::before {
    content: '';
    position: absolute; left: 5px; top: 4px;
    width: 0; height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 8px solid #fff;
}
.icon-asteroids-sm::after {
    content: '';
    position: absolute; left: 2px; top: 2px;
    width: 2px; height: 2px; background: #fff;
    box-shadow: 9px 1px 0 #fff, 9px 9px 0 #fff, 1px 9px 0 #fff;
}