[data-style="spatial-glass"] {
  --pr-canvas: #0b1021;
  --pr-surface-1: rgba(255,255,255,.08);
  --pr-surface-2: rgba(255,255,255,.13);
  --pr-text: #f7f4ff;
  --pr-text-muted: #c1bbcf;
  --pr-accent: #70eadc;
  --pr-on-accent: #0b1021;
  --pr-success: #4ad6a0;
  --pr-warning: #f4bd50;
  --pr-danger: #ff6b72;
  --pr-border: rgba(255,255,255,.18);
  --pr-focus: #70eadc;
  --pr-shadow: 0 24px 64px rgba(0,0,0,.34);
  --pr-radius-card: 20px;
  --pr-radius-control: 16px;
  --pr-font-display: Inter, system-ui, sans-serif;
  --pr-font-body: Inter, system-ui, sans-serif;
  --pr-font-mono: ui-monospace, monospace;
  --pr-motion-fast: 120ms;
  --pr-motion-standard: 220ms;
  --pr-decoration-opacity: .18;
}

[data-style="signal-atelier"] {
  --pr-canvas: #071416;
  --pr-surface-1: #0c1c21;
  --pr-surface-2: #10282d;
  --pr-text: #eaf8f6;
  --pr-text-muted: #8db0ad;
  --pr-accent: #34e2c3;
  --pr-on-accent: #071416;
  --pr-success: #4ad6a0;
  --pr-warning: #f4bd50;
  --pr-danger: #ff6b72;
  --pr-border: #245058;
  --pr-focus: #34e2c3;
  --pr-shadow: 0 20px 48px rgba(0,0,0,.32);
  --pr-radius-card: 14px;
  --pr-radius-control: 12px;
  --pr-font-display: Inter, system-ui, sans-serif;
  --pr-font-body: Inter, system-ui, sans-serif;
  --pr-font-mono: ui-monospace, monospace;
  --pr-motion-fast: 120ms;
  --pr-motion-standard: 220ms;
  --pr-decoration-opacity: .14;
}

[data-style="soft-control-surface"] {
  --pr-canvas: #f2ede3;
  --pr-surface-1: #fffdf8;
  --pr-surface-2: #f8f1e7;
  --pr-text: #25272c;
  --pr-text-muted: #69635d;
  --pr-accent: #e85f43;
  --pr-on-accent: #111111;
  --pr-success: #4ad6a0;
  --pr-warning: #f4bd50;
  --pr-danger: #ff6b72;
  --pr-border: #d8cfc2;
  --pr-focus: #c3442f;
  --pr-shadow: 0 18px 44px rgba(83,62,42,.14);
  --pr-radius-card: 22px;
  --pr-radius-control: 18px;
  --pr-font-display: ui-rounded, system-ui, sans-serif;
  --pr-font-body: Inter, system-ui, sans-serif;
  --pr-font-mono: ui-monospace, monospace;
  --pr-motion-fast: 120ms;
  --pr-motion-standard: 220ms;
  --pr-decoration-opacity: .10;
}

[data-style="neumorphic-console"] {
  --pr-canvas: #dfe6ec;
  --pr-surface-1: #dfe6ec;
  --pr-surface-2: #e8eef3;
  --pr-text: #35404a;
  --pr-text-muted: #4d5963;
  --pr-accent: #168b81;
  --pr-on-accent: #071412;
  --pr-success: #4ad6a0;
  --pr-warning: #f4bd50;
  --pr-danger: #ff6b72;
  --pr-border: #cbd5dd;
  --pr-focus: #168b81;
  --pr-shadow: 9px 9px 20px #bec6cd, -9px -9px 20px #ffffff;
  --pr-radius-card: 22px;
  --pr-radius-control: 18px;
  --pr-font-display: ui-rounded, system-ui, sans-serif;
  --pr-font-body: Inter, system-ui, sans-serif;
  --pr-font-mono: ui-monospace, monospace;
  --pr-motion-fast: 120ms;
  --pr-motion-standard: 220ms;
  --pr-decoration-opacity: .08;
}

