:root{--cell-size: 100px;--bg-primary: #f0f2f5;--bg-secondary: #fff;--text-primary: #333;--text-secondary: #555;--text-accent: #1a237e;--border-color: #bdc3c7;--shadow-color: rgba(0, 0, 0, .1);--cell-light: #F0D9B5;--cell-dark: #B58863;--cell-blocked: #858585;--piece-color: #3a2a22;--piece-shadow: rgba(255, 255, 255, .7);--control-bg: #f4f6f7;--control-hover: #3498db;--control-selected: #3f51b5;--computer-display-bg: #e8eaf6;--computer-display-border: #9fa8da;--computer-display-text: #3f51b5;--confirm-btn-bg: #4CAF50;--confirm-btn-hover: #45a049;--no-moves-btn-bg: #ff9800;--no-moves-btn-hover: #f57c00;--debug-btn-bg: #9c27b0;--debug-btn-hover: #7b1fa2;--modal-bg: rgba(0, 0, 0, .6);--modal-content-bg: white;--error-color: #d32f2f;--board-hidden-bg: #d2c8b8;--font-family-monospace: "Fira Mono", monospace;--unified-radius: 18px;--unified-spacing: 24px;--unified-shadow: 0 8px 32px #0008;--modal-header-color: #fff;--modal-body-color: #eee;--modal-footer-gap: 16px;--modal-overlay-bg: rgba(0, 0, 0, .45);--modal-overlay-bg-glass: rgba(0, 0, 0, .8);--modal-overlay-blur: 8px;--menu-bg: rgba(255, 255, 255, .72);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .1);--positive-score-color: #4CAF50;--confirm-action-bg: #43a047;--confirm-action-text: #ffffff;--warning-action-bg: #ffb300;--warning-action-text: #23272f;--info-action-bg: #9db2bf;--info-action-text: #23272f;--dot-color: #fff;--crown-shadow: #fff8;--control-selected-text: #23272f;--disabled-bg: #43464e;--disabled-text: #b0b0b0;--toggle-off-bg: #23272f;--confirm-btn-text: #fff;--no-moves-btn-text: #fff;--button-text-color: #23272f;--button-height: 44px;--unified-border-radius: 24px;--unified-shadow: 0 4px 16px 0 rgba(0, 0, 0, .5);--unified-shadow-hover: 0 6px 20px 0 rgba(0, 0, 0, .5);--dynamic-widget-shadow: 0 0 16px -8px;--responsive-max-width: min(400px, 95vw);--responsive-min-width: 200px;--mobile-modal-width: 95vw;--global-border-width: 0px;--unified-border: var(--global-border-width) solid rgba(255, 255, 255, .18);--unified-backdrop-filter: blur(10px);--accent-color: var(--control-selected);--bg-hover: var(--control-bg);--control-bg-hover: var(--control-hover)}[data-theme=dark],[data-theme=normal]{--menu-bg: rgba(30, 30, 30, .6);--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-accent: #64b5f6;--border-color: #555;--shadow-color: rgba(0, 0, 0, .3);--cell-light: #8d6e63;--cell-dark: #5d4037;--cell-blocked: #626262;--piece-color: #ffd54f;--piece-shadow: rgba(0, 0, 0, .7);--control-bg: #424242;--control-hover: #1976d2;--control-selected: #64b5f6;--computer-display-bg: #37474f;--computer-display-border: #546e7a;--computer-display-text: #81c784;--confirm-btn-bg: #388e3c;--confirm-btn-hover: #2e7d32;--no-moves-btn-bg: #ff9800;--no-moves-btn-hover: #f57c00;--debug-btn-bg: #9c27b0;--debug-btn-hover: #7b1fa2;--modal-bg: rgba(0, 0, 0, .8);--modal-content-bg: #2d2d2d;--error-color: #f44336;--board-hidden-bg: #424242}[data-style=purple]{--font-family: "Ubuntu", "Segoe UI", Arial, sans-serif;--bg-primary: linear-gradient(135deg, #fdf4f8 0%, #fff2d0 100%);--bg-secondary: rgba(255, 255, 255, .7);--modal-content-bg: #fef6e4;--modal-bg: #fdf4f8;--text-primary: #442c2e;--text-secondary: #6a4d5a;--text-accent: #e95420;--text-shadow: 0 1px 2px rgba(0,0,0,.1);--control-selected: #e95420;--control-bg: #f0e8f2;--border-color: #e9542080;--shadow-color: #e9542033;--cell-light: #f3e5d8;--cell-dark: #e4d5c6;--confirm-btn-bg: #dd4814;--no-moves-btn-bg: #77216f;--control-selected-text: #fff;--confirm-btn-text: #fff}[data-style=purple][data-theme=normal]{--bg-primary: linear-gradient(135deg, #2c001e 0%, #77216f 60%, #e95420 100%);--bg-secondary: rgba(60,0,50,.92);--modal-content-bg: #3f0037;--modal-bg: #2c001e;--text-primary: #fff;--text-secondary: #f0e8f2;--text-accent: #ffb300;--text-shadow: 0 2px 16px #e95420cc;--control-selected: #e95420;--control-bg: #77216f;--border-color: #e9542080;--shadow-color: #e9542033;--cell-light: #5d3a5b;--cell-dark: #4a2e48;--confirm-btn-bg: #e95420;--no-moves-btn-bg: #ffb300;--control-selected-text: #2c001e;--confirm-btn-text: #fff;--no-moves-btn-text: #222;--control-hover: #97408d;--confirm-btn-hover: #d24102;--piece-color: #f8ae02;--piece-shadow: rgba(0, 0, 0, .55);--confirm-action-bg: #43a047;--confirm-action-text: #ffffff;--warning-action-bg: #ffb300;--warning-action-text: #2c001e;--info-action-bg: #a259e6;--info-action-text: #ffffff;--disabled-bg: #3f0037;--disabled-text: #77216f}[data-style=purple][data-theme=dark]{--bg-primary: linear-gradient(135deg, #13000b 0%, #40003b 60%, #7d2301 100%);--bg-secondary: rgba(27, 0, 21, .92);--modal-content-bg: #1c0018;--modal-bg: #13000b;--text-primary: #fff;--text-secondary: #f0e8f2;--text-accent: #ffb300;--text-shadow: 0 2px 16px #e95420cc;--control-selected: #7d2301;--control-bg: #40003b;--border-color: #e9542080;--shadow-color: #e9542033;--cell-light: #331332;--cell-dark: #270e26;--confirm-btn-bg: #7d2301;--no-moves-btn-bg: #865c03;--control-selected-text: #d99dbf;--confirm-btn-text: #fff;--no-moves-btn-text: #222;--control-hover: #580152;--confirm-btn-hover: #6d1d00;--piece-color: #f8ae02;--piece-shadow: rgba(0, 0, 0, .55);--confirm-action-bg: #02550f;--confirm-action-text: #ffffff;--warning-action-bg: #865c03;--warning-action-text: #ffd5ec;--info-action-bg: #5c0094;--info-action-text: #ffffff;--disabled-bg: #1c0018;--disabled-text: #77216f}[data-style=purple] .control-btn,[data-style=purple] #center-info,[data-style=purple] .arrow{font-family:"M PLUS Rounded 1c",sans-serif!important;font-weight:700}[data-style=purple][data-theme=light]{--bg-primary: linear-gradient(120deg, #f3e8ff 0%, #e0c3fc 100%);--bg-secondary: #f8f0ff;--modal-content-bg: #fcf1ff;--text-primary: #2d1436;--text-secondary: #6d3a7c;--text-accent: #9247d4;--border-color: #a259e6;--shadow-color: rgba(162,89,230,.1);--cell-light: #b48ad6;--cell-dark: #8c5fb2;--cell-blocked: #b39ddb;--piece-color: #3a0060;--piece-shadow: rgba(162,89,230,.3);--control-bg: #e0c3fc;--control-hover: #a259e6;--control-selected: #994fdc;--confirm-btn-bg: #a259e6;--confirm-btn-hover: #7c3aed;--no-moves-btn-bg: #f3e8ff;--no-moves-btn-hover: #e0c3fc;--control-selected-text: #fff;--confirm-btn-text: #fff;--no-moves-btn-text: #222;--confirm-action-bg: #1b8627;--confirm-action-text: #ffffff;--warning-action-bg: #ffb300;--warning-action-text: #442c2e;--info-action-bg: #7c3aed;--info-action-text: #ffffff;--disabled-bg: #e0c3fc;--disabled-text: #9370db}[data-style=green][data-theme=light]{--bg-primary: linear-gradient(120deg, #e6ffe6 0%, #b2f7b8 100%);--bg-secondary: #e6ffe6;--text-primary: #1b4022;--text-secondary: #388e3c;--text-accent: #43a047;--border-color: #43a047;--shadow-color: rgba(67,160,71,.1);--cell-light: #7edc8a;--cell-dark: #4ea463;--cell-blocked: #a5d6a7;--piece-color: #43a047;--piece-shadow: rgba(67,160,71,.3);--control-bg: #b2f7b8;--control-hover: #43a047;--control-selected: #388e3c;--control-selected-text: #fff;--confirm-btn-bg: #43a047;--confirm-btn-hover: #388e3c;--no-moves-btn-bg: #e6ffe6;--no-moves-btn-hover: #b2f7b8;--confirm-btn-text: #fff;--no-moves-btn-text: #1b4022;--confirm-action-bg: #388e3c;--confirm-action-text: #ffffff;--warning-action-bg: #ffc107;--warning-action-text: #1b4022;--info-action-bg: #0288d1;--info-action-text: #ffffff;--disabled-bg: #b2f7b8;--disabled-text: #388e3c}[data-style=green][data-theme=normal]{--bg-primary: linear-gradient(120deg, #1b4022 0%, #2e7d32 100%);--bg-secondary: #1b4022;--text-primary: #fff;--text-secondary: #b2f7b8;--text-accent: #43a047;--border-color: #43a047;--shadow-color: rgba(67,160,71,.18);--cell-light: #4ea463;--cell-dark: #2e7d32;--cell-blocked: #388e3c;--piece-color: #43a047;--piece-shadow: rgba(67,160,71,.5);--control-bg: #245c36;--control-hover: #43a047;--control-selected: #b2f7b8;--control-selected-text: #1b4022;--confirm-btn-bg: #43a047;--confirm-btn-hover: #b2f7b8;--no-moves-btn-bg: #245c36;--no-moves-btn-hover: #388e3c;--confirm-btn-text: #1b4022;--no-moves-btn-text: #1b4022;--confirm-action-bg: #66bb6a;--confirm-action-text: #1b4022;--warning-action-bg: #ffa000;--warning-action-text: #1b4022;--info-action-bg: #4fc3f7;--info-action-text: #1b4022;--disabled-bg: #245c36;--disabled-text: #81c784;--toggle-off-bg: #1b4022}[data-style=green][data-theme=dark]{--bg-primary: linear-gradient(120deg, #001f07 0%, #004108 100%);--bg-secondary: #001f07;--text-primary: #fff;--text-secondary: #b2f7b8;--text-accent: #43a047;--border-color: #43a047;--shadow-color: rgba(67,160,71,.18);--cell-light: #005824;--cell-dark: #004108;--cell-blocked: #004a0b;--piece-color: #43a047;--piece-shadow: rgba(67,160,71,.5);--control-bg: #002e12;--control-hover: #02550f;--control-selected: #46884f;--control-selected-text: #001103;--confirm-btn-bg: #02550f;--confirm-btn-hover: #46884f;--no-moves-btn-bg: #002e12;--no-moves-btn-hover: #004a0b;--confirm-btn-text: #1b4022;--no-moves-btn-text: #1b4022;--confirm-action-bg: #026718;--confirm-action-text: #b0dab5;--warning-action-bg: #865202;--warning-action-text: #b7e1bc;--info-action-bg: #00668a;--info-action-text: #b9e3bd;--disabled-bg: #002e12;--disabled-text: #81c784;--toggle-off-bg: #001f07}[data-style=green] .cell.piece{animation:greenGlow 2s ease-in-out infinite alternate}[data-style=green] .control-btn:hover{box-shadow:0 0 15px var(--control-hover);transform:scale(1.05)}[data-style=green] .control-btn.selected{box-shadow:0 0 20px var(--control-selected);animation:greenPulse 1s ease-in-out infinite}[data-theme=dark][data-style=green] .cell.piece{animation:greenGlowDark 2s ease-in-out infinite alternate}[data-theme=dark][data-style=green] .control-btn:hover{box-shadow:0 0 20px var(--control-hover);transform:scale(1.08)}@keyframes greenGlowDark{0%{text-shadow:0 0 8px var(--piece-shadow)}to{text-shadow:0 0 25px var(--piece-shadow),0 0 40px var(--piece-color)}}@keyframes greenGlow{0%{text-shadow:0 0 5px var(--piece-shadow)}to{text-shadow:0 0 20px var(--piece-shadow),0 0 30px var(--piece-color)}}@keyframes greenPulse{0%,to{transform:scale(1.05)}50%{transform:scale(1.1)}}[data-style=green] .control-btn,[data-style=green] #center-info,[data-style=green] .arrow{font-family:"M PLUS Rounded 1c",sans-serif!important;font-weight:700}[data-style=blue][data-theme=light]{--bg-primary: linear-gradient(120deg, #eaf3fb 0%, #c7d8ed 100%);--bg-secondary: #eaf3fb;--text-primary: #1a2236;--text-secondary: #3a4a6b;--text-accent: #2a5ca7;--border-color: #2a5ca7;--shadow-color: rgba(42, 92, 167, .1);--cell-light: #7a9cc6;--cell-dark: #3a4a6b;--cell-blocked: #b0c4de;--piece-color: #2a5ca7;--piece-shadow: rgba(42, 92, 167, .3);--control-bg: #c7d8ed;--control-hover: #7a9cc6;--control-selected: #2a5ca7;--control-selected-text: #fff;--confirm-btn-bg: #2a5ca7;--confirm-btn-hover: #3a4a6b;--no-moves-btn-bg: #c7d8ed;--no-moves-btn-hover: #7a9cc6;--arrow-color: #1a2236;--confirm-btn-text: #fff;--no-moves-btn-text: #eaf3fb;--confirm-action-bg: #4caf50;--confirm-action-text: #ffffff;--warning-action-bg: #ffc107;--warning-action-text: #1a2236;--info-action-bg: #2a5ca7;--info-action-text: #ffffff;--disabled-bg: #c7d8ed;--disabled-text: #3a4a6b}[data-style=blue][data-theme=normal]{--bg-primary: linear-gradient(120deg, #727e8d 0%, #6a778c 100%);--bg-secondary: #727e8d;--text-primary: #0b131f;--text-secondary: #01122f;--text-accent: #001133;--border-color: #4375c1;--shadow-color: rgba(42, 92, 167, .22);--cell-light: #4c658f;--cell-dark: #273552;--cell-blocked: #7285a3;--piece-color: #5480bb;--piece-shadow: rgba(42, 92, 167, .3);--control-bg: #6e82a1;--control-hover: #597297;--control-selected: #4375c1;--control-selected-text: #f6fffc;--confirm-btn-bg: #284780;--confirm-btn-hover: #4c6ba2;--no-moves-btn-bg: #67768f;--no-moves-btn-hover: #4c658f;--arrow-color: #788393;--confirm-btn-text: #ffffff;--no-moves-btn-text: #eaf3fb;--confirm-action-bg: #47a74b;--confirm-action-text: #2d2d2d;--warning-action-bg: #ffba01;--warning-action-text: #151e31;--info-action-bg: #4375c1;--info-action-text: #ffffff;--disabled-bg: #6e82a1;--disabled-text: #597297;--toggle-off-bg: #101a2c}[data-style=blue][data-theme=dark]{--bg-primary: linear-gradient(120deg, #101a2c 0%, #1a2236 100%);--bg-secondary: #101a2c;--text-primary: #eaf3fb;--text-secondary: #7a9cc6;--text-accent: #5c8edc;--border-color: #5c8edc;--shadow-color: rgba(42, 92, 167, .22);--cell-light: #22335a;--cell-dark: #16213a;--cell-blocked: #3a4a6b;--piece-color: #7a9cc6;--piece-shadow: rgba(42, 92, 167, .3);--control-bg: #22335a;--control-hover: #3a4a6b;--control-selected: #5c8edc;--control-selected-text: #101a2c;--confirm-btn-bg: #22335a;--confirm-btn-hover: #5c8edc;--no-moves-btn-bg: #16213a;--no-moves-btn-hover: #22335a;--arrow-color: #eaf3fb;--confirm-btn-text: #fff;--no-moves-btn-text: #eaf3fb;--confirm-action-bg: #43a047;--confirm-action-text: #ffffff;--warning-action-bg: #ffb300;--warning-action-text: #101a2c;--info-action-bg: #5c8edc;--info-action-text: #ffffff;--disabled-bg: #22335a;--disabled-text: #7a9cc6;--toggle-off-bg: #101a2c}[data-style=blue] .cell.piece{animation:blueShine 3s ease-in-out infinite}[data-style=blue] .control-btn{border:var(--global-border-width) solid var(--border-color);background:linear-gradient(145deg,var(--control-bg),#3a5f8a)}[data-style=blue] .control-btn:hover{background:linear-gradient(145deg,var(--control-hover),#4a6f9a);box-shadow:0 0 15px var(--control-hover);transform:translateY(-2px)}[data-style=blue] .control-btn.selected{background:linear-gradient(145deg,var(--control-selected),#5a7faa);box-shadow:0 0 20px var(--control-selected);animation:bluePulse 1s ease-in-out infinite}[data-theme=dark][data-style=blue] .cell.piece{animation:blueShineDark 3s ease-in-out infinite}[data-theme=dark][data-style=blue] .control-btn{background:linear-gradient(145deg,var(--control-bg),#1a2838)}[data-theme=dark][data-style=blue] .control-btn:hover{background:linear-gradient(145deg,var(--control-hover),#2a3858);box-shadow:0 0 20px var(--control-hover);transform:translateY(-3px)}@keyframes blueShineDark{0%,to{text-shadow:0 0 10px var(--piece-shadow),0 0 20px var(--piece-color);transform:scale(1)}50%{text-shadow:0 0 20px var(--piece-shadow),0 0 40px var(--piece-color),0 0 60px var(--piece-color);transform:scale(1.05)}}@keyframes blueShine{0%,to{text-shadow:0 0 5px var(--piece-shadow),0 0 10px var(--piece-color);transform:scale(1)}50%{text-shadow:0 0 15px var(--piece-shadow),0 0 30px var(--piece-color),0 0 45px var(--piece-color);transform:scale(1.03)}}@keyframes bluePulse{0%,to{transform:scale(1.05)}50%{transform:scale(1.1)}}[data-style=blue] .control-btn,[data-style=blue] #center-info,[data-style=blue] .arrow{font-family:"M PLUS Rounded 1c",sans-serif!important;font-weight:700}[data-style=gray][data-theme=light]{--bg-primary: linear-gradient(120deg, #f5f6fa 0%, #e0e1e6 100%);--bg-secondary: #f5f6fa;--text-primary: #23272f;--text-secondary: #43464e;--text-accent: #b0b0b0;--border-color: #b0b0b0;--shadow-color: rgba(176, 176, 176, .1);--cell-light: #bfc4ce;--cell-dark: #7a7e87;--cell-blocked: #b0b0b0;--piece-color: #43464e;--piece-shadow: rgba(67, 70, 78, .3);--control-bg: #e0e1e6;--control-hover: #b0b0b0;--control-selected: #43464e;--control-selected-text: #fff;--confirm-btn-bg: #b0b0b0;--confirm-btn-hover: #43464e;--no-moves-btn-bg: #f5f6fa;--no-moves-btn-hover: #e0e1e6;--confirm-btn-text: #23272f;--no-moves-btn-text: #23272f;--confirm-action-bg: #4caf50;--confirm-action-text: #ffffff;--warning-action-bg: #ffc107;--warning-action-text: #23272f;--info-action-bg: #526d82;--info-action-text: #ffffff;--disabled-bg: #e0e1e6;--disabled-text: #7a7e87}[data-style=gray][data-theme=normal]{--bg-primary: linear-gradient(120deg, #23272f 0%, #43464e 100%);--bg-secondary: #23272f;--text-primary: #fff;--text-secondary: #b0b0b0;--text-accent: #e0e0e0;--border-color: #b0b0b0;--shadow-color: rgba(67, 70, 78, .18);--cell-light: #7a7e87;--cell-dark: #43464e;--cell-blocked: #b0b0b0;--piece-color: #b0b0b0;--piece-shadow: rgba(176, 176, 176, .3);--control-bg: #43464e;--control-hover: #b0b0b0;--control-selected: #e0e0e0;--control-selected-text: #23272f;--confirm-btn-bg: #b0b0b0;--confirm-btn-hover: #e0e0e0;--no-moves-btn-bg: #43464e;--no-moves-btn-hover: #b0b0b0;--confirm-btn-text: #fff;--no-moves-btn-text: #fff;--confirm-action-bg: #43a047;--confirm-action-text: #ffffff;--warning-action-bg: #ffb300;--warning-action-text: #23272f;--info-action-bg: #9db2bf;--info-action-text: #23272f;--disabled-bg: #43464e;--disabled-text: #b0b0b0;--toggle-off-bg: #23272f}[data-style=gray][data-theme=dark]{--bg-primary: linear-gradient(120deg, #0c0f16 0%, #1e2027 100%);--bg-secondary: #0c0f16;--text-primary: #fff;--text-secondary: #b0b0b0;--text-accent: #e0e0e0;--border-color: #b0b0b0;--shadow-color: rgba(67, 70, 78, .18);--cell-light: #3b3f47;--cell-dark: #1e2027;--cell-blocked: #5b5b5b;--piece-color: #b0b0b0;--piece-shadow: rgba(176, 176, 176, .3);--control-bg: #1e2027;--control-hover: #5b5b5b;--control-selected: #757575;--control-selected-text: #010206;--confirm-btn-bg: #5b5b5b;--confirm-btn-hover: #757575;--no-moves-btn-bg: #1e2027;--no-moves-btn-hover: #5b5b5b;--confirm-btn-text: #fff;--no-moves-btn-text: #fff;--confirm-action-bg: #02550f;--confirm-action-text: #ffffff;--warning-action-bg: #865c03;--warning-action-text: #dbe1ec;--info-action-bg: #4a5d68;--info-action-text: #cdd2dd;--disabled-bg: #1e2027;--disabled-text: #b0b0b0;--toggle-off-bg: #0c0f16}[data-style=gray] .modal-window .modal-content,[data-style=gray] .board-size-dropdown-btn,[data-style=gray] .board-size-dropdown-option{background:var(--bg-secondary);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);border:var(--global-border-width) solid var(--border-color);box-shadow:0 4px 24px var(--shadow-color);transition:background .25s,box-shadow .25s,border .18s}[data-style=gray] .control-btn{background:var(--bg-secondary);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);border:var(--global-border-width) solid var(--border-color);box-shadow:0 4px 24px var(--shadow-color)}[data-style=gray] .control-btn:not(:disabled),[data-style=gray] .dir-btn:not(:disabled),[data-style=gray] .dist-btn:not(:disabled){border:var(--global-border-width) solid var(--border-color);border-radius:14px;transition:background .18s,box-shadow .18s,transform .15s}[data-style=gray] .dir-btn:hover,[data-style=gray] .dist-btn:hover,[data-style=gray] .control-btn:hover{background:var(--control-hover);box-shadow:0 0 12px var(--control-selected);transform:scale(1.04)}[data-style=gray] .dir-btn.active,[data-style=gray] .dist-btn.active,[data-style=gray] .control-btn.selected{color:var(--control-selected-text);background:var(--control-selected);border-color:var(--control-selected);box-shadow:0 0 16px var(--control-selected)}[data-style=gray] .confirm-btn:not(:disabled),[data-style=gray] .no-moves-btn:not(:disabled){border:none;color:#232323;font-weight:700;border-radius:14px;transition:background .18s,box-shadow .18s,transform .15s}[data-style=gray] .confirm-btn{background:var(--confirm-btn-bg)}[data-style=gray] .no-moves-btn{background:var(--no-moves-btn-bg);color:#232323}[data-style=orange][data-theme=light]{--bg-primary: linear-gradient(120deg, #fff3e0 0%, #ffd180 100%);--bg-secondary: #fff3e0;--text-primary: #6d3a00;--text-secondary: #ff9800;--text-accent: #ffa726;--border-color: #ffa726;--shadow-color: rgba(255, 167, 38, .1);--cell-light: #ffb74d;--cell-dark: #ff8a26;--cell-blocked: #ffcc80;--piece-color: #ffa726;--piece-shadow: rgba(255, 167, 38, .3);--control-bg: #ffd180;--control-hover: #ffa726;--control-selected: #ff9800;--control-selected-text: #fff;--confirm-btn-bg: #ffa726;--confirm-btn-hover: #ff9800;--confirm-btn-text: #fff;--no-moves-btn-bg: #fff3e0;--no-moves-btn-hover: #ffd180;--no-moves-btn-text: #6d3a00;--confirm-action-bg: #4caf50;--confirm-action-text: #ffffff;--warning-action-bg: #ff9800;--warning-action-text: #ffffff;--info-action-bg: #03a9f4;--info-action-text: #ffffff;--disabled-bg: #ffd180;--disabled-text: #b5651d}[data-style=orange][data-theme=normal]{--bg-primary: linear-gradient(120deg, #ff6f00 0%, #e65100 100%);--bg-secondary: #ff6f00;--text-primary: #fff;--text-secondary: #ffd180;--text-accent: #ffa726;--border-color: #ffa726;--shadow-color: rgba(255, 167, 38, .18);--cell-light: #ff8a26;--cell-dark: #e65100;--cell-blocked: #ffa726;--piece-color: #ffa726;--piece-shadow: rgba(255, 167, 38, .5);--control-bg: #e65100;--control-hover: #ffa726;--control-selected: #ffd180;--control-selected-text: #6d3a00;--confirm-btn-bg: #ffa726;--confirm-btn-hover: #ffd180;--confirm-btn-text: #6d3a00;--no-moves-btn-bg: #e65100;--no-moves-btn-hover: #ffa726;--no-moves-btn-text: #fff;--confirm-action-bg: #66bb6a;--confirm-action-text: #222;--warning-action-bg: #ffb300;--warning-action-text: #222;--info-action-bg: #81d4fa;--info-action-text: #222;--disabled-bg: #e65100;--disabled-text: #ffd180}[data-style=orange][data-theme=dark]{--bg-primary: linear-gradient(120deg, #863701 0%, #782701 100%);--bg-secondary: #863701;--text-primary: #fff;--text-secondary: #ffd180;--text-accent: #ffb14c;--border-color: #ffa726;--shadow-color: rgba(255, 167, 38, .18);--cell-light: #884403;--cell-dark: #782701;--cell-blocked: #875504;--piece-color: #ffa726;--piece-shadow: rgba(255, 167, 38, .5);--control-bg: #782701;--control-hover: #875504;--control-selected: #926804;--control-selected-text: #fff2e8;--confirm-btn-bg: #875504;--confirm-btn-hover: #926804;--confirm-btn-text: #6d3a00;--no-moves-btn-bg: #782701;--no-moves-btn-hover: #875504;--no-moves-btn-text: #fff;--confirm-action-bg: #026718;--confirm-action-text: #cecece;--warning-action-bg: #865c03;--warning-action-text: #e2e2e2;--info-action-bg: #117194;--info-action-text: #eaeaea;--disabled-bg: #782701;--disabled-text: #ffd180}[data-style=orange] .game-board,[data-style=orange] .modal-window .modal-content{box-shadow:0 1px 2px 0 var(--shadow-color),0 1px 3px 1px var(--shadow-color)}[data-style=orange][data-theme=dark] .game-board,[data-style=orange][data-theme=dark] .modal-window .modal-content{box-shadow:0 1px 2px #0009,0 1px 3px 1px #0000004d}[data-style=orange] .dir-btn:not(:disabled),[data-style=orange] .dist-btn:not(:disabled){border:none;transition:background-color .2s ease,transform .1s ease}[data-style=orange] .dir-btn:hover,[data-style=orange] .dist-btn:hover{background-color:var(--control-hover)}[data-style=orange] .dir-btn:active,[data-style=orange] .dist-btn:active{transform:scale(.95)}[data-style=orange] .dir-btn.active,[data-style=orange] .dist-btn.active{background-color:var(--control-selected);color:var(--control-selected-text);color:var(--bg-secondary)}[data-style=orange] .confirm-btn,[data-style=orange] .no-moves-btn{border:none;color:var(--bg-primary);font-weight:700}[data-style=orange] .confirm-btn{background:var(--confirm-btn-bg)}[data-style=orange] .no-moves-btn{background:var(--no-moves-btn-bg);color:#202124}[data-style=wood][data-theme=light]{--bg-primary: linear-gradient(120deg, #f7f3ed 0%, #e3d3c2 100%);--bg-secondary: #f7f3ed;--text-primary: #4b2e13;--text-secondary: #7c5c3b;--text-accent: #a47551;--border-color: #a47551;--shadow-color: rgba(124,92,59,.1);--cell-light: #d2b48c;--cell-dark: #a47551;--cell-blocked: #bfa074;--piece-color: #7c5c3b;--piece-shadow: rgba(124,92,59,.3);--control-bg: #e3d3c2;--control-hover: #d2b48c;--control-selected: #7c5c3b;--control-selected-text: #fff;--confirm-btn-bg: #a47551;--confirm-btn-hover: #7c5c3b;--confirm-btn-text: #fff;--no-moves-btn-bg: #e3d3c2;--no-moves-btn-hover: #d2b48c;--no-moves-btn-text: #4b2e13;--arrow-color: #4b2e13;--confirm-action-bg: #556b2f;--confirm-action-text: #ffffff;--warning-action-bg: #daa520;--warning-action-text: #ffffff;--info-action-bg: #8b4513;--info-action-text: #ffffff;--disabled-bg: #e3d3c2;--disabled-text: #7c5c3b}[data-style=wood][data-theme=normal]{--bg-primary: linear-gradient(120deg, #7c7166 0%, #66584e 100%);--bg-secondary: #7c7166;--text-primary: #fff8f1;--text-secondary: #fff9f2;--text-accent: #fff9f5;--border-color: #8e6745;--shadow-color: rgba(89, 63, 37, .28);--cell-light: #7d6146;--cell-dark: #553a24;--cell-blocked: #9a7a54;--piece-color: #a5855e;--piece-shadow: rgba(89, 63, 37, .3);--control-bg: #6f6052;--control-hover: #7d6146;--control-selected: #a08059;--control-selected-text: #241d15;--confirm-btn-bg: #69472e;--confirm-btn-hover: #a08059;--confirm-btn-text: #f9f4eb;--no-moves-btn-bg: #6f6052;--no-moves-btn-hover: #7d6146;--no-moves-btn-text: #a38e78;--arrow-color: #a38e78;--confirm-action-bg: #739663;--confirm-action-text: #2c251d;--warning-action-bg: #e5c960;--warning-action-text: #5c554b;--info-action-bg: #b18153;--info-action-text: #2a231b;--disabled-bg: #6f6052;--disabled-text: #7c5c3b}[data-style=wood][data-theme=dark]{--bg-primary: linear-gradient(120deg, #231407 0%, #0d0502 100%);--bg-secondary: #231407;--text-primary: #f5e9da;--text-secondary: #bfa074;--text-accent: #a47551;--border-color: #7c5c3b;--shadow-color: rgba(60,40,20,.28);--cell-light: #3b2412;--cell-dark: #1a0e05;--cell-blocked: #7c5c3b;--piece-color: #bfa074;--piece-shadow: rgba(60,40,20,.3);--control-bg: #1a0e05;--control-hover: #3b2412;--control-selected: #bfa074;--control-selected-text: #231407;--confirm-btn-bg: #3b2412;--confirm-btn-hover: #bfa074;--confirm-btn-text: #f5e9da;--no-moves-btn-bg: #1a0e05;--no-moves-btn-hover: #3b2412;--no-moves-btn-text: #f5e9da;--arrow-color: #f5e9da;--confirm-action-bg: #8fbc8f;--confirm-action-text: #231407;--warning-action-bg: #f0e68c;--warning-action-text: #231407;--info-action-bg: #d2b48c;--info-action-text: #231407;--disabled-bg: #1a0e05;--disabled-text: #7c5c3b}#game-board,.game-board{display:grid;gap:var(--global-border-width);padding:0;background:transparent;border-radius:24px;box-shadow:none;margin:0 auto;width:100%;max-width:340px}.game-board{position:relative;--cell-size: calc(100% / var(--board-size, 3));display:grid;grid-template-columns:repeat(var(--board-size, 3),1fr);grid-template-rows:repeat(var(--board-size, 3),1fr);width:100%;height:100%;min-width:0px;min-height:0px;background:transparent;border-radius:24px;box-shadow:none;overflow:visible;margin:0 auto;transition:background .2s,width .2s,height .2s;backdrop-filter:none;-webkit-backdrop-filter:none;border:none!important;max-width:100%}.game-board--hidden{opacity:0;transform:scale(.7);pointer-events:none;height:0px!important;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1)}.game-board-top-row{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap;padding:0 8px}.board-row{display:contents}.board-bg-wrapper{--min-board-logic-size: 2;--max-board-logic-size: 9;--board-logic-range: calc(var(--max-board-logic-size) - var(--min-board-logic-size));--effective-min-size: min(240px, 50vw);--effective-max-size: min(480px, 95vw);--effective-pixel-range: calc(var(--effective-max-size) - var(--effective-min-size));--pixel-per-step: calc(var(--effective-pixel-range) / var(--board-logic-range));--final-dynamic-size: calc(var(--effective-min-size) + (var(--board-size, 3) - var(--min-board-logic-size)) * var(--pixel-per-step));width:var(--final-dynamic-size);aspect-ratio:1 / 1;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:none;will-change:transform,opacity,height,margin-bottom,width;height:auto;padding:0;max-width:100%}.board-bg-wrapper.hidden{opacity:0;transform:scale(.7);pointer-events:none;width:0!important;height:0px!important;margin-bottom:0!important;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1),margin-bottom .6s cubic-bezier(.4,0,.2,1)}.board-cell{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,calc(45vmin / var(--board-size, 3)),8rem);font-weight:700;border-radius:12px;transition:all .3s ease;position:relative;-webkit-user-select:none;user-select:none;box-sizing:border-box;color:#fff;z-index:1}.board-cell.light{background:var(--cell-light);box-shadow:0 1px 4px #ffb47812}.board-cell.dark{background:var(--cell-dark);box-shadow:0 1px 4px #78285021}.board-cell.available{box-shadow:none}.board-hidden .board-cell{background-color:var(--board-hidden-bg)!important;color:transparent!important;text-shadow:none!important}.board-cell.blocked-cell{background-color:#222;cursor:not-allowed;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #00000080}.board-cell.blocked-cell:before,.board-cell.blocked-cell:after{content:"";position:absolute;top:50%;left:50%;width:50%;height:3px;background-color:var(--error-color, #d32f2f);border-radius:2px;animation:cross-appear .3s ease-out forwards}.board-cell.blocked-cell:before{transform:translate(-50%,-50%) rotate(45deg);--rotation: 45deg}.board-cell.blocked-cell:after{transform:translate(-50%,-50%) rotate(-45deg);animation-delay:.05s;--rotation: -45deg}@keyframes cross-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(var(--rotation, 45deg))}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(var(--rotation, 45deg))}}.game-board-piece{font-size:1em}.game-board-piece.crown{filter:drop-shadow(0 2px 6px #fff8)}.game-board-piece.black{filter:drop-shadow(0 2px 6px #0008)}.player-piece{position:absolute;width:var(--cell-size);height:var(--cell-size);transition:top .6s ease-out,left .6s ease-out;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;transition:none}.player-piece.animating{transition:top .6s ease-out,left .6s ease-out}.player-piece svg{width:70%;height:70%;filter:drop-shadow(0 0 8px #fff8) drop-shadow(0 0 4px #ffb300cc);display:block;max-width:100%;max-height:100%}.piece-animating{animation:pieceMove .5s ease-in-out}@keyframes pieceMove{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.crown{display:block;text-align:center;filter:drop-shadow(0 0 8px #fff8) drop-shadow(0 0 4px #ffb300cc);animation:crown-pop .5s ease-out forwards}.crown svg{width:75%;height:75%;display:block;margin:0 auto}.piece-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:crown-pop .5s ease-out forwards}@keyframes crown-pop{0%{transform:scale(.5) rotate(-20deg);opacity:0}60%{transform:scale(1.2) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.board-cell.available-move{position:relative}.board-cell.available-move:after{content:"●";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(var(--cell-size) * .33);color:var(--text-accent)}.board-hidden .board-cell:after{display:none!important}.move-dot{position:absolute;top:50%;left:50%;width:18%;height:18%;background:var(--dot-color, #fff);border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.5);transition:opacity .3s ease-out,transform .3s ease-out}.board-cell.available .move-dot{opacity:1;transform:translate(-50%,-50%) scale(1)}.move-dot-highlighted{display:none!important}.replay-path-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.replay-path-svg line{stroke-width:4;stroke-linecap:round;transition:stroke-opacity .4s ease-out}@keyframes dot-pop-highlighted{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}80%{transform:translate(-50%,-50%) scale(1.3);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.board-cell[class*=cell-damage-]{position:relative}.board-cell[class*=cell-damage-]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:background .3s ease-out,box-shadow .3s ease-out;pointer-events:none;box-shadow:inset 0 0 10px 2px #0003}.cell-damage-1:before{background:radial-gradient(circle,transparent 50%,rgba(0,0,0,1) 80%)}.cell-damage-2:before{background:radial-gradient(circle,transparent 30%,rgba(0,0,0,1) 60%)}.cell-damage-3:before,.cell-damage-4:before,.cell-damage-5:before{background:radial-gradient(circle,transparent 10%,rgba(0,0,0,1) 40%)}.player-glow{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;opacity:0;transition:opacity .3s ease;pointer-events:none}#player1-glow{background:linear-gradient(45deg,transparent,rgba(76,175,80,.3),transparent);box-shadow:inset 0 0 20px #4caf5080}#player2-glow{background:linear-gradient(45deg,transparent,rgba(244,67,54,.3),transparent);box-shadow:inset 0 0 20px #f4433680}.player-glow.visible{opacity:1}.game-controls-panel{background:var(--bg-secondary);border-radius:24px;padding:24px 18px;display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:480px;min-width:240px;margin-left:auto;margin-right:auto;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--global-border-width) solid rgba(255,255,255,.18);transition:width .2s}.main-menu-btn,.clear-cache-btn{background:var(--control-bg, #fff3);border:none;border-radius:12px;width:64px!important;height:64px!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s;margin-right:4px;box-shadow:0 2px 16px 0 var(--shadow-color);overflow:hidden;background-clip:padding-box;color:var(--text-primary)}.main-menu-btn:hover,.clear-cache-btn:hover{background:var(--control-hover, #ff9800);color:#fff}.main-menu-btn.active{background:var(--control-selected, #ff9800);color:var(--control-selected-text);color:#fff;box-shadow:0 0 12px var(--control-selected, #ff9800);transform:scale(1.05)}.clear-cache-btn{width:44px;height:44px;border:var(--global-border-width) solid var(--border-color, #ccc);margin-left:4px;box-shadow:0 2px 8px #0001}.clear-cache-btn:hover{border-color:var(--control-hover, #ff9800)}.clear-cache-btn svg{width:32px!important;height:32px!important;display:block}.board-size-select{padding:12px 16px;border:var(--global-border-width) solid var(--border-color);border-radius:12px;background:var(--control-bg);color:var(--text-primary);cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px var(--shadow-color);min-width:120px;font-size:1.1em;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}.board-size-select:focus{outline:none;border-color:var(--control-hover);box-shadow:0 4px 12px var(--shadow-color),0 0 0 3px #3498db33}.board-size-dropdown-wrapper{position:relative;display:inline-block}.board-size-dropdown-btn{background:#fff3;border:none;border-radius:12px;width:64px!important;height:64px!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;margin-right:4px;box-shadow:0 2px 16px 0 var(--shadow-color);overflow:hidden;background-clip:padding-box;position:relative}.board-size-dropdown-btn-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;font-size:1.4em;font-weight:700;color:var(--text-primary);pointer-events:none}.board-size-dropdown-btn span,.board-size-dropdown-btn{width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.board-size-dropdown-btn:focus,.board-size-dropdown-btn:hover{background:#ff9800;color:#fff}.board-size-dropdown-list{position:absolute;top:110%;left:0;right:0;background:transparent;border:none;border-radius:18px;box-shadow:none;z-index:1000;margin-top:4px;overflow:visible;min-width:120px;backdrop-filter:none;-webkit-backdrop-filter:none;padding:12px 8px;list-style:none;display:flex;flex-direction:column;gap:10px;align-items:stretch}.board-size-dropdown-option{padding:14px 0;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s,transform .15s;background:#50287838;color:var(--text-primary);font-weight:700;font-size:1.18em;text-align:center;-webkit-user-select:none;user-select:none;border-radius:14px;box-shadow:0 2px 12px #50287814;border:none;outline:none;margin:0}.board-size-dropdown-option:focus-visible{outline:3px solid var(--control-selected, #ff9800);outline-offset:-3px}.board-size-dropdown-option:hover,.board-size-dropdown-option.selected{background:#ff9800d9;color:#fff;box-shadow:0 4px 18px #ff98002e;border-radius:18px;transform:scale(1.04)}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#1e0a2840;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:300px;margin:0 auto}#direction-grid .control-btn{width:60px;height:60px;font-size:1.5em;display:flex;align-items:center;justify-content:center;font-family:"M PLUS Rounded 1c",sans-serif}#distance-selector,.distance-selector{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}#distance-selector .control-btn{width:45px;height:45px;font-size:1.2em}.game-controls-card{max-width:340px;margin:0 auto;padding:28px 20px 24px;border-radius:24px;box-shadow:0 4px 32px #0003;display:flex;flex-direction:column;align-items:center;gap:18px}@media(max-width:600px){#direction-grid .control-btn{width:50px;height:50px;font-size:1.2em}#distance-selector .control-btn{width:40px;height:40px;font-size:1em}}#visual-controls,.visual-controls{display:flex;flex-direction:column;gap:20px;margin-top:20px;align-items:center;width:100%}.visual-controls.hidden{display:none}.controls-label{font-size:1.1em;font-weight:500;color:var(--text-primary);text-align:center;margin:0 0 6px}#computer-move-display{background:var(--computer-display-bg);border:var(--global-border-width) solid var(--computer-display-border);border-radius:12px;padding:15px;margin:20px auto;max-width:400px;text-align:center;font-family:var(--font-family-monospace);font-size:1.1em;color:var(--computer-display-text);box-shadow:0 4px 12px var(--shadow-color);transition:all .3s ease}#computer-move-display.confirm-btn-active{background:var(--confirm-btn-bg);color:#fff;border-color:var(--confirm-btn-bg);animation:pulse 2s infinite}#computer-move-display.confirm-btn-active:hover{background:var(--confirm-btn-hover);border-color:var(--confirm-btn-hover);transform:scale(1.02)}#computer-move-display span{display:inline-block;margin:0 4px;font-weight:700}#computer-move-display .arrow{font-size:1.2em;margin:0 8px;font-family:"M PLUS Rounded 1c",sans-serif!important;font-weight:700}#computer-move-display .distance{color:var(--text-accent);font-weight:700}#computer-move-display.player1-turn{border-color:#4caf50;box-shadow:0 4px 12px #4caf504d}#computer-move-display.player2-turn{border-color:#f44336;box-shadow:0 4px 12px #f443364d}#computer-move-display.computer-turn{border-color:#ff9800;box-shadow:0 4px 12px #ff98004d}[data-theme=dark] #computer-move-display.player1-turn{box-shadow:0 4px 12px #4caf5080}[data-theme=dark] #computer-move-display.player2-turn{box-shadow:0 4px 12px #f4433680}[data-theme=dark] #computer-move-display.computer-turn{box-shadow:0 4px 12px #ff980080}[data-style=green] #computer-move-display.player1-turn{box-shadow:0 4px 12px #0f86}[data-style=green] #computer-move-display.player2-turn{box-shadow:0 4px 12px #ff6b3566}[data-style=green] #computer-move-display.computer-turn{box-shadow:0 4px 12px #ff980066}[data-style=blue] #computer-move-display.player1-turn{box-shadow:0 4px 12px #5c7e1066}[data-style=blue] #computer-move-display.player2-turn{box-shadow:0 4px 12px #c2323266}[data-style=blue] #computer-move-display.computer-turn{box-shadow:0 4px 12px #ff980066}[data-theme=dark][data-style=green] #computer-move-display.player1-turn{box-shadow:0 4px 12px #0f89}[data-theme=dark][data-style=green] #computer-move-display.player2-turn{box-shadow:0 4px 12px #ff6b3599}[data-theme=dark][data-style=green] #computer-move-display.computer-turn{box-shadow:0 4px 12px #ff980099}[data-theme=dark][data-style=blue] #computer-move-display.player1-turn{box-shadow:0 4px 12px #5c7e1099}[data-theme=dark][data-style=blue] #computer-move-display.player2-turn{box-shadow:0 4px 12px #c2323299}[data-theme=dark][data-style=blue] #computer-move-display.computer-turn{box-shadow:0 4px 12px #ff980099}@media(max-width:600px){#computer-move-display{font-size:1em;padding:12px}}#center-info{border:none!important;font-family:"M PLUS Rounded 1c",sans-serif!important;font-weight:700}#center-info:not(.confirm-btn-active):not(.computer-move-display):not(.direction-distance-state){background:transparent!important}#center-info.computer-move-display{border:none!important;background:orange;color:#fff;font-weight:700}#center-info.player-move-display{color:#fff;font-weight:700;border:none}#center-info.confirm-btn-active{background:#43a047!important;color:#fff!important;border:var(--global-border-width) solid #43a047!important;cursor:pointer;font-weight:700;box-shadow:0 0 8px #43a047!important;transition:background .2s,color .2s;animation:pulse 2s infinite}#center-info.confirm-btn-active:hover{background:#2e7d32!important;border-color:#2e7d32!important;transform:scale(1.02)}#center-info.direction-distance-state{background:var(--control-bg);color:var(--text-primary);border:var(--global-border-width) solid var(--border-color);font-weight:700}@keyframes pulse{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}.game-checkboxes{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px}.checkbox-label{width:100%;display:flex;align-items:center;gap:10px}.settings-expander{--button-height: 36px;--summary-height: 64px;--button-padding: 4px 8px;--button-border-width: var(--global-border-width);--button-border-radius: 8px;--button-font-size: 1em;background:var(--bg-secondary);border-radius:var(--unified-border-radius);border:var(--unified-border);box-shadow:var(--dynamic-widget-shadow) var(--current-player-shadow-color);transition:background .25s,box-shadow .25s;-webkit-backdrop-filter:var(--unified-backdrop-filter);backdrop-filter:var(--unified-backdrop-filter);max-width:100%;box-sizing:border-box}.settings-expander:hover{box-shadow:var(--unified-shadow-hover)}.settings-expander.disabled{opacity:.6;pointer-events:none;cursor:not-allowed}.settings-expander__summary{position:relative;padding:0 20px;font-weight:700;font-size:1.18em;letter-spacing:.02em;color:#fff;background:none;border-radius:var(--unified-border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s,margin-bottom .4s ease-out;display:flex;align-items:center;height:var(--summary-height);min-height:var(--summary-height);box-sizing:border-box;outline:none;white-space:normal;line-height:1.2}.settings-expander__summary.disabled{cursor:not-allowed}.settings-expander__summary:focus:not(:focus-visible){outline:none;box-shadow:none}.settings-expander__summary:focus-visible{outline:3px solid var(--control-selected, #ff9800);outline-offset:-3px}.settings-expander.open>.settings-expander__summary{border-radius:var(--unified-border-radius) var(--unified-border-radius) 0 0}.settings-expander__arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%) rotate(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.settings-expander.open .settings-expander__arrow{transform:translateY(-50%) rotate(180deg)}.settings-expander__content{overflow:hidden;max-height:0;opacity:0;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1);padding:0 16px;display:flex;flex-direction:column;gap:12px}.settings-expander.open>.settings-expander__content{max-height:1200px;opacity:1;padding:0 16px 16px}.settings-expander__setting-item{display:flex;align-items:center;justify-content:space-between;font-size:1.08em;padding:0;gap:12px;flex-wrap:wrap}.settings-expander__setting-item .settings-expander__toggle-btn{width:auto!important;flex:1 1 auto;min-width:140px}.settings-expander__setting-item .settings-expander__square-btn{flex:0 0 auto}.settings-expander__label{font-weight:700;font-size:1em;text-align:center;flex-grow:1;white-space:normal}.settings-expander__button-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;width:100%;justify-content:center}.settings-expander__button-group--three{display:flex;flex-wrap:wrap}.settings-expander__size-adjuster{display:flex;align-items:center;gap:16px}.settings-expander__square-btn{background:var(--control-bg);color:var(--text-primary);border:var(--button-border-width) solid #888;border-radius:var(--button-border-radius);width:var(--button-height);min-width:var(--button-height);height:var(--button-height);min-height:var(--button-height);box-sizing:border-box;font-size:calc(var(--button-height) * .5);font-weight:700;cursor:pointer;transition:background .18s,color .18s,border .18s;display:flex;align-items:center;justify-content:center;padding:0}.settings-expander__square-btn:hover,.settings-expander__square-btn.active{background:var(--control-selected);color:var(--control-selected-text);border-color:var(--control-selected)}.settings-expander__square-btn:focus-visible,.settings-expander__row-btn:focus-visible{outline:3px solid var(--control-selected, #ff9800);outline-offset:2px}.settings-expander__current-size{font-weight:500}.settings-expander__options-group{display:flex;align-items:center;justify-content:space-between;padding:0 0 0 12px;gap:12px;flex-wrap:wrap}.settings-expander__options-group .settings-expander__button-group{width:auto;margin-top:0;flex:1 1 auto;justify-content:flex-end;min-width:180px}.settings-expander__row-btn{background:var(--control-bg);color:var(--text-primary);border:var(--button-border-width) solid #888;border-radius:var(--button-border-radius);padding:0 8px;height:var(--button-height);min-height:var(--button-height);flex:1 1 auto;min-width:60px;box-sizing:border-box;font-size:.95em;font-weight:600;cursor:pointer;transition:background .18s,color .18s,border .18s;display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center;line-height:1.1}.settings-expander__row-btn:hover,.settings-expander__row-btn:focus{border-color:var(--control-selected);color:var(--text-primary)}.settings-expander__row-btn.active{background:var(--control-selected);color:var(--control-selected-text);border-color:var(--control-selected);transform:scale(1.02);z-index:1}.settings-expander__divider{border:none;border-top:var(--global-border-width) solid var(--border-color, #444);margin:0;width:100%}.settings-expander__section-title{font-weight:700;color:var(--text-primary);margin:0;text-align:center;font-size:1.1em}.locked-setting{opacity:.5;cursor:help}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background .5s ease,color .5s ease;min-height:100dvh;overflow-x:hidden;width:100%}h1{text-align:center;color:var(--text-primary);margin-bottom:20px;font-size:2.5em;font-weight:700}.score-panel{background:var(--bg-secondary);padding:16px 24px;border-radius:var(--unified-radius);box-shadow:0 8px 32px 0 var(--current-player-shadow-color);margin-bottom:var(--unified-spacing);text-align:center;font-size:1.2em;font-weight:700}.online-users{background:var(--bg-secondary);padding:12px 20px;border-radius:12px;box-shadow:var(--unified-shadow);margin:10px 0;text-align:center;font-weight:700;color:var(--text-accent);animation:onlinePulse 2s ease-in-out infinite}@keyframes onlinePulse{0%,to{opacity:.8}50%{opacity:1}}[data-theme=dark] .online-users{box-shadow:0 4px 12px #0000004d}[data-style=green] .online-users{box-shadow:0 4px 12px #00ff884d}[data-style=blue] .online-users{box-shadow:0 4px 12px #ffd7004d}#board-options{background:var(--bg-secondary);padding:20px;border-radius:var(--unified-radius);box-shadow:var(--unified-shadow);margin-top:var(--unified-spacing);text-align:center}#board-options label{margin:0 10px;font-weight:700;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color .3s ease;color:var(--text-primary)}#board-options label:hover{background:var(--control-bg)}#ui-panel{margin-top:20px}#message-area{text-align:center;margin:20px 0;padding:15px;background:var(--bg-secondary);border-radius:12px;box-shadow:var(--unified-shadow);font-weight:700;color:var(--text-primary)}.board-hidden{filter:blur(5px);pointer-events:none}.control-btn,#center-info,.arrow,[data-direction]{font-family:"M PLUS Rounded 1c",sans-serif!important}.control-btn[data-direction],#center-info,.computer-move-display .arrow,#computer-move-display .arrow{font-family:"M PLUS Rounded 1c",sans-serif!important;font-weight:700}@media(max-width:600px){h1{font-size:2em}.score-panel{padding:12px 16px;font-size:1em}#board-options{padding:16px}#board-options label{margin:5px;padding:6px 10px;font-size:.9em}}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.game-content-block{width:100%;max-width:480px;margin-left:auto;margin-right:auto;box-sizing:border-box}.screen-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));z-index:9999;transition:background-color .3s,backdrop-filter .3s}:root .modal-overlay,[data-style] .modal-overlay,[data-theme] .modal-overlay{background:var(--modal-overlay-bg)!important;backdrop-filter:blur(var(--modal-overlay-blur))!important;-webkit-backdrop-filter:blur(var(--modal-overlay-blur))!important}.hidden{display:none!important}[data-testid$=-close-btn]{transition:transform .25s cubic-bezier(.4,0,.2,1),background-color .25s ease,color .25s ease,opacity .25s ease}[data-testid$=-close-btn]:has(svg):hover{transform:rotate(90deg) scale(1.08)}[data-testid$=-close-btn]:has(svg):active{transform:rotate(90deg) scale(.92)}@media(prefers-reduced-motion:reduce){[data-testid$=-close-btn],[data-testid$=-close-btn]:has(svg):hover,[data-testid$=-close-btn]:has(svg):active{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.online-users{animation:none!important}}.pwa-toast.svelte-xj1d5q{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--bg-secondary);color:var(--text-primary);padding:20px 24px;border-radius:16px;box-shadow:0 6px 24px #00000080;z-index:10002;border:var(--global-border-width) solid var(--control-selected);animation:svelte-xj1d5q-slide-in .5s ease-out;width:90vw;max-width:380px;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;gap:16px}@keyframes svelte-xj1d5q-slide-in{0%{transform:translate(-50%,120px);opacity:0}to{transform:translate(-50%);opacity:1}}.text-container.svelte-xj1d5q{margin-bottom:0}.title.svelte-xj1d5q{margin:0 0 8px;font-weight:700;font-size:1.2em}.description.svelte-xj1d5q{margin:0;font-size:.95em;opacity:.9;line-height:1.5}.pwa-buttons.svelte-xj1d5q{display:flex;flex-direction:column;gap:8px}.dismiss-btn.svelte-xj1d5q{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;font-size:.9em;text-decoration:underline}.dismiss-btn.svelte-xj1d5q:hover{color:var(--text-primary)}.base-modal-backdrop.svelte-1n41utl{position:fixed;top:0;left:0;width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;z-index:1000;padding:0;box-sizing:border-box}.base-modal-backdrop.glass.svelte-1n41utl{background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.base-modal-backdrop.classic.svelte-1n41utl{background:#0009}.base-modal-container.svelte-1n41utl{width:var(--responsive-max-width, 400px);max-width:95vw;max-height:100dvh;display:flex;flex-direction:column;position:relative;box-sizing:border-box}.test-mode-control-group.svelte-1mk40x8{display:flex;flex-direction:column;gap:.25rem}.test-mode-group-title.svelte-1mk40x8{font-weight:500;color:var(--text-secondary, #aaa);border-bottom:var(--global-border-width) solid var(--border-color, #444);padding-bottom:.125rem;margin-bottom:.25rem}.test-mode-btn-group.svelte-1mk40x8{display:grid;grid-template-columns:1fr;gap:.25rem}.test-mode-row-btn.svelte-1mk40x8{background:var(--control-bg);border:var(--global-border-width) solid var(--border-color);color:var(--text-primary);padding:0 .4rem;line-height:1.5;font-size:.8rem;border-radius:12px;text-align:center;cursor:pointer;transition:background-color .2s,border-color .2s;min-height:32px}.test-mode-row-btn.svelte-1mk40x8:hover{border-color:var(--control-selected)}.test-mode-row-btn.active.svelte-1mk40x8{background:var(--control-selected);color:var(--control-selected-text, #000000);border-color:var(--control-selected)}.test-mode-manual-coords.svelte-1mk40x8{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) 30px;gap:.25rem;align-items:end}.test-mode-input-group.svelte-1mk40x8{display:flex;flex-direction:column;align-items:center;gap:.125rem}.test-mode-input-group.svelte-1mk40x8 label:where(.svelte-1mk40x8){font-size:.7rem;color:var(--text-secondary, #aaa)}.test-mode-input.svelte-1mk40x8{width:100%;background:var(--control-bg, #111);border:var(--global-border-width) solid var(--input-border, #555);color:var(--text-primary, #fff);border-radius:12px;padding:.1rem 0;text-align:center;font-size:.8rem;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;transition:border-color .2s,box-shadow .2s}.test-mode-input.svelte-1mk40x8:focus{outline:none;border-color:var(--control-selected, #007acc);box-shadow:0 0 0 2px var(--control-selected-shadow, rgba(0, 122, 204, .5))}.test-mode-input.svelte-1mk40x8::-webkit-outer-spin-button,.test-mode-input.svelte-1mk40x8::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.test-mode-square-btn.svelte-1mk40x8{background:var(--control-bg);border:var(--global-border-width) solid var(--border-color);color:var(--text-primary);border-radius:12px;width:100%;height:100%;padding:0;font-size:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.test-mode-control-group.svelte-k7c8x7{display:flex;flex-direction:column;gap:.25rem}.test-mode-group-title.svelte-k7c8x7{font-weight:500;color:var(--text-secondary, #aaa);border-bottom:var(--global-border-width) solid var(--border-color, #444);padding-bottom:.125rem;margin-bottom:.25rem}.test-mode-btn-group.svelte-k7c8x7{display:grid;grid-template-columns:1fr;gap:.25rem}.test-mode-row-btn.svelte-k7c8x7{background:var(--control-bg);border:var(--global-border-width) solid var(--border-color);color:var(--text-primary);padding:0 .4rem;line-height:1.5;font-size:.8rem;border-radius:12px;text-align:center;cursor:pointer;transition:background-color .2s,border-color .2s;min-height:32px}.test-mode-row-btn.svelte-k7c8x7:hover{border-color:var(--control-selected)}.test-mode-row-btn.active.svelte-k7c8x7{background:var(--control-selected);color:var(--control-selected-text, #000000);border-color:var(--control-selected)}.test-mode-directions-3x3.svelte-k7c8x7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.125rem}.test-mode-dir-btn.svelte-k7c8x7{background:var(--control-bg);border:var(--global-border-width) solid var(--border-color);color:var(--text-primary);border-radius:16px;min-width:100%;font-size:.9rem;display:flex;align-items:center;justify-content:center;font-family:"M PLUS Rounded 1c",sans-serif!important}.test-mode-dir-btn.active.svelte-k7c8x7{background:var(--control-selected);color:var(--control-selected-text, #000000)}.test-mode-manual-move-controls.svelte-k7c8x7{display:grid;grid-template-columns:1fr 30px;gap:.25rem;align-items:end}.test-mode-input-group.svelte-k7c8x7{display:flex;flex-direction:column;align-items:center;gap:.125rem}.test-mode-input-group.svelte-k7c8x7 label:where(.svelte-k7c8x7){font-size:.7rem;color:var(--text-secondary, #aaa)}.test-mode-input.svelte-k7c8x7{width:100%;background:var(--control-bg, #111);border:var(--global-border-width) solid var(--input-border, #555);color:var(--text-primary, #fff);border-radius:12px;padding:.1rem 0;text-align:center;font-size:.8rem;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;transition:border-color .2s,box-shadow .2s}.test-mode-input.svelte-k7c8x7:focus{outline:none;border-color:var(--control-selected, #007acc);box-shadow:0 0 0 2px var(--control-selected-shadow, rgba(0, 122, 204, .5))}.test-mode-input.svelte-k7c8x7::-webkit-outer-spin-button,.test-mode-input.svelte-k7c8x7::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.test-mode-square-btn.svelte-k7c8x7{background:var(--control-bg);border:var(--global-border-width) solid var(--border-color);color:var(--text-primary);border-radius:12px;width:100%;height:100%;padding:0;font-size:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.test-mode-widget.svelte-1l7lf7z{background:var(--bg-secondary, #1e1e1e);border-radius:var(--unified-border-radius, 12px);padding:.5rem;display:flex;flex-direction:column;gap:.25rem;width:150px}.test-mode-widget-title.svelte-1l7lf7z{font-weight:700;text-align:center;color:var(--text-primary, #fff);margin-bottom:.25rem}.test-mode-divider.svelte-1l7lf7z{border:none;border-top:var(--global-border-width) solid var(--border-color);margin:.125rem 0}.tooltip-title{font-weight:700;margin-bottom:6px;text-align:center}.tooltip-divider{border:none;border-top:1px solid var(--border-color, #444);margin:6px 0}.hotkey-title{font-weight:700;margin-bottom:4px;text-align:center}.hotkey-item{display:flex;justify-content:center}.hotkey-item:not(:last-child){margin-bottom:4px}.hotkey-kbd{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 6px;border:var(--global-border-width) solid var(--border-color, #444);border-radius:4px;background:var(--bg-primary, #1e1e1e);font-weight:700}.hotkey-kbd.single-char{width:20px;padding:0}.tooltip.svelte-11extwn{position:fixed;padding:8px 12px;background:var(--bg-secondary, #2a2a2a);color:var(--text-primary, #fff);border-radius:var(--unified-border-radius, 12px);border:var(--unified-border, 1px solid rgba(255, 255, 255, .1));box-shadow:var(--unified-shadow, 0 4px 12px rgba(0, 0, 0, .2));-webkit-backdrop-filter:var(--unified-backdrop-filter, blur(10px));backdrop-filter:var(--unified-backdrop-filter, blur(10px));z-index:10001;pointer-events:none;font-size:.9em;white-space:pre-line;opacity:0;transform:translateY(5px);animation:svelte-11extwn-fadeIn .2s ease-out forwards}@keyframes svelte-11extwn-fadeIn{to{opacity:1;transform:translateY(0)}}.toggle-trigger.svelte-em4l20{background:transparent;border:none;display:flex;justify-content:center;cursor:pointer;color:var(--text-secondary, #aaa);position:absolute;padding:0;-webkit-tap-highlight-color:transparent;z-index:-1;pointer-events:auto}.toggle-trigger.svelte-em4l20:focus:not(:focus-visible),.toggle-trigger.svelte-em4l20:active{outline:none;box-shadow:none}.toggle-trigger.svelte-em4l20:focus-visible{outline:3px solid var(--control-selected, #ff9800);outline-offset:2px;z-index:1}.toggle-visual.svelte-em4l20{background:var(--menu-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;pointer-events:none}.toggle-trigger.position-bottom.svelte-em4l20{width:80px;height:48px;top:0;right:8px;transform:translateY(-100%);align-items:flex-end}.position-bottom.svelte-em4l20 .toggle-visual:where(.svelte-em4l20){width:60px;height:24px;border-radius:16px 16px 0 0}.toggle-trigger.position-top.svelte-em4l20{width:80px;height:48px;bottom:0;right:8px;transform:translateY(100%);align-items:flex-start}.position-top.svelte-em4l20 .toggle-visual:where(.svelte-em4l20){width:60px;height:24px;border-radius:0 0 16px 16px}.toggle-trigger.position-left.svelte-em4l20{width:48px;height:80px;right:0;top:8px;transform:translate(100%);align-items:center;justify-content:flex-start}.position-left.svelte-em4l20 .toggle-visual:where(.svelte-em4l20){width:24px;height:60px;border-radius:0 16px 16px 0}.toggle-trigger.position-right.svelte-em4l20{width:48px;height:80px;left:0;top:8px;transform:translate(-100%);align-items:center;justify-content:flex-end}.position-right.svelte-em4l20 .toggle-visual:where(.svelte-em4l20){width:24px;height:60px;border-radius:16px 0 0 16px}.toggle-icon.svelte-em4l20{transition:transform .3s;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.position-bottom.svelte-em4l20 .toggle-icon.closed:where(.svelte-em4l20){transform:rotate(180deg)}.position-top.svelte-em4l20 .toggle-icon.closed:where(.svelte-em4l20){transform:rotate(180deg)}.position-left.svelte-em4l20 .toggle-icon.open:where(.svelte-em4l20){transform:rotate(-90deg)}.position-left.svelte-em4l20 .toggle-icon.closed:where(.svelte-em4l20){transform:rotate(90deg)}.position-right.svelte-em4l20 .toggle-icon.open:where(.svelte-em4l20){transform:rotate(90deg)}.position-right.svelte-em4l20 .toggle-icon.closed:where(.svelte-em4l20){transform:rotate(-90deg)}.menu-button.svelte-1g09imp{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:.5rem;color:var(--text-secondary, #888);transition:all .2s ease;width:100%;height:100%;min-height:48px;position:relative}.menu-button.svelte-1g09imp:hover{color:var(--text-primary, #fff)}.menu-button.active.svelte-1g09imp{color:var(--text-accent, #ffaa00)}.icon-wrapper.svelte-1g09imp{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:32px}.menu-button.primary.svelte-1g09imp{background:var(--control-bg, #444);color:var(--text-primary, #fff);border-radius:50%;width:64px;height:64px;box-shadow:0 4px 10px #0000004d}[data-testid=menu-item-play].primary.svelte-1g09imp{background:var(--confirm-action-bg, #4caf50);color:var(--confirm-action-text, #fff)}.menu-button.primary.active.svelte-1g09imp{background:var(--control-selected, #ffaa00);color:var(--control-selected-text, #000)}.menu-button.primary.svelte-1g09imp:hover{transform:scale(1.05);box-shadow:0 6px 12px #0006}.menu-button.primary.svelte-1g09imp .icon-wrapper:where(.svelte-1g09imp){width:48px;height:48px;font-size:48px}:root{--menu-height: 80px;--menu-border-radius: 16px;--menu-drop-shadow: drop-shadow(0 8px 32px rgba(0, 0, 0, .3))}.menu-panel.svelte-1vh1ciz{background:var(--menu-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);filter:var(--menu-drop-shadow);display:flex;align-items:center;justify-content:center;padding:0 4px;box-sizing:border-box;position:relative;pointer-events:auto}.menu-panel.position-top.svelte-1vh1ciz,.menu-panel.position-bottom.svelte-1vh1ciz{width:95%;max-width:600px;height:var(--menu-height)}.menu-panel.position-left.svelte-1vh1ciz,.menu-panel.position-right.svelte-1vh1ciz{width:var(--menu-height);height:95%;max-height:600px;flex-direction:column;padding:4px 0}.menu-panel.position-bottom.svelte-1vh1ciz{margin-bottom:10px;border-radius:var(--menu-border-radius)}.menu-panel.position-top.svelte-1vh1ciz{margin-top:10px;border-radius:var(--menu-border-radius)}.menu-panel.position-left.svelte-1vh1ciz{margin-left:10px;border-radius:var(--menu-border-radius)}.menu-panel.position-right.svelte-1vh1ciz{margin-right:10px;border-radius:var(--menu-border-radius)}@media(min-width:768px){.menu-panel.position-bottom.svelte-1vh1ciz{width:auto;min-width:400px;margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.menu-panel.position-top.svelte-1vh1ciz{width:auto;min-width:400px;margin-top:0;border-top-left-radius:0;border-top-right-radius:0}}.menu-grid.svelte-1vh1ciz{display:grid;width:100%;height:100%;position:relative}.menu-grid.horizontal.svelte-1vh1ciz{grid-template-columns:1fr 1fr 1.3fr 1fr 1fr}.menu-grid.vertical.svelte-1vh1ciz{grid-template-rows:1fr 1fr 1.3fr 1fr 1fr;grid-template-columns:1fr}.menu-slot.svelte-1vh1ciz{display:flex;align-items:center;justify-content:center;position:relative}.slot-2.svelte-1vh1ciz{overflow:visible}.slot-2 .menu-button.primary{width:84px;height:84px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0006}.slot-2 .menu-button.primary:hover{transform:translate(-50%,-50%) scale(1.05)}:root{--menu-z-index: 1000;--menu-height: 80px}.flexible-menu-wrapper.svelte-25e3pw{position:fixed;z-index:var(--menu-z-index);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;pointer-events:none}.flexible-menu-wrapper.position-bottom.svelte-25e3pw{bottom:0;left:0;right:0;flex-direction:column;align-items:center}.flexible-menu-wrapper.position-bottom.is-closed.svelte-25e3pw{transform:translateY(100%)}.flexible-menu-wrapper.position-top.svelte-25e3pw{top:0;left:0;right:0;flex-direction:column;align-items:center}.flexible-menu-wrapper.position-top.is-closed.svelte-25e3pw{transform:translateY(-100%)}.flexible-menu-wrapper.position-left.svelte-25e3pw{left:0;top:0;bottom:0;flex-direction:row;align-items:center}.flexible-menu-wrapper.position-left.is-closed.svelte-25e3pw{transform:translate(-100%)}.flexible-menu-wrapper.position-right.svelte-25e3pw{right:0;top:0;bottom:0;flex-direction:row-reverse;align-items:center}.flexible-menu-wrapper.position-right.is-closed.svelte-25e3pw{transform:translate(100%)}.menu-spacer.svelte-25e3pw{transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.menu-spacer.position-bottom.svelte-25e3pw,.menu-spacer.position-top.svelte-25e3pw{width:100%;height:0}.menu-spacer.position-bottom.is-open.svelte-25e3pw,.menu-spacer.position-top.is-open.svelte-25e3pw{height:var(--menu-height)}.menu-spacer.position-left.svelte-25e3pw,.menu-spacer.position-right.svelte-25e3pw{height:100%;width:0}.menu-spacer.position-left.is-open.svelte-25e3pw,.menu-spacer.position-right.is-open.svelte-25e3pw{width:var(--menu-height)}.toast-item.svelte-zemmny{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary, #1e2025);border:var(--global-border-width, 1px) solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-width:280px;max-width:420px;pointer-events:auto;color:var(--text-primary, #ffffff)}.toast-item.error.svelte-zemmny{border-left:4px solid var(--error-color, #ef4444)}.toast-item.warning.svelte-zemmny{border-left:4px solid var(--warning-action-bg, #f59e0b)}.toast-item.success.svelte-zemmny{border-left:4px solid var(--positive-score-color, #22c55e)}.toast-item.info.svelte-zemmny{border-left:4px solid var(--text-accent, #3b82f6)}.toast-item.achievement.svelte-zemmny{border-left:4px solid var(--accent-gold, #eab308)}.toast-item.svelte-zemmny:hover .toast-progress:where(.svelte-zemmny),.toast-item.svelte-zemmny:focus-within .toast-progress:where(.svelte-zemmny){animation-play-state:paused}@keyframes svelte-zemmny-toast-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-progress.svelte-zemmny{position:absolute;bottom:0;left:0;width:100%;height:3px;transform-origin:left center;animation:svelte-zemmny-toast-shrink linear forwards}.toast-item.error.svelte-zemmny .toast-progress:where(.svelte-zemmny){background:#ef4444}.toast-item.warning.svelte-zemmny .toast-progress:where(.svelte-zemmny){background:#f59e0b}.toast-item.success.svelte-zemmny .toast-progress:where(.svelte-zemmny){background:#22c55e}.toast-item.info.svelte-zemmny .toast-progress:where(.svelte-zemmny){background:#3b82f6}.toast-item.achievement.svelte-zemmny .toast-progress:where(.svelte-zemmny){background:#eab308}.icon.svelte-zemmny{flex-shrink:0;display:flex;align-items:center;color:var(--text-primary, #ffffff)}.toast-item.error.svelte-zemmny .icon:where(.svelte-zemmny){color:#ef4444}.toast-item.warning.svelte-zemmny .icon:where(.svelte-zemmny){color:#f59e0b}.toast-item.success.svelte-zemmny .icon:where(.svelte-zemmny){color:#22c55e}.toast-item.info.svelte-zemmny .icon:where(.svelte-zemmny){color:#3b82f6}.toast-item.achievement.svelte-zemmny .icon:where(.svelte-zemmny){color:#eab308}.content.svelte-zemmny{flex-grow:1;display:flex;flex-direction:column;gap:4px}.title.svelte-zemmny{font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.2}.message.svelte-zemmny{font-size:.85rem;font-weight:400;color:var(--text-secondary, rgba(255, 255, 255, .7));line-height:1.4}.close-btn.svelte-zemmny{background:none;border:none;padding:4px;cursor:pointer;opacity:.6;display:flex;align-items:center;color:var(--text-secondary, rgba(255, 255, 255, .7));border-radius:4px}.close-btn.svelte-zemmny:hover{opacity:1;color:var(--text-primary, #ffffff)}.toast-container.svelte-16oeye1{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:11000;display:flex;flex-direction:column;gap:12px;pointer-events:none;width:max-content;max-width:90vw}.log-fab.svelte-83ki4p{position:fixed;bottom:16px;left:16px;z-index:9999;display:flex;align-items:center;gap:4px;min-height:32px;padding:0 8px;border-radius:16px;background-color:var(--bg-secondary, #2a2a2a);color:var(--text-primary, #fff);border:2px solid var(--border-color, #444);box-shadow:0 4px 12px #0000004d;cursor:pointer;transition:all .2s ease}.log-fab.svelte-83ki4p:hover{transform:scale(1.05)}.log-fab.svelte-83ki4p:active{transform:scale(.95)}.version.svelte-83ki4p{font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1;white-space:nowrap}.log-fab.svelte-83ki4p .badge-icon{width:16px;height:16px;flex:none}.log-fab.svelte-83ki4p .badge-icon--hint{width:12px;height:12px;opacity:.6}.log-fab.has-errors.svelte-83ki4p{background-color:#c92a2a;color:#fff;border-color:#7f1d1d}.log-fab.copied.svelte-83ki4p{background-color:#237a35;color:#fff;border-color:#1b5e20}.error-count.svelte-83ki4p{font-weight:700;font-size:.75rem;line-height:1;padding:2px 5px;border-radius:8px;background-color:#7f1d1d;color:#fff}@media(hover:none){.log-fab.svelte-83ki4p{min-height:44px;padding:0 12px;border-radius:22px}.log-fab.svelte-83ki4p .badge-icon{width:20px;height:20px}.version.svelte-83ki4p{font-size:12px}.error-count.svelte-83ki4p{font-size:1rem}}.app.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100dvh}.test-mode-container.svelte-12qhfyh{position:fixed;top:50%;right:10px;transform:translateY(-50%);z-index:1001}main.svelte-12qhfyh{flex:1;display:flex;flex-direction:column;padding:1rem;width:100%;margin:0 auto;box-sizing:border-box;transition:filter .3s ease}main.tab-hidden.svelte-12qhfyh{filter:blur(10px) grayscale(.5);pointer-events:none}.loading-screen.svelte-12qhfyh{display:flex;justify-content:center;align-items:center;height:100%;color:var(--text-secondary)}