@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../../fonts/fraunces/fraunces-latin-standard-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@media (orientation:landscape){:where(html){--content-size:100dvh}}@media (orientation:portrait){:where(html){--content-size:100dvw}}:where(html){--game-squares-count:8;--game-square-size:calc(var(--content-size) / (var(--game-squares-count) + 2));--game-board-size:calc(var(--game-square-size) * var(--game-squares-count));--game-piece-size:calc(var(--game-square-size) * .85);--game-piece-margin:calc((var(--game-square-size) - var(--game-piece-size)) / 2);--font-size-3:calc(var(--game-square-size) / 1.6);--font-size-2:calc(var(--font-size-3) / 1.5);--font-size-1:calc(var(--font-size-2) / 1.5);--font-size-0:calc(var(--font-size-1) / 1.5);--font-sans:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;--font-serif:ui-serif, serif;--font-display:"Fraunces", var(--font-serif);--font-mono:Dank Mono, Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, monospace;--space-1:calc(var(--game-square-size) / 16);--space-2:calc(var(--game-square-size) / 8);--space-3:calc(var(--game-square-size) / 4);--radius-1:var(--space-1);--radius-2:var(--space-2);--radius-3:calc(var(--game-square-size) / 4);--radius-round:calc(var(--game-square-size) * 100);--measure-1:calc(var(--game-square-size) * 2);--measure-2:calc(var(--game-square-size) * 2.75);--measure-3:calc(var(--game-square-size) * 3.25);--measure-4:calc(var(--game-square-size) * 4.5);--measure-5:calc(var(--game-square-size) * 5.75);--measure-6:calc(var(--game-square-size) * 8.5);--avatar-1:calc(var(--game-square-size) * .35);--avatar-2:calc(var(--game-square-size) * .45);--avatar-3:calc(var(--game-square-size) * .55);--hairline:calc(var(--game-square-size) / 80);--ring:calc(var(--hairline) * 2);--shadow-disc:0 var(--ring) calc(var(--ring) * 3) #0003;--shadow-overlay:0 var(--ring) calc(var(--ring) * 4) #00000040;--badge-height:calc(var(--font-size-2) + 2 * var(--space-1));--control-height:calc(var(--font-size-1) + 2 * var(--space-2));--transition-fast:.15s;--transition-medium:.2s;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--blue-10:#145591;--blue-11:#114678;--blue-12:#0d375e;--brown-0:#faf4eb;--brown-1:#ede0d1;--brown-2:#e0cab7;--brown-3:#d3b79e;--brown-4:#c5a285;--brown-5:#b78f6d;--brown-6:#a87c56;--brown-7:#956b47;--brown-8:#825b3a;--brown-9:#6f4b2d;--brown-10:#5e3a21;--brown-11:#4e2b15;--brown-12:#422412;--camo-0:#f9fbe7;--camo-1:#e8ed9c;--camo-2:#d2df4e;--camo-3:#c2ce34;--camo-4:#b5bb2e;--camo-5:#a7a827;--camo-6:#999621;--camo-7:#8c851c;--camo-8:#7e7416;--camo-9:#6d6414;--camo-10:#5d5411;--camo-11:#4d460e;--camo-12:#36300a;--choco-0:#fff8dc;--choco-1:#fce1bc;--choco-2:#f7ca9e;--choco-3:#f1b280;--choco-4:#e99b62;--choco-5:#df8545;--choco-6:#d46e25;--choco-7:#bd5f1b;--choco-8:#a45117;--choco-9:#8a4513;--choco-10:#703a13;--choco-11:#572f12;--choco-12:#3d210d;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--cyan-10:#095c6b;--cyan-11:#074652;--cyan-12:#053038;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--gray-10:#16191d;--gray-11:#0d0f12;--gray-12:#030507;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--green-10:#237032;--green-11:#1b5727;--green-12:#133d1b;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--indigo-10:#2f44ad;--indigo-11:#283a94;--indigo-12:#21307a;--jungle-0:#ecfeb0;--jungle-1:#def39a;--jungle-2:#d0e884;--jungle-3:#c2dd6e;--jungle-4:#b5d15b;--jungle-5:#a8c648;--jungle-6:#9bbb36;--jungle-7:#8fb024;--jungle-8:#84a513;--jungle-9:#7a9908;--jungle-10:#658006;--jungle-11:#516605;--jungle-12:#3d4d04;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--lime-10:#4c7a0b;--lime-11:#3c6109;--lime-12:#2c4706;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--orange-10:#bf400d;--orange-11:#99330b;--orange-12:#802b09;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--pink-10:#8c1941;--pink-11:#731536;--pink-12:#59102a;--purple-0:#f8f0fc;--purple-1:#f3d9fa;--purple-2:#eebefa;--purple-3:#e599f7;--purple-4:#da77f2;--purple-5:#cc5de8;--purple-6:#be4bdb;--purple-7:#ae3ec9;--purple-8:#9c36b5;--purple-9:#862e9c;--purple-10:#702682;--purple-11:#5a1e69;--purple-12:#44174f;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a;--sand-0:#f8fafb;--sand-1:#e6e4dc;--sand-2:#d5cfbd;--sand-3:#c2b9a0;--sand-4:#aea58c;--sand-5:#9a9178;--sand-6:#867c65;--sand-7:#736a53;--sand-8:#5f5746;--sand-9:#4b4639;--sand-10:#38352d;--sand-11:#252521;--sand-12:#121210;--stone-0:#f8fafb;--stone-1:#f2f4f6;--stone-2:#ebedef;--stone-3:#e0e4e5;--stone-4:#d1d6d8;--stone-5:#b1b6b9;--stone-6:#979b9d;--stone-7:#7e8282;--stone-8:#666968;--stone-9:#50514f;--stone-10:#3a3a37;--stone-11:#252521;--stone-12:#121210;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--teal-10:#066649;--teal-11:#054d37;--teal-12:#033325;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--violet-10:#5235ab;--violet-11:#462d91;--violet-12:#3a2578;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--yellow-10:#b35c00;--yellow-11:#804200;--yellow-12:#663500}[data-color]{--body-bg-color:var(--pc-surface);--body-main-bg-color:var(--pc-surface-raised);--body-main-article-bg-color:var(--pc-surface-overlay)}[data-color=gray]{--pc-0:var(--gray-0);--pc-1:var(--gray-1);--pc-2:var(--gray-2);--pc-3:var(--gray-3);--pc-4:var(--gray-4);--pc-5:var(--gray-5);--pc-6:var(--gray-6);--pc-7:var(--gray-7);--pc-8:var(--gray-8);--pc-9:var(--gray-9);--pc-10:var(--gray-10);--pc-11:var(--gray-11);--pc-12:var(--gray-12);--pc-surface:var(--gray-0);--pc-surface-raised:var(--gray-1);--pc-surface-overlay:var(--gray-2);--pc-text-muted:var(--gray-7);--pc-text:var(--gray-8);--pc-text-emphasis:var(--gray-10);--pc-accent:var(--gray-9);--pc-accent-hover:var(--gray-11);--pc-on-accent:var(--gray-0);--pc-border:var(--gray-3);--pc-border-emphasis:var(--gray-5)}[data-color=stone]{--pc-0:var(--stone-0);--pc-1:var(--stone-1);--pc-2:var(--stone-2);--pc-3:var(--stone-3);--pc-4:var(--stone-4);--pc-5:var(--stone-5);--pc-6:var(--stone-6);--pc-7:var(--stone-7);--pc-8:var(--stone-8);--pc-9:var(--stone-9);--pc-10:var(--stone-10);--pc-11:var(--stone-11);--pc-12:var(--stone-12);--pc-surface:var(--stone-0);--pc-surface-raised:var(--stone-1);--pc-surface-overlay:var(--stone-2);--pc-text-muted:var(--stone-8);--pc-text:var(--stone-9);--pc-text-emphasis:var(--stone-10);--pc-accent:var(--stone-9);--pc-accent-hover:var(--stone-11);--pc-on-accent:var(--stone-0);--pc-border:var(--stone-3);--pc-border-emphasis:var(--stone-5)}[data-color=red]{--pc-0:var(--red-0);--pc-1:var(--red-1);--pc-2:var(--red-2);--pc-3:var(--red-3);--pc-4:var(--red-4);--pc-5:var(--red-5);--pc-6:var(--red-6);--pc-7:var(--red-7);--pc-8:var(--red-8);--pc-9:var(--red-9);--pc-10:var(--red-10);--pc-11:var(--red-11);--pc-12:var(--red-12);--pc-surface:var(--red-0);--pc-surface-raised:var(--red-1);--pc-surface-overlay:var(--red-2);--pc-text-muted:var(--red-6);--pc-text:var(--red-8);--pc-text-emphasis:var(--red-10);--pc-accent:var(--red-9);--pc-accent-hover:var(--red-11);--pc-on-accent:var(--red-0);--pc-border:var(--red-3);--pc-border-emphasis:var(--red-5)}[data-color=pink]{--pc-0:var(--pink-0);--pc-1:var(--pink-1);--pc-2:var(--pink-2);--pc-3:var(--pink-3);--pc-4:var(--pink-4);--pc-5:var(--pink-5);--pc-6:var(--pink-6);--pc-7:var(--pink-7);--pc-8:var(--pink-8);--pc-9:var(--pink-9);--pc-10:var(--pink-10);--pc-11:var(--pink-11);--pc-12:var(--pink-12);--pc-surface:var(--pink-0);--pc-surface-raised:var(--pink-1);--pc-surface-overlay:var(--pink-2);--pc-text-muted:var(--pink-6);--pc-text:var(--pink-8);--pc-text-emphasis:var(--pink-10);--pc-accent:var(--pink-9);--pc-accent-hover:var(--pink-11);--pc-on-accent:var(--pink-0);--pc-border:var(--pink-3);--pc-border-emphasis:var(--pink-5)}[data-color=purple]{--pc-0:var(--purple-0);--pc-1:var(--purple-1);--pc-2:var(--purple-2);--pc-3:var(--purple-3);--pc-4:var(--purple-4);--pc-5:var(--purple-5);--pc-6:var(--purple-6);--pc-7:var(--purple-7);--pc-8:var(--purple-8);--pc-9:var(--purple-9);--pc-10:var(--purple-10);--pc-11:var(--purple-11);--pc-12:var(--purple-12);--pc-surface:var(--purple-0);--pc-surface-raised:var(--purple-1);--pc-surface-overlay:var(--purple-2);--pc-text-muted:var(--purple-6);--pc-text:var(--purple-8);--pc-text-emphasis:var(--purple-10);--pc-accent:var(--purple-9);--pc-accent-hover:var(--purple-11);--pc-on-accent:var(--purple-0);--pc-border:var(--purple-3);--pc-border-emphasis:var(--purple-5)}[data-color=violet]{--pc-0:var(--violet-0);--pc-1:var(--violet-1);--pc-2:var(--violet-2);--pc-3:var(--violet-3);--pc-4:var(--violet-4);--pc-5:var(--violet-5);--pc-6:var(--violet-6);--pc-7:var(--violet-7);--pc-8:var(--violet-8);--pc-9:var(--violet-9);--pc-10:var(--violet-10);--pc-11:var(--violet-11);--pc-12:var(--violet-12);--pc-surface:var(--violet-0);--pc-surface-raised:var(--violet-1);--pc-surface-overlay:var(--violet-2);--pc-text-muted:var(--violet-6);--pc-text:var(--violet-8);--pc-text-emphasis:var(--violet-10);--pc-accent:var(--violet-9);--pc-accent-hover:var(--violet-11);--pc-on-accent:var(--violet-0);--pc-border:var(--violet-3);--pc-border-emphasis:var(--violet-5)}[data-color=indigo]{--pc-0:var(--indigo-0);--pc-1:var(--indigo-1);--pc-2:var(--indigo-2);--pc-3:var(--indigo-3);--pc-4:var(--indigo-4);--pc-5:var(--indigo-5);--pc-6:var(--indigo-6);--pc-7:var(--indigo-7);--pc-8:var(--indigo-8);--pc-9:var(--indigo-9);--pc-10:var(--indigo-10);--pc-11:var(--indigo-11);--pc-12:var(--indigo-12);--pc-surface:var(--indigo-0);--pc-surface-raised:var(--indigo-1);--pc-surface-overlay:var(--indigo-2);--pc-text-muted:var(--indigo-6);--pc-text:var(--indigo-8);--pc-text-emphasis:var(--indigo-10);--pc-accent:var(--indigo-9);--pc-accent-hover:var(--indigo-11);--pc-on-accent:var(--indigo-0);--pc-border:var(--indigo-3);--pc-border-emphasis:var(--indigo-5)}[data-color=blue]{--pc-0:var(--blue-0);--pc-1:var(--blue-1);--pc-2:var(--blue-2);--pc-3:var(--blue-3);--pc-4:var(--blue-4);--pc-5:var(--blue-5);--pc-6:var(--blue-6);--pc-7:var(--blue-7);--pc-8:var(--blue-8);--pc-9:var(--blue-9);--pc-10:var(--blue-10);--pc-11:var(--blue-11);--pc-12:var(--blue-12);--pc-surface:var(--blue-0);--pc-surface-raised:var(--blue-1);--pc-surface-overlay:var(--blue-2);--pc-text-muted:var(--blue-6);--pc-text:var(--blue-8);--pc-text-emphasis:var(--blue-10);--pc-accent:var(--blue-9);--pc-accent-hover:var(--blue-11);--pc-on-accent:var(--blue-0);--pc-border:var(--blue-3);--pc-border-emphasis:var(--blue-5)}[data-color=cyan]{--pc-0:var(--cyan-0);--pc-1:var(--cyan-1);--pc-2:var(--cyan-2);--pc-3:var(--cyan-3);--pc-4:var(--cyan-4);--pc-5:var(--cyan-5);--pc-6:var(--cyan-6);--pc-7:var(--cyan-7);--pc-8:var(--cyan-8);--pc-9:var(--cyan-9);--pc-10:var(--cyan-10);--pc-11:var(--cyan-11);--pc-12:var(--cyan-12);--pc-surface:var(--cyan-0);--pc-surface-raised:var(--cyan-1);--pc-surface-overlay:var(--cyan-2);--pc-text-muted:var(--cyan-6);--pc-text:var(--cyan-8);--pc-text-emphasis:var(--cyan-10);--pc-accent:var(--cyan-9);--pc-accent-hover:var(--cyan-11);--pc-on-accent:var(--cyan-0);--pc-border:var(--cyan-3);--pc-border-emphasis:var(--cyan-5)}[data-color=teal]{--pc-0:var(--teal-0);--pc-1:var(--teal-1);--pc-2:var(--teal-2);--pc-3:var(--teal-3);--pc-4:var(--teal-4);--pc-5:var(--teal-5);--pc-6:var(--teal-6);--pc-7:var(--teal-7);--pc-8:var(--teal-8);--pc-9:var(--teal-9);--pc-10:var(--teal-10);--pc-11:var(--teal-11);--pc-12:var(--teal-12);--pc-surface:var(--teal-0);--pc-surface-raised:var(--teal-1);--pc-surface-overlay:var(--teal-2);--pc-text-muted:var(--teal-6);--pc-text:var(--teal-8);--pc-text-emphasis:var(--teal-10);--pc-accent:var(--teal-9);--pc-accent-hover:var(--teal-11);--pc-on-accent:var(--teal-0);--pc-border:var(--teal-3);--pc-border-emphasis:var(--teal-5)}[data-color=green]{--pc-0:var(--green-0);--pc-1:var(--green-1);--pc-2:var(--green-2);--pc-3:var(--green-3);--pc-4:var(--green-4);--pc-5:var(--green-5);--pc-6:var(--green-6);--pc-7:var(--green-7);--pc-8:var(--green-8);--pc-9:var(--green-9);--pc-10:var(--green-10);--pc-11:var(--green-11);--pc-12:var(--green-12);--pc-surface:var(--green-0);--pc-surface-raised:var(--green-1);--pc-surface-overlay:var(--green-2);--pc-text-muted:var(--green-6);--pc-text:var(--green-8);--pc-text-emphasis:var(--green-10);--pc-accent:var(--green-9);--pc-accent-hover:var(--green-11);--pc-on-accent:var(--green-0);--pc-border:var(--green-3);--pc-border-emphasis:var(--green-5)}[data-color=lime]{--pc-0:var(--lime-0);--pc-1:var(--lime-1);--pc-2:var(--lime-2);--pc-3:var(--lime-3);--pc-4:var(--lime-4);--pc-5:var(--lime-5);--pc-6:var(--lime-6);--pc-7:var(--lime-7);--pc-8:var(--lime-8);--pc-9:var(--lime-9);--pc-10:var(--lime-10);--pc-11:var(--lime-11);--pc-12:var(--lime-12);--pc-surface:var(--lime-0);--pc-surface-raised:var(--lime-1);--pc-surface-overlay:var(--lime-2);--pc-text-muted:var(--lime-6);--pc-text:var(--lime-8);--pc-text-emphasis:var(--lime-10);--pc-accent:var(--lime-9);--pc-accent-hover:var(--lime-11);--pc-on-accent:var(--lime-0);--pc-border:var(--lime-3);--pc-border-emphasis:var(--lime-5)}[data-color=yellow]{--pc-0:var(--yellow-0);--pc-1:var(--yellow-1);--pc-2:var(--yellow-2);--pc-3:var(--yellow-3);--pc-4:var(--yellow-4);--pc-5:var(--yellow-5);--pc-6:var(--yellow-6);--pc-7:var(--yellow-7);--pc-8:var(--yellow-8);--pc-9:var(--yellow-9);--pc-10:var(--yellow-10);--pc-11:var(--yellow-11);--pc-12:var(--yellow-12);--pc-surface:var(--yellow-0);--pc-surface-raised:var(--yellow-1);--pc-surface-overlay:var(--yellow-2);--pc-text-muted:var(--yellow-6);--pc-text:var(--yellow-8);--pc-text-emphasis:var(--yellow-10);--pc-accent:var(--yellow-9);--pc-accent-hover:var(--yellow-11);--pc-on-accent:var(--yellow-0);--pc-border:var(--yellow-3);--pc-border-emphasis:var(--yellow-5)}[data-color=orange]{--pc-0:var(--orange-0);--pc-1:var(--orange-1);--pc-2:var(--orange-2);--pc-3:var(--orange-3);--pc-4:var(--orange-4);--pc-5:var(--orange-5);--pc-6:var(--orange-6);--pc-7:var(--orange-7);--pc-8:var(--orange-8);--pc-9:var(--orange-9);--pc-10:var(--orange-10);--pc-11:var(--orange-11);--pc-12:var(--orange-12);--pc-surface:var(--orange-0);--pc-surface-raised:var(--orange-1);--pc-surface-overlay:var(--orange-2);--pc-text-muted:var(--orange-6);--pc-text:var(--orange-8);--pc-text-emphasis:var(--orange-10);--pc-accent:var(--orange-9);--pc-accent-hover:var(--orange-11);--pc-on-accent:var(--orange-0);--pc-border:var(--orange-3);--pc-border-emphasis:var(--orange-5)}[data-color=choco]{--pc-0:var(--choco-0);--pc-1:var(--choco-1);--pc-2:var(--choco-2);--pc-3:var(--choco-3);--pc-4:var(--choco-4);--pc-5:var(--choco-5);--pc-6:var(--choco-6);--pc-7:var(--choco-7);--pc-8:var(--choco-8);--pc-9:var(--choco-9);--pc-10:var(--choco-10);--pc-11:var(--choco-11);--pc-12:var(--choco-12);--pc-surface:var(--choco-0);--pc-surface-raised:var(--choco-1);--pc-surface-overlay:var(--choco-2);--pc-text-muted:var(--choco-6);--pc-text:var(--choco-8);--pc-text-emphasis:var(--choco-10);--pc-accent:var(--choco-9);--pc-accent-hover:var(--choco-11);--pc-on-accent:var(--choco-0);--pc-border:var(--choco-3);--pc-border-emphasis:var(--choco-5)}[data-color=brown]{--pc-0:var(--brown-0);--pc-1:var(--brown-1);--pc-2:var(--brown-2);--pc-3:var(--brown-3);--pc-4:var(--brown-4);--pc-5:var(--brown-5);--pc-6:var(--brown-6);--pc-7:var(--brown-7);--pc-8:var(--brown-8);--pc-9:var(--brown-9);--pc-10:var(--brown-10);--pc-11:var(--brown-11);--pc-12:var(--brown-12);--pc-surface:var(--brown-0);--pc-surface-raised:var(--brown-1);--pc-surface-overlay:var(--brown-2);--pc-text-muted:var(--brown-6);--pc-text:var(--brown-8);--pc-text-emphasis:var(--brown-10);--pc-accent:var(--brown-9);--pc-accent-hover:var(--brown-11);--pc-on-accent:var(--brown-0);--pc-border:var(--brown-3);--pc-border-emphasis:var(--brown-5)}[data-color=sand]{--pc-0:var(--sand-0);--pc-1:var(--sand-1);--pc-2:var(--sand-2);--pc-3:var(--sand-3);--pc-4:var(--sand-4);--pc-5:var(--sand-5);--pc-6:var(--sand-6);--pc-7:var(--sand-7);--pc-8:var(--sand-8);--pc-9:var(--sand-9);--pc-10:var(--sand-10);--pc-11:var(--sand-11);--pc-12:var(--sand-12);--pc-surface:var(--sand-0);--pc-surface-raised:var(--sand-1);--pc-surface-overlay:var(--sand-2);--pc-text-muted:var(--sand-6);--pc-text:var(--sand-8);--pc-text-emphasis:var(--sand-10);--pc-accent:var(--sand-9);--pc-accent-hover:var(--sand-11);--pc-on-accent:var(--sand-0);--pc-border:var(--sand-3);--pc-border-emphasis:var(--sand-5)}[data-color=camo]{--pc-0:var(--camo-0);--pc-1:var(--camo-1);--pc-2:var(--camo-2);--pc-3:var(--camo-3);--pc-4:var(--camo-4);--pc-5:var(--camo-5);--pc-6:var(--camo-6);--pc-7:var(--camo-7);--pc-8:var(--camo-8);--pc-9:var(--camo-9);--pc-10:var(--camo-10);--pc-11:var(--camo-11);--pc-12:var(--camo-12);--pc-surface:var(--camo-0);--pc-surface-raised:var(--camo-1);--pc-surface-overlay:var(--camo-2);--pc-text-muted:var(--camo-6);--pc-text:var(--camo-8);--pc-text-emphasis:var(--camo-10);--pc-accent:var(--camo-9);--pc-accent-hover:var(--camo-11);--pc-on-accent:var(--camo-0);--pc-border:var(--camo-3);--pc-border-emphasis:var(--camo-5)}[data-color=jungle]{--pc-0:var(--jungle-0);--pc-1:var(--jungle-1);--pc-2:var(--jungle-2);--pc-3:var(--jungle-3);--pc-4:var(--jungle-4);--pc-5:var(--jungle-5);--pc-6:var(--jungle-6);--pc-7:var(--jungle-7);--pc-8:var(--jungle-8);--pc-9:var(--jungle-9);--pc-10:var(--jungle-10);--pc-11:var(--jungle-11);--pc-12:var(--jungle-12);--pc-surface:var(--jungle-0);--pc-surface-raised:var(--jungle-1);--pc-surface-overlay:var(--jungle-2);--pc-text-muted:var(--jungle-6);--pc-text:var(--jungle-8);--pc-text-emphasis:var(--jungle-10);--pc-accent:var(--jungle-9);--pc-accent-hover:var(--jungle-11);--pc-on-accent:var(--jungle-0);--pc-border:var(--jungle-3);--pc-border-emphasis:var(--jungle-5)}[data-theme=dark] [data-color=gray]{--pc-0:var(--gray-12);--pc-1:var(--gray-11);--pc-2:var(--gray-10);--pc-3:var(--gray-9);--pc-4:var(--gray-8);--pc-5:var(--gray-7);--pc-6:var(--gray-6);--pc-7:var(--gray-5);--pc-8:var(--gray-4);--pc-9:var(--gray-3);--pc-10:var(--gray-2);--pc-11:var(--gray-1);--pc-12:var(--gray-0);--pc-surface:var(--gray-12);--pc-surface-raised:var(--gray-11);--pc-surface-overlay:var(--gray-10);--pc-text-muted:var(--gray-5);--pc-text:var(--gray-3);--pc-text-emphasis:var(--gray-1);--pc-accent:var(--gray-3);--pc-accent-hover:var(--gray-1);--pc-on-accent:var(--gray-12);--pc-border:var(--gray-9);--pc-border-emphasis:var(--gray-7)}[data-theme=dark] [data-color=stone]{--pc-0:var(--stone-12);--pc-1:var(--stone-11);--pc-2:var(--stone-10);--pc-3:var(--stone-9);--pc-4:var(--stone-8);--pc-5:var(--stone-7);--pc-6:var(--stone-6);--pc-7:var(--stone-5);--pc-8:var(--stone-4);--pc-9:var(--stone-3);--pc-10:var(--stone-2);--pc-11:var(--stone-1);--pc-12:var(--stone-0);--pc-surface:var(--stone-12);--pc-surface-raised:var(--stone-11);--pc-surface-overlay:var(--stone-10);--pc-text-muted:var(--stone-5);--pc-text:var(--stone-3);--pc-text-emphasis:var(--stone-1);--pc-accent:var(--stone-3);--pc-accent-hover:var(--stone-1);--pc-on-accent:var(--stone-12);--pc-border:var(--stone-9);--pc-border-emphasis:var(--stone-7)}[data-theme=dark] [data-color=red]{--pc-0:var(--red-12);--pc-1:var(--red-11);--pc-2:var(--red-10);--pc-3:var(--red-9);--pc-4:var(--red-8);--pc-5:var(--red-7);--pc-6:var(--red-6);--pc-7:var(--red-5);--pc-8:var(--red-4);--pc-9:var(--red-3);--pc-10:var(--red-2);--pc-11:var(--red-1);--pc-12:var(--red-0);--pc-surface:var(--red-12);--pc-surface-raised:var(--red-11);--pc-surface-overlay:var(--red-10);--pc-text-muted:var(--red-5);--pc-text:var(--red-3);--pc-text-emphasis:var(--red-1);--pc-accent:var(--red-3);--pc-accent-hover:var(--red-1);--pc-on-accent:var(--red-12);--pc-border:var(--red-9);--pc-border-emphasis:var(--red-7)}[data-theme=dark] [data-color=pink]{--pc-0:var(--pink-12);--pc-1:var(--pink-11);--pc-2:var(--pink-10);--pc-3:var(--pink-9);--pc-4:var(--pink-8);--pc-5:var(--pink-7);--pc-6:var(--pink-6);--pc-7:var(--pink-5);--pc-8:var(--pink-4);--pc-9:var(--pink-3);--pc-10:var(--pink-2);--pc-11:var(--pink-1);--pc-12:var(--pink-0);--pc-surface:var(--pink-12);--pc-surface-raised:var(--pink-11);--pc-surface-overlay:var(--pink-10);--pc-text-muted:var(--pink-5);--pc-text:var(--pink-3);--pc-text-emphasis:var(--pink-1);--pc-accent:var(--pink-3);--pc-accent-hover:var(--pink-1);--pc-on-accent:var(--pink-12);--pc-border:var(--pink-9);--pc-border-emphasis:var(--pink-7)}[data-theme=dark] [data-color=purple]{--pc-0:var(--purple-12);--pc-1:var(--purple-11);--pc-2:var(--purple-10);--pc-3:var(--purple-9);--pc-4:var(--purple-8);--pc-5:var(--purple-7);--pc-6:var(--purple-6);--pc-7:var(--purple-5);--pc-8:var(--purple-4);--pc-9:var(--purple-3);--pc-10:var(--purple-2);--pc-11:var(--purple-1);--pc-12:var(--purple-0);--pc-surface:var(--purple-12);--pc-surface-raised:var(--purple-11);--pc-surface-overlay:var(--purple-10);--pc-text-muted:var(--purple-5);--pc-text:var(--purple-3);--pc-text-emphasis:var(--purple-1);--pc-accent:var(--purple-3);--pc-accent-hover:var(--purple-1);--pc-on-accent:var(--purple-12);--pc-border:var(--purple-9);--pc-border-emphasis:var(--purple-7)}[data-theme=dark] [data-color=violet]{--pc-0:var(--violet-12);--pc-1:var(--violet-11);--pc-2:var(--violet-10);--pc-3:var(--violet-9);--pc-4:var(--violet-8);--pc-5:var(--violet-7);--pc-6:var(--violet-6);--pc-7:var(--violet-5);--pc-8:var(--violet-4);--pc-9:var(--violet-3);--pc-10:var(--violet-2);--pc-11:var(--violet-1);--pc-12:var(--violet-0);--pc-surface:var(--violet-12);--pc-surface-raised:var(--violet-11);--pc-surface-overlay:var(--violet-10);--pc-text-muted:var(--violet-5);--pc-text:var(--violet-3);--pc-text-emphasis:var(--violet-1);--pc-accent:var(--violet-3);--pc-accent-hover:var(--violet-1);--pc-on-accent:var(--violet-12);--pc-border:var(--violet-9);--pc-border-emphasis:var(--violet-7)}[data-theme=dark] [data-color=indigo]{--pc-0:var(--indigo-12);--pc-1:var(--indigo-11);--pc-2:var(--indigo-10);--pc-3:var(--indigo-9);--pc-4:var(--indigo-8);--pc-5:var(--indigo-7);--pc-6:var(--indigo-6);--pc-7:var(--indigo-5);--pc-8:var(--indigo-4);--pc-9:var(--indigo-3);--pc-10:var(--indigo-2);--pc-11:var(--indigo-1);--pc-12:var(--indigo-0);--pc-surface:var(--indigo-12);--pc-surface-raised:var(--indigo-11);--pc-surface-overlay:var(--indigo-10);--pc-text-muted:var(--indigo-5);--pc-text:var(--indigo-3);--pc-text-emphasis:var(--indigo-1);--pc-accent:var(--indigo-3);--pc-accent-hover:var(--indigo-1);--pc-on-accent:var(--indigo-12);--pc-border:var(--indigo-9);--pc-border-emphasis:var(--indigo-7)}[data-theme=dark] [data-color=blue]{--pc-0:var(--blue-12);--pc-1:var(--blue-11);--pc-2:var(--blue-10);--pc-3:var(--blue-9);--pc-4:var(--blue-8);--pc-5:var(--blue-7);--pc-6:var(--blue-6);--pc-7:var(--blue-5);--pc-8:var(--blue-4);--pc-9:var(--blue-3);--pc-10:var(--blue-2);--pc-11:var(--blue-1);--pc-12:var(--blue-0);--pc-surface:var(--blue-12);--pc-surface-raised:var(--blue-11);--pc-surface-overlay:var(--blue-10);--pc-text-muted:var(--blue-5);--pc-text:var(--blue-3);--pc-text-emphasis:var(--blue-1);--pc-accent:var(--blue-3);--pc-accent-hover:var(--blue-1);--pc-on-accent:var(--blue-12);--pc-border:var(--blue-9);--pc-border-emphasis:var(--blue-7)}[data-theme=dark] [data-color=cyan]{--pc-0:var(--cyan-12);--pc-1:var(--cyan-11);--pc-2:var(--cyan-10);--pc-3:var(--cyan-9);--pc-4:var(--cyan-8);--pc-5:var(--cyan-7);--pc-6:var(--cyan-6);--pc-7:var(--cyan-5);--pc-8:var(--cyan-4);--pc-9:var(--cyan-3);--pc-10:var(--cyan-2);--pc-11:var(--cyan-1);--pc-12:var(--cyan-0);--pc-surface:var(--cyan-12);--pc-surface-raised:var(--cyan-11);--pc-surface-overlay:var(--cyan-10);--pc-text-muted:var(--cyan-5);--pc-text:var(--cyan-3);--pc-text-emphasis:var(--cyan-1);--pc-accent:var(--cyan-3);--pc-accent-hover:var(--cyan-1);--pc-on-accent:var(--cyan-12);--pc-border:var(--cyan-9);--pc-border-emphasis:var(--cyan-7)}[data-theme=dark] [data-color=teal]{--pc-0:var(--teal-12);--pc-1:var(--teal-11);--pc-2:var(--teal-10);--pc-3:var(--teal-9);--pc-4:var(--teal-8);--pc-5:var(--teal-7);--pc-6:var(--teal-6);--pc-7:var(--teal-5);--pc-8:var(--teal-4);--pc-9:var(--teal-3);--pc-10:var(--teal-2);--pc-11:var(--teal-1);--pc-12:var(--teal-0);--pc-surface:var(--teal-12);--pc-surface-raised:var(--teal-11);--pc-surface-overlay:var(--teal-10);--pc-text-muted:var(--teal-5);--pc-text:var(--teal-3);--pc-text-emphasis:var(--teal-1);--pc-accent:var(--teal-3);--pc-accent-hover:var(--teal-1);--pc-on-accent:var(--teal-12);--pc-border:var(--teal-9);--pc-border-emphasis:var(--teal-7)}[data-theme=dark] [data-color=green]{--pc-0:var(--green-12);--pc-1:var(--green-11);--pc-2:var(--green-10);--pc-3:var(--green-9);--pc-4:var(--green-8);--pc-5:var(--green-7);--pc-6:var(--green-6);--pc-7:var(--green-5);--pc-8:var(--green-4);--pc-9:var(--green-3);--pc-10:var(--green-2);--pc-11:var(--green-1);--pc-12:var(--green-0);--pc-surface:var(--green-12);--pc-surface-raised:var(--green-11);--pc-surface-overlay:var(--green-10);--pc-text-muted:var(--green-5);--pc-text:var(--green-3);--pc-text-emphasis:var(--green-1);--pc-accent:var(--green-3);--pc-accent-hover:var(--green-1);--pc-on-accent:var(--green-12);--pc-border:var(--green-9);--pc-border-emphasis:var(--green-7)}[data-theme=dark] [data-color=lime]{--pc-0:var(--lime-12);--pc-1:var(--lime-11);--pc-2:var(--lime-10);--pc-3:var(--lime-9);--pc-4:var(--lime-8);--pc-5:var(--lime-7);--pc-6:var(--lime-6);--pc-7:var(--lime-5);--pc-8:var(--lime-4);--pc-9:var(--lime-3);--pc-10:var(--lime-2);--pc-11:var(--lime-1);--pc-12:var(--lime-0);--pc-surface:var(--lime-12);--pc-surface-raised:var(--lime-11);--pc-surface-overlay:var(--lime-10);--pc-text-muted:var(--lime-5);--pc-text:var(--lime-3);--pc-text-emphasis:var(--lime-1);--pc-accent:var(--lime-3);--pc-accent-hover:var(--lime-1);--pc-on-accent:var(--lime-12);--pc-border:var(--lime-9);--pc-border-emphasis:var(--lime-7)}[data-theme=dark] [data-color=yellow]{--pc-0:var(--yellow-12);--pc-1:var(--yellow-11);--pc-2:var(--yellow-10);--pc-3:var(--yellow-9);--pc-4:var(--yellow-8);--pc-5:var(--yellow-7);--pc-6:var(--yellow-6);--pc-7:var(--yellow-5);--pc-8:var(--yellow-4);--pc-9:var(--yellow-3);--pc-10:var(--yellow-2);--pc-11:var(--yellow-1);--pc-12:var(--yellow-0);--pc-surface:var(--yellow-12);--pc-surface-raised:var(--yellow-11);--pc-surface-overlay:var(--yellow-10);--pc-text-muted:var(--yellow-5);--pc-text:var(--yellow-3);--pc-text-emphasis:var(--yellow-1);--pc-accent:var(--yellow-3);--pc-accent-hover:var(--yellow-1);--pc-on-accent:var(--yellow-12);--pc-border:var(--yellow-9);--pc-border-emphasis:var(--yellow-7)}[data-theme=dark] [data-color=orange]{--pc-0:var(--orange-12);--pc-1:var(--orange-11);--pc-2:var(--orange-10);--pc-3:var(--orange-9);--pc-4:var(--orange-8);--pc-5:var(--orange-7);--pc-6:var(--orange-6);--pc-7:var(--orange-5);--pc-8:var(--orange-4);--pc-9:var(--orange-3);--pc-10:var(--orange-2);--pc-11:var(--orange-1);--pc-12:var(--orange-0);--pc-surface:var(--orange-12);--pc-surface-raised:var(--orange-11);--pc-surface-overlay:var(--orange-10);--pc-text-muted:var(--orange-5);--pc-text:var(--orange-3);--pc-text-emphasis:var(--orange-1);--pc-accent:var(--orange-3);--pc-accent-hover:var(--orange-1);--pc-on-accent:var(--orange-12);--pc-border:var(--orange-9);--pc-border-emphasis:var(--orange-7)}[data-theme=dark] [data-color=choco]{--pc-0:var(--choco-12);--pc-1:var(--choco-11);--pc-2:var(--choco-10);--pc-3:var(--choco-9);--pc-4:var(--choco-8);--pc-5:var(--choco-7);--pc-6:var(--choco-6);--pc-7:var(--choco-5);--pc-8:var(--choco-4);--pc-9:var(--choco-3);--pc-10:var(--choco-2);--pc-11:var(--choco-1);--pc-12:var(--choco-0);--pc-surface:var(--choco-12);--pc-surface-raised:var(--choco-11);--pc-surface-overlay:var(--choco-10);--pc-text-muted:var(--choco-5);--pc-text:var(--choco-3);--pc-text-emphasis:var(--choco-1);--pc-accent:var(--choco-3);--pc-accent-hover:var(--choco-1);--pc-on-accent:var(--choco-12);--pc-border:var(--choco-9);--pc-border-emphasis:var(--choco-7)}[data-theme=dark] [data-color=brown]{--pc-0:var(--brown-12);--pc-1:var(--brown-11);--pc-2:var(--brown-10);--pc-3:var(--brown-9);--pc-4:var(--brown-8);--pc-5:var(--brown-7);--pc-6:var(--brown-6);--pc-7:var(--brown-5);--pc-8:var(--brown-4);--pc-9:var(--brown-3);--pc-10:var(--brown-2);--pc-11:var(--brown-1);--pc-12:var(--brown-0);--pc-surface:var(--brown-12);--pc-surface-raised:var(--brown-11);--pc-surface-overlay:var(--brown-10);--pc-text-muted:var(--brown-5);--pc-text:var(--brown-3);--pc-text-emphasis:var(--brown-1);--pc-accent:var(--brown-3);--pc-accent-hover:var(--brown-1);--pc-on-accent:var(--brown-12);--pc-border:var(--brown-9);--pc-border-emphasis:var(--brown-7)}[data-theme=dark] [data-color=sand]{--pc-0:var(--sand-12);--pc-1:var(--sand-11);--pc-2:var(--sand-10);--pc-3:var(--sand-9);--pc-4:var(--sand-8);--pc-5:var(--sand-7);--pc-6:var(--sand-6);--pc-7:var(--sand-5);--pc-8:var(--sand-4);--pc-9:var(--sand-3);--pc-10:var(--sand-2);--pc-11:var(--sand-1);--pc-12:var(--sand-0);--pc-surface:var(--sand-12);--pc-surface-raised:var(--sand-11);--pc-surface-overlay:var(--sand-10);--pc-text-muted:var(--sand-5);--pc-text:var(--sand-3);--pc-text-emphasis:var(--sand-1);--pc-accent:var(--sand-3);--pc-accent-hover:var(--sand-1);--pc-on-accent:var(--sand-12);--pc-border:var(--sand-9);--pc-border-emphasis:var(--sand-7)}[data-theme=dark] [data-color=camo]{--pc-0:var(--camo-12);--pc-1:var(--camo-11);--pc-2:var(--camo-10);--pc-3:var(--camo-9);--pc-4:var(--camo-8);--pc-5:var(--camo-7);--pc-6:var(--camo-6);--pc-7:var(--camo-5);--pc-8:var(--camo-4);--pc-9:var(--camo-3);--pc-10:var(--camo-2);--pc-11:var(--camo-1);--pc-12:var(--camo-0);--pc-surface:var(--camo-12);--pc-surface-raised:var(--camo-11);--pc-surface-overlay:var(--camo-10);--pc-text-muted:var(--camo-5);--pc-text:var(--camo-3);--pc-text-emphasis:var(--camo-1);--pc-accent:var(--camo-3);--pc-accent-hover:var(--camo-1);--pc-on-accent:var(--camo-12);--pc-border:var(--camo-9);--pc-border-emphasis:var(--camo-7)}[data-theme=dark] [data-color=jungle]{--pc-0:var(--jungle-12);--pc-1:var(--jungle-11);--pc-2:var(--jungle-10);--pc-3:var(--jungle-9);--pc-4:var(--jungle-8);--pc-5:var(--jungle-7);--pc-6:var(--jungle-6);--pc-7:var(--jungle-5);--pc-8:var(--jungle-4);--pc-9:var(--jungle-3);--pc-10:var(--jungle-2);--pc-11:var(--jungle-1);--pc-12:var(--jungle-0);--pc-surface:var(--jungle-12);--pc-surface-raised:var(--jungle-11);--pc-surface-overlay:var(--jungle-10);--pc-text-muted:var(--jungle-5);--pc-text:var(--jungle-3);--pc-text-emphasis:var(--jungle-1);--pc-accent:var(--jungle-3);--pc-accent-hover:var(--jungle-1);--pc-on-accent:var(--jungle-12);--pc-border:var(--jungle-9);--pc-border-emphasis:var(--jungle-7)}@media (prefers-color-scheme:dark){html:not([data-theme]) [data-color=gray]{--pc-0:var(--gray-12);--pc-1:var(--gray-11);--pc-2:var(--gray-10);--pc-3:var(--gray-9);--pc-4:var(--gray-8);--pc-5:var(--gray-7);--pc-6:var(--gray-6);--pc-7:var(--gray-5);--pc-8:var(--gray-4);--pc-9:var(--gray-3);--pc-10:var(--gray-2);--pc-11:var(--gray-1);--pc-12:var(--gray-0);--pc-surface:var(--gray-12);--pc-surface-raised:var(--gray-11);--pc-surface-overlay:var(--gray-10);--pc-text-muted:var(--gray-5);--pc-text:var(--gray-3);--pc-text-emphasis:var(--gray-1);--pc-accent:var(--gray-3);--pc-accent-hover:var(--gray-1);--pc-on-accent:var(--gray-12);--pc-border:var(--gray-9);--pc-border-emphasis:var(--gray-7)}html:not([data-theme]) [data-color=stone]{--pc-0:var(--stone-12);--pc-1:var(--stone-11);--pc-2:var(--stone-10);--pc-3:var(--stone-9);--pc-4:var(--stone-8);--pc-5:var(--stone-7);--pc-6:var(--stone-6);--pc-7:var(--stone-5);--pc-8:var(--stone-4);--pc-9:var(--stone-3);--pc-10:var(--stone-2);--pc-11:var(--stone-1);--pc-12:var(--stone-0);--pc-surface:var(--stone-12);--pc-surface-raised:var(--stone-11);--pc-surface-overlay:var(--stone-10);--pc-text-muted:var(--stone-5);--pc-text:var(--stone-3);--pc-text-emphasis:var(--stone-1);--pc-accent:var(--stone-3);--pc-accent-hover:var(--stone-1);--pc-on-accent:var(--stone-12);--pc-border:var(--stone-9);--pc-border-emphasis:var(--stone-7)}html:not([data-theme]) [data-color=red]{--pc-0:var(--red-12);--pc-1:var(--red-11);--pc-2:var(--red-10);--pc-3:var(--red-9);--pc-4:var(--red-8);--pc-5:var(--red-7);--pc-6:var(--red-6);--pc-7:var(--red-5);--pc-8:var(--red-4);--pc-9:var(--red-3);--pc-10:var(--red-2);--pc-11:var(--red-1);--pc-12:var(--red-0);--pc-surface:var(--red-12);--pc-surface-raised:var(--red-11);--pc-surface-overlay:var(--red-10);--pc-text-muted:var(--red-5);--pc-text:var(--red-3);--pc-text-emphasis:var(--red-1);--pc-accent:var(--red-3);--pc-accent-hover:var(--red-1);--pc-on-accent:var(--red-12);--pc-border:var(--red-9);--pc-border-emphasis:var(--red-7)}html:not([data-theme]) [data-color=pink]{--pc-0:var(--pink-12);--pc-1:var(--pink-11);--pc-2:var(--pink-10);--pc-3:var(--pink-9);--pc-4:var(--pink-8);--pc-5:var(--pink-7);--pc-6:var(--pink-6);--pc-7:var(--pink-5);--pc-8:var(--pink-4);--pc-9:var(--pink-3);--pc-10:var(--pink-2);--pc-11:var(--pink-1);--pc-12:var(--pink-0);--pc-surface:var(--pink-12);--pc-surface-raised:var(--pink-11);--pc-surface-overlay:var(--pink-10);--pc-text-muted:var(--pink-5);--pc-text:var(--pink-3);--pc-text-emphasis:var(--pink-1);--pc-accent:var(--pink-3);--pc-accent-hover:var(--pink-1);--pc-on-accent:var(--pink-12);--pc-border:var(--pink-9);--pc-border-emphasis:var(--pink-7)}html:not([data-theme]) [data-color=purple]{--pc-0:var(--purple-12);--pc-1:var(--purple-11);--pc-2:var(--purple-10);--pc-3:var(--purple-9);--pc-4:var(--purple-8);--pc-5:var(--purple-7);--pc-6:var(--purple-6);--pc-7:var(--purple-5);--pc-8:var(--purple-4);--pc-9:var(--purple-3);--pc-10:var(--purple-2);--pc-11:var(--purple-1);--pc-12:var(--purple-0);--pc-surface:var(--purple-12);--pc-surface-raised:var(--purple-11);--pc-surface-overlay:var(--purple-10);--pc-text-muted:var(--purple-5);--pc-text:var(--purple-3);--pc-text-emphasis:var(--purple-1);--pc-accent:var(--purple-3);--pc-accent-hover:var(--purple-1);--pc-on-accent:var(--purple-12);--pc-border:var(--purple-9);--pc-border-emphasis:var(--purple-7)}html:not([data-theme]) [data-color=violet]{--pc-0:var(--violet-12);--pc-1:var(--violet-11);--pc-2:var(--violet-10);--pc-3:var(--violet-9);--pc-4:var(--violet-8);--pc-5:var(--violet-7);--pc-6:var(--violet-6);--pc-7:var(--violet-5);--pc-8:var(--violet-4);--pc-9:var(--violet-3);--pc-10:var(--violet-2);--pc-11:var(--violet-1);--pc-12:var(--violet-0);--pc-surface:var(--violet-12);--pc-surface-raised:var(--violet-11);--pc-surface-overlay:var(--violet-10);--pc-text-muted:var(--violet-5);--pc-text:var(--violet-3);--pc-text-emphasis:var(--violet-1);--pc-accent:var(--violet-3);--pc-accent-hover:var(--violet-1);--pc-on-accent:var(--violet-12);--pc-border:var(--violet-9);--pc-border-emphasis:var(--violet-7)}html:not([data-theme]) [data-color=indigo]{--pc-0:var(--indigo-12);--pc-1:var(--indigo-11);--pc-2:var(--indigo-10);--pc-3:var(--indigo-9);--pc-4:var(--indigo-8);--pc-5:var(--indigo-7);--pc-6:var(--indigo-6);--pc-7:var(--indigo-5);--pc-8:var(--indigo-4);--pc-9:var(--indigo-3);--pc-10:var(--indigo-2);--pc-11:var(--indigo-1);--pc-12:var(--indigo-0);--pc-surface:var(--indigo-12);--pc-surface-raised:var(--indigo-11);--pc-surface-overlay:var(--indigo-10);--pc-text-muted:var(--indigo-5);--pc-text:var(--indigo-3);--pc-text-emphasis:var(--indigo-1);--pc-accent:var(--indigo-3);--pc-accent-hover:var(--indigo-1);--pc-on-accent:var(--indigo-12);--pc-border:var(--indigo-9);--pc-border-emphasis:var(--indigo-7)}html:not([data-theme]) [data-color=blue]{--pc-0:var(--blue-12);--pc-1:var(--blue-11);--pc-2:var(--blue-10);--pc-3:var(--blue-9);--pc-4:var(--blue-8);--pc-5:var(--blue-7);--pc-6:var(--blue-6);--pc-7:var(--blue-5);--pc-8:var(--blue-4);--pc-9:var(--blue-3);--pc-10:var(--blue-2);--pc-11:var(--blue-1);--pc-12:var(--blue-0);--pc-surface:var(--blue-12);--pc-surface-raised:var(--blue-11);--pc-surface-overlay:var(--blue-10);--pc-text-muted:var(--blue-5);--pc-text:var(--blue-3);--pc-text-emphasis:var(--blue-1);--pc-accent:var(--blue-3);--pc-accent-hover:var(--blue-1);--pc-on-accent:var(--blue-12);--pc-border:var(--blue-9);--pc-border-emphasis:var(--blue-7)}html:not([data-theme]) [data-color=cyan]{--pc-0:var(--cyan-12);--pc-1:var(--cyan-11);--pc-2:var(--cyan-10);--pc-3:var(--cyan-9);--pc-4:var(--cyan-8);--pc-5:var(--cyan-7);--pc-6:var(--cyan-6);--pc-7:var(--cyan-5);--pc-8:var(--cyan-4);--pc-9:var(--cyan-3);--pc-10:var(--cyan-2);--pc-11:var(--cyan-1);--pc-12:var(--cyan-0);--pc-surface:var(--cyan-12);--pc-surface-raised:var(--cyan-11);--pc-surface-overlay:var(--cyan-10);--pc-text-muted:var(--cyan-5);--pc-text:var(--cyan-3);--pc-text-emphasis:var(--cyan-1);--pc-accent:var(--cyan-3);--pc-accent-hover:var(--cyan-1);--pc-on-accent:var(--cyan-12);--pc-border:var(--cyan-9);--pc-border-emphasis:var(--cyan-7)}html:not([data-theme]) [data-color=teal]{--pc-0:var(--teal-12);--pc-1:var(--teal-11);--pc-2:var(--teal-10);--pc-3:var(--teal-9);--pc-4:var(--teal-8);--pc-5:var(--teal-7);--pc-6:var(--teal-6);--pc-7:var(--teal-5);--pc-8:var(--teal-4);--pc-9:var(--teal-3);--pc-10:var(--teal-2);--pc-11:var(--teal-1);--pc-12:var(--teal-0);--pc-surface:var(--teal-12);--pc-surface-raised:var(--teal-11);--pc-surface-overlay:var(--teal-10);--pc-text-muted:var(--teal-5);--pc-text:var(--teal-3);--pc-text-emphasis:var(--teal-1);--pc-accent:var(--teal-3);--pc-accent-hover:var(--teal-1);--pc-on-accent:var(--teal-12);--pc-border:var(--teal-9);--pc-border-emphasis:var(--teal-7)}html:not([data-theme]) [data-color=green]{--pc-0:var(--green-12);--pc-1:var(--green-11);--pc-2:var(--green-10);--pc-3:var(--green-9);--pc-4:var(--green-8);--pc-5:var(--green-7);--pc-6:var(--green-6);--pc-7:var(--green-5);--pc-8:var(--green-4);--pc-9:var(--green-3);--pc-10:var(--green-2);--pc-11:var(--green-1);--pc-12:var(--green-0);--pc-surface:var(--green-12);--pc-surface-raised:var(--green-11);--pc-surface-overlay:var(--green-10);--pc-text-muted:var(--green-5);--pc-text:var(--green-3);--pc-text-emphasis:var(--green-1);--pc-accent:var(--green-3);--pc-accent-hover:var(--green-1);--pc-on-accent:var(--green-12);--pc-border:var(--green-9);--pc-border-emphasis:var(--green-7)}html:not([data-theme]) [data-color=lime]{--pc-0:var(--lime-12);--pc-1:var(--lime-11);--pc-2:var(--lime-10);--pc-3:var(--lime-9);--pc-4:var(--lime-8);--pc-5:var(--lime-7);--pc-6:var(--lime-6);--pc-7:var(--lime-5);--pc-8:var(--lime-4);--pc-9:var(--lime-3);--pc-10:var(--lime-2);--pc-11:var(--lime-1);--pc-12:var(--lime-0);--pc-surface:var(--lime-12);--pc-surface-raised:var(--lime-11);--pc-surface-overlay:var(--lime-10);--pc-text-muted:var(--lime-5);--pc-text:var(--lime-3);--pc-text-emphasis:var(--lime-1);--pc-accent:var(--lime-3);--pc-accent-hover:var(--lime-1);--pc-on-accent:var(--lime-12);--pc-border:var(--lime-9);--pc-border-emphasis:var(--lime-7)}html:not([data-theme]) [data-color=yellow]{--pc-0:var(--yellow-12);--pc-1:var(--yellow-11);--pc-2:var(--yellow-10);--pc-3:var(--yellow-9);--pc-4:var(--yellow-8);--pc-5:var(--yellow-7);--pc-6:var(--yellow-6);--pc-7:var(--yellow-5);--pc-8:var(--yellow-4);--pc-9:var(--yellow-3);--pc-10:var(--yellow-2);--pc-11:var(--yellow-1);--pc-12:var(--yellow-0);--pc-surface:var(--yellow-12);--pc-surface-raised:var(--yellow-11);--pc-surface-overlay:var(--yellow-10);--pc-text-muted:var(--yellow-5);--pc-text:var(--yellow-3);--pc-text-emphasis:var(--yellow-1);--pc-accent:var(--yellow-3);--pc-accent-hover:var(--yellow-1);--pc-on-accent:var(--yellow-12);--pc-border:var(--yellow-9);--pc-border-emphasis:var(--yellow-7)}html:not([data-theme]) [data-color=orange]{--pc-0:var(--orange-12);--pc-1:var(--orange-11);--pc-2:var(--orange-10);--pc-3:var(--orange-9);--pc-4:var(--orange-8);--pc-5:var(--orange-7);--pc-6:var(--orange-6);--pc-7:var(--orange-5);--pc-8:var(--orange-4);--pc-9:var(--orange-3);--pc-10:var(--orange-2);--pc-11:var(--orange-1);--pc-12:var(--orange-0);--pc-surface:var(--orange-12);--pc-surface-raised:var(--orange-11);--pc-surface-overlay:var(--orange-10);--pc-text-muted:var(--orange-5);--pc-text:var(--orange-3);--pc-text-emphasis:var(--orange-1);--pc-accent:var(--orange-3);--pc-accent-hover:var(--orange-1);--pc-on-accent:var(--orange-12);--pc-border:var(--orange-9);--pc-border-emphasis:var(--orange-7)}html:not([data-theme]) [data-color=choco]{--pc-0:var(--choco-12);--pc-1:var(--choco-11);--pc-2:var(--choco-10);--pc-3:var(--choco-9);--pc-4:var(--choco-8);--pc-5:var(--choco-7);--pc-6:var(--choco-6);--pc-7:var(--choco-5);--pc-8:var(--choco-4);--pc-9:var(--choco-3);--pc-10:var(--choco-2);--pc-11:var(--choco-1);--pc-12:var(--choco-0);--pc-surface:var(--choco-12);--pc-surface-raised:var(--choco-11);--pc-surface-overlay:var(--choco-10);--pc-text-muted:var(--choco-5);--pc-text:var(--choco-3);--pc-text-emphasis:var(--choco-1);--pc-accent:var(--choco-3);--pc-accent-hover:var(--choco-1);--pc-on-accent:var(--choco-12);--pc-border:var(--choco-9);--pc-border-emphasis:var(--choco-7)}html:not([data-theme]) [data-color=brown]{--pc-0:var(--brown-12);--pc-1:var(--brown-11);--pc-2:var(--brown-10);--pc-3:var(--brown-9);--pc-4:var(--brown-8);--pc-5:var(--brown-7);--pc-6:var(--brown-6);--pc-7:var(--brown-5);--pc-8:var(--brown-4);--pc-9:var(--brown-3);--pc-10:var(--brown-2);--pc-11:var(--brown-1);--pc-12:var(--brown-0);--pc-surface:var(--brown-12);--pc-surface-raised:var(--brown-11);--pc-surface-overlay:var(--brown-10);--pc-text-muted:var(--brown-5);--pc-text:var(--brown-3);--pc-text-emphasis:var(--brown-1);--pc-accent:var(--brown-3);--pc-accent-hover:var(--brown-1);--pc-on-accent:var(--brown-12);--pc-border:var(--brown-9);--pc-border-emphasis:var(--brown-7)}html:not([data-theme]) [data-color=sand]{--pc-0:var(--sand-12);--pc-1:var(--sand-11);--pc-2:var(--sand-10);--pc-3:var(--sand-9);--pc-4:var(--sand-8);--pc-5:var(--sand-7);--pc-6:var(--sand-6);--pc-7:var(--sand-5);--pc-8:var(--sand-4);--pc-9:var(--sand-3);--pc-10:var(--sand-2);--pc-11:var(--sand-1);--pc-12:var(--sand-0);--pc-surface:var(--sand-12);--pc-surface-raised:var(--sand-11);--pc-surface-overlay:var(--sand-10);--pc-text-muted:var(--sand-5);--pc-text:var(--sand-3);--pc-text-emphasis:var(--sand-1);--pc-accent:var(--sand-3);--pc-accent-hover:var(--sand-1);--pc-on-accent:var(--sand-12);--pc-border:var(--sand-9);--pc-border-emphasis:var(--sand-7)}html:not([data-theme]) [data-color=camo]{--pc-0:var(--camo-12);--pc-1:var(--camo-11);--pc-2:var(--camo-10);--pc-3:var(--camo-9);--pc-4:var(--camo-8);--pc-5:var(--camo-7);--pc-6:var(--camo-6);--pc-7:var(--camo-5);--pc-8:var(--camo-4);--pc-9:var(--camo-3);--pc-10:var(--camo-2);--pc-11:var(--camo-1);--pc-12:var(--camo-0);--pc-surface:var(--camo-12);--pc-surface-raised:var(--camo-11);--pc-surface-overlay:var(--camo-10);--pc-text-muted:var(--camo-5);--pc-text:var(--camo-3);--pc-text-emphasis:var(--camo-1);--pc-accent:var(--camo-3);--pc-accent-hover:var(--camo-1);--pc-on-accent:var(--camo-12);--pc-border:var(--camo-9);--pc-border-emphasis:var(--camo-7)}html:not([data-theme]) [data-color=jungle]{--pc-0:var(--jungle-12);--pc-1:var(--jungle-11);--pc-2:var(--jungle-10);--pc-3:var(--jungle-9);--pc-4:var(--jungle-8);--pc-5:var(--jungle-7);--pc-6:var(--jungle-6);--pc-7:var(--jungle-5);--pc-8:var(--jungle-4);--pc-9:var(--jungle-3);--pc-10:var(--jungle-2);--pc-11:var(--jungle-1);--pc-12:var(--jungle-0);--pc-surface:var(--jungle-12);--pc-surface-raised:var(--jungle-11);--pc-surface-overlay:var(--jungle-10);--pc-text-muted:var(--jungle-5);--pc-text:var(--jungle-3);--pc-text-emphasis:var(--jungle-1);--pc-accent:var(--jungle-3);--pc-accent-hover:var(--jungle-1);--pc-on-accent:var(--jungle-12);--pc-border:var(--jungle-9);--pc-border-emphasis:var(--jungle-7)}}:root{--danger:var(--red-7);--danger-hover:var(--red-8);--on-danger:var(--red-0);--warning:var(--orange-6);--warning-hover:var(--orange-7);--warning-text:var(--orange-9);--on-warning:var(--orange-0);--success:var(--green-7);--success-hover:var(--green-8);--on-success:var(--green-0);--info:var(--blue-7);--info-hover:var(--blue-8);--on-info:var(--blue-0)}[data-theme=dark]{--danger:var(--red-5);--danger-hover:var(--red-4);--warning:var(--orange-4);--warning-hover:var(--orange-3);--warning-text:var(--orange-2);--success:var(--green-5);--success-hover:var(--green-4);--info:var(--blue-5);--info-hover:var(--blue-4)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--danger:var(--red-5);--danger-hover:var(--red-4);--warning:var(--orange-4);--warning-hover:var(--orange-3);--warning-text:var(--orange-2);--success:var(--green-5);--success-hover:var(--green-4);--info:var(--blue-5);--info-hover:var(--blue-4)}}:root{--mood-romantic:var(--pink-4);--mood-romantic-hover:var(--pink-5);--mood-romantic-text:var(--pink-9);--on-mood-romantic:black;--mood-classical:var(--green-4);--mood-classical-hover:var(--green-5);--mood-classical-text:var(--green-9);--on-mood-classical:black;--mood-hypermodern:var(--blue-4);--mood-hypermodern-hover:var(--blue-5);--mood-hypermodern-text:var(--blue-9);--on-mood-hypermodern:black;--mood-tactical:var(--yellow-4);--mood-tactical-hover:var(--yellow-5);--mood-tactical-text:var(--yellow-9);--on-mood-tactical:black;--mood-empty:white;--on-mood-empty:black}[data-theme=dark]{--mood-romantic:var(--pink-3);--mood-romantic-hover:var(--pink-4);--mood-romantic-text:var(--pink-2);--mood-classical:var(--green-3);--mood-classical-hover:var(--green-4);--mood-classical-text:var(--green-2);--mood-hypermodern:var(--blue-3);--mood-hypermodern-hover:var(--blue-4);--mood-hypermodern-text:var(--blue-2);--mood-tactical:var(--yellow-3);--mood-tactical-hover:var(--yellow-4);--mood-tactical-text:var(--yellow-2)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--mood-romantic:var(--pink-3);--mood-romantic-hover:var(--pink-4);--mood-romantic-text:var(--pink-2);--mood-classical:var(--green-3);--mood-classical-hover:var(--green-4);--mood-classical-text:var(--green-2);--mood-hypermodern:var(--blue-3);--mood-hypermodern-hover:var(--blue-4);--mood-hypermodern-text:var(--blue-2);--mood-tactical:var(--yellow-3);--mood-tactical-hover:var(--yellow-4);--mood-tactical-text:var(--yellow-2)}}:where(*){box-sizing:border-box;margin:0;padding:0}:where(html,body){height:100%;font-family:var(--font-sans);color:var(--pc-text)}:where(body){background:var(--body-bg-color)}html,body{height:100dvh;margin:0;overflow:hidden}main{top:var(--game-square-size);margin:0 var(--game-piece-margin) 0;border-radius:var(--radius-3) var(--radius-3) 0 0;background:var(--body-main-bg-color);position:absolute;bottom:0;left:0;right:0;overflow-y:auto}main[data-at-bottom]{margin-bottom:var(--game-piece-margin);border-bottom-left-radius:var(--radius-3);border-bottom-right-radius:var(--radius-3)}body[data-app$=-page]{--xq-bg:#fdf6d8;--xq-fg:#2a2410;--xq-muted:#77683a;--xq-accent:#8a6b00;--xq-on-accent:#fdf6d8;--xq-surface:#f5ebbc;--xq-border:#e2d391;background:var(--xq-bg)}[data-theme=dark] body[data-app$=-page]{--xq-bg:#16130a;--xq-fg:#f0ead2;--xq-muted:#b0a67f;--xq-accent:#fea;--xq-on-accent:#16130a;--xq-surface:#241f10;--xq-border:#4a4227}@media (prefers-color-scheme:dark){html:not([data-theme]) body[data-app$=-page]{--xq-bg:#16130a;--xq-fg:#f0ead2;--xq-muted:#b0a67f;--xq-accent:#fea;--xq-on-accent:#16130a;--xq-surface:#241f10;--xq-border:#4a4227}}body[data-app=chess-page]{--xq-bg:#f6f6f5;--xq-fg:#1c1e21;--xq-muted:#5f646d;--xq-accent:#50565e;--xq-on-accent:#f6f6f5;--xq-surface:#e9e9e7;--xq-border:#d2d2cf}[data-theme=dark] body[data-app=chess-page]{--xq-bg:#23272b;--xq-fg:#e7e7e5;--xq-muted:#9aa0a7;--xq-accent:#aab2ba;--xq-on-accent:#23272b;--xq-surface:#2d3237;--xq-border:#4a5057}@media (prefers-color-scheme:dark){html:not([data-theme]) body[data-app=chess-page]{--xq-bg:#23272b;--xq-fg:#e7e7e5;--xq-muted:#9aa0a7;--xq-accent:#aab2ba;--xq-on-accent:#23272b;--xq-surface:#2d3237;--xq-border:#4a5057}}body[data-app=ogi-page]{--xq-bg:#ffe4e1;--xq-fg:#000;--xq-muted:#75585a;--xq-accent:#6d071a;--xq-on-accent:#ffe4e1;--xq-surface:#f9d3ce;--xq-border:#e4b8b2}[data-theme=dark] body[data-app=ogi-page]{--xq-bg:#010005;--xq-fg:#fff;--xq-muted:#b39fa4;--xq-accent:#e37f98;--xq-on-accent:#010005;--xq-surface:#150f14;--xq-border:#3d3138}@media (prefers-color-scheme:dark){html:not([data-theme]) body[data-app=ogi-page]{--xq-bg:#010005;--xq-fg:#fff;--xq-muted:#b39fa4;--xq-accent:#e37f98;--xq-on-accent:#010005;--xq-surface:#150f14;--xq-border:#3d3138}}body[data-app$=-page] aside.session{height:var(--game-square-size);z-index:100;align-items:center;display:flex;position:absolute;top:0;right:0}body[data-app$=-page] aside.session details>summary:hover,body[data-app$=-page] aside.session details>summary:focus-visible,body[data-app$=-page] aside.session details[open]>summary{background:var(--xq-surface)}@media print{body[data-app$=-page] aside.session{display:none}html,body{height:auto;overflow:visible}main{border-radius:0;margin:0;position:static;overflow:visible}}body[data-app$=-page] main{background:var(--xq-bg);border-radius:0;margin:0;top:0}body[data-app$=-page] main>article{background:0 0}body[data-app$=-page] .game-board>header>.identity,body[data-app$=-page] .game-board>footer>.identity{margin-inline-start:var(--game-square-size)}body[data-app$=-page] .game-board>footer{position:relative}body[data-app$=-page] .game-board>footer>.game-actions{width:var(--game-square-size);justify-content:center;align-items:center;display:flex;position:absolute;inset-block:0;inset-inline-start:0}body[data-app$=-page] main:has(>.game-board){min-width:calc(var(--game-square-size) * 8);min-height:calc(var(--game-square-size) * 10);flex-direction:column;align-items:center;display:flex;overflow:hidden}body[data-app$=-page] .game-board{flex:1;grid-template-rows:1fr auto 1fr;grid-template-columns:none;width:100%;height:auto;position:relative;top:auto;left:auto}body[data-app$=-page] .game-board>header,body[data-app$=-page] .game-board>footer{width:var(--game-board-size);min-height:var(--game-square-size);grid-column:1;justify-self:center}body[data-app$=-page] .game-board>header{grid-row:1;align-self:end}body[data-app$=-page] .game-board>footer{grid-row:3;align-self:start}body[data-app$=-page] .game-board>table{grid-area:2/1;justify-self:center}body[data-app$=-page] .game-board>.annotation-layer{width:var(--game-board-size);height:var(--game-board-size);grid-area:2/1;justify-self:center}@media (orientation:portrait){html:has(body[data-app$=-page]){--game-square-size:min(calc(100dvw / 8), calc(100dvh / 10))}}main>article{background:var(--body-main-article-bg-color)}aside[aria-label=User\ session]{height:var(--game-square-size);z-index:100;align-items:center;display:flex;position:fixed;top:0;right:0}aside[aria-label=User\ session]>a{width:var(--game-piece-size);height:var(--game-piece-size);margin:var(--game-piece-margin);border-radius:var(--radius-2);color:var(--pc-text-muted);transition:color var(--transition-medium), background-color var(--transition-medium);place-items:center;text-decoration:none;display:grid}aside[aria-label=User\ session]>a:hover,aside[aria-label=User\ session]>a:focus-visible{color:var(--pc-accent-hover);background:var(--body-main-bg-color)}aside[aria-label=User\ session]>a[aria-current]{color:var(--pc-text-emphasis);background:var(--body-main-bg-color);border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative}aside[aria-label=User\ session]>a[aria-current]:before{content:"";top:100%;left:calc(-1 * var(--game-piece-margin));right:calc(-1 * var(--game-piece-margin));height:var(--game-piece-margin);background:radial-gradient(circle at top left, transparent var(--game-piece-margin), var(--body-main-bg-color) calc(var(--game-piece-margin) + var(--hairline))) 0 0 / var(--game-piece-margin) var(--game-piece-margin) no-repeat, radial-gradient(circle at top right, transparent var(--game-piece-margin), var(--body-main-bg-color) calc(var(--game-piece-margin) + var(--hairline))) 100% 0 / var(--game-piece-margin) var(--game-piece-margin) no-repeat, linear-gradient(var(--body-main-bg-color), var(--body-main-bg-color)) var(--game-piece-margin) 0 / calc(100% - 2 * var(--game-piece-margin)) 100% no-repeat;position:absolute}body:has(aside[aria-label=User\ session]>a:last-child[aria-current]) main{border-top-right-radius:0}aside[aria-label=User\ session]>a:last-child[aria-current]:before{background:radial-gradient(circle at top left, transparent var(--game-piece-margin), var(--body-main-bg-color) calc(var(--game-piece-margin) + var(--hairline))) 0 0 / var(--game-piece-margin) var(--game-piece-margin) no-repeat, linear-gradient(var(--body-main-bg-color), var(--body-main-bg-color)) var(--game-piece-margin) 0 / calc(100% - var(--game-piece-margin)) 100% no-repeat;right:0}aside[aria-label=User\ session]>a>svg{width:var(--font-size-3);height:var(--font-size-3);stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round}aside[aria-label=User\ session]>a>figure.avatar>img{width:100%;height:100%}aside[aria-label=User\ session]>a[data-count]{position:relative}aside[aria-label=User\ session]>a[data-count]:after{content:attr(data-count);min-width:var(--font-size-1);height:var(--font-size-1);background:var(--danger);color:var(--on-danger);font-family:var(--font-sans);font-size:var(--font-size-0);border-radius:var(--font-size-1);place-items:center;font-weight:700;display:grid;position:absolute;top:0;right:0}aside[aria-label=User\ session]>a[data-count="0"]:after{display:none}header.chrome{display:contents}nav[aria-label=Main\ menu]{height:var(--game-square-size);z-index:100;align-items:center;display:flex;position:fixed;top:0;left:0}nav[aria-label=Main\ menu]>a{width:var(--game-piece-size);height:var(--game-piece-size);margin:var(--game-piece-margin);border-radius:var(--radius-2);color:var(--pc-text-muted);transition:color var(--transition-medium), background-color var(--transition-medium);place-items:center;text-decoration:none;display:grid}nav[aria-label=Main\ menu]>a:hover,nav[aria-label=Main\ menu]>a:focus-visible{color:var(--pc-accent-hover);background:var(--body-main-bg-color);outline:none}nav[aria-label=Main\ menu]>a[aria-current]{color:var(--pc-text-emphasis);background:var(--body-main-bg-color);border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative}nav[aria-label=Main\ menu]>a[aria-current]:before{content:"";top:100%;left:calc(-1 * var(--game-piece-margin));right:calc(-1 * var(--game-piece-margin));height:var(--game-piece-margin);background:radial-gradient(circle at top left, transparent var(--game-piece-margin), var(--body-main-bg-color) calc(var(--game-piece-margin) + var(--hairline))) 0 0 / var(--game-piece-margin) var(--game-piece-margin) no-repeat, radial-gradient(circle at top right, transparent var(--game-piece-margin), var(--body-main-bg-color) calc(var(--game-piece-margin) + var(--hairline))) 100% 0 / var(--game-piece-margin) var(--game-piece-margin) no-repeat, linear-gradient(var(--body-main-bg-color), var(--body-main-bg-color)) var(--game-piece-margin) 0 / calc(100% - 2 * var(--game-piece-margin)) 100% no-repeat;position:absolute}body:has(nav[aria-label=Main\ menu]>a:first-child[aria-current]) main{border-top-left-radius:0}nav[aria-label=Main\ menu]>a:first-child[aria-current]:before{background:radial-gradient(circle at top right, transparent var(--game-piece-margin), var(--body-main-bg-color) calc(var(--game-piece-margin) + var(--hairline))) 100% 0 / var(--game-piece-margin) var(--game-piece-margin) no-repeat, linear-gradient(var(--body-main-bg-color), var(--body-main-bg-color)) 0 0 / calc(100% - var(--game-piece-margin)) 100% no-repeat;left:0}nav[aria-label=Main\ menu]>a>svg{width:var(--font-size-3);height:var(--font-size-3);stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}nav[aria-label=Main\ menu]>a>img{width:var(--font-size-3);height:var(--font-size-3);display:block}aside>details{width:var(--game-piece-size);height:var(--game-piece-size);margin:var(--game-piece-margin);border-radius:var(--radius-2);place-items:center;display:grid;position:relative}aside>details>summary{cursor:pointer;width:100%;height:100%;padding:var(--game-piece-margin);transition:color var(--transition-medium), background-color var(--transition-medium);border-radius:50%;list-style:none}aside>details>summary::-webkit-details-marker{display:none}aside>details>summary>figure.avatar>img{width:100%;height:100%;display:block}aside>details>summary:hover,aside>details>summary:focus-visible,aside>details[open]>summary{background:var(--body-main-bg-color);color:var(--pc-accent-hover);outline:none}aside>details[open]>menu{top:calc(100% + var(--space-1));z-index:100;padding:var(--space-2);gap:var(--space-1);background:var(--pc-surface-raised);border:var(--hairline) solid var(--pc-border);border-radius:var(--radius-2);min-width:max-content;box-shadow:var(--shadow-disc);flex-direction:column;display:flex;position:absolute;right:0}aside>details>menu,aside>details>menu>li{list-style:none}aside>details:not(.game-actions)[open]{z-index:101}aside>details>menu>li>form{display:contents}aside>details>menu>li>a,aside>details>menu>li>button,aside>details>menu>li>form>button{appearance:none;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-1);box-shadow:none;color:var(--pc-accent);font-family:inherit;font-size:var(--font-size-1);font-weight:inherit;font-style:inherit;line-height:inherit;letter-spacing:inherit;text-rendering:inherit;text-transform:inherit;text-align:left;white-space:nowrap;cursor:pointer;transition:background-color var(--transition-medium), color var(--transition-medium);background:0 0;border:none;outline:none;text-decoration:none;display:flex}aside>details>menu>li>button::-moz-focus-inner{border:0;padding:0}aside>details>menu>li>form>button::-moz-focus-inner{border:0;padding:0}aside>details>menu>li>a:hover,aside>details>menu>li>a:focus-visible,aside>details>menu>li>button:hover,aside>details>menu>li>button:focus-visible,aside>details>menu>li>form>button:hover,aside>details>menu>li>form>button:focus-visible{background:var(--pc-accent);color:var(--pc-on-accent);outline:none}aside>details>menu>li>button:disabled{opacity:.5;cursor:default}aside>details>menu>li>button:disabled:hover,aside>details>menu>li>button:disabled:focus-visible{color:var(--pc-accent);background:0 0}aside>details>menu>li>a[aria-current=page],aside>details>menu>li>form>button[aria-current=page]{background:var(--pc-surface-overlay);color:var(--pc-text-emphasis);font-weight:700}aside>details>menu>li>a>svg,aside>details>menu>li>button>svg,aside>details>menu>li>form>button>svg{width:var(--font-size-3);height:var(--font-size-3);stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}aside[aria-label=User\ session]>details.game-actions>summary{width:var(--game-piece-size);height:var(--game-piece-size);border-radius:var(--radius-2);color:var(--pc-text-muted);place-items:center;padding:0;display:grid}aside[aria-label=User\ session]>details.game-actions>summary>svg{width:var(--font-size-3);height:var(--font-size-3);stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}aside[aria-label=User\ session]>details.game-actions>summary:hover{color:var(--pc-accent-hover);background:0 0}aside[aria-label=User\ session]:has(>details.game-actions){flex-direction:column;align-items:center;height:auto}aside[aria-label=User\ session]:has(>details.game-actions)>a{order:1}@media (aspect-ratio>=11/10),(aspect-ratio<=10/12){aside[aria-label=User\ session]:has(>details.game-actions){grid-template-rows:auto auto;grid-template-columns:auto auto auto;display:grid}aside[aria-label=User\ session]:has(>details.game-actions)>a[aria-label=Direct\ challenges]{grid-area:1/1}aside[aria-label=User\ session]:has(>details.game-actions)>a[aria-label=Notifications]{grid-area:1/2}aside[aria-label=User\ session]:has(>details.game-actions)>details:not(.game-actions){grid-area:1/3}aside[aria-label=User\ session]:has(>details.game-actions)>details.game-actions{grid-area:2/3}}aside[aria-label=User\ session]>details.game-actions menu button.armed{color:var(--red-8)}aside[aria-label=User\ session]>details.game-actions menu button.armed svg{stroke:var(--red-8)}header.listing{z-index:1;height:var(--game-square-size);background:var(--body-main-bg-color);border-bottom:var(--hairline) solid var(--pc-2);align-items:baseline;padding-inline-start:var(--space-3);display:flex;position:sticky;top:0}header.listing>h1{font-family:var(--font-display);font-size:var(--font-size-2);font-weight:600;line-height:var(--game-square-size);color:var(--pc-text-emphasis)}header.listing>h1>a{color:inherit;transition:color var(--transition-fast);text-decoration:none}header.listing>h1>a:hover,header.listing>h1>a:focus-visible{color:var(--pc-accent-hover);outline:none}header.listing>nav+*{margin-inline-start:auto}header.listing>nav~*~*{margin-inline-start:var(--space-2)}footer.listing{z-index:1;align-items:center;gap:var(--space-2);height:var(--game-square-size);padding-inline:var(--space-3);background:var(--body-main-bg-color);border-top:var(--hairline) solid var(--pc-2);margin-top:auto;display:flex;position:sticky;bottom:0}header.listing>nav{height:100%;margin-inline-start:var(--space-3)}header.listing>nav>menu{height:100%;margin:0;padding:0;list-style:none;display:flex}header.listing>nav>menu>li{height:100%}header.listing>nav>menu>li>a{align-items:center;gap:var(--space-1);height:100%;padding-inline:var(--space-3);color:var(--pc-text-muted);font-family:var(--font-sans);font-size:var(--font-size-1);transition:color var(--transition-fast), background-color var(--transition-fast);font-weight:600;text-decoration:none;display:inline-flex}header.listing>nav>menu>li>a>svg{width:var(--font-size-1);height:var(--font-size-1);stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}header.listing>nav>menu>li>a:hover,header.listing>nav>menu>li>a:focus-visible{color:var(--pc-accent-hover);outline:none}header.listing>nav>menu>li>a[aria-current=page]{color:var(--pc-text-emphasis);background:var(--body-main-article-bg-color)}@media (aspect-ratio<11/10){header.listing>nav>menu>li>a{gap:0;font-size:0}}article.listing>ol>li+li{border-top:var(--hairline) solid var(--body-main-bg-color)}article.listing>nav[aria-label=Pagination]>menu{height:var(--game-square-size);align-items:center;margin:0;padding:0;list-style:none;display:flex}article.listing>nav[aria-label=Pagination]>menu>li:has(>a[aria-label=Next\ page]){margin-inline-start:auto}article.listing>nav[aria-label=Pagination]>menu>li>a{width:var(--game-piece-size);height:var(--game-piece-size);margin:var(--game-piece-margin);border-radius:var(--radius-2);color:var(--pc-text-muted);transition:color var(--transition-medium), background-color var(--transition-medium);place-items:center;text-decoration:none;display:grid}article.listing>nav[aria-label=Pagination]>menu>li>a:hover,article.listing>nav[aria-label=Pagination]>menu>li>a:focus-visible{color:var(--pc-accent-hover);background:var(--pc-surface-overlay);outline:none}article.listing>nav[aria-label=Pagination]>menu>li>a[aria-disabled=true]{opacity:.35;pointer-events:none}article.listing>nav[aria-label=Pagination]>menu>li>a>svg{width:var(--font-size-3);height:var(--font-size-3);stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}article.listing>p.signed-out,article.listing>p.empty{min-height:var(--game-square-size);padding:0 var(--space-3);color:var(--pc-text-muted);font-family:var(--font-sans);font-size:var(--font-size-1);align-items:center;margin:0;display:flex}main:has(>nav[aria-label=Preferences\ sections]){grid-template-columns:minmax(var(--measure-1), var(--measure-2)) minmax(0, 1fr);column-gap:var(--space-3);grid-template-rows:auto minmax(0,1fr);align-content:start;padding:0;display:grid}main:has(>nav[aria-label=Preferences\ sections])>.settings-header{z-index:1;height:var(--game-square-size);background:var(--body-main-bg-color);border-bottom:var(--hairline) solid var(--pc-2);grid-column:1/-1;align-items:baseline;padding-inline-start:var(--space-3);display:flex;position:sticky;top:0}main:has(>nav[aria-label=Preferences\ sections])>.settings-header>h1{font-family:var(--font-display);font-size:var(--font-size-2);font-weight:600;line-height:var(--game-square-size);color:var(--pc-text-emphasis);margin:0}main:has(>nav[aria-label=Preferences\ sections])>.settings-header>h1>a{color:inherit;transition:color var(--transition-fast);text-decoration:none}:is(main:has(>nav[aria-label=Preferences\ sections])>.settings-header>h1>a:hover,main:has(>nav[aria-label=Preferences\ sections])>.settings-header>h1>a:focus-visible){color:var(--pc-accent-hover);outline:none}main:has(>nav[aria-label=Preferences\ sections])>.settings-header>nav{height:100%;margin-inline-start:var(--space-3)}main:has(>nav[aria-label=Preferences\ sections])>.settings-header>nav>menu{height:100%;margin:0;padding:0;list-style:none;display:flex}main:has(>nav[aria-label=Preferences\ sections])>.settings-header>nav>menu>li{height:100%}main:has(>nav[aria-label=Preferences\ sections])>.settings-header>nav>menu>li>a{align-items:center;gap:var(--space-1);height:100%;padding-inline:var(--space-3);color:var(--pc-text-muted);font-size:var(--font-size-1);transition:color var(--transition-fast), background-color var(--transition-fast);font-weight:600;text-decoration:none;display:inline-flex}main:has(>nav[aria-label=Preferences\ sections])>.settings-header>nav>menu>li>a>svg{width:var(--font-size-1);height:var(--font-size-1);stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}:is(main:has(>nav[aria-label=Preferences\ sections])>.settings-header>nav>menu>li>a:hover,main:has(>nav[aria-label=Preferences\ sections])>.settings-header>nav>menu>li>a:focus-visible){color:var(--pc-accent-hover);outline:none}main:has(>nav[aria-label=Preferences\ sections])>.settings-header>nav>menu>li>a[aria-current=page]{color:var(--pc-text-emphasis);background:var(--pc-surface-overlay)}@media (aspect-ratio<11/10){main:has(>nav[aria-label=Preferences\ sections])>.settings-header>nav>menu>li>a{gap:0;font-size:0}}main:has(>nav[aria-label=Preferences\ sections])>nav{padding:var(--space-3) 0 var(--space-3) var(--space-3);grid-column:1}main:has(>nav[aria-label=Preferences\ sections])>nav>ul{margin:0;padding:0;list-style:none}main:has(>nav[aria-label=Preferences\ sections])>nav a{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-2);color:var(--pc-text);font-size:var(--font-size-1);transition:color var(--transition-fast), background-color var(--transition-fast);text-decoration:none;display:flex}main:has(>nav[aria-label=Preferences\ sections])>nav a>svg{width:var(--font-size-2);height:var(--font-size-2);stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}:is(main:has(>nav[aria-label=Preferences\ sections])>nav a:hover,main:has(>nav[aria-label=Preferences\ sections])>nav a:focus-visible){background:var(--pc-surface-overlay);color:var(--pc-text-emphasis);outline:none}main:has(>nav[aria-label=Preferences\ sections])>nav a[aria-current=page]{background:var(--pc-accent);color:var(--pc-on-accent)}main:has(>nav[aria-label=Preferences\ sections])>.settings-content{min-width:0;padding:var(--space-3) var(--space-3) var(--space-3) 0;grid-column:2}main:has(>nav[aria-label=Preferences\ sections])>.settings-content>h2:first-child{margin-block-start:0}main:has(>nav[aria-label=Preferences\ sections])>.settings-content:has(>.settings-form){flex-direction:column;padding-bottom:0;display:flex}main:has(>nav[aria-label=Preferences\ sections])>.settings-content>.settings-form{flex-direction:column;flex:1 0 auto;min-width:0;display:flex}main:has(>nav[aria-label=Preferences\ sections])>.settings-content>.settings-form>footer{align-items:center;gap:var(--space-3);height:var(--game-square-size);border-top:var(--hairline) solid var(--pc-2);flex-shrink:0;margin-top:auto;display:flex}main:has(>nav[aria-label=Preferences\ sections])>.settings-content>.settings-form>footer>.footer-note{font-size:var(--font-size-1);color:var(--pc-text-emphasis);margin:0}main:has(>nav[aria-label=Preferences\ sections])>.settings-content>.settings-form>footer>.footer-note.danger{color:var(--danger)}main:has(>nav[aria-label=Preferences\ sections])>.settings-content .empty{margin-block:0 var(--space-3);color:var(--pc-text-muted);font-size:var(--font-size-1)}main:has(>nav[aria-label=Preferences\ sections])>.settings-content .hint{margin-block:0 var(--space-3);color:var(--pc-text-muted);font-size:var(--font-size-1)}main:has(>nav[aria-label=Preferences\ sections])>.settings-content dl{gap:var(--space-1) var(--space-3);margin:0 0 var(--space-3);grid-template-columns:auto 1fr;display:grid}main:has(>nav[aria-label=Preferences\ sections])>.settings-content dt{color:var(--pc-text-muted);font-size:var(--font-size-1)}main:has(>nav[aria-label=Preferences\ sections])>.settings-content dd{font-size:var(--font-size-1);margin:0}main:has(>nav[aria-label=Preferences\ sections])>.settings-content code{font-family:var(--font-mono);font-size:var(--font-size-0);word-break:break-all}main:has(>nav[aria-label=Preferences\ sections])>.settings-content ul.lines{gap:var(--space-1);margin:0 0 var(--space-3);font-size:var(--font-size-1);grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}main:has(>nav[aria-label=Preferences\ sections])>.settings-content .status{margin-block:0 var(--space-2);color:var(--pc-text-muted);font-size:var(--font-size-1)}main:has(>nav[aria-label=Preferences\ sections])>.settings-content ul.lines>li{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}:is(main:has(>nav[aria-label=Preferences\ sections])>.settings-content input[type=text],main:has(>nav[aria-label=Preferences\ sections])>.settings-content input[type=url],main:has(>nav[aria-label=Preferences\ sections])>.settings-content input[type=password]){width:100%;padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--font-size-1);color:var(--pc-text);background:var(--pc-surface);border:var(--hairline) solid var(--pc-border);border-radius:var(--radius-1)}main:has(>nav[aria-label=Preferences\ sections])>.settings-content .add-form{gap:var(--space-2);margin-block:var(--space-1) var(--space-2);align-items:center;display:flex}main:has(>nav[aria-label=Preferences\ sections])>.settings-content .add-form input{flex:1}main:has(>nav[aria-label=Preferences\ sections])>.settings-content .add-form button{flex-shrink:0}main:has(>nav[aria-label=Preferences\ sections])>.settings-content .error{margin:0 0 var(--space-2);color:var(--danger);font-size:var(--font-size-0)}main:has(>nav[aria-label=Preferences\ sections])>.settings-content .edit-section{margin-block-end:var(--space-3)}main:has(>nav[aria-label=Preferences\ sections])>.settings-content .edit-section>h3{margin-block:0 var(--space-1)}main:has(>nav[aria-label=Preferences\ sections])>.settings-content .form-field{margin-block-end:var(--space-2);display:block}main:has(>nav[aria-label=Preferences\ sections])>.settings-content .form-field>label{color:var(--pc-text-muted);font-size:var(--font-size-1);margin-block-end:var(--space-1);display:block}main:has(>nav[aria-label=Preferences\ sections])>.settings-content textarea{width:100%;min-height:calc(var(--game-square-size) * .7);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--font-size-1);color:var(--pc-text);background:var(--pc-surface);border:var(--hairline) solid var(--pc-border);border-radius:var(--radius-1);resize:vertical}main:has(>nav[aria-label=Preferences\ sections])>.settings-content button.settings-primary{appearance:none;padding:var(--space-2) var(--space-3);font:inherit;color:var(--pc-on-accent);background:var(--pc-accent);border-radius:var(--radius-2);cursor:pointer;border:0;font-weight:600}main:has(>nav[aria-label=Preferences\ sections])>.settings-content button.settings-primary:disabled{opacity:.6;cursor:default}main:has(>nav[aria-label=Preferences\ sections])>.settings-content .saved{margin:var(--space-2) 0 0;color:var(--pc-text-emphasis);font-size:var(--font-size-1)}main:has(>nav[aria-label=Preferences\ sections])>.settings-content .signed-out{color:var(--pc-text-muted);font-size:var(--font-size-1)}main:has(>nav[aria-label=Preferences\ sections])>.settings-content button.settings-action{appearance:none;padding:var(--space-1) var(--space-3);font:inherit;font-size:var(--font-size-1);color:var(--pc-text);background:var(--pc-surface-raised);border:var(--hairline) solid var(--pc-border);border-radius:var(--radius-2);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast)}:is(main:has(>nav[aria-label=Preferences\ sections])>.settings-content button.settings-action:hover,main:has(>nav[aria-label=Preferences\ sections])>.settings-content button.settings-action:focus-visible){color:var(--pc-text-emphasis);background:var(--pc-surface-overlay);outline:none}@media (width<=40rem){main:has(>nav[aria-label=Preferences\ sections]){grid-template-columns:1fr}main:has(>nav[aria-label=Preferences\ sections])>nav{padding:var(--space-3);grid-column:1}main:has(>nav[aria-label=Preferences\ sections])>.settings-content{padding:var(--space-3);grid-column:1}main:has(>nav.at-index)>.settings-content{display:none}main:has(>nav[aria-label=Preferences\ sections]:not(.at-index))>nav[aria-label=Preferences\ sections]{display:none}main:has(>nav[aria-label=Preferences\ sections]:not(.at-index))>.settings-header>h1>a:before{content:"‹ "}}:is(body:has(.game-board) aside[aria-label=User\ session]>a[aria-label=Quick\ play],body:has(.game-board) aside[aria-label=User\ session]>a[aria-label="Find a puzzle"],body:has(.game-board) aside[aria-label=User\ session]>a[aria-label=Direct\ challenges],body:has(.game-board) aside[aria-label=User\ session]>a[aria-label=Notifications]){display:none}@media (aspect-ratio>=11/10){:is(body:has(.game-board) aside[aria-label=User\ session]>a[aria-label=Quick\ play],body:has(.game-board) aside[aria-label=User\ session]>a[aria-label="Find a puzzle"],body:has(.game-board) aside[aria-label=User\ session]>a[aria-label=Notifications]){display:grid}}@media (aspect-ratio>=6/5){body:has(.game-board) aside[aria-label=User\ session]>a[aria-label=Direct\ challenges]{display:grid}}@media (aspect-ratio>10/12){body:has(.game-board) nav[aria-label=Main\ menu]>a[aria-label=Search]{display:none}}@media (aspect-ratio<=10/12){:is(body:has(.game-board) aside[aria-label=User\ session]>a[aria-label=Direct\ challenges],body:has(.game-board) aside[aria-label=User\ session]>a[aria-label=Notifications]){display:grid}}body:has(.game-board) aside[aria-label=User\ session]>details.game-actions{top:var(--game-square-size);right:calc(100dvw - var(--content-size));z-index:100;position:fixed}@media (aspect-ratio>=13/10){body:has(.game-board) aside[aria-label=User\ session]>details.game-actions{top:0}}@media (aspect-ratio>10/12){:is(body:has(.game-board) nav[aria-label=Main\ menu]>a,body:has(.game-board) aside[aria-label=User\ session]>a){background:var(--pc-surface)}body:has(.game-board) nav[aria-label=Main\ menu]>a:not(.brand):hover{background:var(--body-main-bg-color)}body:has(.game-board) nav[aria-label=Main\ menu]>a:not(.brand):focus-visible{background:var(--body-main-bg-color)}body:has(.game-board) aside[aria-label=User\ session]>a:hover{background:var(--body-main-bg-color)}body:has(.game-board) aside[aria-label=User\ session]>a:focus-visible{background:var(--body-main-bg-color)}body:has(.game-board) aside[aria-label=User\ session]>details:not(.game-actions)>summary{background:var(--pc-surface)}:is(body:has(.game-board) aside[aria-label=User\ session]>details:not(.game-actions)>summary:hover,body:has(.game-board) aside[aria-label=User\ session]>details:not(.game-actions)>summary:focus-visible,body:has(.game-board) aside[aria-label=User\ session]>details:not(.game-actions)[open]>summary){background:var(--body-main-bg-color)}}figure.avatar{margin:0;display:contents}figure.avatar>img{object-fit:cover;border-radius:50%;display:block}.seg{gap:var(--space-1);padding:var(--space-1);background:var(--pc-surface-overlay);border:var(--hairline) solid var(--pc-border);border-radius:var(--radius-2);flex-wrap:wrap;margin:0;display:flex}.seg-option{flex:auto;display:flex;position:relative}.seg-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg-option>.chip{flex:1}.chip{align-items:center;gap:var(--space-2);text-align:start;min-height:var(--game-piece-size);padding:var(--space-2) var(--space-3);border-radius:var(--radius-1);font-size:var(--font-size-1);color:var(--pc-text-muted);transition:color var(--transition-fast), background var(--transition-fast);flex:auto;display:inline-flex}button.chip{appearance:none;cursor:pointer;background:0 0;border:0;font-family:inherit}.chip svg{width:var(--font-size-2);height:var(--font-size-2);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.chip .emblem,.chip img{width:calc(var(--game-piece-size) - 2 * var(--space-2));height:calc(var(--game-piece-size) - 2 * var(--space-2));object-fit:contain;flex-shrink:0}.chip.detailed{column-gap:var(--space-2);grid-template-rows:auto auto;grid-auto-columns:auto;grid-auto-flow:column;place-content:center start;align-items:center;row-gap:0;display:grid}.chip.detailed svg,.chip.detailed .emblem,.chip.detailed img{grid-row:1/3}.chip.detailed small{font-size:var(--font-size-0)}.seg-option:hover .chip,button.chip:hover{color:var(--pc-text)}.seg-option.active .chip,button.chip.active,button.chip[aria-pressed=true]{color:var(--pc-on-accent);background:var(--pc-accent)}.seg-option:has(input:checked) .chip{color:var(--pc-on-accent);background:var(--pc-accent)}.seg-option input:focus-visible+.chip,button.chip:focus-visible{outline:var(--ring) solid var(--pc-accent);outline-offset:var(--space-1)}table td{position:relative}table td>img{z-index:1;position:relative}table td:before,table td:after{font-family:var(--font-sans);font-size:var(--font-size-0);pointer-events:none;font-weight:700;line-height:1;position:absolute}table td:first-child:before{top:var(--space-1);left:var(--space-1)}table tr:last-child>td:after{bottom:var(--space-1);right:var(--space-1)}table td:first-child[data-cell$="1"]:before{content:"1"}table td:first-child[data-cell$="2"]:before{content:"2"}table td:first-child[data-cell$="3"]:before{content:"3"}table td:first-child[data-cell$="4"]:before{content:"4"}table td:first-child[data-cell$="5"]:before{content:"5"}table td:first-child[data-cell$="6"]:before{content:"6"}table td:first-child[data-cell$="7"]:before{content:"7"}table td:first-child[data-cell$="8"]:before{content:"8"}table tr:last-child>td[data-cell^=a]:after{content:"a"}table tr:last-child>td[data-cell^=b]:after{content:"b"}table tr:last-child>td[data-cell^=c]:after{content:"c"}table tr:last-child>td[data-cell^=d]:after{content:"d"}table tr:last-child>td[data-cell^=e]:after{content:"e"}table tr:last-child>td[data-cell^=f]:after{content:"f"}table tr:last-child>td[data-cell^=g]:after{content:"g"}table tr:last-child>td[data-cell^=h]:after{content:"h"}table[data-style]{table-layout:fixed;border-spacing:0;width:var(--game-board-size);height:var(--game-board-size);border-radius:var(--radius-1);overflow:hidden}table[data-style] td{width:var(--game-square-size);height:var(--game-square-size);padding:var(--game-piece-margin);text-align:center;vertical-align:middle;transition:background-color var(--transition-fast)}table[data-style] td>img{width:var(--game-piece-size);height:var(--game-piece-size);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;display:block}td[data-last-move]{background-image:radial-gradient(circle, color-mix(in srgb, var(--pc-accent) 45%, transparent) 0%, color-mix(in srgb, var(--pc-accent) 45%, transparent) 40%, transparent 70%)}td[data-last-move]:empty{background-image:radial-gradient(circle, color-mix(in srgb, var(--pc-accent) 45%, transparent) 0%, transparent 60%)}td[data-selected],td[data-selected][data-last-move]{background-image:radial-gradient(circle, var(--pc-surface-overlay) 0%, var(--pc-surface-overlay) 40%, transparent 70%)}td[data-selected]:empty,td[data-selected][data-last-move]:empty{background-image:radial-gradient(circle, var(--pc-surface-overlay) 0%, transparent 60%)}td[data-target]{background-image:radial-gradient(circle closest-side, color-mix(in srgb, var(--pc-accent) 55%, transparent) 0 30%, transparent 32%);background-position:50%;background-repeat:no-repeat}td[data-target]:not(:empty){box-shadow:inset 0 0 0 var(--space-1) color-mix(in srgb, var(--pc-accent) 55%, transparent);background-image:none}td[data-target][data-last-move]:empty{background-image:radial-gradient(circle closest-side, color-mix(in srgb, var(--pc-accent) 55%, transparent) 0 30%, transparent 32%);background-position:50%;background-repeat:no-repeat}.drag-ghost{pointer-events:none;opacity:.85;z-index:1000;will-change:transform;position:fixed;top:0;left:0}:root{--board-chess-light:#f0d9b5;--board-chess-dark:#b58863}:where(article:has(>footer[data-style=Chess i])>table tr:nth-child(odd)>td:nth-child(odd)),:where(article:has(>footer[data-style=Chess i])>table tr:nth-child(2n)>td:nth-child(2n)),:where(table[data-style=Chess i] tr:nth-child(odd)>td:nth-child(odd)),:where(table[data-style=Chess i] tr:nth-child(2n)>td:nth-child(2n)){background-color:var(--board-chess-light)}:where(article:has(>footer[data-style=Chess i])>table tr:nth-child(odd)>td:nth-child(2n)),:where(article:has(>footer[data-style=Chess i])>table tr:nth-child(2n)>td:nth-child(odd)),:where(table[data-style=Chess i] tr:nth-child(odd)>td:nth-child(2n)),:where(table[data-style=Chess i] tr:nth-child(2n)>td:nth-child(odd)){background-color:var(--board-chess-dark)}table[data-style=Chess i] tr:nth-child(odd)>td:first-child:before{color:var(--board-chess-dark)}article:has(>footer[data-style=Chess i])>table tr:nth-child(odd)>td:first-child:before{color:var(--board-chess-dark)}table[data-style=Chess i] tr:nth-child(2n)>td:first-child:before{color:var(--board-chess-light)}article:has(>footer[data-style=Chess i])>table tr:nth-child(2n)>td:first-child:before{color:var(--board-chess-light)}table[data-style=Chess i] tr:last-child>td:nth-child(odd):after{color:var(--board-chess-light)}article:has(>footer[data-style=Chess i])>table tr:last-child>td:nth-child(odd):after{color:var(--board-chess-light)}table[data-style=Chess i] tr:last-child>td:nth-child(2n):after{color:var(--board-chess-dark)}article:has(>footer[data-style=Chess i])>table tr:last-child>td:nth-child(2n):after{color:var(--board-chess-dark)}:root{--board-ogi-fill:#c84;--board-ogi-line:#00000040;--board-ogi-coord:#fc9}:where(article:has(>footer[data-style=Ogi i])>table td,table[data-style=Ogi i] td){background-color:var(--board-ogi-fill);box-shadow:inset calc(-1 * var(--hairline)) calc(-1 * var(--hairline)) 0 0 var(--board-ogi-line)}table[data-style=Ogi i] td:first-child:before,table[data-style=Ogi i] tr:last-child>td:after{color:var(--board-ogi-coord)}article:has(>footer[data-style=Ogi i])>table td:first-child:before{color:var(--board-ogi-coord)}article:has(>footer[data-style=Ogi i])>table tr:last-child>td:after{color:var(--board-ogi-coord)}table[data-style=Xiongqi i]{background-repeat:no-repeat;background-size:100% 100%}table[data-style=Xiongqi i][data-perspective=first]{background-image:url(../../../images/games/xiongqi/sides/first/board.svg)}table[data-style=Xiongqi i][data-perspective=second]{background-image:url(../../../images/games/xiongqi/sides/second/board.svg)}table[data-style=Xiongqi i] td:first-child:before,table[data-style=Xiongqi i] tr:last-child>td:after{color:var(--pc-text-emphasis)}body[data-app=chess-page] table[data-style=Chess i]{background-image:url(../../../images/chess-page/board.svg);background-repeat:no-repeat;background-size:100% 100%}body[data-app=chess-page] table[data-style=Chess i][data-perspective]{box-shadow:none}body[data-app=chess-page] table[data-style=Chess i] :is(td,td.light,td:not(.light)){background-color:#0000}body[data-app=chess-page] table[data-style=Chess i] td:first-child:before,body[data-app=chess-page] table[data-style=Chess i] tr:last-child>td:after{color:var(--xq-muted,var(--pc-text-muted))}body[data-app=ogi-page] table[data-style=Ogi i]{background-image:url(../../../images/ogi-page/board.svg);background-repeat:no-repeat;background-size:100% 100%}body[data-app=ogi-page] table[data-style=Ogi i][data-perspective]{box-shadow:none}body[data-app=ogi-page] table[data-style=Ogi i] :is(td,td.light,td:not(.light)){box-shadow:none;background-color:#0000}body[data-app=ogi-page] table[data-style=Ogi i] td:first-child:before,body[data-app=ogi-page] table[data-style=Ogi i] tr:last-child>td:after{color:var(--xq-muted,var(--pc-text-muted))}.game-board{width:var(--content-size);height:var(--content-size);grid-template-columns:repeat(calc(var(--game-squares-count) + 2), var(--game-square-size));grid-template-rows:repeat(calc(var(--game-squares-count) + 2), var(--game-square-size));-webkit-user-select:none;user-select:none;background:0 0;margin:0;padding:0;display:grid;position:fixed;top:0;left:0}.game-board>header,.game-board>footer{align-items:center;gap:var(--space-2);grid-column:2/-2;min-width:0;display:flex}.game-board>header{grid-row:1}.game-board>footer{grid-row:-2}.game-board>header>.identity,.game-board>footer>.identity{column-gap:var(--space-1);min-width:0;font-style:normal;font-family:var(--font-display);font-weight:700;font-size:var(--font-size-2);color:var(--pc-accent);transition:color var(--transition-medium);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;line-height:1;text-decoration:none;display:grid}.game-board>header>.identity:hover,.game-board>footer>.identity:hover,.game-board>header>.identity:focus-visible,.game-board>footer>.identity:focus-visible{color:var(--pc-accent-hover)}.game-board>header>.identity>figure.avatar>img,.game-board>footer>.identity>figure.avatar>img{grid-area:1/1/-1;width:1.5em;height:1.5em}.game-board>header>.identity>figure.avatar>figcaption,.game-board>footer>.identity>figure.avatar>figcaption{white-space:nowrap;text-overflow:ellipsis;font-weight:inherit;grid-area:1/2;overflow:hidden}.game-board>header>.identity>figure.avatar>figcaption[data-color],.game-board>footer>.identity>figure.avatar>figcaption[data-color]{color:var(--pc-accent)}.game-board>header>.identity:hover>figure.avatar>figcaption[data-color],.game-board>footer>.identity:hover>figure.avatar>figcaption[data-color],.game-board>header>.identity:focus-visible>figure.avatar>figcaption[data-color],.game-board>footer>.identity:focus-visible>figure.avatar>figcaption[data-color]{color:var(--pc-accent-hover)}.game-board>header>.identity>.rating,.game-board>footer>.identity>.rating{grid-area:2/2;min-width:0}.game-board>header>ul.captured,.game-board>footer>ul.captured{flex-direction:row-reverse;align-items:center;min-width:0;margin:0;margin-inline-start:auto;padding:0;list-style:none;display:flex;overflow:hidden}.game-board>header>ul.captured>li,.game-board>footer>ul.captured>li{width:calc(var(--badge-height) * .85);height:calc(var(--badge-height) * .85)}.game-board>header>ul.captured>li+li,.game-board>footer>ul.captured>li+li{margin-right:calc(var(--badge-height) * -.5)}.game-board>header>ul.captured>li>img,.game-board>footer>ul.captured>li>img{width:100%;height:100%;display:block}.game-board>header>ul.in-hand,.game-board>footer>ul.in-hand{width:var(--game-square-size);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:fixed;overflow:hidden}.game-board>header>ul.in-hand{left:0;top:var(--game-square-size);bottom:calc(100dvh - var(--content-size) + 2 * var(--game-square-size));justify-content:flex-start;align-items:flex-end}.game-board>footer>ul.in-hand{left:calc(var(--content-size) - var(--game-square-size));top:calc(2 * var(--game-square-size));bottom:calc(100dvh - var(--content-size) + var(--game-square-size));justify-content:flex-end;align-items:flex-start}.game-board>header>ul.in-hand>li,.game-board>footer>ul.in-hand>li{width:var(--game-square-size);height:var(--game-square-size);flex-shrink:0;place-items:center;display:grid;position:relative}.game-board>header>ul.in-hand>li+li,.game-board>footer>ul.in-hand>li+li{margin-top:calc(-1 * var(--game-square-size) / 7)}.game-board>header>ul.in-hand>li>img,.game-board>footer>ul.in-hand>li>img{width:var(--game-piece-size);height:var(--game-piece-size);display:block}.game-board>footer>ul.in-hand>li>button{width:var(--game-piece-size);height:var(--game-piece-size);cursor:pointer;touch-action:none;background:0 0;border:none;border-radius:50%;place-items:center;padding:0;display:grid}.game-board>footer>ul.in-hand>li>button>img{width:100%;height:100%;display:block}.game-board>footer>ul.in-hand>li>button:focus-visible{outline:var(--ring) solid var(--pc-accent);outline-offset:var(--space-1)}.game-board>footer>ul.in-hand>li>button[data-selected]{background:radial-gradient(circle, var(--pc-surface-overlay) 0%, var(--pc-surface-overlay) 55%, transparent 72%)}.game-board>header>ul.in-hand>li[data-count]:after,.game-board>footer>ul.in-hand>li[data-count]:after{content:attr(data-count);top:var(--game-piece-margin);right:var(--game-piece-margin);min-width:var(--font-size-1);height:var(--font-size-1);background:var(--pc-accent);color:var(--pc-on-accent);font-family:var(--font-sans);font-size:var(--font-size-0);border-radius:var(--font-size-1);place-items:center;font-weight:700;display:grid;position:absolute}.game-board>header>ul.in-hand>li[data-count="1"]:after,.game-board>footer>ul.in-hand>li[data-count="1"]:after{content:none}.game-board>header>ul.in-hand>li[data-count="0"],.game-board>footer>ul.in-hand>li[data-count="0"]{opacity:.12;pointer-events:none}.game-board>header>ul.in-hand>li[data-count="0"]:after,.game-board>footer>ul.in-hand>li[data-count="0"]:after{content:none}.game-board>header>time,.game-board>footer>time{font-family:var(--font-mono);font-size:var(--font-size-2);font-variant-numeric:tabular-nums;color:var(--pc-text-muted);border-radius:var(--radius-1);margin-inline-start:auto;padding:0 .4em;line-height:1}.game-board>header>ul.captured~time,.game-board>footer>ul.captured~time{margin-inline-start:0}.game-board>header>time>data+data:before,.game-board>footer>time>data+data:before{content:":";color:var(--pc-text-muted);margin-inline:.1ch}.game-board>header>time[data-units]>data+data:before,.game-board>footer>time[data-units]>data+data:before{content:"";margin-inline-start:.4ch}.game-board>header>time[data-running],.game-board>footer>time[data-running]{color:var(--pc-text-emphasis);background-color:color-mix(in srgb, var(--pc-accent) 20%, var(--pc-surface));font-weight:700;animation:1s ease-in-out infinite clock-pulse}@keyframes clock-pulse{0%,to{background-color:color-mix(in srgb, var(--pc-accent) 20%, var(--pc-surface))}50%{background-color:color-mix(in srgb, var(--pc-accent) 30%, var(--pc-surface))}}.game-board>header>time[data-flagged],.game-board>footer>time[data-flagged]{color:var(--danger);font-weight:700}.game-board>table{grid-area:2/2/-2/-2}.game-board[data-turn]>table:not([data-style=Xiongqi i]){background-color:var(--pc-surface-overlay);box-shadow:0 0 0 var(--space-1) var(--pc-surface-overlay)}@media (aspect-ratio<=10/12){.game-board{top:var(--game-square-size)}.game-board>header>ul.in-hand{top:calc(2 * var(--game-square-size));bottom:calc(100dvh - var(--content-size) + var(--game-square-size))}.game-board>footer>ul.in-hand{top:calc(3 * var(--game-square-size));bottom:calc(100dvh - var(--content-size))}}@media (aspect-ratio>10/11) and (aspect-ratio<10/10){.game-board{grid-template-rows:var(--game-square-size) 1fr var(--game-board-size) 1fr var(--game-square-size);height:100dvh}.game-board>table{grid-row:3}.game-board>header>ul.in-hand{top:calc(var(--game-square-size) + (100dvh - var(--content-size)) / 2);bottom:calc((100dvh - var(--content-size)) / 2 + 2 * var(--game-square-size))}.game-board>footer>ul.in-hand{top:calc(2 * var(--game-square-size) + (100dvh - var(--content-size)) / 2);bottom:calc((100dvh - var(--content-size)) / 2 + var(--game-square-size))}}main:has(>nav[aria-label=Move\ history]){background:0 0;border-radius:0;margin:0;display:contents}main:has(>nav[aria-label=Move\ history])>article{grid-area:1/1}main>nav[aria-label=Move\ history]{border-top-left-radius:var(--radius-1);display:none;overflow:hidden}main>nav[aria-label=Move\ history]>h2{display:none}@media (aspect-ratio>=11/10){main:has(>nav[aria-label=Move\ history]){grid-template-columns:var(--content-size) 1fr;width:100dvw;height:100dvh;display:grid;inset:0}main>nav[aria-label=Move\ history]{margin:var(--game-square-size) var(--game-piece-margin) var(--game-piece-margin);max-width:calc(4 * var(--game-square-size));width:calc(100% - var(--game-piece-margin) - var(--game-piece-margin));background:var(--body-main-article-bg-color);border-radius:var(--radius-3);flex-direction:column;grid-area:1/2;justify-self:end;display:flex}main>nav[aria-label=Move\ history]>h2{height:var(--game-square-size);padding-inline:var(--space-3);background:var(--body-main-bg-color);border-bottom:var(--hairline) solid var(--pc-2);font-family:var(--font-sans);font-size:calc(var(--font-size-2) * .8);font-weight:600;line-height:var(--game-square-size);color:var(--pc-text-emphasis);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;margin:0;display:block;overflow:hidden}main>nav[aria-label=Move\ history]>ol>li:not(:first-child){background:linear-gradient(var(--body-main-bg-color), var(--body-main-bg-color)) top / 100% var(--hairline) no-repeat}}@media (aspect-ratio>=11/10) and (aspect-ratio<7/5){main>nav[aria-label=Move\ history]>h2{display:none}}@media (aspect-ratio>=8/5){main>nav[aria-label=Move\ history]>h2{font-size:var(--font-size-2)}}main>nav[aria-label=Move\ history]>ol{--pc-text-subtle:color-mix(in srgb, var(--pc-text-muted) 60%, var(--pc-surface-overlay));max-height:calc(8 * var(--game-square-size));counter-reset:move-num;min-height:0;padding:var(--space-2) 0;font-family:var(--font-mono);font-size:var(--font-size-1);grid-template-columns:1fr 1fr;align-content:start;gap:0;margin:0;list-style:none;display:grid;overflow-y:auto}main>nav[aria-label=Move\ history]>ol>li{width:100%;max-width:calc(3 * var(--game-square-size));height:calc(var(--game-square-size) / 2);padding-right:var(--space-1);grid-template-columns:auto minmax(0,1fr) 1em;align-items:center;column-gap:.25em;display:grid}main>nav[aria-label=Move\ history]>ol>li:nth-child(odd){counter-increment:move-num;justify-self:start}main>nav[aria-label=Move\ history]>ol>li:nth-child(2n){justify-self:end}main>nav[aria-label=Move\ history]>ol>li:nth-child(odd):before,main>nav[aria-label=Move\ history]>ol>li:nth-child(2n):before{color:var(--pc-text-subtle);text-align:left;letter-spacing:-.05em;min-width:3ch;padding:0 var(--space-2) 0 var(--space-1);grid-column:1;align-self:center;font-size:.85em;font-weight:400}main>nav[aria-label=Move\ history]>ol>li:nth-child(odd):before{content:counter(move-num) "."}main>nav[aria-label=Move\ history]>ol>li:nth-child(2n):before{content:"..."}main>nav[aria-label=Move\ history]>ol>li>a{color:var(--pc-text);min-width:0;max-width:100%;font-size:var(--font-size-1);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;padding:var(--space-1);border-radius:var(--radius-1);grid-column:2;justify-self:start;text-decoration:none;transition:color .2s,background-color .2s;overflow:hidden}main>nav[aria-label=Move\ history]>ol>li>a:hover,main>nav[aria-label=Move\ history]>ol>li>a:focus-visible{color:var(--pc-accent-hover)}main>nav[aria-label=Move\ history]>ol>li[aria-current=step]>a{color:var(--pc-text-emphasis);transition:color .2s}main>nav[aria-label=Move\ history]>menu{height:var(--game-square-size);margin:0;flex-shrink:0;justify-content:center;align-items:center;margin-top:auto;padding:0;list-style:none;display:flex}main>nav[aria-label=Move\ history]>menu>li>a{width:var(--game-piece-size);height:var(--game-piece-size);margin:var(--game-piece-margin);border-radius:var(--radius-2);color:var(--pc-text-muted);place-items:center;text-decoration:none;transition:color .2s,background-color .2s;display:grid}main>nav[aria-label=Move\ history]>menu>li>a:hover,main>nav[aria-label=Move\ history]>menu>li>a:focus-visible{color:var(--pc-accent-hover);background:var(--pc-surface-overlay)}main>nav[aria-label=Move\ history]>menu>li>a>svg{width:var(--font-size-3);height:var(--font-size-3);stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}main>nav[aria-label=Move\ history]>menu>li>a[aria-disabled=true]{opacity:.3;pointer-events:none}main>nav[aria-label=Move\ history]>menu>li>a[data-pulse]{color:var(--pc-text-emphasis);background-color:color-mix(in srgb, var(--pc-accent) 22%, var(--body-main-bg-color));animation:1.6s ease-in-out infinite nav-last-pulse}@keyframes nav-last-pulse{0%,to{background-color:color-mix(in srgb, var(--pc-accent) 18%, var(--body-main-bg-color))}50%{background-color:color-mix(in srgb, var(--pc-accent) 40%, var(--body-main-bg-color))}}main>nav[aria-label=Move\ history]>ol>li>svg[data-marker]{box-sizing:border-box;fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;width:1em;height:1em;padding:.15em;display:none}main>nav[aria-label=Move\ history]>ol>li>svg[data-marker=mood]{grid-column:3}main>nav[aria-label=Move\ history]>ol>li[data-mood=romantic]>svg[data-marker=mood][data-icon=romantic]{background:var(--mood-romantic);color:var(--on-mood-romantic);display:block}main>nav[aria-label=Move\ history]>ol>li[data-mood=classical]>svg[data-marker=mood][data-icon=classical]{background:var(--mood-classical);color:var(--on-mood-classical);display:block}main>nav[aria-label=Move\ history]>ol>li[data-mood=hypermodern]>svg[data-marker=mood][data-icon=hypermodern]{background:var(--mood-hypermodern);color:var(--on-mood-hypermodern);display:block}main>nav[aria-label=Move\ history]>ol>li[data-mood=tactical]>svg[data-marker=mood][data-icon=tactical]{background:var(--mood-tactical);color:var(--on-mood-tactical);display:block}@media (aspect-ratio>=11/10){:is(main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=First\ position]),main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=Previous\ position]),main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=Next\ position])){display:none}main>nav[aria-label=Move\ history]>ol{grid-template-columns:1fr}main>nav[aria-label=Move\ history]>ol>li{width:100%;max-width:none}main>nav[aria-label=Move\ history]>ol>li:before{display:none}}@media (aspect-ratio>=11/10) and (aspect-ratio<12/10){main>nav[aria-label=Move\ history]>ol>li{grid-template-columns:minmax(0,1fr)}main>nav[aria-label=Move\ history]>ol>li>a{grid-column:1}main>nav[aria-label=Move\ history]>ol>li[data-mood]>svg[data-marker=mood][data-icon]{display:none}}@media (aspect-ratio>=6/5){main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=Previous\ position]){display:revert}}@media (aspect-ratio>=12/10){main>nav[aria-label=Move\ history]>ol>li:nth-child(2){background:0 0}main>nav[aria-label=Move\ history]>ol>li:nth-child(2n){padding-left:var(--space-2)}}@media (aspect-ratio>=13/10){main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=Next\ position]){display:revert}main>nav[aria-label=Move\ history]>ol>li:nth-child(odd):before,main>nav[aria-label=Move\ history]>ol>li:nth-child(2n):before{display:revert}}@media (aspect-ratio>=7/5){main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=First\ position]){display:revert}}@media (aspect-ratio>=8/5){main>nav[aria-label=Move\ history]{max-width:calc(6 * var(--game-square-size))}main>nav[aria-label=Move\ history]>ol{grid-template-columns:1fr 1fr}main>nav[aria-label=Move\ history]>ol>li{width:100%;max-width:calc(3 * var(--game-square-size))}}@media (aspect-ratio<=10/11){main:has(>nav[aria-label=Move\ history]){grid-template-rows:var(--content-size) 1fr;width:100dvw;height:100dvh;display:grid;inset:0}main>nav[aria-label=Move\ history]{grid-template-columns:var(--game-square-size)  var(--game-square-size)  calc(3 * var(--game-square-size))  calc(3 * var(--game-square-size))  var(--game-square-size)  var(--game-square-size);grid-auto-flow:dense;width:100%;height:var(--game-square-size);grid-area:2/1;align-self:end;display:grid}main>nav[aria-label=Move\ history]>ol,main>nav[aria-label=Move\ history]>menu{display:contents}main>nav[aria-label=Move\ history]>ol>li{display:none}main>nav[aria-label=Move\ history]>ol>li:is([aria-current=step],[aria-current=step]:nth-child(odd)+li,:nth-child(odd):has(+li[aria-current=step])){justify-self:stretch;max-width:none;height:auto;display:grid}main>nav[aria-label=Move\ history]>ol>li:nth-child(odd){grid-column:3}main>nav[aria-label=Move\ history]>ol>li:nth-child(2n){grid-column:4}:is(main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=First\ position]),main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=Previous\ position]),main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=Next\ position]),main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=Last\ position])){place-items:center;display:grid}main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=First\ position]){grid-column:1}main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=Previous\ position]){grid-column:2}main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=Next\ position]){grid-column:5}main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=Last\ position]){grid-column:6}}@media (aspect-ratio>10/11) and (aspect-ratio<11/10){main>nav[aria-label=Move\ history]{display:block}main>nav[aria-label=Move\ history]>ol{display:none}main>nav[aria-label=Move\ history]>menu{display:contents}:is(main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=First\ position]),main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=Next\ position])){display:none}:is(main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=Previous\ position]),main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=Last\ position])){z-index:100;position:fixed;bottom:0}main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=Previous\ position]){left:0}main>nav[aria-label=Move\ history]>menu>li:has(>a[aria-label=Last\ position]){right:calc(100dvw - var(--content-size))}}@media (aspect-ratio<=10/12){main:has(>nav[aria-label=Move\ history]){inset:var(--game-square-size) 0 0;grid-template-rows:1fr auto;width:auto;height:auto;display:grid}main>nav[aria-label=Move\ history]{grid-row:2;align-self:end}}:root{--marker-outline-width:calc(var(--game-square-size) * .04);--marker-outline-offset:0}:is(td,li)[data-annotation=romantic]{box-shadow:inset 0 0 0 var(--radius-round) color-mix(in srgb, var(--mood-romantic) 50%, transparent)}:is(td,li)[data-annotation=classical]{box-shadow:inset 0 0 0 var(--radius-round) color-mix(in srgb, var(--mood-classical) 50%, transparent)}:is(td,li)[data-annotation=hypermodern]{box-shadow:inset 0 0 0 var(--radius-round) color-mix(in srgb, var(--mood-hypermodern) 50%, transparent)}:is(td,li)[data-annotation=tactical]{box-shadow:inset 0 0 0 var(--radius-round) color-mix(in srgb, var(--mood-tactical) 50%, transparent)}:is(td,li)[data-annotation-preview=romantic]:not([data-annotation]){box-shadow:inset 0 0 0 var(--radius-round) color-mix(in srgb, var(--mood-romantic) 25%, transparent)}:is(td,li)[data-annotation-preview=classical]:not([data-annotation]){box-shadow:inset 0 0 0 var(--radius-round) color-mix(in srgb, var(--mood-classical) 25%, transparent)}:is(td,li)[data-annotation-preview=hypermodern]:not([data-annotation]){box-shadow:inset 0 0 0 var(--radius-round) color-mix(in srgb, var(--mood-hypermodern) 25%, transparent)}:is(td,li)[data-annotation-preview=tactical]:not([data-annotation]){box-shadow:inset 0 0 0 var(--radius-round) color-mix(in srgb, var(--mood-tactical) 25%, transparent)}.game-board>.annotation-layer{z-index:1;pointer-events:none;grid-area:2/2/-2/-2;overflow:visible}@media (aspect-ratio>10/11) and (aspect-ratio<10/10){.game-board>.annotation-layer{grid-row:3}}.game-board>header>ul.in-hand>li[data-count="0"],.game-board>footer>ul.in-hand>li[data-count="0"]{pointer-events:auto}[data-annotating],[data-annotating] td,[data-annotating] li,[data-annotating] img{cursor:crosshair}[data-annotation-invalid-drop],[data-annotation-invalid-drop] td,[data-annotation-invalid-drop] li,[data-annotation-invalid-drop] img{cursor:not-allowed}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-display);font-optical-sizing:auto;color:var(--pc-text-emphasis);font-weight:600;line-height:1.1}:where(a){color:var(--pc-accent)}:where(a:hover){color:var(--pc-accent-hover)}:where(:focus-visible){outline:var(--ring) solid var(--pc-accent);outline-offset:var(--space-1)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate[data-address]{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:9ch;font-family:var(--font-mono);color:var(--pc-text-muted);background:var(--pc-surface);border:var(--hairline) solid var(--pc-border);border-radius:var(--radius-1);padding-inline:.3em;font-size:.85em;font-weight:400;display:inline-block;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.glyph.svelte-6xxdm4{width:100%;height:100%;color:var(--pc-text-muted);place-items:center;display:grid}.glyph.svelte-6xxdm4 svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.field.svelte-6xxdm4{width:100%;margin-bottom:var(--space-1);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--font-size-1);color:var(--pc-text);background:var(--pc-surface);border:var(--hairline) solid var(--pc-border);border-radius:var(--radius-1)}.note.svelte-6xxdm4{padding:var(--space-1) var(--space-3);color:var(--pc-text-muted);font-size:var(--font-size-0);max-width:26ch;line-height:1.4;display:block}.hint.svelte-6xxdm4{padding:var(--space-1) var(--space-3);color:var(--danger);font-size:var(--font-size-0);max-width:22ch}.play-now.svelte-154hczf{align-items:center;gap:var(--space-2);width:auto;border-radius:var(--radius-2);padding:var(--space-1) var(--space-3);font-size:var(--font-size-2);white-space:nowrap;color:var(--pc-on-accent);background:var(--pc-4);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);margin-inline-end:var(--space-3);font-weight:600;text-decoration:none;display:inline-flex}.play-now.svelte-154hczf:not([aria-current]):hover,.play-now.svelte-154hczf:not([aria-current]):active,.play-now.svelte-154hczf:not([aria-current]):focus-visible{color:var(--pc-on-accent);background:var(--pc-5)}.play-now.svelte-154hczf:focus-visible{outline:var(--ring) solid var(--pc-accent);outline-offset:var(--space-1)}.play-now[aria-current].svelte-154hczf{--body-main-bg-color:var(--pc-5);color:var(--pc-on-accent)}.sheet.svelte-va1ym{width:min(var(--measure-4), 100%);padding:calc(var(--space-3) * 1.5) var(--space-3);text-align:center;color:var(--pc-text);background:var(--pc-surface-raised);border:var(--space-1) solid var(--pc-surface-overlay);border-radius:var(--radius-1);margin:auto;inset:0}.sheet[open].svelte-va1ym{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.sheet.svelte-va1ym::backdrop{background:color-mix(in srgb, var(--pc-text) 45%, transparent)}.circle-spinner.svelte-va1ym{--size:clamp(calc(var(--game-square-size) * .3), 5vmin, var(--avatar-3));appearance:none;width:var(--size);height:var(--size);border:calc(var(--size) / 8) solid var(--pc-border);border-top-color:var(--pc-accent);border-radius:50%;animation:.9s linear infinite svelte-va1ym-spin}.circle-spinner.svelte-va1ym::-webkit-progress-bar{background:0 0}.circle-spinner.svelte-va1ym::-webkit-progress-value{background:0 0}.circle-spinner.svelte-va1ym::-moz-progress-bar{background:0 0}@media (prefers-reduced-motion:reduce){.circle-spinner.svelte-va1ym{animation:none}}@keyframes svelte-va1ym-spin{to{transform:rotate(360deg)}}.title.svelte-va1ym{font-size:var(--font-size-2);color:var(--pc-text-emphasis);margin:0;font-weight:600}.seeking.svelte-va1ym{font-size:var(--font-size-0);color:var(--pc-text-muted);margin:0}.countdown.svelte-va1ym{font-variant-numeric:tabular-nums}.error.svelte-va1ym{font-size:var(--font-size-0);color:var(--danger);margin:0}.actions.svelte-va1ym{gap:var(--space-3);margin:var(--space-1) 0 0;padding:0;list-style:none;display:flex}.primary.svelte-va1ym{appearance:none;border-radius:var(--radius-2);padding:var(--space-2) var(--space-3);font:inherit;color:var(--pc-on-accent);background:var(--pc-accent);cursor:pointer;border:none;font-weight:600}