/* PinPonder photographic game interface. No runtime or framework dependency. */
:root {
  color-scheme: light;
  --pp-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --pp-canvas: #F3F5F8;
  --pp-surface: #FFFFFF;
  --pp-ink: #182033;
  --pp-muted: #5C667A;
  --pp-line: #DCE1E9;
  --pp-primary: #3565E8;
  --pp-primary-hover: #2853CC;
  --pp-primary-soft: #EBF0FF;
  --pp-success: #1D755F;
  --pp-success-soft: #EAF4F0;
  --pp-guess: #D76442;
  --pp-overlay: rgba(19, 27, 43, .88);
  --pp-photo-control: rgba(255, 255, 255, .96);
  --pp-focus: #315BC9;
  --pp-radius-sm: 6px;
  --pp-radius: 10px;
  --pp-radius-lg: 14px;
  --pp-shadow: 0 8px 28px rgba(17, 30, 52, .15), 0 1px 3px rgba(17, 30, 52, .08);
  --pp-space-1: 4px;
  --pp-space-2: 8px;
  --pp-space-3: 12px;
  --pp-space-4: 16px;
  --pp-space-5: 20px;
  --pp-space-6: 24px;
  --pp-space-8: 32px;
  --pp-control: 44px;
  --pp-header: 62px;
  --pp-motion-fast: 140ms;
  --pp-motion-panel: 220ms;
  --pp-motion-result: 180ms;
  --pp-ease: cubic-bezier(.2, .65, .3, 1);
}
@media (max-width: 680px) { :root { --pp-header: 56px; } }
@media (prefers-reduced-motion: reduce) {
  :root { --pp-motion-fast: 0ms; --pp-motion-panel: 0ms; --pp-motion-result: 0ms; }
}