:root{--game-russian: #8c5a2e;--game-eight: #2f6b4c;--game-nine: #2f5f8f}:root{--skin-scene-1: #3a2718;--skin-scene-2: #1c130c;--skin-scene-3: #0b0806;--skin-panel-1: #4a2a1e;--skin-panel-2: #2e1811;--skin-panel-deep: #1a0e09;--skin-panel-up: #5a3626;--skin-edge-light: #c9a668;--skin-edge: #8a6a38;--skin-edge-dark: #5c4622;--skin-accent: #e0c27a;--skin-text: #f5e8cc;--skin-text-muted: #cdb892;--skin-ink: #1c1208;--skin-menu-glow: #3d2717;--skin-menu-felt: #2a1a10;--skin-menu-deep: #180d06}html[data-game=eight]{--skin-scene-1: #18402e;--skin-scene-2: #0c2118;--skin-scene-3: #050f0b;--skin-panel-1: #1d4a35;--skin-panel-2: #0f2a1e;--skin-panel-deep: #081811;--skin-panel-up: #245a40;--skin-edge-light: #c9a668;--skin-edge: #7c6435;--skin-edge-dark: #4e4021;--skin-accent: #dcc47f;--skin-text: #eef3ea;--skin-text-muted: #b8c9b8;--skin-ink: #10271e;--skin-menu-glow: #143a2c;--skin-menu-felt: #0c2a1f;--skin-menu-deep: #071a13}html[data-game=nine]{--skin-scene-1: #1b3d5e;--skin-scene-2: #0c1e31;--skin-scene-3: #050c15;--skin-panel-1: #1c3f61;--skin-panel-2: #0f2438;--skin-panel-deep: #08151f;--skin-panel-up: #24507a;--skin-edge-light: #a8c4dd;--skin-edge: #5d7f9e;--skin-edge-dark: #34506a;--skin-accent: #9fd0ff;--skin-text: #e9f1f8;--skin-text-muted: #aec3d4;--skin-ink: #0b1b2a;--skin-menu-glow: #163a5c;--skin-menu-felt: #0d2036;--skin-menu-deep: #060f1c}:root{--ui-scene-1: var(--skin-scene-1);--ui-scene-2: var(--skin-scene-2);--ui-scene-3: var(--skin-scene-3);--ui-leather-1: var(--skin-panel-1);--ui-leather-2: var(--skin-panel-2);--ui-leather-deep: var(--skin-panel-deep);--ui-leather-up: var(--skin-panel-up);--ui-brass-light: var(--skin-edge-light);--ui-brass: var(--skin-edge);--ui-brass-dark: var(--skin-edge-dark);--ui-accent: var(--skin-accent);--ui-text: var(--skin-text);--ui-text-muted: var(--skin-text-muted);--ui-danger: #b24e59;--ui-danger-strong: #7f2935;--ui-ink: var(--skin-ink);--ui-veil: color-mix(in srgb, var(--skin-menu-deep) 76%, transparent);--ui-sheet-1: color-mix(in srgb, var(--skin-menu-felt) 97%, transparent);--ui-sheet-2: color-mix(in srgb, var(--skin-menu-deep) 97%, transparent);--ui-well-1: color-mix(in srgb, var(--ui-leather-deep), black 30%);--ui-well-2: var(--ui-leather-2);--ui-well-3: color-mix(in srgb, var(--ui-leather-deep), black 55%);--ui-felt: #2c7f4e;--ui-felt-dark: #123f25;--ui-ivory: #f2e6cd;--ui-ivory-shade: #bda87f;--ui-spin-dot: #d8433c;--ui-font-display: "Playfair Display", Georgia, "Times New Roman", serif;--ui-font-text: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ui-radius-s: 6px;--ui-radius-m: 10px;--ui-radius-l: 16px;--ui-radius-pill: 999px;--ui-space-1: 4px;--ui-space-2: 8px;--ui-space-3: 12px;--ui-space-4: 20px;--ui-space-5: 32px;--ui-tap: 44px;--ui-avatar: 56px;--ui-avatar-compact: 36px;--ui-ball-cell: 26px;--ui-ball-cell-compact: 18px;--ui-spin-size: 168px;--ui-spin-size-compact: 104px;--ui-power-length: 260px;--ui-border: 1px solid var(--ui-brass);--ui-shadow-panel: 0 6px 18px rgba(0, 0, 0, .45);--ui-shadow-inset: inset 0 1px 0 rgba(245, 232, 204, .18);--ui-glow-active: 0 0 0 2px var(--ui-accent), 0 0 14px rgba(224, 194, 122, .55);--ui-safe-top: env(safe-area-inset-top, 0px);--ui-safe-right: env(safe-area-inset-right, 0px);--ui-safe-bottom: env(safe-area-inset-bottom, 0px);--ui-safe-left: env(safe-area-inset-left, 0px)}.ui-panel,.ui-panel *,.ui-button,.layout,.layout *,.layout *:before,.layout *:after{box-sizing:border-box}.ui-panel{background:linear-gradient(180deg,var(--ui-leather-1),var(--ui-leather-2));border:var(--ui-border);border-radius:var(--ui-radius-l);box-shadow:var(--ui-shadow-inset),var(--ui-shadow-panel);color:var(--ui-text);font-family:var(--ui-font-text)}.ui-brass-surface{background:linear-gradient(180deg,var(--ui-brass-light) 0%,var(--ui-brass) 42%,var(--ui-brass-dark) 52%,var(--ui-brass) 78%,var(--ui-brass-light) 100%)}.ui-caption{font-family:var(--ui-font-text);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ui-text-muted)}.ui-button{min-height:var(--ui-tap);min-width:var(--ui-tap);padding:0 var(--ui-space-4);border:var(--ui-border);border-radius:var(--ui-radius-m);background:linear-gradient(180deg,var(--ui-leather-up),var(--ui-leather-2));box-shadow:var(--ui-shadow-inset);color:var(--ui-text);font-family:var(--ui-font-text);font-size:15px;cursor:pointer;touch-action:manipulation}.ui-button:hover{border-color:var(--ui-accent);color:var(--ui-accent)}.ui-button:active{box-shadow:inset 0 2px 6px #0000008c}.ui-button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.ui-button--accent{border-color:var(--ui-accent);color:var(--ui-accent)}.ui-button--accent:hover{background:linear-gradient(180deg,var(--ui-leather-up),var(--ui-leather-1))}.ui-button--danger{border-color:var(--ui-danger);color:#f0c9ce}.ui-button--danger:hover{border-color:var(--ui-danger);background:linear-gradient(180deg,var(--ui-danger),var(--ui-danger-strong));color:var(--ui-text)}