.connection-dot[data-v-52a2ba0e]{display:flex;align-items:center;gap:6px;font-size:.75rem}.dot[data-v-52a2ba0e]{width:8px;height:8px;border-radius:50%;background:var(--error)}.connected .dot[data-v-52a2ba0e]{background:var(--success)}.connecting .dot[data-v-52a2ba0e],.reconnecting .dot[data-v-52a2ba0e]{background:var(--warning);animation:pulse-dot 1.5s infinite}.label[data-v-52a2ba0e]{color:var(--text-secondary)}.share-wrapper[data-v-e3bd4bc1]{position:relative}.copy-btn[data-v-e3bd4bc1]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast)}.copy-btn[data-v-e3bd4bc1]:hover{background:var(--border);color:var(--text-primary)}.icon-btn[data-v-e3bd4bc1]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.icon-btn[data-v-e3bd4bc1]:hover{background:var(--border);color:var(--text-primary)}.share-dropdown[data-v-e3bd4bc1]{position:absolute;right:0;top:100%;margin-top:4px;min-width:140px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000004d;z-index:100;overflow:hidden}.share-option[data-v-e3bd4bc1]{display:block;width:100%;padding:8px 14px;font-size:.82rem;color:var(--text-secondary);text-align:left;text-decoration:none;transition:all var(--transition-fast);border:none;background:none;cursor:pointer}.share-option[data-v-e3bd4bc1]:hover{background:var(--border);color:var(--text-primary)}.app-header[data-v-181fa3c8]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border);box-shadow:var(--panel-glow);height:48px;flex-shrink:0}.logo[data-v-181fa3c8]{font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:.04em;text-transform:uppercase;text-shadow:var(--text-glow)}.credit[data-v-181fa3c8]{font-size:.7rem;color:var(--text-secondary);opacity:.6;letter-spacing:.02em}.version[data-v-181fa3c8]{font-family:var(--font-mono);font-size:.62rem;opacity:.5;margin-right:4px}.credit-link[data-v-181fa3c8]{color:var(--accent);opacity:.8;transition:opacity var(--transition-fast)}.credit-link[data-v-181fa3c8]:hover{opacity:1}.header-right[data-v-181fa3c8]{display:flex;align-items:center;gap:var(--space-sm)}.icon-btn[data-v-181fa3c8]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.icon-btn[data-v-181fa3c8]:hover{background:var(--border);color:var(--text-primary)}.notification[data-v-5711b57c]{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;z-index:1000;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);box-shadow:0 4px 20px #0000004d}.notification.success[data-v-5711b57c]{border-color:var(--success)}.notification.error[data-v-5711b57c]{border-color:var(--error)}.notification.warning[data-v-5711b57c]{border-color:var(--warning)}.notif-enter-active[data-v-5711b57c]{animation:slide-in-up .3s ease-out}.notif-leave-active[data-v-5711b57c]{transition:opacity .2s,transform .2s}.notif-leave-to[data-v-5711b57c]{opacity:0;transform:translate(-50%) translateY(10px)}.modal-overlay[data-v-57e170c0]{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .15s ease-out}.modal[data-v-57e170c0]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;box-shadow:var(--panel-glow),0 20px 60px #0000004d;padding:var(--space-lg) var(--space-lg) var(--space-xl);min-width:340px;max-width:380px;width:90vw;animation:slide-in-up .25s ease-out}.modal-header[data-v-57e170c0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.modal-header h2[data-v-57e170c0]{font-size:1.1rem;font-weight:700;letter-spacing:.02em}.close-btn[data-v-57e170c0]{color:var(--text-muted);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all var(--transition-fast)}.close-btn[data-v-57e170c0]:hover{background:var(--border);color:var(--text-primary)}.settings-section[data-v-57e170c0]{display:flex;flex-direction:column;gap:var(--space-sm)}.section-label[data-v-57e170c0]{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:2px}.divider[data-v-57e170c0]{height:1px;background:var(--border);margin:var(--space-md) 0}.theme-grid[data-v-57e170c0]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.theme-swatch[data-v-57e170c0]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:10px;border:2px solid transparent;background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast)}.theme-swatch[data-v-57e170c0]:hover{border-color:var(--border)}.theme-swatch.active[data-v-57e170c0]{border-color:var(--accent)}.theme-swatch.disabled[data-v-57e170c0]{opacity:.35;cursor:not-allowed}.swatch-color[data-v-57e170c0]{width:28px;height:28px;border-radius:50%;border:2px solid rgba(128,128,128,.2);flex-shrink:0}.swatch-name[data-v-57e170c0]{font-size:.65rem;font-weight:600;color:var(--text-secondary);text-align:center;line-height:1.2}.theme-swatch.active .swatch-name[data-v-57e170c0]{color:var(--accent)}.toggle-row[data-v-57e170c0]{display:flex;justify-content:space-between;align-items:center;padding:4px 0;cursor:pointer}.toggle-label[data-v-57e170c0]{font-size:.88rem;color:var(--text-primary)}.toggle[data-v-57e170c0]{width:40px;height:22px;border-radius:11px;background:var(--bg-primary);border:1px solid var(--border);position:relative;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.toggle.on[data-v-57e170c0]{background:var(--accent);border-color:var(--accent)}.toggle-knob[data-v-57e170c0]{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:all var(--transition-fast)}.toggle.on .toggle-knob[data-v-57e170c0]{left:20px;background:#fff}:root{--board-bg: #5c4033;--board-border: #3e2a1e;--board-bar: #4a3328;--board-felt: #2d5a27;--point-light: #d4a76a;--point-dark: #8b4513;--checker-white: #f5f0e8;--checker-white-border: #ccc5b8;--checker-white-shadow: rgba(0,0,0,.3);--checker-black: #2c2c2c;--checker-black-border: #1a1a1a;--checker-black-shadow: rgba(0,0,0,.4);--highlight-legal: rgba(255, 215, 0, .85);--highlight-selected: rgba(33, 150, 243, .5);--highlight-last-move: rgba(255, 193, 7, .3);--dice-bg: #fff;--dice-dots: #333;--dice-border: #ccc;--dice-shadow: rgba(0,0,0,.2);--cube-bg: #fff;--cube-text: #333;--cube-border: #ccc;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-surface: #0f3460;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-muted: #666;--accent: #e94560;--accent-hover: #d63851;--success: #4caf50;--warning: #ff9800;--error: #f44336;--border: rgba(255,255,255,.1);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--panel-glow: none;--text-glow: none;--checker-white-core: #fff;--checker-black-core: #555;--checker-white-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));--checker-black-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));--checker-glow-opacity: 0;--board-felt-texture-opacity: .04;--board-felt-texture-color: rgba(0, 0, 0, 1);--board-border-texture-opacity: .06;--board-border-texture-color: rgba(60, 30, 10, 1);--board-inset-shadow: rgba(0, 0, 0, .3);--bar-groove-color: rgba(0, 0, 0, .25);--bar-highlight-color: rgba(255, 255, 255, .05);--bearoff-bg: rgba(0, 0, 0, .15);--bearoff-border-color: rgba(255, 255, 255, .08);--point-stroke-color: rgba(0, 0, 0, .15);--dice-tray-bg: var(--bg-surface);--dice-tray-shadow: inset 0 2px 4px rgba(0, 0, 0, .15);--panel-active-bg: rgba(255, 255, 255, .03);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}@keyframes dice-roll{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes dice-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes checker-place{0%{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}.dice-rolling{animation:dice-roll .5s ease-in-out}.checker-placed{animation:checker-place .2s ease-out}.notification-enter{animation:slide-in-up .3s ease-out}.theme-tron{--board-bg: #0d1520;--board-border: #060c14;--board-bar: #0f1a28;--board-felt: #080e18;--point-light: #162a3a;--point-dark: #0c1824;--checker-white: #00e5ff;--checker-white-border: #00b8d4;--checker-white-shadow: rgba(0, 229, 255, .4);--checker-black: #ff6e40;--checker-black-border: #dd2c00;--checker-black-shadow: rgba(255, 110, 64, .4);--checker-white-core: #002a33;--checker-black-core: #2a0a00;--checker-white-filter: drop-shadow(0 0 4px rgba(0, 229, 255, .5)) drop-shadow(0 0 2px rgba(0, 229, 255, .7));--checker-black-filter: drop-shadow(0 0 4px rgba(255, 110, 64, .5)) drop-shadow(0 0 2px rgba(255, 110, 64, .7));--checker-glow-opacity: .6;--highlight-legal: rgba(0, 229, 255, .75);--highlight-selected: rgba(0, 229, 255, .35);--highlight-last-move: rgba(0, 229, 255, .12);--dice-bg: #0a1520;--dice-dots: #00e5ff;--dice-border: rgba(0, 229, 255, .25);--dice-shadow: 0 0 12px rgba(0, 229, 255, .2);--cube-bg: #0a1520;--cube-text: #00e5ff;--cube-border: rgba(0, 229, 255, .25);--bg-primary: #050a10;--bg-secondary: #0a1018;--bg-surface: #0f1a28;--text-primary: #c8e8f0;--text-secondary: #4a8898;--text-muted: #2a5060;--accent: #00e5ff;--accent-hover: #00b8d4;--success: #00e676;--warning: #ffab40;--error: #ff1744;--border: rgba(0, 229, 255, .12);--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--panel-glow: 0 0 15px rgba(0, 229, 255, .06), inset 0 1px 0 rgba(0, 229, 255, .1);--text-glow: 0 0 10px rgba(0, 229, 255, .3);--board-felt-texture-opacity: .015;--board-felt-texture-color: rgba(0, 229, 255, 1);--board-border-texture-opacity: .02;--board-border-texture-color: rgba(0, 229, 255, 1);--board-inset-shadow: rgba(0, 229, 255, .08);--bar-groove-color: rgba(0, 229, 255, .15);--bar-highlight-color: rgba(0, 229, 255, .04);--bearoff-bg: rgba(0, 229, 255, .04);--bearoff-border-color: rgba(0, 229, 255, .1);--point-stroke-color: rgba(0, 229, 255, .08);--dice-tray-bg: #0a1520;--dice-tray-shadow: inset 0 2px 4px rgba(0, 229, 255, .06);--panel-active-bg: rgba(0, 229, 255, .03)}.theme-tron-light{--board-bg: #dce8f0;--board-border: #b8ccd8;--board-bar: #c8dce8;--board-felt: #eaf2f8;--point-light: #a8c8d8;--point-dark: #6898b0;--checker-white: #00acc1;--checker-white-border: #00838f;--checker-white-shadow: rgba(0, 172, 193, .3);--checker-black: #e64a19;--checker-black-border: #bf360c;--checker-black-shadow: rgba(230, 74, 25, .3);--checker-white-core: #004d5e;--checker-black-core: #3a1200;--checker-white-filter: drop-shadow(0 0 4px rgba(0, 172, 193, .4)) drop-shadow(0 0 1px rgba(0, 172, 193, .7));--checker-black-filter: drop-shadow(0 0 4px rgba(230, 74, 25, .4)) drop-shadow(0 0 1px rgba(230, 74, 25, .7));--checker-glow-opacity: .45;--highlight-legal: rgba(0, 131, 143, .65);--highlight-selected: rgba(0, 131, 143, .3);--highlight-last-move: rgba(0, 131, 143, .1);--dice-bg: #f0f8fc;--dice-dots: #00838f;--dice-border: rgba(0, 131, 143, .2);--dice-shadow: rgba(0, 131, 143, .1);--cube-bg: #f0f8fc;--cube-text: #00838f;--cube-border: rgba(0, 131, 143, .2);--bg-primary: #f0f7fc;--bg-secondary: #e4eef6;--bg-surface: #ffffff;--text-primary: #0a2a38;--text-secondary: #2a5a6a;--text-muted: #7098a8;--accent: #00838f;--accent-hover: #006064;--border: rgba(0, 50, 70, .12);--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--panel-glow: 0 1px 8px rgba(0, 131, 143, .08);--text-glow: none;--board-felt-texture-opacity: .02;--board-felt-texture-color: rgba(0, 131, 143, 1);--board-border-texture-opacity: .025;--board-border-texture-color: rgba(0, 131, 143, 1);--board-inset-shadow: rgba(0, 131, 143, .06);--bar-groove-color: rgba(0, 50, 70, .12);--bar-highlight-color: rgba(255, 255, 255, .08);--bearoff-bg: rgba(0, 50, 70, .06);--bearoff-border-color: rgba(0, 50, 70, .1);--point-stroke-color: rgba(0, 50, 70, .08);--dice-tray-bg: #e4eef6;--dice-tray-shadow: inset 0 2px 4px rgba(0, 50, 70, .08);--panel-active-bg: rgba(0, 131, 143, .04)}.theme-classic-wood{--board-bg: #5c4033;--board-border: #3e2a1e;--board-bar: #4a3328;--board-felt: #2d5a27;--point-light: #d4a76a;--point-dark: #8b4513;--checker-white: #f5f0e8;--checker-white-border: #ccc5b8;--checker-white-shadow: rgba(0, 0, 0, .2);--checker-black: #2c2c2c;--checker-black-border: #1a1a1a;--checker-black-shadow: rgba(0, 0, 0, .3);--highlight-legal: rgba(233, 69, 96, .65);--highlight-selected: rgba(233, 69, 96, .3);--highlight-last-move: rgba(233, 69, 96, .1);--dice-bg: #f5f0e8;--dice-dots: #333;--dice-border: #ccc5b8;--dice-shadow: rgba(0, 0, 0, .15);--cube-bg: #f5f0e8;--cube-text: #333;--cube-border: #ccc5b8;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-surface: #0f3460;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-muted: #606060;--accent: #e94560;--accent-hover: #d63851;--border: rgba(255, 255, 255, .1);--panel-glow: none;--text-glow: none;--board-felt-texture-opacity: .05;--board-felt-texture-color: rgba(0, 0, 0, 1);--board-border-texture-opacity: .08;--board-border-texture-color: rgba(60, 30, 10, 1);--board-inset-shadow: rgba(0, 0, 0, .35);--bar-groove-color: rgba(0, 0, 0, .3);--bar-highlight-color: rgba(255, 255, 255, .06);--bearoff-bg: rgba(0, 0, 0, .18);--bearoff-border-color: rgba(255, 255, 255, .06);--point-stroke-color: rgba(0, 0, 0, .18);--dice-tray-bg: #3e2a1e;--dice-tray-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);--panel-active-bg: rgba(255, 255, 255, .03)}.theme-dark-marble{--board-bg: #2c3e50;--board-border: #1a252f;--board-bar: #34495e;--board-felt: #1c2833;--point-light: #7f8c8d;--point-dark: #2c3e50;--checker-white: #ecf0f1;--checker-white-border: #bdc3c7;--checker-white-shadow: rgba(0, 0, 0, .2);--checker-black: #1a1a2e;--checker-black-border: #0d0d1a;--checker-black-shadow: rgba(0, 0, 0, .3);--highlight-legal: rgba(88, 166, 255, .65);--highlight-selected: rgba(88, 166, 255, .3);--highlight-last-move: rgba(88, 166, 255, .1);--dice-bg: #21262d;--dice-dots: #c9d1d9;--dice-border: rgba(255, 255, 255, .1);--dice-shadow: rgba(0, 0, 0, .2);--cube-bg: #21262d;--cube-text: #c9d1d9;--cube-border: rgba(255, 255, 255, .1);--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-surface: #21262d;--text-primary: #c9d1d9;--text-secondary: #8b949e;--text-muted: #484f58;--accent: #58a6ff;--accent-hover: #388bfd;--border: rgba(255, 255, 255, .08);--panel-glow: none;--text-glow: none;--board-felt-texture-opacity: .03;--board-felt-texture-color: rgba(0, 0, 0, 1);--board-border-texture-opacity: .04;--board-border-texture-color: rgba(30, 40, 50, 1);--board-inset-shadow: rgba(0, 0, 0, .25);--bar-groove-color: rgba(0, 0, 0, .2);--bar-highlight-color: rgba(255, 255, 255, .03);--bearoff-bg: rgba(0, 0, 0, .12);--bearoff-border-color: rgba(255, 255, 255, .06);--point-stroke-color: rgba(0, 0, 0, .12);--dice-tray-bg: #161b22;--dice-tray-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);--panel-active-bg: rgba(255, 255, 255, .02)}.theme-modern-minimal{--board-bg: #f0f0f0;--board-border: #ddd;--board-bar: #e0e0e0;--board-felt: #fafafa;--point-light: #bdbdbd;--point-dark: #757575;--checker-white: #ffffff;--checker-white-border: #c0c0c0;--checker-white-shadow: rgba(0, 0, 0, .1);--checker-black: #424242;--checker-black-border: #212121;--checker-black-shadow: rgba(0, 0, 0, .2);--highlight-legal: rgba(98, 0, 234, .6);--highlight-selected: rgba(98, 0, 234, .25);--highlight-last-move: rgba(98, 0, 234, .08);--dice-bg: #fff;--dice-dots: #424242;--dice-border: #e0e0e0;--dice-shadow: rgba(0, 0, 0, .08);--cube-bg: #fff;--cube-text: #424242;--cube-border: #e0e0e0;--bg-primary: #fafafa;--bg-secondary: #f0f0f0;--bg-surface: #ffffff;--text-primary: #1a1a1a;--text-secondary: #555555;--text-muted: #999999;--accent: #6200ea;--accent-hover: #4a00b0;--border: rgba(0, 0, 0, .1);--panel-glow: 0 1px 3px rgba(0, 0, 0, .05);--text-glow: none;--board-felt-texture-opacity: .015;--board-felt-texture-color: rgba(0, 0, 0, 1);--board-border-texture-opacity: .02;--board-border-texture-color: rgba(0, 0, 0, 1);--board-inset-shadow: rgba(0, 0, 0, .08);--bar-groove-color: rgba(0, 0, 0, .08);--bar-highlight-color: rgba(255, 255, 255, .1);--bearoff-bg: rgba(0, 0, 0, .04);--bearoff-border-color: rgba(0, 0, 0, .06);--point-stroke-color: rgba(0, 0, 0, .06);--dice-tray-bg: #f0f0f0;--dice-tray-shadow: inset 0 2px 4px rgba(0, 0, 0, .05);--panel-active-bg: rgba(98, 0, 234, .03)}.theme-tournament-green{--board-bg: #1b5e20;--board-border: #0d3310;--board-bar: #2e7d32;--board-felt: #1b5e20;--point-light: #a5d6a7;--point-dark: #388e3c;--checker-white: #fafafa;--checker-white-border: #e0e0e0;--checker-white-shadow: rgba(0, 0, 0, .2);--checker-black: #212121;--checker-black-border: #111;--checker-black-shadow: rgba(0, 0, 0, .3);--highlight-legal: rgba(255, 213, 79, .65);--highlight-selected: rgba(255, 213, 79, .3);--highlight-last-move: rgba(255, 213, 79, .1);--dice-bg: #0d2b11;--dice-dots: #e8f5e9;--dice-border: rgba(165, 214, 167, .2);--dice-shadow: rgba(0, 0, 0, .2);--cube-bg: #0d2b11;--cube-text: #ffd54f;--cube-border: rgba(165, 214, 167, .2);--bg-primary: #0a1f0d;--bg-secondary: #0d2b11;--bg-surface: #1b5e20;--text-primary: #e8f5e9;--text-secondary: #a5d6a7;--text-muted: #4a7a50;--accent: #ffd54f;--accent-hover: #ffc107;--border: rgba(255, 255, 255, .08);--panel-glow: none;--text-glow: none;--board-felt-texture-opacity: .06;--board-felt-texture-color: rgba(0, 0, 0, 1);--board-border-texture-opacity: .07;--board-border-texture-color: rgba(10, 40, 10, 1);--board-inset-shadow: rgba(0, 0, 0, .3);--bar-groove-color: rgba(0, 0, 0, .25);--bar-highlight-color: rgba(255, 213, 79, .04);--bearoff-bg: rgba(0, 0, 0, .15);--bearoff-border-color: rgba(255, 213, 79, .08);--point-stroke-color: rgba(0, 0, 0, .15);--dice-tray-bg: #0d2b11;--dice-tray-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);--panel-active-bg: rgba(255, 213, 79, .03)}.theme-cork-felt{--board-bg: #c4a882;--board-border: #c4a882;--board-bar: #b89b72;--board-felt: #0e3320;--point-light: #a08050;--point-dark: #6b1e3a;--checker-white: #ffffff;--checker-white-border: #d0ccc0;--checker-white-shadow: rgba(0, 0, 0, .3);--checker-black: #4a1a0a;--checker-black-border: #2a0e04;--checker-black-shadow: rgba(0, 0, 0, .4);--checker-white-core: #ffffff;--checker-black-core: #6b3020;--checker-white-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .4));--checker-black-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .5));--checker-glow-opacity: 0;--highlight-legal: rgba(230, 180, 60, .75);--highlight-selected: rgba(230, 180, 60, .35);--highlight-last-move: rgba(230, 180, 60, .12);--dice-bg: #f5f0e0;--dice-dots: #2a1005;--dice-border: #c4a882;--dice-shadow: 0 2px 4px rgba(0, 0, 0, .25);--cube-bg: #f5f0e0;--cube-text: #2a1005;--cube-border: #c4a882;--bg-primary: #1c1610;--bg-secondary: #2a2018;--bg-surface: #362a1e;--text-primary: #f0ead6;--text-secondary: #b8a888;--text-muted: #7a6a55;--accent: #d4a055;--accent-hover: #c08a3a;--success: #4caf50;--warning: #ff9800;--error: #e53935;--border: rgba(212, 160, 85, .15);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--panel-glow: none;--text-glow: none;--board-felt-texture-opacity: .1;--board-felt-texture-color: rgba(0, 0, 0, 1);--board-border-texture-opacity: .14;--board-border-texture-color: rgba(80, 50, 20, 1);--board-inset-shadow: rgba(0, 0, 0, .45);--bar-groove-color: rgba(0, 0, 0, .3);--bar-highlight-color: rgba(255, 255, 255, .06);--bearoff-bg: rgba(0, 0, 0, .25);--bearoff-border-color: rgba(255, 255, 255, .08);--point-stroke-color: rgba(0, 0, 0, .2);--dice-tray-bg: #b89b72;--dice-tray-shadow: inset 0 2px 4px rgba(0, 0, 0, .25);--panel-active-bg: rgba(212, 160, 85, .05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;display:flex;flex-direction:column}.app{height:100%;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary)}.app-main{flex:1;overflow:hidden;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none;color:inherit}input{font-family:inherit;border:none;outline:none;background:none;color:inherit}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}