/* MDS foundations adapted for Shapemo Arcade. MIT: /third-party/MDS-LICENSE.txt.
   Source: https://github.com/MatrixZeroDesign/MDS (packages/ui/src/styles.css).
   This adapter uses no React runtime; it does not import the component bundle. */
:root{
 --mds-duration-fast:120ms;--mds-duration-normal:180ms;--mds-duration-slow:240ms;
 --mds-ease-out:cubic-bezier(.16,1,.3,1);--mds-focus-width:2px;
 --mds-font-latin:"Helvetica Neue",Arial;--mds-font-cjk:"PingFang SC","Microsoft YaHei";
 --mds-font:var(--mds-font-latin),var(--mds-font-cjk),sans-serif;
 --mds-space-1:4px;--mds-space-2:8px;--mds-space-3:12px;--mds-space-4:16px;--mds-space-6:24px;
 /* Arcade theme: generous controls and warm, rounded surfaces. */
 --mds-bg:#151a18;--mds-surface:#202820;--mds-text:#f2efdf;--mds-muted:#a0ad9d;
 --mds-accent:#d5f4ab;--mds-focus:#d5f4ab;--mds-control-height:44px;--mds-radius:12px;
}