[data-style="neo-brutal-broadcast"] {
  --pr-canvas: #f4f0df;
  --pr-surface-1: #fffef5;
  --pr-surface-2: #eee6c9;
  --pr-text: #101010;
  --pr-text-muted: #3f3f3f;
  --pr-accent: #5a32ff;
  --pr-on-accent: #ffffff;
  --pr-success: #4ad6a0;
  --pr-warning: #f4bd50;
  --pr-danger: #ff6b72;
  --pr-border: #101010;
  --pr-focus: #5a32ff;
  --pr-shadow: 8px 8px 0 #101010;
  --pr-radius-card: 4px;
  --pr-radius-control: 4px;
  --pr-font-display: Arial Black, system-ui, sans-serif;
  --pr-font-body: Inter, system-ui, sans-serif;
  --pr-font-mono: ui-monospace, monospace;
  --pr-motion-fast: 120ms;
  --pr-motion-standard: 220ms;
  --pr-decoration-opacity: .22;
}

[data-style="analog-instrument"] {
  --pr-canvas: #171816;
  --pr-surface-1: #24251f;
  --pr-surface-2: #303126;
  --pr-text: #f0ddbd;
  --pr-text-muted: #afa38b;
  --pr-accent: #d59b36;
  --pr-on-accent: #171816;
  --pr-success: #4ad6a0;
  --pr-warning: #f4bd50;
  --pr-danger: #ff6b72;
  --pr-border: #66614f;
  --pr-focus: #d59b36;
  --pr-shadow: 0 16px 30px rgba(0,0,0,.42);
  --pr-radius-card: 7px;
  --pr-radius-control: 5px;
  --pr-font-display: ui-monospace, monospace;
  --pr-font-body: Inter, system-ui, sans-serif;
  --pr-font-mono: ui-monospace, monospace;
  --pr-motion-fast: 120ms;
  --pr-motion-standard: 220ms;
  --pr-decoration-opacity: .20;
}

[data-style="arcade-pulse"] {
  --pr-canvas: #080718;
  --pr-surface-1: #17122f;
  --pr-surface-2: #211946;
  --pr-text: #fff5ff;
  --pr-text-muted: #bab0ce;
  --pr-accent: #00e8f0;
  --pr-on-accent: #080718;
  --pr-success: #4ad6a0;
  --pr-warning: #f4bd50;
  --pr-danger: #ff6b72;
  --pr-border: #5942a0;
  --pr-focus: #00e8f0;
  --pr-shadow: 0 0 28px rgba(0,232,240,.18);
  --pr-radius-card: 5px;
  --pr-radius-control: 5px;
  --pr-font-display: ui-monospace, monospace;
  --pr-font-body: Inter, system-ui, sans-serif;
  --pr-font-mono: ui-monospace, monospace;
  --pr-motion-fast: 120ms;
  --pr-motion-standard: 220ms;
  --pr-decoration-opacity: .38;
}

[data-style="playful-console"] {
  --pr-canvas: #f4f0e8;
  --pr-surface-1: #fffdfa;
  --pr-surface-2: #f3e6d9;
  --pr-text: #292929;
  --pr-text-muted: #615b55;
  --pr-accent: #d94338;
  --pr-on-accent: #000000;
  --pr-success: #4ad6a0;
  --pr-warning: #f4bd50;
  --pr-danger: #ff6b72;
  --pr-border: #c9b9aa;
  --pr-focus: #d94338;
  --pr-shadow: 0 12px 0 rgba(65,47,35,.14);
  --pr-radius-card: 24px;
  --pr-radius-control: 20px;
  --pr-font-display: ui-rounded, system-ui, sans-serif;
  --pr-font-body: Inter, system-ui, sans-serif;
  --pr-font-mono: ui-monospace, monospace;
  --pr-motion-fast: 120ms;
  --pr-motion-standard: 220ms;
  --pr-decoration-opacity: .13;
}

[data-style="storybook-playground"] {
  --pr-canvas: #bfe8ff;
  --pr-surface-1: #fff9dd;
  --pr-surface-2: #ffeab8;
  --pr-text: #31435a;
  --pr-text-muted: #465b72;
  --pr-accent: #e86f3a;
  --pr-on-accent: #111111;
  --pr-success: #4ad6a0;
  --pr-warning: #f4bd50;
  --pr-danger: #ff6b72;
  --pr-border: #8bb9cf;
  --pr-focus: #b8411c;
  --pr-shadow: 0 14px 0 rgba(63,91,111,.15);
  --pr-radius-card: 24px;
  --pr-radius-control: 20px;
  --pr-font-display: ui-rounded, system-ui, sans-serif;
  --pr-font-body: Inter, system-ui, sans-serif;
  --pr-font-mono: ui-monospace, monospace;
  --pr-motion-fast: 120ms;
  --pr-motion-standard: 220ms;
  --pr-decoration-opacity: .20;
}

