.raft-notice {
  padding: 1rem 1.25rem;
  border: 1px solid var(--color-base-300);
  border-left: 4px solid #b98529;
  border-radius: .75rem;
  background: var(--color-base-100);
}
.raft-notice strong { color: var(--color-base-content); }
.raft-notice p { margin-top: .35rem; line-height: 1.6; }
.raft-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1rem 0; }
.raft-toolbar p, .raft-hint { font-size: .875rem; color: var(--muted); line-height: 1.6; }
.raft-toolbar button { flex-shrink: 0; }
.raft-game { display: block; width: 100%; aspect-ratio: 16 / 9; border: 1px solid var(--color-base-300); border-radius: .75rem; background: #0b1626; }
.raft-game:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 3px; }
.raft-game:fullscreen { width: 100vw; height: 100vh; border: 0; border-radius: 0; }
.raft-hint { margin-top: .75rem; }
@media (max-width: 600px) { .raft-toolbar { align-items: flex-start; flex-direction: column; } }