[data-screen="play"] { padding: 130px 16px 16px; gap: 16px; }

.board {
  position: relative;
  flex: 1;
  min-height: 0;
  width: 100%;
  max-width: 900px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  touch-action: none;
  overflow: hidden;
}
.board svg, .board canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.board canvas { touch-action: none; }

#guide-bg { stroke: var(--bg-2); }
#guide-line { stroke: var(--ink); opacity: .35; stroke-dasharray: 2 14; }
#guide-start { fill: var(--ok); animation: pulse 1.2s infinite; transform-box: fill-box; transform-origin: center; }
@keyframes pulse { 50% { transform: scale(1.5); opacity: .6; } }

.play-actions { display: flex; gap: 16px; }
.play-actions .btn { padding: 14px 32px; min-width: 180px; }