[data-style="sweet-pop"] {
  --pr-canvas: #fff2f7;
  --pr-surface-1: rgba(255,255,255,.82);
  --pr-surface-2: #ffe0ee;
  --pr-text: #55445d;
  --pr-text-muted: #6b5674;
  --pr-accent: #cf558f;
  --pr-on-accent: #111111;
  --pr-success: #4ad6a0;
  --pr-warning: #f4bd50;
  --pr-danger: #ff6b72;
  --pr-border: #e8bfd2;
  --pr-focus: #cf558f;
  --pr-shadow: 0 20px 48px rgba(190,99,143,.18);
  --pr-radius-card: 26px;
  --pr-radius-control: 22px;
  --pr-font-display: ui-rounded, system-ui, sans-serif;
  --pr-font-body: Inter, system-ui, sans-serif;
  --pr-font-mono: ui-monospace, monospace;
  --pr-motion-fast: 120ms;
  --pr-motion-standard: 220ms;
  --pr-decoration-opacity: .26;
}

[data-style="gallery-nouveau"] {
  --pr-canvas: #eee9df;
  --pr-surface-1: #f8f5ee;
  --pr-surface-2: #e7dfd1;
  --pr-text: #1e211e;
  --pr-text-muted: #625c52;
  --pr-accent: #8a692e;
  --pr-on-accent: #ffffff;
  --pr-success: #4ad6a0;
  --pr-warning: #f4bd50;
  --pr-danger: #ff6b72;
  --pr-border: #9b875f;
  --pr-focus: #8a692e;
  --pr-shadow: 0 20px 50px rgba(60,49,34,.14);
  --pr-radius-card: 0px;
  --pr-radius-control: 0px;
  --pr-font-display: Georgia, serif;
  --pr-font-body: Inter, system-ui, sans-serif;
  --pr-font-mono: ui-monospace, monospace;
  --pr-motion-fast: 120ms;
  --pr-motion-standard: 220ms;
  --pr-decoration-opacity: .12;
}

[data-style="editorial-street"] {
  --pr-canvas: #e9e6df;
  --pr-surface-1: #f8f7f2;
  --pr-surface-2: #dedbd2;
  --pr-text: #16191b;
  --pr-text-muted: #585b5e;
  --pr-accent: #3653cf;
  --pr-on-accent: #ffffff;
  --pr-success: #4ad6a0;
  --pr-warning: #f4bd50;
  --pr-danger: #ff6b72;
  --pr-border: #303438;
  --pr-focus: #3653cf;
  --pr-shadow: 6px 6px 0 rgba(22,25,27,.18);
  --pr-radius-card: 0px;
  --pr-radius-control: 0px;
  --pr-font-display: Georgia, serif;
  --pr-font-body: Inter, system-ui, sans-serif;
  --pr-font-mono: ui-monospace, monospace;
  --pr-motion-fast: 120ms;
  --pr-motion-standard: 220ms;
  --pr-decoration-opacity: .16;
}

/* The ROLL6 brand look (public/styles/roll6.css). Phones, Host and staff
   pages wear it while the Style picker is off (protocol/styles.js
   STYLE_PICKER_ENABLED); a room's stored Style is kept but not shown. */
[data-style="roll6"] {
  --pr-canvas: #15161E;
  --pr-surface-1: #1D1F2A;
  --pr-surface-2: #242634;
  --pr-text: #EFEDFB;
  --pr-text-muted: #9295AB;
  --pr-accent: #A08CFF;
  --pr-on-accent: #15161E;
  --pr-success: #3CCFB4;
  --pr-warning: #FFC266;
  --pr-danger: #E5484D;
  --pr-border: #303346;
  --pr-focus: #A08CFF;
  --pr-shadow: 0 20px 48px rgba(0,0,0,.4);
  --pr-radius-card: 22px;
  --pr-radius-control: 16px;
  --pr-font-display: "Noto Sans TC", "PingFang TC", "Heiti TC", "Microsoft JhengHei", system-ui, sans-serif;
  --pr-font-body: "Noto Sans TC", "PingFang TC", "Heiti TC", "Microsoft JhengHei", system-ui, sans-serif;
  --pr-font-mono: ui-monospace, monospace;
  --pr-motion-fast: 120ms;
  --pr-motion-standard: 220ms;
  --pr-decoration-opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  [data-style] {
    --pr-motion-fast: 0ms;
    --pr-motion-standard: 0ms;
  }
}