frontend/src/app/feature/game/blackjack/blackjack.component.html

@@ -6,9 +6,9 @@
       <app-dealer-hand [cards]="dealerCards"></app-dealer-hand>
       <app-player-hand [cards]="playerCards"></app-player-hand>
       <app-game-controls
-        (hit)="onHit()"
+        (onHit)="onHit()"
-        (stand)="onStand()"
+        (onStand)="onStand()"
-        (leave)="leaveGame()"
+        (onLeave)="leaveGame()"
       ></app-game-controls>
     </div>
 
@@ -16,7 +16,7 @@
       <app-game-info
         [balance]="balance()"
         [currentBet]="currentBet"
-        (newGame)="onNewGame()"
+        (onNewGameClick)="onNewGame()"
       ></app-game-info>
     </div>
   </div>

frontend/src/app/feature/game/blackjack/components/dealer-hand/dealer-hand.component.ts

@@ -10,7 +10,7 @@ import { Card } from '../../models/card.model';
   template: `
     <div class="space-y-4">
       <h3 class="section-heading text-2xl mb-4">Croupier's Karten</h3>
-      <div class="card p-6 !bg-accent-red">
+      <div class="card p-6 !bg-red-500">
         <div class="flex justify-center gap-4 min-h-[160px] p-4 border-2 border-red-400 rounded-lg">
           <app-playing-card
             *ngFor="let card of cards"

frontend/src/app/feature/game/blackjack/components/game-controls/game-controls.component.ts

@@ -8,19 +8,19 @@ import { CommonModule } from '@angular/common';
   template: `
     <div class="flex justify-center gap-4">
       <button
-        (click)="hit.emit()"
+        (click)="onHit.emit()"
         class="button-primary px-8 py-4 text-lg font-medium min-w-[120px]"
       >
         Ziehen
       </button>
       <button
-        (click)="stand.emit()"
+        (click)="onStand.emit()"
         class="button-primary px-8 py-4 text-lg font-medium min-w-[120px]"
       >
         Halten
       </button>
       <button
-        (click)="leave.emit()"
+        (click)="onLeave.emit()"
         class="bg-accent-red hover:bg-accent-red/80 px-8 py-4 rounded text-lg font-medium min-w-[120px] transition-all duration-300"
       >
         Abbrechen
@@ -30,7 +30,7 @@ import { CommonModule } from '@angular/common';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class GameControlsComponent {
-  @Output() hit = new EventEmitter<void>();
+  @Output() onHit = new EventEmitter<void>();
-  @Output() stand = new EventEmitter<void>();
+  @Output() onStand = new EventEmitter<void>();
-  @Output() leave = new EventEmitter<void>();
+  @Output() onLeave = new EventEmitter<void>();
 }

frontend/src/app/feature/game/blackjack/components/game-info/game-info.component.ts

@@ -19,14 +19,16 @@ import { CommonModule, CurrencyPipe } from '@angular/common';
             {{ currentBet | currency: 'EUR' }}
           </span>
         </div>
-        <button class="button-primary w-full py-2" (click)="newGame.emit()">Neues Spiel</button>
+        <button class="button-primary w-full py-2" (click)="onNewGameClick.emit()">
+          Neues Spiel
+        </button>
       </div>
     </div>
   `,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class GameInfoComponent {
-  @Input() balance = 0;
+  @Input() balance: number = 0;
-  @Input() currentBet = 0;
+  @Input() currentBet: number = 0;
-  @Output() newGame = new EventEmitter<void>();
+  @Output() onNewGameClick = new EventEmitter<void>();
 }

frontend/src/app/feature/game/blackjack/components/player-hand/player-hand.component.ts

@@ -10,9 +10,9 @@ import { Card } from '../../models/card.model';
   template: `
     <div class="space-y-4">
       <h3 class="section-heading text-2xl mb-4">Deine Karten</h3>
-      <div class="card p-6 !bg-emerald">
+      <div class="card p-6 !bg-green-500">
         <div
-          class="flex justify-center gap-4 min-h-[160px] p-4 border-2 border-emerald-400 rounded-lg"
+          class="flex justify-center gap-4 min-h-[160px] p-4 border-2 border-green-400 rounded-lg"
         >
           <app-playing-card
             *ngFor="let card of cards"