@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(./dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(./dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(./dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(./dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(./jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./jetbrains-mono-latin-500-normal-BWZEU5yA.woff2)format("woff2"),url(./jetbrains-mono-latin-500-normal-CJOVTJB7.woff)format("woff")}:root,:root[data-skin=matte]{--select-bg:#f7f4ee;--select-text:#22201c;--select-hover-bg:#ebe4d6;--select-hover-text:#22201c;--corner-panel:4px;--corner-card:3px;--corner-control:3px;--corner-chip:2px;--title-shadow:none;--title-spacing:.03em;--corner-control-start:3px 0 0 3px;--corner-control-end:0 3px 3px 0;--edge-detail:inset 0 0 0 3px var(--surface-solid), inset 0 0 0 4px var(--line);--corner-art:none;--panel-clip:none;--border-w:1px;--font:"DM Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;--text:#22201c;--text-muted:#6b665c;--text-on-accent:#fff;--link:#8a4b14;--accent:#b5651d;--accent-2:#8a4b14;--accent-green:#5d7d3a;--accent-soft:#b5651d1f;--good:#4c7a2a;--bad:#b3261e;--line:#d9d3c7;--bg:#ece7dd;--bg-image:radial-gradient(ellipse at 30% -10%, #f6f2ea, transparent 60%), linear-gradient(180deg, #efeae1, #e4ddd0);--surface:#f7f4ee;--surface-solid:#f7f4ee;--surface-2:#efebe3;--surface-border:#ddd6c9;--surface-edge:#cfc7b8;--surface-highlight:none;--blur:0px;--header-bg:#f7f4ee;--btn-bg:#f7f4ee;--btn-bg-hover:#efe9de;--btn-border:#cfc7b8;--btn-text:#22201c;--btn-primary-bg:#a3591a;--btn-primary-hover:#a05817;--btn-primary-border:#8a4b14;--btn-green-bg:#5d7d3a;--btn-green-border:#4a6630;--btn-gloss:none;--btn-shadow:none;--btn-press-shadow:inset 0 1px 3px #00000026;--radius-sm:6px;--radius:10px;--radius-lg:12px;--radius-pill:8px;--shadow-1:0 1px 2px #3c321e14;--shadow-pop:0 10px 30px #3c321e33;--focus:0 0 0 3px #b5651d80;--dialog-backdrop:#1e190f66;--texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E");--sq-light:#e9d9b8;--sq-dark:#a87b54;--sq-hl:#d6782880;--sq-coord-light:#8a6040;--sq-coord-dark:#f6ead2;--board-frame:linear-gradient(160deg, #6b4f37, #4a3524);--board-frame-edge:#2e2117;--pc-w-fill:#faf6ee;--pc-w-stroke:#2b2620;--pc-w-detail:#8a7d6b;--pc-b-fill:#2f2a24;--pc-b-stroke:#0f0d0a;--pc-b-detail:#b8a888;--pc-stroke-w:1.3;--pc-filter:drop-shadow(0 1.5px 1px #28190a59);--pc-gloss:0;--eval-winning:#2f6b1f;--eval-slight-advantage:#4f6a12;--eval-equal:#6b665c;--eval-slight-disadvantage:#9a4a00;--eval-losing:#b3261e;--warning:#b3261e;--opening-text:#6b4a12;--star:#8a6400;--eval-bar-dark:#2b2620;--eval-bar-light:#f6f2e9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-skin=matte][data-theme=dark]{--select-bg:#2c2a26;--select-text:#ece6da;--select-hover-bg:#3a3631;--select-hover-text:#ece6da;--text:#ece6da;--text-muted:#b0a898;--text-on-accent:#1a1712;--link:#e8a35e;--accent:#d98a3d;--accent-2:#e8a35e;--accent-green:#8fb35f;--accent-soft:#d98a3d29;--good:#9cc46a;--bad:#ff8a7a;--line:#3a3630;--bg:#1b1a17;--bg-image:radial-gradient(ellipse at 30% -10%, #2a2723, transparent 60%), linear-gradient(180deg, #1e1c19, #171613);--surface:#24221f;--surface-solid:#24221f;--surface-2:#1c1b18;--surface-border:#3a3630;--surface-edge:#121110;--header-bg:#22201d;--btn-bg:#2c2a26;--btn-bg-hover:#36332e;--btn-border:#4a453d;--btn-text:#ece6da;--btn-primary-bg:#d98a3d;--btn-primary-hover:#e39a52;--btn-primary-border:#e8a35e;--btn-green-bg:#8fb35f;--btn-green-border:#a3c474;--btn-press-shadow:inset 0 1px 3px #00000080;--shadow-1:0 1px 2px #0006;--shadow-pop:0 10px 30px #0000008c;--focus:0 0 0 3px #e8a35e99;--dialog-backdrop:#00000080;--texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");--sq-light:#cbb08a;--sq-dark:#7d5c40;--sq-hl:#e8a35e8c;--sq-coord-light:#6a4a30;--sq-coord-dark:#efe0c4;--board-frame:linear-gradient(160deg, #2d2620, #15120f);--board-frame-edge:#000;--pc-w-fill:#f3ece0;--pc-w-stroke:#1c1915;--pc-w-detail:#8a7d6b;--pc-b-fill:#26221d;--pc-b-stroke:#050404;--pc-b-detail:#9c8c70;--pc-stroke-w:1.3;--pc-filter:drop-shadow(0 1.5px 1.5px #0000008c);--pc-gloss:0;--eval-winning:#9cc46a;--eval-slight-advantage:#c3d97a;--eval-equal:#b0a898;--eval-slight-disadvantage:#f0a860;--eval-losing:#ff8a7a;--warning:#ff8a7a;--opening-text:#e8c27a;--star:#e8c27a;--eval-bar-dark:#121110;--eval-bar-light:#ece6da;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-skin=aero]{--select-bg:#fff;--select-text:#0d2a3f;--select-hover-bg:#dcefff;--select-hover-text:#0d2a3f;--corner-panel:20px 20px 6px 6px;--corner-card:16px 16px 5px 5px;--corner-control:12px 12px 5px 5px;--corner-chip:999px;--title-shadow:0 1px 0 #ffffff8c, 0 2px 6px #003c782e;--title-spacing:.02em;--corner-control-start:12px 0 0 5px;--corner-control-end:0 12px 5px 0;--edge-detail:0 0 0 0 transparent;--corner-art:linear-gradient(180deg, #ffffff8c, #fff0 26px);--panel-clip:none;--border-w:1px;--font:"DM Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;--text:#0d2a3f;--text-muted:#45657c;--text-on-accent:#fff;--link:#0a5fa8;--accent:#1584d8;--accent-2:#0b63ad;--accent-green:#2ea84a;--accent-soft:#1584d821;--good:#1d8a3a;--bad:#c6282e;--line:#0d467829;--bg:#cfeaf9;--bg-image:radial-gradient(circle at 12% 18%, #ffffffd9 0 2px, transparent 3px), radial-gradient(circle at 86% 12%, #ffffff8c 0 26px, transparent 27px), radial-gradient(circle at 90% 70%, #ffffff59 0 60px, transparent 62px), radial-gradient(circle at 6% 82%, #fff6 0 40px, transparent 42px), radial-gradient(circle at 70% 40%, #ffffff4d 0 12px, transparent 13px), radial-gradient(ellipse 120% 60% at 50% 115%, #78d26e8c, transparent 60%), linear-gradient(180deg, #8fd0f7 0%, #c9ebfb 45%, #eaf8fd 75%, #d5f0d6 100%);--surface:linear-gradient(180deg, #ffffffdb 0%, #f0f9ffb8 100%);--surface-solid:#f3fbff;--surface-2:linear-gradient(180deg, #e1f1fce6, #fffffff2);--surface-border:#ffffffe6;--surface-edge:#1e6eaa38;--surface-highlight:inset 0 1px 0 #fffffff2, inset 0 -1px 0 #1e6eaa14;--blur:14px;--header-bg:linear-gradient(180deg, #ffffffd1, #e1f4ff9e);--btn-bg:linear-gradient(180deg, #fff 0%, #eef7fd 48%, #dbeefa 52%, #e9f6ff 100%);--btn-bg-hover:linear-gradient(180deg, #fff 0%, #e4f4ff 48%, #cbe8fb 52%, #def2ff 100%);--btn-border:#1e6eaa52;--btn-text:#0d2a3f;--btn-primary-bg:linear-gradient(180deg, #3aa6e8 0%, #0f76c6 48%, #0a5fa6 52%, #1580d2 100%);--btn-primary-hover:linear-gradient(180deg, #4fb3ee 0%, #1582d2 48%, #0c69b6 52%, #1c8bdc 100%);--btn-primary-border:#0a5c9e;--btn-green-bg:linear-gradient(180deg, #6cc96b 0%, #2a8f39 48%, #1f7a2c 52%, #2f9a3e 100%);--btn-green-border:#217a2e;--btn-gloss:linear-gradient(180deg, #ffffffbf, #ffffff1a);--btn-shadow:0 1px 2px #0a3c642e, 0 2px 6px #0a3c641a;--btn-press-shadow:inset 0 2px 4px #0a3c6440;--radius-sm:8px;--radius:16px;--radius-lg:22px;--radius-pill:999px;--shadow-1:0 1px 1px #0a3c6414, 0 4px 14px #0a3c641f, 0 14px 32px #0a3c6414;--shadow-pop:0 2px 4px #0a3c641f, 0 18px 48px #0a3c6447;--focus:0 0 0 3px #ffffffe6, 0 0 0 6px #1584d8b3;--dialog-backdrop:#0a325059;--texture:none;--sq-light:#eef8ff;--sq-dark:#3a86bd;--sq-hl:#ffd63c99;--sq-coord-light:#2f78aa;--sq-coord-dark:#f2faff;--board-frame:linear-gradient(180deg, #7cc4ef, #2f86c4);--board-frame-edge:#ffffffe6;--pc-w-fill:#fff;--pc-w-stroke:#0d3a5c;--pc-w-detail:#6f9bbd;--pc-b-fill:#13466f;--pc-b-stroke:#04192b;--pc-b-detail:#7fb6dd;--pc-stroke-w:1.2;--pc-filter:drop-shadow(0 2px 2px #0a3c6459);--pc-gloss:.6;--eval-winning:#1d7a34;--eval-slight-advantage:#3b7212;--eval-equal:#45657c;--eval-slight-disadvantage:#a64b00;--eval-losing:#c6282e;--warning:#c6282e;--opening-text:#0a5fa8;--star:#7d6200;--eval-bar-dark:#0d2a3f;--eval-bar-light:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-skin=aero][data-theme=dark]{--select-bg:#164a6e;--select-text:#e6f5ff;--select-hover-bg:#215f8a;--select-hover-text:#fff;--corner-art:linear-gradient(180deg, #beebff29, #beebff00 26px);--text:#e6f5ff;--text-muted:#9cc2db;--text-on-accent:#fff;--link:#7fd0ff;--accent:#3fb5f5;--accent-2:#1a8fd6;--accent-green:#5fd77a;--accent-soft:#3fb5f52e;--good:#63de86;--bad:#ff7b7b;--line:#8cd2ff2e;--bg:#06223a;--bg-image:radial-gradient(circle at 12% 18%, #aae1ff80 0 2px, transparent 3px), radial-gradient(circle at 86% 12%, #78c8ff24 0 26px, transparent 27px), radial-gradient(circle at 90% 70%, #78c8ff1a 0 60px, transparent 62px), radial-gradient(circle at 6% 82%, #78e6961a 0 40px, transparent 42px), radial-gradient(ellipse 120% 60% at 50% 115%, #28a05a59, transparent 60%), linear-gradient(180deg, #031326 0%, #072a48 50%, #0a3a5a 80%, #0b3a3a 100%);--surface:linear-gradient(180deg, #285a829e 0%, #0e2e4a99 100%);--surface-solid:#0d3050;--surface-2:linear-gradient(180deg, #041626b3, #0e2e4a99);--surface-border:#96d7ff38;--surface-edge:#00000059;--surface-highlight:inset 0 1px 0 #beebff47, inset 0 -1px 0 #0003;--header-bg:linear-gradient(180deg, #1e5078bf, #0a284299);--btn-bg:linear-gradient(180deg, #3d7eaa 0%, #22597f 48%, #164a6e 52%, #1f5b82 100%);--btn-bg-hover:linear-gradient(180deg, #4a90bf 0%, #2a6994 48%, #1b5780 52%, #276a95 100%);--btn-border:#96d7ff59;--btn-text:#e6f5ff;--btn-primary-bg:linear-gradient(180deg, #4cb8f0 0%, #1680cc 48%, #0d66aa 52%, #1a86d0 100%);--btn-primary-hover:linear-gradient(180deg, #5cc2f4 0%, #1d8bd6 48%, #1170b6 52%, #2290da 100%);--btn-primary-border:#7fd0ff;--btn-green-bg:linear-gradient(180deg, #6cc96b 0%, #2a8f39 48%, #1f7a2c 52%, #2f9a3e 100%);--btn-green-border:#8de6a0;--btn-gloss:linear-gradient(180deg, #fff6, #ffffff0a);--btn-shadow:0 1px 2px #0006, 0 2px 8px #00000040;--btn-press-shadow:inset 0 2px 5px #00000073;--shadow-1:0 1px 1px #0000004d, 0 6px 18px #0000004d, 0 16px 36px #000a1e4d;--shadow-pop:0 2px 4px #0000004d, 0 20px 50px #0000008c;--focus:0 0 0 3px #06223ae6, 0 0 0 6px #3fb5f5cc;--dialog-backdrop:#000a148c;--sq-light:#9ccff0;--sq-dark:#2f73a3;--sq-hl:#ffd63c8c;--sq-coord-light:#1f5f8c;--sq-coord-dark:#e6f5ff;--board-frame:linear-gradient(180deg, #245b85, #0a2c48);--board-frame-edge:#96d7ff59;--pc-w-fill:#f4fbff;--pc-w-stroke:#08304e;--pc-w-detail:#6f9bbd;--pc-b-fill:#103e63;--pc-b-stroke:#021220;--pc-b-detail:#6fa6cc;--pc-stroke-w:1.2;--pc-filter:drop-shadow(0 2px 3px #00000080);--pc-gloss:.5;--eval-winning:#63de86;--eval-slight-advantage:#b5e86a;--eval-equal:#9cc2db;--eval-slight-disadvantage:#ffb36b;--eval-losing:#ff7b7b;--warning:#ff7b7b;--opening-text:#7fd0ff;--star:#ffd76a;--eval-bar-dark:#031326;--eval-bar-light:#e6f5ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-skin=neon]{--select-bg:#13102a;--select-text:#e9e6ff;--select-hover-bg:#231d4a;--select-hover-text:#fff;--corner-panel:0;--corner-card:0;--corner-control:2px;--corner-chip:2px;--title-shadow:0 0 8px color-mix(in srgb, var(--accent) 70%, transparent), 0 0 2px var(--accent);--title-spacing:.06em;--corner-control-start:2px 0 0 2px;--corner-control-end:0 2px 2px 0;--edge-detail:inset 0 0 14px #38e1ff24;--corner-art:linear-gradient(135deg, transparent 0 9.2px, var(--accent) 9.2px 10.8px, transparent 11.2px) top left / 24px 24px no-repeat, linear-gradient(315deg, transparent 0 9.2px, var(--accent) 9.2px 10.8px, transparent 11.2px) bottom right / 24px 24px no-repeat;--panel-clip:polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);--border-w:1px;--font:"DM Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;--text:#e9e6ff;--text-muted:#9d97c7;--text-on-accent:#07060d;--link:#7fe9ff;--accent:#38e1ff;--accent-2:#a46bff;--accent-green:#4dff9a;--accent-soft:#38e1ff24;--good:#4dff9a;--bad:#ff5c8a;--line:#8c78ff38;--bg:#07060d;--bg-image:radial-gradient(ellipse at 50% -10%, #1d1640, transparent 60%), repeating-linear-gradient(0deg, #38e1ff0d 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, #38e1ff0d 0 1px, transparent 1px 48px), linear-gradient(180deg, #07060d, #0c0a18);--surface:linear-gradient(180deg, #1a1634d9, #0e0c1ed9);--surface-solid:#12102a;--surface-2:#080712cc;--surface-border:#38e1ff61;--surface-edge:#00000080;--surface-highlight:inset 0 1px 0 #a46bff40, inset 0 -1px 0 #0000004d;--blur:10px;--header-bg:#0a0916cc;--btn-bg:linear-gradient(180deg, #1c1838, #13102a);--btn-bg-hover:linear-gradient(180deg, #262050, #181437);--btn-border:#38e1ff59;--btn-text:#e9e6ff;--btn-primary-bg:linear-gradient(180deg, #5ef0ff, #22b8e0);--btn-primary-hover:linear-gradient(180deg, #8af5ff, #38c8ef);--btn-primary-border:#38e1ff;--btn-green-bg:linear-gradient(180deg, #7dffb8, #2fd57d);--btn-green-border:#4dff9a;--btn-gloss:linear-gradient(180deg, #ffffff1f, transparent);--btn-shadow:0 0 10px #38e1ff26;--btn-press-shadow:inset 0 0 10px #38e1ff59;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-pill:999px;--shadow-1:0 0 12px #38e1ff2e, 0 0 1px #a46bff99, 0 10px 30px #00000080;--shadow-pop:0 0 30px #a46bff40, 0 20px 50px #0009;--focus:0 0 0 2px #07060d, 0 0 0 4px #38e1ff;--dialog-backdrop:#0009;--texture:none;--sq-light:#2b2657;--sq-dark:#15122f;--sq-hl:#38e1ff61;--sq-coord-light:#7fe9ff;--sq-coord-dark:#a46bff;--board-frame:linear-gradient(180deg, #13102a, #07060d);--board-frame-edge:#38e1ff;--pc-w-fill:#eafcff;--pc-w-stroke:#38e1ff;--pc-w-detail:#38e1ff;--pc-b-fill:#0d0b1e;--pc-b-stroke:#a46bff;--pc-b-detail:#a46bff;--pc-stroke-w:1.3;--pc-filter:drop-shadow(0 0 3px #38e1ff8c);--pc-gloss:0;--eval-winning:#4dff9a;--eval-slight-advantage:#b6ff6b;--eval-equal:#9d97c7;--eval-slight-disadvantage:#ffb86b;--eval-losing:#ff5c8a;--warning:#ff5c8a;--opening-text:#7fe9ff;--star:#ffe066;--eval-bar-dark:#07060d;--eval-bar-light:#e9e6ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-skin=neon][data-theme=light]{--select-bg:#fff;--select-text:#14112b;--select-hover-bg:#e3f8ff;--select-hover-text:#14112b;--text:#14112b;--text-muted:#4a4670;--text-on-accent:#fff;--link:#6a2fd6;--accent:#0a8fb0;--accent-2:#7a3ff0;--accent-green:#0f8a52;--accent-soft:#0a8fb01f;--good:#0f7a48;--bad:#c4124a;--line:#7a3ff038;--bg:#f4f6ff;--bg-image:radial-gradient(ellipse at 50% -10%, #e6e0ff, transparent 60%), repeating-linear-gradient(0deg, #0a8fb012 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, #0a8fb012 0 1px, transparent 1px 48px), linear-gradient(180deg, #f8f9ff, #eef0fb);--surface:#ffffffe6;--surface-solid:#fff;--surface-2:#f2f3fc;--surface-border:#0aaad28c;--surface-edge:#7a3ff026;--surface-highlight:inset 0 1px 0 #ffffffe6;--header-bg:#ffffffe0;--btn-bg:#fff;--btn-bg-hover:#eefbff;--btn-border:#0aaad299;--btn-text:#14112b;--btn-primary-bg:linear-gradient(180deg, #0886a6, #077a98);--btn-primary-hover:linear-gradient(180deg, #0a90b2, #0880a0);--btn-primary-border:#38e1ff;--btn-green-bg:linear-gradient(180deg, #0f8650, #0c7a48);--btn-green-border:#4dff9a;--btn-shadow:0 0 10px #38e1ff59;--btn-press-shadow:inset 0 0 8px #7a3ff04d;--shadow-1:0 0 14px #38e1ff47, 0 0 1px #a46bffcc, 0 8px 24px #281e5a14;--shadow-pop:0 0 30px #a46bff4d, 0 20px 50px #281e5a2e;--focus:0 0 0 2px #fff, 0 0 0 4px #7a3ff0;--dialog-backdrop:#14112b4d;--sq-light:#f4f2ff;--sq-dark:#8a74e8;--sq-hl:#0a8fb059;--sq-coord-light:#6a4fd6;--sq-coord-dark:#fff;--board-frame:linear-gradient(180deg, #fff, #e8ebfb);--board-frame-edge:#38e1ff;--pc-w-fill:#fff;--pc-w-stroke:#0a8fb0;--pc-w-detail:#0a8fb0;--pc-b-fill:#1b1640;--pc-b-stroke:#7a3ff0;--pc-b-detail:#b89cff;--pc-stroke-w:1.3;--pc-filter:drop-shadow(0 0 2.5px #7a3ff066);--pc-gloss:0;--eval-winning:#0f7a48;--eval-slight-advantage:#3f6f00;--eval-equal:#4a4670;--eval-slight-disadvantage:#a34a00;--eval-losing:#c4124a;--warning:#c4124a;--opening-text:#6a2fd6;--star:#7a5c00;--eval-bar-dark:#14112b;--eval-bar-light:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-skin=brutal]{--select-bg:#fff;--select-text:#000;--select-hover-bg:#fff1b8;--select-hover-text:#000;--corner-panel:2px;--corner-card:2px;--corner-control:2px;--corner-chip:0;--title-shadow:2px 2px 0 var(--accent);--title-spacing:.01em;--corner-control-start:2px 0 0 2px;--corner-control-end:0 2px 2px 0;--edge-detail:0 0 0 0 transparent;--corner-art:none;--panel-clip:none;--border-w:3px;--font:"DM Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;--text:#000;--text-muted:#3d3d3d;--text-on-accent:#000;--link:#1b3fd6;--accent:#ff5ca8;--accent-2:#1b3fd6;--accent-green:#3ddc84;--accent-soft:#ff5ca833;--good:#0b7a35;--bad:#c4001a;--line:#000;--bg:#fff4d6;--bg-image:linear-gradient(#fff4d6, #fff4d6);--surface:#fff;--surface-solid:#fff;--surface-2:#fff9e8;--surface-border:#000;--surface-edge:transparent;--surface-highlight:0 0 0 0 transparent;--blur:0px;--header-bg:#ffd23f;--btn-bg:#fff;--btn-bg-hover:#fff1b8;--btn-border:#000;--btn-text:#000;--btn-primary-bg:#ff5ca8;--btn-primary-hover:#ff7ab9;--btn-primary-border:#000;--btn-green-bg:#3ddc84;--btn-green-border:#000;--btn-gloss:none;--btn-shadow:3px 3px 0 #000;--btn-press-shadow:0 0 0 #000;--radius-sm:4px;--radius:6px;--radius-lg:8px;--radius-pill:8px;--shadow-1:5px 5px 0 #000;--shadow-pop:8px 8px 0 #000;--focus:0 0 0 3px #fff, 0 0 0 6px #1b3fd6;--dialog-backdrop:#00000073;--texture:none;--sq-light:#fffbea;--sq-dark:#7fd1ff;--sq-hl:#ff5ca899;--sq-coord-light:#000;--sq-coord-dark:#000;--board-frame:#000;--board-frame-edge:#000;--pc-w-fill:#fff;--pc-w-stroke:#000;--pc-w-detail:#000;--pc-b-fill:#000;--pc-b-stroke:#000;--pc-b-detail:#fff;--pc-stroke-w:2.2;--pc-filter:none;--pc-gloss:0;--eval-winning:#0b7a35;--eval-slight-advantage:#3d6b00;--eval-equal:#3d3d3d;--eval-slight-disadvantage:#a34400;--eval-losing:#c4001a;--warning:#c4001a;--opening-text:#1b3fd6;--star:#7a5000;--eval-bar-dark:#000;--eval-bar-light:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-skin=brutal][data-theme=dark]{--select-bg:#2b2b2b;--select-text:#fafafa;--select-hover-bg:#3d3d3d;--select-hover-text:#fff;--text:#fafafa;--text-muted:#c8c8c8;--text-on-accent:#000;--link:#ffd23f;--accent:#ff5ca8;--accent-2:#4dd2ff;--accent-green:#3ddc84;--accent-soft:#ff5ca833;--good:#3ddc84;--bad:#ff6b6b;--line:#fafafa;--bg:#161616;--bg-image:linear-gradient(#161616, #161616);--surface:#222;--surface-solid:#222;--surface-2:#1a1a1a;--surface-border:#fafafa;--header-bg:#2b2b2b;--btn-bg:#2b2b2b;--btn-bg-hover:#3a3a3a;--btn-border:#fafafa;--btn-text:#fafafa;--btn-primary-bg:#ff5ca8;--btn-primary-hover:#ff7ab9;--btn-primary-border:#fafafa;--btn-green-bg:#3ddc84;--btn-green-border:#fafafa;--btn-shadow:3px 3px 0 #ffd23f;--btn-press-shadow:0 0 0 #ffd23f;--shadow-1:5px 5px 0 #ff5ca8;--shadow-pop:8px 8px 0 #4dd2ff;--focus:0 0 0 3px #161616, 0 0 0 6px #ffd23f;--dialog-backdrop:#0009;--sq-light:#e9e9e9;--sq-dark:#ff5ca8;--sq-hl:#ffd23fb3;--sq-coord-light:#000;--sq-coord-dark:#000;--board-frame:#fafafa;--board-frame-edge:#fafafa;--pc-w-fill:#fff;--pc-w-stroke:#000;--pc-w-detail:#000;--pc-b-fill:#161616;--pc-b-stroke:#000;--pc-b-detail:#ffd23f;--pc-stroke-w:2.2;--pc-filter:none;--pc-gloss:0;--eval-winning:#3ddc84;--eval-slight-advantage:#b6e35a;--eval-equal:#c8c8c8;--eval-slight-disadvantage:#ffb04d;--eval-losing:#ff6b6b;--warning:#ff6b6b;--opening-text:#ffd23f;--star:#ffd23f;--eval-bar-dark:#000;--eval-bar-light:#fafafa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-transparency:reduce){:root{--blur:0px!important;--surface:var(--surface-solid)!important;--header-bg:var(--surface-solid)!important}}@font-face{font-family:Bungee;src:url(./bungee-latin-400-Dfnurram.woff2)format("woff2");font-weight:400;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}body{min-height:100vh;font-size:15px;line-height:1.45}body:before{content:"";z-index:-2;background:var(--bg-image);pointer-events:none;position:fixed;inset:0}body:after{content:"";z-index:-1;background:var(--texture);pointer-events:none;background-size:120px 120px;position:fixed;inset:0}#root{min-height:100vh}a{color:var(--link)}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted);font-size:.85rem}.surface,.app-header,dialog{background:var(--corner-art), var(--surface);border:var(--border-w) solid var(--surface-border);box-shadow:var(--edge-detail), var(--surface-highlight), 0 0 0 1px var(--surface-edge), var(--shadow-1);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.3)}button,select,input,textarea{font:inherit;color:inherit}select option,select optgroup{color:var(--select-text);background-color:var(--select-bg)}button,select{color:var(--btn-text);background:var(--btn-bg);border:var(--border-w) solid var(--btn-border);border-radius:var(--corner-control);cursor:pointer;box-shadow:var(--btn-shadow);padding:6px 14px;font-size:.88rem;font-weight:500;transition:background .15s,box-shadow .15s,transform 80ms,filter .15s;position:relative}button:hover:not(:disabled){background:var(--btn-bg-hover)}button:active:not(:disabled){box-shadow:var(--btn-press-shadow);transform:translateY(1px)}button:disabled{opacity:.45;cursor:default;filter:saturate(.4)}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{box-shadow:var(--focus);outline:none}button.primary,button[aria-pressed=true],[role=radio][aria-checked=true]{color:var(--text-on-accent);background:var(--btn-primary-bg);border-color:var(--btn-primary-border)}button.primary:hover:not(:disabled),button[aria-pressed=true]:hover:not(:disabled),[role=radio][aria-checked=true]:hover:not(:disabled){background:var(--btn-primary-hover)}button:after{content:"";border-radius:inherit;background:var(--btn-gloss);pointer-events:none;opacity:.7;height:46%;position:absolute;top:1px;left:6%;right:6%}.icon-btn{border-radius:var(--corner-control);place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.icon-btn svg{width:19px;height:19px}select{appearance:none;color:var(--select-text);background-color:var(--select-bg);--chev:linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);background-image:var(--chev);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:28px}select:hover,select:focus-visible,select:active,select:focus{color:var(--select-hover-text);background-color:var(--select-hover-bg);background-image:var(--chev);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px}input[type=text],input:not([type]),textarea{color:var(--text);background:var(--surface-2);border:var(--border-w) solid var(--btn-border);border-radius:var(--corner-control);box-shadow:inset 0 1px 3px #001e3c2e}.group{border-radius:var(--corner-control);box-shadow:var(--btn-shadow);display:inline-flex}.group button{box-shadow:none;border-radius:0}.group button+button{border-left:none}.group button:first-child{border-radius:var(--corner-control-start)}.group button:last-child{border-radius:var(--corner-control-end)}input[type=checkbox]{appearance:none;border-radius:var(--radius-pill);cursor:pointer;background:var(--surface-2);border:var(--border-w) solid var(--btn-border);flex:none;width:38px;height:22px;transition:background .2s;position:relative;box-shadow:inset 0 1px 3px #001e3c40}input[type=checkbox]:after{content:"";background:var(--btn-bg);border:var(--border-w) solid var(--btn-border);width:16px;height:16px;box-shadow:var(--btn-shadow);border-radius:50%;transition:transform .2s;position:absolute;top:2px;left:2px}input[type=checkbox]:checked{background:var(--btn-green-bg);border-color:var(--btn-green-border)}input[type=checkbox]:checked:after{transform:translate(16px)}.check{cursor:pointer;align-items:center;gap:8px;font-size:.88rem;display:inline-flex}dialog{color:var(--text);border-radius:var(--corner-panel);width:min(620px,100vw - 24px);max-height:calc(100vh - 32px);box-shadow:var(--edge-detail), var(--surface-highlight), var(--shadow-pop);background:var(--corner-art), var(--surface-solid);clip-path:var(--panel-clip);margin:auto;padding:18px 22px 20px;overflow-y:auto}dialog::backdrop{background:var(--dialog-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{font-size:1.15rem}dialog h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-top:var(--border-w) solid var(--line);margin:18px 0 8px;padding-top:12px;font-size:.78rem}dialog p{margin:6px 0}.dialog-head{justify-content:space-between;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root[data-skin=brutal] button{font-weight:700}:root[data-skin=brutal] button:active:not(:disabled){box-shadow:var(--btn-press-shadow);transform:translate(3px,3px)}@media (prefers-reduced-motion:reduce){:root[data-skin=brutal] button:active:not(:disabled){transform:none}}.app{min-height:100vh}.app-main{grid-template-columns:max-content minmax(380px,1fr);align-items:start;gap:20px;max-width:1680px;margin:0 auto;padding:18px 22px 22px;display:grid}.board-section,.analysis-section{min-width:0}.board-section{flex-direction:column;gap:12px;display:flex}.analysis-section{flex-direction:column;gap:16px;display:flex}.app-header{z-index:5;background:var(--corner-art), var(--header-bg);border-width:0 0 var(--border-w);clip-path:none;border-radius:0;align-items:center;gap:12px;min-height:58px;padding:10px 22px;display:flex;position:sticky;top:0}.app-header h1{font-family:"Bungee", var(--font), sans-serif;color:var(--text);letter-spacing:var(--title-spacing);text-shadow:var(--title-shadow);align-items:center;gap:11px;margin-right:auto;font-size:1.3rem;font-weight:400;line-height:1;display:flex}.brand-mark{filter:drop-shadow(0 2px 3px #00000040);display:block}.settings-gear{color:var(--btn-text)}.settings-gear:hover:not(:disabled) svg{transform:rotate(30deg)}.settings-gear svg{transition:transform .3s}.settings-update-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 2px var(--surface-solid);border-radius:50%;position:absolute;top:4px;right:4px}.analysis-panel,.notation-panel,.piece-selector,.update-banner{background:var(--corner-art), var(--surface);border:var(--border-w) solid var(--surface-border);border-radius:var(--corner-card);box-shadow:var(--edge-detail), var(--surface-highlight), 0 0 0 1px var(--surface-edge), var(--shadow-1);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.3);clip-path:var(--panel-clip)}.card-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.72rem;font-weight:700}.update-banner{border-left:4px solid var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:14px 22px 0;padding:10px 16px;font-size:.9rem;display:flex}.update-banner-actions{align-items:center;gap:10px;display:flex}.update-banner a{font-weight:600}.board-frame{border-radius:var(--corner-panel);background:var(--board-frame);border:var(--border-w) solid var(--board-frame-edge);box-shadow:inset 0 1px 0 #ffffff2e, inset 0 -2px 4px #00000040, var(--shadow-1);clip-path:var(--panel-clip);padding:12px}.board-frame>div{border-radius:var(--corner-control);box-shadow:0 0 0 1px var(--board-frame-edge);overflow:hidden}.piece-svg{filter:var(--pc-filter);overflow:visible}.board-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.turn-btn,.flip-btn{align-items:center;gap:7px;display:inline-flex}.turn-btn{justify-content:center;min-width:9.6em}.flip-btn{justify-content:center;min-width:8.6em}.flip-icon{font-size:1rem;line-height:1}.turn-indicator{border:1px solid var(--text-muted);border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.piece-selector{padding:8px 10px}.piece-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.piece-sep{background:var(--line);align-self:stretch;width:1px;margin:2px 4px}.piece-btn{background:var(--surface-2);border-color:var(--line);width:40px;height:40px;box-shadow:none;place-items:center;padding:3px;display:inline-grid}.piece-btn:after{display:none}.piece-btn svg{width:100%;height:100%}.piece-btn:hover:not(:disabled){background:var(--accent-soft)}.piece-btn-active,.piece-btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:var(--focus)}.piece-btn-active:hover:not(:disabled),.piece-btn[aria-pressed=true]:hover:not(:disabled){background:var(--accent-soft)}.piece-btn-remove{width:auto;color:var(--warning);margin-left:auto;padding:0 12px;font-weight:600}.piece-btn-remove[aria-pressed=true],.piece-btn-remove.piece-btn-active{color:var(--warning)}.analysis-panel{flex-direction:column;display:flex;overflow:hidden}.analysis-header{border-bottom:var(--border-w) solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:10px 16px;display:flex}.analysis-header h2{white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;font-weight:700;overflow:hidden}.analysis-header-right{align-items:center;gap:8px;display:flex}.analyzing-spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.refresh-btn{place-items:center;width:32px;height:32px;padding:0;font-size:1rem;display:inline-grid}.depth-badge{font-family:var(--font-mono);color:var(--text-muted);background:var(--surface-2);border-radius:var(--corner-chip);border:var(--border-w) solid var(--line);white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums;min-width:8.5em;padding:3px 8px;font-size:.72rem}.nps-sub{opacity:.8}.lines-selector{border-radius:var(--corner-control);box-shadow:var(--btn-shadow);display:inline-flex}.lines-btn{min-width:32px;font-family:var(--font-mono);box-shadow:none;border-radius:0;padding:4px 8px;font-size:.8rem}.lines-btn+.lines-btn{border-left:none}.lines-btn:first-child{border-radius:var(--corner-control-start)}.lines-btn:last-child{border-radius:var(--corner-control-end)}.lines-btn-active{color:var(--text-on-accent);background:var(--btn-primary-bg);border-color:var(--btn-primary-border)}.lines-btn-active:hover:not(:disabled){background:var(--btn-primary-hover)}.analysis-body{height:var(--analysis-h,420px);overscroll-behavior:contain;overflow-y:auto}.game-end-bar{text-align:center;background:var(--accent-soft);border-bottom:var(--border-w) solid var(--line);padding:12px 16px;font-weight:700}.position-warning{color:var(--warning);background:color-mix(in srgb, var(--warning) 9%, transparent);border-bottom:var(--border-w) solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:9px 16px;font-size:.86rem;font-weight:500;display:flex}.retry-btn{flex:none;padding:4px 12px}.opening-bar{color:var(--opening-text);background:var(--accent-soft);border-bottom:var(--border-w) solid var(--line);padding:8px 16px;font-size:.86rem;font-weight:600}.analysis-line{border-bottom:var(--border-w) solid var(--line);gap:12px;padding:11px 16px;transition:background .15s;display:flex}.analysis-line:last-child{border-bottom:none}.analysis-line-clickable{cursor:pointer}.analysis-line:hover{background:var(--accent-soft)}.line-rank{flex:none;width:34px;padding-top:3px}.rank-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.66rem;font-weight:700}.rank-best{color:var(--star)}.eval-bar-mini{border-radius:var(--corner-chip);background:var(--eval-bar-dark);border:1px solid var(--line);flex:none;width:7px;min-height:40px;position:relative;overflow:hidden}.eval-bar-white{background:var(--eval-bar-light);transition:height .3s;position:absolute;bottom:0;left:0;right:0}.line-content{flex:1;min-width:0}.line-main{align-items:baseline;gap:10px;display:flex}.line-san{font-family:var(--font-mono);font-size:1.05rem;font-weight:600}.line-eval{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:600}.eval-winning{color:var(--eval-winning)}.eval-slight-advantage{color:var(--eval-slight-advantage)}.eval-equal{color:var(--eval-equal)}.eval-slight-disadvantage{color:var(--eval-slight-disadvantage)}.eval-losing{color:var(--eval-losing)}.line-tactics{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.tactic-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--corner-chip);color:var(--text);border:1px solid var(--tactic);background:color-mix(in srgb, var(--tactic) 20%, var(--surface-solid));padding:2px 7px;font-size:.66rem;font-weight:700}.line-pv{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:.76rem;overflow:hidden}.analysis-skeleton{padding:4px 0}.skeleton-line{align-items:center;gap:12px;padding:12px 16px;display:flex}.skeleton-rank,.skeleton-bar,.skeleton-text{border-radius:var(--corner-chip);background:linear-gradient(90deg, var(--surface-2), var(--accent-soft), var(--surface-2));background-size:200% 100%;animation:1.4s infinite shimmer}.skeleton-rank{width:30px;height:10px}.skeleton-bar{width:7px;height:36px}.skeleton-text{flex:1;height:14px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.notation-panel{padding:14px 16px}.notation-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.72rem;font-weight:700}.notation-heading{justify-content:space-between;align-items:baseline;margin-top:14px;display:flex}.notation-count{font-family:var(--font-mono);color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.74rem}.fen-row{gap:6px;margin-top:6px;display:flex}.fen-input{min-width:0;font-family:var(--font-mono);flex:1;padding:7px 10px;font-size:.76rem}.notation-error{color:var(--warning);margin-top:6px;font-size:.8rem;line-height:1.4}.notation-empty{color:var(--text-muted);padding:4px 0 2px;font-size:.82rem}.move-list{overscroll-behavior:contain;border-radius:var(--corner-control);background:var(--surface-2);border:var(--border-w) solid var(--line);height:150px;margin-top:6px;padding:4px;overflow-y:auto}.move-row{grid-template-columns:2.4em 1fr 1fr;align-items:center;gap:4px;display:grid}.move-num{font-family:var(--font-mono);color:var(--text-muted);text-align:right;padding-right:4px;font-size:.76rem}.move-san{text-align:left;font-family:var(--font-mono);box-shadow:none;border-radius:var(--corner-chip);background:0 0;border-color:#0000;padding:2px 8px;font-size:.84rem}.move-san:after{display:none}.move-san:hover:not(:disabled){background:var(--accent-soft)}.move-san-active{color:var(--text-on-accent);background:var(--btn-primary-bg);border-color:var(--btn-primary-border);font-weight:700}.move-san-active:hover:not(:disabled){background:var(--btn-primary-hover)}.notation-nav,.notation-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.notation-nav .control-btn{min-width:44px}.pgn-paste{margin-top:10px}.pgn-paste summary{cursor:pointer;color:var(--text-muted);border-radius:var(--corner-chip);width:max-content;padding:2px 4px;font-size:.8rem;font-weight:600}.pgn-paste textarea{width:100%;min-height:90px;font-family:var(--font-mono);resize:vertical;margin:8px 0;padding:8px 10px;font-size:.78rem;display:block}.skin-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;display:grid}.skin-card{text-align:left;border-radius:var(--corner-card);flex-direction:column;align-items:stretch;gap:4px;padding:8px;display:flex}.skin-card:after{display:none}.skin-card[aria-checked=true]{color:var(--btn-text);background:var(--btn-bg);border-color:var(--accent);box-shadow:var(--focus)}.skin-card[aria-checked=true]:hover:not(:disabled){background:var(--btn-bg-hover)}.skin-name{font-size:.88rem;font-weight:700}.skin-card[aria-checked=true] .skin-name:before{content:"✓ "}.skin-blurb{color:var(--text-muted);font-size:.74rem;font-weight:400}.skin-preview{border:1px solid #00000040;border-radius:6px;height:64px;display:block;position:relative;overflow:hidden}.skin-preview i{display:block;position:absolute}.skin-preview i:first-child{height:14px;top:0;left:0;right:0}.skin-preview i:nth-child(2){width:32px;height:32px;top:22px;left:8px}.skin-preview i:nth-child(3){border-radius:3px;height:13px;top:22px;left:48px;right:8px}.skin-preview i:nth-child(4){border-radius:3px;width:40%;height:13px;top:41px;left:48px}[data-preview=matte]{background:#ece7dd}[data-preview=matte] i:first-child{background:#f7f4ee;border-bottom:1px solid #d9d3c7}[data-preview=matte] i:nth-child(2){background:conic-gradient(#a87b54 25%, #e9d9b8 0 50%, #a87b54 0 75%, #e9d9b8 0) 0 0 / 16px 16px;outline:3px solid #5b4330}[data-preview=matte] i:nth-child(3){background:#f7f4ee;border:1px solid #d9d3c7}[data-preview=matte] i:nth-child(4){background:#b5651d}[data-preview=aero]{background:linear-gradient(#e8f6ff,#9fd4f2)}[data-preview=aero] i:first-child{background:linear-gradient(#fff,#d6eefc)}[data-preview=aero] i:nth-child(2){background:conic-gradient(#3a86bd 25%, #eef8ff 0 50%, #3a86bd 0 75%, #eef8ff 0) 0 0 / 16px 16px;border-radius:6px 6px 2px 2px;box-shadow:0 0 0 2px #fff}[data-preview=aero] i:nth-child(3){background:#fffc;border:1px solid #fff;border-radius:8px}[data-preview=aero] i:nth-child(4){background:linear-gradient(#3aa6e8,#0a5fa6);border-radius:999px}[data-preview=neon]{background:#07060d}[data-preview=neon] i:first-child{background:#0a0916;border-bottom:1px solid #38e1ff}[data-preview=neon] i:nth-child(2){background:conic-gradient(#15122f 25%, #2b2657 0 50%, #15122f 0 75%, #2b2657 0) 0 0 / 16px 16px;box-shadow:0 0 0 1px #38e1ff,0 0 8px #38e1ff}[data-preview=neon] i:nth-child(3){background:#12102a;border:1px solid #38e1ff;box-shadow:0 0 6px #38e1ff}[data-preview=neon] i:nth-child(4){background:#a46bff;box-shadow:0 0 8px #a46bff}[data-preview=brutal]{background:#fff4d6;border:2px solid #000}[data-preview=brutal] i:first-child{background:#ffd23f;border-bottom:2px solid #000}[data-preview=brutal] i:nth-child(2){background:conic-gradient(#7fd1ff 25%, #fffbea 0 50%, #7fd1ff 0 75%, #fffbea 0) 0 0 / 16px 16px;border:2px solid #000;box-shadow:3px 3px #000}[data-preview=brutal] i:nth-child(3){background:#fff;border:2px solid #000}[data-preview=brutal] i:nth-child(4){background:#ff5ca8;border:2px solid #000}.mode-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.settings-label{min-width:6.5em;font-size:.88rem;font-weight:600}.group [role=radio][aria-checked=true]{font-weight:700}.group [role=radio][aria-checked=true]:before{content:"✓ "}.update-msg{min-height:1.5em;font-size:.86rem}.update-msg.error{color:var(--warning)}.about{font-size:.92rem}@media (width<=1099px){.app-main{grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px;padding:12px}.analysis-section{width:100%;max-width:760px}.app-header{padding:8px 12px}}@media (width<=600px){.app-header h1{font-size:1.1rem}.board-frame{padding:6px}}