/* Space Invaders – Widget (Embed-Variante)
 * Laedt NACH pages/spaceinvaders.css (+ game-toolbar/highscore-panel).
 * Kompakte Raender fuer iframe-Einbindung, Badge-Abstand unten rechts.
 */

body.boza-widget.page-spaceinvaders {
    padding: 12px;
}

body.boza-widget.page-spaceinvaders .container {
    max-width: 680px;
    padding: 0;
}

/* Platz fuer die Badge unten rechts */
body.boza-widget.page-spaceinvaders .main-card {
    margin-bottom: 40px;
}

/* Compact-Modus (?compact=true): Header reduzieren */
body.boza-widget.page-spaceinvaders.compact .card-header h1 {
    font-size: 1.35em;
}

body.boza-widget.page-spaceinvaders.compact .card-header p {
    display: none;
}

/* ==== Drumherum-Anpassung (?card/text/muted/accent) – aktives Spielfeld bleibt original ==== */

/* Score-Board / Game-Info: Container + Labels */
body.boza-widget.themed.page-spaceinvaders .score-board,
body.boza-widget.themed.page-spaceinvaders .game-info,
body.boza-widget.themed.page-spaceinvaders .move-history {
    background: var(--c-surface, #f0f3ff);
}

body.boza-widget.themed.page-spaceinvaders .score-label,
body.boza-widget.themed.page-spaceinvaders .info-label {
    color: var(--c-muted, #7a7a90);
}

/* Highscore-Panel: Container + Titel */
body.boza-widget.themed.page-spaceinvaders .hs-panel {
    background: var(--c-surface, #f0f3ff);
}

body.boza-widget.themed.page-spaceinvaders .hs-board-title {
    color: var(--c-muted, #7a7a90);
}

/* Highscore-Buttons + Toggle-Icon an Akzent binden */
body.boza-widget.page-spaceinvaders .hs-btn {
    background: linear-gradient(135deg, var(--c-accent, #667eea) 0%, var(--c-accent-2, #764ba2) 100%);
    color: var(--c-accent-text, #fff);
}

body.boza-widget.page-spaceinvaders .hs-toggle > i:first-child {
    color: var(--c-accent, #667eea);
}

/* Aktiver Modus-Button an Akzent binden */
body.boza-widget.page-spaceinvaders .mode-btn.active {
    background: linear-gradient(135deg, var(--c-accent, #667eea) 0%, var(--c-accent-2, #764ba2) 100%);
    color: var(--c-accent-text, #fff);
}

/* Control-Buttons: Hover dezent an Akzent */
body.boza-widget.page-spaceinvaders .control-btn:hover {
    color: var(--c-accent, inherit);
}