:root{--color-bg:#f0f0f0;--color-bg-secondary:#e0e0e0;--color-surface:#ffffff;--color-text:#1a1a1a;--color-text-secondary:#666666;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-danger:#dc2626;--color-success:#16a34a;--color-warning:#d97706;--color-border:#d4d4d4;--color-cell-bg:#bdbdbd;--color-cell-bg-hover:#c8c8c8;--color-cell-revealed:#cecece;--color-cell-border-light:#ffffff;--color-cell-border-dark:#7b7b7b;--color-cell-mine-exploded:#e74c3c;--color-flag:#dc2626;--color-mine:#1a1a1a;--color-counter-bg:#1a0000;--color-counter-text:#ff0000;--color-number-1:#0000ff;--color-number-2:#008000;--color-number-3:#ff0000;--color-number-4:#000080;--color-number-5:#800000;--color-number-6:#008080;--color-number-7:#000000;--color-number-8:#808080;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:32px;--shadow-sm:0 1px 2px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1)}[data-theme=dark]{--color-bg:#1a1a1a;--color-bg-secondary:#2a2a2a;--color-surface:#333333;--color-text:#f0f0f0;--color-text-secondary:#a0a0a0;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-danger:#ef4444;--color-success:#22c55e;--color-warning:#f59e0b;--color-border:#555555;--color-cell-bg:#3a3a3a;--color-cell-bg-hover:#454545;--color-cell-revealed:#2a2a2a;--color-cell-border-light:#5a5a5a;--color-cell-border-dark:#1a1a1a;--color-cell-mine-exploded:#992222;--color-flag:#ef4444;--color-mine:#f0f0f0;--color-counter-bg:#0d0000;--color-counter-text:#ff3333;--color-number-1:#6ba3ff;--color-number-2:#4cce4c;--color-number-3:#ff6666;--color-number-4:#7a8cff;--color-number-5:#ff8c66;--color-number-6:#5ccccc;--color-number-7:#cccccc;--color-number-8:#999999;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 4px 6px rgba(0,0,0,0.4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);min-height:100dvh;transition:background-color .2s,color .2s}main{max-width:600px;margin:0 auto;padding:var(--space-4)}h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}h2{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;font-size:var(--font-size-md);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:background-color .2s,color .2s,border-color .2s}