:root {
  --bg-dark: #0f1015;
  --bg-panel: #181a20;
  --bg-card: #22252e;
  --border-color: #2e323e;
  --accent-gold: #ffd700;
  --accent-gold-hover: #e6c200;
  --accent-glow: rgba(255, 215, 0, 0.25);
  --text-primary: #f0f2f5;
  --text-muted: #8c93a0;
  --active-blue: #2196f3;
  --danger-red: #ff4d4f;

  --box-w: 24px;
  --cell-len: 40px;
  --pipe-thick: 3px;
  --aluminum-shine-h: linear-gradient(180deg, #2b3036 0%, #7a8490 15%, #e8f0f8 45%, #ffffff 55%, #69727d 85%, #1e2226 100%);
  --aluminum-shine-v: linear-gradient(90deg, #2b3036 0%, #7a8490 15%, #e8f0f8 45%, #ffffff 55%, #69727d 85%, #1e2226 100%);

  --beam-color: #00f0ff;
  --beam-color-rgb: 0, 240, 255;
  --beam-intensity: 0.8;
}

* { box-sizing: border-box; margin: 0; padding: 0; user-select: none; }
body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; background: var(--bg-dark); color: var(--text-primary); height: 100vh; overflow: hidden; }