html[data-skin="light"]{--bg:#f6f2ea;--fg:#211f1a;--dim:#211f1a;--dim2:#c9c0aa;--light-sq:#efe9db;--dark-sq:#c9c0aa;--piece-light:#ffffff;--piece-dark:#4a4238;--accent:#2f6b3d;--accent2:#b3392b;--accent3:#a67c2e;}
html[data-skin="neon"]{--bg:#07060f;--fg:#eef0ff;--dim:#eef0ff;--dim2:#0a081a;--light-sq:#161328;--dark-sq:#0a081a;--piece-light:#f2ede0;--piece-dark:#4a4238;--accent:#4dfcff;--accent2:#ff4dd8;--accent3:#b46dff;}
html[data-skin="alien"]{--bg:#020604;--fg:#d8ffe9;--dim:#d8ffe9;--dim2:#03110a;--light-sq:#0c2a1c;--dark-sq:#03110a;--piece-light:#f2ede0;--piece-dark:#4a4238;--accent:#7dffb3;--accent2:#c86bff;--accent3:#38e6c8;}
html[data-skin="tr808"]{--bg:#161616;--fg:#f0ede6;--dim:#f0ede6;--dim2:#141414;--light-sq:#2a2a2a;--dark-sq:#141414;--piece-light:#f2ede0;--piece-dark:#4a4238;--accent:#ff6a00;--accent2:#ff2b2b;--accent3:#ffb400;}
html[data-skin="tb303"]{--bg:#cfc9b4;--fg:#231f18;--dim:#231f18;--dim2:#b7b096;--light-sq:#e4dfcb;--dark-sq:#b7b096;--piece-light:#ffffff;--piece-dark:#4a4238;--accent:#2a5fb0;--accent2:#c98a00;--accent3:#555049;}
html[data-skin="modular"]{--bg:#1b1310;--fg:#efe6d2;--dim:#efe6d2;--dim2:#1b1310;--light-sq:#3a2a1a;--dark-sq:#1b1310;--piece-light:#f2ede0;--piece-dark:#4a4238;--accent:#d4a843;--accent2:#b5651d;--accent3:#8a6a3e;}
html[data-skin="modular"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/wood.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="op1"]{--bg:#f2f2f0;--fg:#1a1a1a;--dim:#1a1a1a;--dim2:#cfcfc9;--light-sq:#e8e8e4;--dark-sq:#cfcfc9;--piece-light:#ffffff;--piece-dark:#4a4238;--accent:#ff7a45;--accent2:#4d8fee;--accent3:#39b37a;}
html[data-skin="deepsea"]{--bg:#020a12;--fg:#cdeef2;--dim:#cdeef2;--dim2:#041018;--light-sq:#0d2b38;--dark-sq:#041018;--piece-light:#f2ede0;--piece-dark:#4a4238;--accent:#29e6c9;--accent2:#ff6ec7;--accent3:#7fffd4;}
html[data-skin="deepsea"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/deepsea.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="glitch"]{--bg:#050507;--fg:#e6e6ea;--dim:#e6e6ea;--dim2:#0a0a0f;--light-sq:#16161e;--dark-sq:#0a0a0f;--piece-light:#f2ede0;--piece-dark:#4a4238;--accent:#00ffea;--accent2:#ff003c;--accent3:#39ff14;}
html[data-skin="fungal"]{--bg:#0a0e08;--fg:#e4ddc8;--dim:#e4ddc8;--dim2:#12160c;--light-sq:#232a18;--dark-sq:#12160c;--piece-light:#f2ede0;--piece-dark:#4a4238;--accent:#c9a86a;--accent2:#9b6b9e;--accent3:#8faa6b;}
html[data-skin="fungal"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/fungal.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="comet"]{--bg:#14101f;--fg:#ede6f0;--dim:#ede6f0;--dim2:#150f22;--light-sq:#241c36;--dark-sq:#150f22;--piece-light:#ede6f0;--piece-dark:#3a2f4a;--accent:#e8b64a;--accent2:#c77b8f;--accent3:#6b7c8a;}
html[data-skin="comet"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/comet.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="macabre"]{--bg:#14100c;--fg:#e8ddc8;--dim:#e8ddc8;--dim2:#15100b;--light-sq:#241c14;--dark-sq:#15100b;--piece-light:#cbbfa8;--piece-dark:#241a10;--accent:#b8392c;--accent2:#cbbfa8;--accent3:#b8934a;}
html[data-skin="macabre"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/macabre.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="grimoire"]{--bg:#0d0a0a;--fg:#d8cbb0;--dim:#d8cbb0;--dim2:#0e0a08;--light-sq:#1c1512;--dark-sq:#0e0a08;--piece-light:#d8cbb0;--piece-dark:#2a1c1c;--accent:#9c2b2b;--accent2:#b8863c;--accent3:#5a3d6e;}
html[data-skin="grimoire"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/motifs/seal-faint.svg");background-size:cover;background-attachment:fixed;}
html[data-skin="orrery"]{--bg:#101b2e;--fg:#ece0c4;--dim:#ece0c4;--dim2:#0d1728;--light-sq:#1c2e48;--dark-sq:#0d1728;--piece-light:#ece0c4;--piece-dark:#2a2038;--accent:#d4af5a;--accent2:#c97b82;--accent3:#7a9b6e;}
html[data-skin="orrery"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/orrery.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="anatomy"]{--bg:#14100b;--fg:#e8dfc8;--dim:#e8dfc8;--dim2:#140f0a;--light-sq:#241d13;--dark-sq:#140f0a;--piece-light:#e8dfc8;--piece-dark:#241d13;--accent:#a9895c;--accent2:#d6c9a8;--accent3:#5c564c;}
html[data-skin="anatomy"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/anatomy.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="marbled"]{--bg:#0d1830;--fg:#e8dfc0;--dim:#e8dfc0;--dim2:#0c1526;--light-sq:#1a2846;--dark-sq:#0c1526;--piece-light:#e8dfc0;--piece-dark:#16223a;--accent:#c9a24a;--accent2:#3a5a8a;--accent3:#d8cfa8;}
html[data-skin="marbled"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/marbled.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="clockwork"]{--bg:#1b140c;--fg:#e7d9bd;--dim:#e7d9bd;--dim2:#160f09;--light-sq:#2c2013;--dark-sq:#160f09;--piece-light:#e8d9b0;--piece-dark:#3a3226;--accent:#7d8a72;--accent2:#c17a3f;--accent3:#d9c48f;}
html[data-skin="clockwork"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/clockwork.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="luxmath"]{--bg:#171310;--fg:#e4d9bf;--dim:#e4d9bf;--dim2:#120f0a;--light-sq:#241f16;--dark-sq:#120f0a;--piece-light:#e4d9bf;--piece-dark:#2a3238;--accent:#3f4a52;--accent2:#8a4a3a;--accent3:#c9b98a;}
html[data-skin="luxmath"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/luxmath.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="ouroboros"]{--bg:#0c1710;--fg:#d9d0b4;--dim:#d9d0b4;--dim2:#0e150d;--light-sq:#1c2b1a;--dark-sq:#0e150d;--piece-light:#d4c48a;--piece-dark:#1c2818;--accent:#3f5c3a;--accent2:#9a4530;--accent3:#c9b877;}
html[data-skin="ouroboros"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/ouroboros.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="bassocontinuo"]{--bg:#180d0a;--fg:#e8dcc4;--dim:#e8dcc4;--dim2:#150a08;--light-sq:#2c1712;--dark-sq:#150a08;--piece-light:#e0c896;--piece-dark:#2a1815;--accent:#4a3020;--accent2:#8a2f2a;--accent3:#c9a45a;}
html[data-skin="bassocontinuo"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/bassocontinuo.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="timpanomoderno"]{--bg:#1a130a;--fg:#e8d9bc;--dim:#e8d9bc;--dim2:#150f09;--light-sq:#2c2013;--dark-sq:#150f09;--piece-light:#e8d4a0;--piece-dark:#2a1f14;--accent:#5a3f24;--accent2:#c9853f;--accent3:#e0c48a;}
html[data-skin="timpanomoderno"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/timpanomoderno.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="tubocochleato"]{--bg:#0a1418;--fg:#d4ece8;--dim:#d4ece8;--dim2:#0a1416;--light-sq:#16282a;--dark-sq:#0a1416;--piece-light:#d4f0ea;--piece-dark:#0f2224;--accent:#1e6b5c;--accent2:#3fd9c4;--accent3:#8ef0d8;}
html[data-skin="tubocochleato"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/tubocochleato.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="lalumiere"]{--bg:#0d211d;--fg:#f0e6c8;--dim:#f0e6c8;--dim2:#0d201c;--light-sq:#1a3830;--dark-sq:#0d201c;--piece-light:#f4e0a0;--piece-dark:#163330;--accent:#2a5c4a;--accent2:#e8a83a;--accent3:#f4d488;}
html[data-skin="lalumiere"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/lalumiere.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="audacia"]{--bg:#0f0a08;--fg:#e8ddc8;--dim:#e8ddc8;--dim2:#120b08;--light-sq:#241813;--dark-sq:#120b08;--piece-light:#f0d0a0;--piece-dark:#201512;--accent:#3a2a20;--accent2:#d4453a;--accent3:#f0c060;}
html[data-skin="audacia"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/audacia.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="resonant"]{--bg:#ded4bd;--fg:#211f1a;--dim:#211f1a;--dim2:#ac9974;--light-sq:#d3c4a2;--dark-sq:#ac9974;--piece-light:#f7f0dc;--piece-dark:#323e34;--accent:#65482c;--accent2:#8b522e;--accent3:#496148;}
html[data-skin="resonant"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/wood.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="gyges_pluck"]{--bg:#1b1310;--fg:#efe6d2;--dim:#efe6d2;--dim2:#1b1310;--light-sq:#3a2a1a;--dark-sq:#1b1310;--piece-light:#f2ede0;--piece-dark:#4a4238;--accent:#ce9952;--accent2:#b5651d;--accent3:#8a6a3e;}
html[data-skin="gyges_pluck"] body{background-color:var(--bg);background-image:linear-gradient(110deg,color-mix(in srgb,var(--bg) 82%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),url("textures/wood.jpg");background-size:cover;background-attachment:fixed;}
html[data-skin="gyges_blip"]{--bg:#f2f2f0;--fg:#1a1a1a;--dim:#1a1a1a;--dim2:#cfcfc9;--light-sq:#e8e8e4;--dark-sq:#cfcfc9;--piece-light:#ffffff;--piece-dark:#4a4238;--accent:#247b8e;--accent2:#4d8fee;--accent3:#39b37a;}
html[data-skin="gyges_pad"]{--bg:#020604;--fg:#d8ffe9;--dim:#d8ffe9;--dim2:#03110a;--light-sq:#0c2a1c;--dark-sq:#03110a;--piece-light:#f2ede0;--piece-dark:#4a4238;--accent:#7dffb3;--accent2:#c86bff;--accent3:#38e6c8;}
html[data-skin="sculpture"]{--bg:#ded8ca;--fg:#292b27;--dim:#292b27;--dim2:#c9c2b0;--light-sq:#d6d0c2;--dark-sq:#c9c2b0;--piece-light:#f7f0dc;--piece-dark:#323e34;--accent:#465b45;--accent2:#986c3d;--accent3:#496148;}

html[data-skin^="gyges_"] .panel,html[data-skin="resonant"] .panel,html[data-skin="sculpture"] .panel{background:color-mix(in srgb,var(--bg) 94%,var(--fg));border-color:color-mix(in srgb,var(--fg) 20%,transparent)}
html[data-skin^="gyges_"] .piece-glyph.white{color:var(--piece-light)}html[data-skin^="gyges_"] .piece-glyph.black{color:var(--piece-dark);-webkit-text-stroke:1px var(--fg)}
html[data-skin="gyges_pluck"] body{background-image:repeating-linear-gradient(3deg,#0001 0 2px,transparent 3px 11px);background-color:#3c271c}
html[data-skin="gyges_pluck"] .board{border:10px solid #98663d;border-radius:3px;box-shadow:0 15px 28px #0005}
html[data-skin="gyges_blip"] body{background-color:#edf0e9;background-image:linear-gradient(#437b8220 1px,transparent 1px),linear-gradient(90deg,#437b8220 1px,transparent 1px);background-size:24px 24px}
html[data-skin="gyges_blip"] .board{border:8px solid #c4d6d4;border-radius:12px}
html[data-skin="gyges_pad"] body{background:radial-gradient(ellipse at 20% 20%,#245b4566,transparent 65%),radial-gradient(ellipse at 85% 80%,#57477e88,transparent 70%),#06130f}
html[data-skin="gyges_pad"] .board{border-radius:25px;box-shadow:0 0 60px #7dffb333}
html[data-skin="sculpture"] body{background:radial-gradient(ellipse at 35% 50%,#eeeadd,#c7c1b3);color:#292b27}
html[data-skin="sculpture"] .board{border:8px solid #aaa18c;border-radius:3px;box-shadow:10px 18px 20px #39312630}
html[data-skin="resonant"] .board{border:10px solid #897756;border-radius:3px}
html[data-skin="resonant"] .sq{background-image:repeating-linear-gradient(5deg,transparent 0 4px,#59462e09 5px 6px)}