@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:#f5fafe;--blue-1:#cae5f8;--blue-2:#9ed0f7;--blue-3:#71bcf8;--blue-4:#4aa9f4;--blue-5:#2d95eb;--blue-6:#1383dd;--blue-7:#0272c9;--blue-8:#0062b1;--blue-9:#035497;--blue-10:#02467e;--blue-11:#003767;--blue-12:#00284b;--brown-0:#fff9f0;--brown-1:#ecdfd0;--brown-2:#dcc7b4;--brown-3:#ccb198;--brown-4:#be9c7f;--brown-5:#b08967;--brown-6:#a27751;--brown-7:#916743;--brown-8:#805938;--brown-9:#6f4b2d;--brown-10:#613c23;--brown-11:#512e18;--brown-12:#3d1f0d;--camo-0:#f9fbe7;--camo-1:#e2e696;--camo-2:#c7d340;--camo-3:#b3be17;--camo-4:#a4a908;--camo-5:#959505;--camo-6:#878305;--camo-7:#797200;--camo-8:#6c6202;--camo-9:#5c5400;--camo-10:#4e4502;--camo-11:#3e3700;--camo-12:#2d2701;--choco-0:#fffae5;--choco-1:#f8ddb8;--choco-2:#efc296;--choco-3:#e7a877;--choco-4:#de9057;--choco-5:#d37a39;--choco-6:#c96415;--choco-7:#b3560a;--choco-8:#9c4a0b;--choco-9:#84400b;--choco-10:#6c360e;--choco-11:#542c0f;--choco-12:#3c200c;--cyan-0:#eafdff;--cyan-1:#b9eaee;--cyan-2:#87d7e0;--cyan-3:#50c5d4;--cyan-4:#0eb3c4;--cyan-5:#049fb4;--cyan-6:#0a8d9e;--cyan-7:#057b8d;--cyan-8:#076b7b;--cyan-9:#045b6b;--cyan-10:#034c59;--cyan-11:#023c47;--cyan-12:#002b33;--gray-0:#f8f9fa;--gray-1:#dfe1e3;--gray-2:#c8cbce;--gray-3:#b2b6ba;--gray-4:#9da3a9;--gray-5:#8a9199;--gray-6:#798189;--gray-7:#6a7178;--gray-8:#5b6269;--gray-9:#4f5358;--gray-10:#42454a;--gray-11:#34373a;--gray-12:#23272b;--green-0:#eefef1;--green-1:#c5eaca;--green-2:#9ad9a3;--green-3:#6dc97c;--green-4:#43b85b;--green-5:#19a73e;--green-6:#069432;--green-7:#03822a;--green-8:#007123;--green-9:#02611f;--green-10:#025119;--green-11:#014013;--green-12:#022e0d;--indigo-0:#f8f9fe;--indigo-1:#d8e1fb;--indigo-2:#bbc8fe;--indigo-3:#9eb2ff;--indigo-4:#839dff;--indigo-5:#6989fe;--indigo-6:#5175fc;--indigo-7:#4263eb;--indigo-8:#3655d4;--indigo-9:#2f46bd;--indigo-10:#2739a1;--indigo-11:#1e2c85;--indigo-12:#131d66;--jungle-0:#f3ffcf;--jungle-1:#d5ea91;--jungle-2:#bdd471;--jungle-3:#a6c051;--jungle-4:#93ad33;--jungle-5:#7f9b04;--jungle-6:#6f8a01;--jungle-7:#617905;--jungle-8:#536902;--jungle-9:#465a01;--jungle-10:#3a4b01;--jungle-11:#2e3b00;--jungle-12:#202a00;--lime-0:#f5fde4;--lime-1:#d7e7b6;--lime-2:#b8d483;--lime-3:#9ac34c;--lime-4:#7db204;--lime-5:#69a000;--lime-6:#598e02;--lime-7:#4c7d04;--lime-8:#3f6d00;--lime-9:#375d01;--lime-10:#2e4d01;--lime-11:#233d00;--lime-12:#192c01;--orange-0:#fff9f1;--orange-1:#f4ddc2;--orange-2:#eac495;--orange-3:#e7a962;--orange-4:#e38f2e;--orange-5:#da7705;--orange-6:#cb6205;--orange-7:#be4d01;--orange-8:#aa3e02;--orange-9:#992d00;--orange-10:#802500;--orange-11:#671d00;--orange-12:#4c1300;--pink-0:#fef8fa;--pink-1:#f9d8e5;--pink-2:#f4bbd0;--pink-3:#f39cbb;--pink-4:#f17da6;--pink-5:#eb6090;--pink-6:#e1447b;--pink-7:#d02c67;--pink-8:#bb1b56;--pink-9:#a11749;--pink-10:#87123d;--pink-11:#6d0d31;--pink-12:#510623;--purple-0:#fcf8ff;--purple-1:#f2d8f9;--purple-2:#eabaf6;--purple-3:#e699f8;--purple-4:#de7bf6;--purple-5:#d061ec;--purple-6:#bf4cdc;--purple-7:#ac3cc7;--purple-8:#9831b0;--purple-9:#822998;--purple-10:#6d227e;--purple-11:#571b66;--purple-12:#3f124a;--red-0:#fef8f8;--red-1:#f6dada;--red-2:#f3bdbd;--red-3:#f59e9f;--red-4:#f67f7f;--red-5:#f25f60;--red-6:#e94144;--red-7:#da232b;--red-8:#c50117;--red-9:#aa0012;--red-10:#8f020f;--red-11:#74010b;--red-12:#560006;--sand-0:#f8fafb;--sand-1:#e3e1d9;--sand-2:#d0cab8;--sand-3:#beb59c;--sand-4:#aba289;--sand-5:#999077;--sand-6:#897f68;--sand-7:#786f58;--sand-8:#69604f;--sand-9:#585345;--sand-10:#48453c;--sand-11:#373732;--sand-12:#272725;--stone-0:#f8fafb;--stone-1:#dfe1e3;--stone-2:#c9cacc;--stone-3:#b2b6b7;--stone-4:#9ea3a5;--stone-5:#8c9194;--stone-6:#7c8082;--stone-7:#6d7171;--stone-8:#5f6261;--stone-9:#525351;--stone-10:#454542;--stone-11:#373732;--stone-12:#272725;--teal-0:#e8fef7;--teal-1:#b6ecda;--teal-2:#80dbc1;--teal-3:#43cba4;--teal-4:#0db88c;--teal-5:#0ba47a;--teal-6:#079169;--teal-7:#02805b;--teal-8:#056f4e;--teal-9:#035f43;--teal-10:#014f38;--teal-11:#013f2c;--teal-12:#002d20;--violet-0:#faf9ff;--violet-1:#e6dcff;--violet-2:#d2c1ff;--violet-3:#bda9fe;--violet-4:#aa92fe;--violet-5:#967cff;--violet-6:#8664ff;--violet-7:#7751f1;--violet-8:#6842da;--violet-9:#5a37be;--violet-10:#4b2ca2;--violet-11:#3d2185;--violet-12:#2d1367;--yellow-0:#fffae1;--yellow-1:#ede1ae;--yellow-2:#ddca78;--yellow-3:#d2b432;--yellow-4:#c39f06;--yellow-5:#b48a04;--yellow-6:#aa7601;--yellow-7:#9c6403;--yellow-8:#905203;--yellow-9:#834101;--yellow-10:#6d3600;--yellow-11:#572b00;--yellow-12:#3f1e00}[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-8);--pc-text:var(--gray-10);--pc-text-emphasis:var(--gray-12);--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-10);--pc-text-emphasis:var(--stone-12);--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-8);--pc-text:var(--red-10);--pc-text-emphasis:var(--red-12);--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-8);--pc-text:var(--pink-10);--pc-text-emphasis:var(--pink-12);--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-8);--pc-text:var(--purple-10);--pc-text-emphasis:var(--purple-12);--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-8);--pc-text:var(--violet-10);--pc-text-emphasis:var(--violet-12);--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-8);--pc-text:var(--indigo-10);--pc-text-emphasis:var(--indigo-12);--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-8);--pc-text:var(--blue-10);--pc-text-emphasis:var(--blue-12);--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-8);--pc-text:var(--cyan-10);--pc-text-emphasis:var(--cyan-12);--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-8);--pc-text:var(--teal-10);--pc-text-emphasis:var(--teal-12);--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-8);--pc-text:var(--green-10);--pc-text-emphasis:var(--green-12);--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-8);--pc-text:var(--lime-10);--pc-text-emphasis:var(--lime-12);--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-8);--pc-text:var(--yellow-10);--pc-text-emphasis:var(--yellow-12);--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-8);--pc-text:var(--orange-10);--pc-text-emphasis:var(--orange-12);--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-8);--pc-text:var(--choco-10);--pc-text-emphasis:var(--choco-12);--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-8);--pc-text:var(--brown-10);--pc-text-emphasis:var(--brown-12);--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-8);--pc-text:var(--sand-10);--pc-text-emphasis:var(--sand-12);--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-8);--pc-text:var(--camo-10);--pc-text-emphasis:var(--camo-12);--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-8);--pc-text:var(--jungle-10);--pc-text-emphasis:var(--jungle-12);--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-4);--pc-text:var(--gray-2);--pc-text-emphasis:var(--gray-0);--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-4);--pc-text:var(--stone-2);--pc-text-emphasis:var(--stone-0);--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-4);--pc-text:var(--red-2);--pc-text-emphasis:var(--red-0);--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-4);--pc-text:var(--pink-2);--pc-text-emphasis:var(--pink-0);--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-4);--pc-text:var(--purple-2);--pc-text-emphasis:var(--purple-0);--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-4);--pc-text:var(--violet-2);--pc-text-emphasis:var(--violet-0);--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-4);--pc-text:var(--indigo-2);--pc-text-emphasis:var(--indigo-0);--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-4);--pc-text:var(--blue-2);--pc-text-emphasis:var(--blue-0);--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-4);--pc-text:var(--cyan-2);--pc-text-emphasis:var(--cyan-0);--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-4);--pc-text:var(--teal-2);--pc-text-emphasis:var(--teal-0);--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-4);--pc-text:var(--green-2);--pc-text-emphasis:var(--green-0);--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-4);--pc-text:var(--lime-2);--pc-text-emphasis:var(--lime-0);--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-4);--pc-text:var(--yellow-2);--pc-text-emphasis:var(--yellow-0);--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-4);--pc-text:var(--orange-2);--pc-text-emphasis:var(--orange-0);--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-4);--pc-text:var(--choco-2);--pc-text-emphasis:var(--choco-0);--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-4);--pc-text:var(--brown-2);--pc-text-emphasis:var(--brown-0);--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-4);--pc-text:var(--sand-2);--pc-text-emphasis:var(--sand-0);--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-4);--pc-text:var(--camo-2);--pc-text-emphasis:var(--camo-0);--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-4);--pc-text:var(--jungle-2);--pc-text-emphasis:var(--jungle-0);--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-4);--pc-text:var(--gray-2);--pc-text-emphasis:var(--gray-0);--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-4);--pc-text:var(--stone-2);--pc-text-emphasis:var(--stone-0);--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-4);--pc-text:var(--red-2);--pc-text-emphasis:var(--red-0);--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-4);--pc-text:var(--pink-2);--pc-text-emphasis:var(--pink-0);--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-4);--pc-text:var(--purple-2);--pc-text-emphasis:var(--purple-0);--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-4);--pc-text:var(--violet-2);--pc-text-emphasis:var(--violet-0);--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-4);--pc-text:var(--indigo-2);--pc-text-emphasis:var(--indigo-0);--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-4);--pc-text:var(--blue-2);--pc-text-emphasis:var(--blue-0);--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-4);--pc-text:var(--cyan-2);--pc-text-emphasis:var(--cyan-0);--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-4);--pc-text:var(--teal-2);--pc-text-emphasis:var(--teal-0);--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-4);--pc-text:var(--green-2);--pc-text-emphasis:var(--green-0);--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-4);--pc-text:var(--lime-2);--pc-text-emphasis:var(--lime-0);--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-4);--pc-text:var(--yellow-2);--pc-text-emphasis:var(--yellow-0);--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-4);--pc-text:var(--orange-2);--pc-text-emphasis:var(--orange-0);--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-4);--pc-text:var(--choco-2);--pc-text-emphasis:var(--choco-0);--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-4);--pc-text:var(--brown-2);--pc-text-emphasis:var(--brown-0);--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-4);--pc-text:var(--sand-2);--pc-text-emphasis:var(--sand-0);--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-4);--pc-text:var(--camo-2);--pc-text-emphasis:var(--camo-0);--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-4);--pc-text:var(--jungle-2);--pc-text-emphasis:var(--jungle-0);--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);--success-text:var(--green-9);--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);--success-text:var(--green-2);--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);--success-text:var(--green-2);--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-border)}@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>:is(article,form){background:var(--body-main-article-bg-color)}aside.user-session{height:var(--game-square-size);z-index:100;align-items:center;display:flex;position:fixed;top:0;right:0}aside.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.user-session>a:hover,aside.user-session>a:focus-visible{color:var(--pc-accent-hover);background:var(--body-main-bg-color)}aside.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.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.user-session>a:last-child[aria-current]) main{border-top-right-radius:0}aside.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.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.user-session>a>figure.avatar>:is(img,svg){width:100%;height:100%}aside.user-session>a[data-count]{position:relative}aside.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.user-session>a[data-count="0"]:after{display:none}header.chrome{display:contents}nav.main-menu{height:var(--game-square-size);z-index:100;align-items:center;display:flex;position:fixed;top:0;left:0}nav.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.main-menu>a:hover,nav.main-menu>a:focus-visible{color:var(--pc-accent-hover);background:var(--body-main-bg-color);outline:none}nav.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.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.main-menu>a:first-child[aria-current]) main{border-top-left-radius:0}nav.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.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.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>:is(img,svg){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-overlay);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,aside>details>menu>li>a[aria-disabled=true]{opacity:.5;cursor:default}aside>details>menu>li>button:disabled:hover,aside>details>menu>li>button:disabled:focus-visible,aside>details>menu>li>a[aria-disabled=true]:hover,aside>details>menu>li>a[aria-disabled=true]:focus-visible{color:var(--pc-accent);background:0 0}aside>details>menu>li>a[aria-current],aside>details>menu>li>form>button[aria-current]{background:var(--pc-surface);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.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.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.user-session>details.game-actions>summary:hover{color:var(--pc-accent-hover);background:0 0}body:has(.game-board) aside.user-session:has(>details.game-actions){flex-direction:column;align-items:center;height:auto}body:has(.game-board) aside.user-session:has(>details.game-actions)>a{order:1}@media (aspect-ratio>=11/10),(aspect-ratio<=10/12){body:has(.game-board) aside.user-session:has(>details.game-actions){grid-template-rows:auto auto;grid-template-columns:auto auto auto auto auto;display:grid}body:has(.game-board) aside.user-session:has(>details.game-actions)>a.play-now{grid-area:1/1}body:has(.game-board) aside.user-session:has(>details.game-actions)>a.compose-now{grid-area:1/2}body:has(.game-board) aside.user-session:has(>details.game-actions)>a.direct-challenges{grid-area:1/3}body:has(.game-board) aside.user-session:has(>details.game-actions)>a.notifications{grid-area:1/4}body:has(.game-board) aside.user-session:has(>details.game-actions)>details:not(.game-actions){grid-area:1/5}body:has(.game-board) aside.user-session:has(>details.game-actions)>details.game-actions{grid-area:2/5}}aside.user-session>details.game-actions menu button.armed{color:var(--red-8)}aside.user-session>details.game-actions menu button.armed svg{stroke:var(--red-8)}aside.user-session>details.game-actions>menu>li[data-group=meta]{margin-top:var(--space-1);padding-top:var(--space-1);border-top:var(--hairline) solid var(--pc-border)}header.listing{z-index:1;height:var(--game-square-size);background:var(--body-main-bg-color);border-bottom:var(--hairline) solid var(--pc-2);flex:none;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{align-items:center;gap:var(--space-2);height:var(--game-square-size);padding-inline:var(--space-3);background:var(--body-main-bg-color);flex:none;margin-top:auto;display:flex}main:has(>footer.listing,>form){flex-direction:column;display:flex}main:has(>footer.listing,>form)>:is(article,form){flex:1 0 auto}header.listing>nav{height:100%}header.listing>*+nav{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.settings-sections){grid-template-columns:fit-content(var(--measure-4)) minmax(0, 1fr);grid-template-rows:auto 1fr;align-content:start;column-gap:0;padding:0;display:grid}main:has(>nav.settings-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.settings-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.settings-sections)>.settings-header>h1>a{color:inherit;transition:color var(--transition-fast);text-decoration:none}:is(main:has(>nav.settings-sections)>.settings-header>h1>a:hover,main:has(>nav.settings-sections)>.settings-header>h1>a:focus-visible){color:var(--pc-accent-hover);outline:none}main:has(>nav.settings-sections)>nav{background:color-mix(in srgb, var(--body-main-bg-color) 50%, var(--body-main-article-bg-color));grid-column:1;padding:0}main:has(>nav.settings-sections)>nav>ul{top:var(--game-square-size);margin:0;padding:0;list-style:none;position:sticky}main:has(>nav.settings-sections)>nav a{align-items:center;gap:var(--space-2);min-height:var(--game-piece-size);padding:0 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:500;text-decoration:none;display:flex}main:has(>nav.settings-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.settings-sections)>nav a:hover,main:has(>nav.settings-sections)>nav a:focus-visible){background:var(--pc-surface);color:var(--pc-text-emphasis);outline:none}main:has(>nav.settings-sections)>nav a[aria-current=page]{background:var(--body-main-article-bg-color);color:var(--pc-text-emphasis);font-weight:700}main:has(>nav.settings-sections)>.settings-content{min-width:0;padding:var(--space-3);grid-column:2}main:has(>nav.settings-sections)>.settings-content>h2:first-child{margin-block-start:0}main:has(>nav.settings-sections)>.settings-content:has(>.settings-form){flex-direction:column;padding-bottom:0;display:flex}main:has(>nav.settings-sections)>.settings-content>.settings-form{flex-direction:column;flex:1 0 auto;min-width:0;display:flex}main:has(>nav.settings-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.settings-sections)>.settings-content>.settings-form>footer>.footer-note{font-size:var(--font-size-1);color:var(--pc-text-emphasis);margin:0}main:has(>nav.settings-sections)>.settings-content>.settings-form>footer>.footer-note.danger{color:var(--danger)}main:has(>nav.settings-sections)>.settings-content .empty{margin-block:0 var(--space-3);color:var(--pc-text-muted);font-size:var(--font-size-1)}main:has(>nav.settings-sections)>.settings-content .hint{margin-block:0 var(--space-3);color:var(--pc-text-muted);font-size:var(--font-size-1)}main:has(>nav.settings-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.settings-sections)>.settings-content dt{color:var(--pc-text-muted);font-size:var(--font-size-1)}main:has(>nav.settings-sections)>.settings-content dd{font-size:var(--font-size-1);margin:0}main:has(>nav.settings-sections)>.settings-content code{font-family:var(--font-mono);font-size:var(--font-size-0);word-break:break-all}main:has(>nav.settings-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.settings-sections)>.settings-content .status{margin-block:0 var(--space-2);color:var(--pc-text-muted);font-size:var(--font-size-1)}main:has(>nav.settings-sections)>.settings-content ul.lines>li{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}:is(main:has(>nav.settings-sections)>.settings-content input[type=text],main:has(>nav.settings-sections)>.settings-content input[type=url],main:has(>nav.settings-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.settings-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.settings-sections)>.settings-content .add-form input{flex:1}main:has(>nav.settings-sections)>.settings-content .add-form button{flex-shrink:0}main:has(>nav.settings-sections)>.settings-content .error{margin:0 0 var(--space-2);color:var(--danger);font-size:var(--font-size-0)}main:has(>nav.settings-sections)>.settings-content .edit-section{margin-block-end:var(--space-3)}main:has(>nav.settings-sections)>.settings-content .edit-section>h3{margin-block:0 var(--space-1)}main:has(>nav.settings-sections)>.settings-content .form-field{margin-block-end:var(--space-2);display:block}main:has(>nav.settings-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.settings-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.settings-sections)>.settings-content .saved{margin:var(--space-2) 0 0;color:var(--pc-text-emphasis);font-size:var(--font-size-1)}main:has(>nav.settings-sections)>.settings-content .signed-out{color:var(--pc-text-muted);font-size:var(--font-size-1)}main:has(>nav.settings-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.settings-sections)>.settings-content button.settings-action:hover,main:has(>nav.settings-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.settings-sections){grid-template-columns:1fr}main:has(>nav.settings-sections)>nav{padding:var(--space-3) 0;grid-column:1}main:has(>nav.settings-sections)>nav>ul{position:static}main:has(>nav.settings-sections)>.settings-content{padding:var(--space-3);grid-column:1}main:has(>nav.at-index)>.settings-content{display:none}main:has(>nav.settings-sections:not(.at-index))>nav.settings-sections{display:none}main:has(>nav.settings-sections:not(.at-index))>.settings-header>h1>a:before{content:"‹ "}}:is(body:has(.game-board) aside.user-session>a.play-now,body:has(.game-board) aside.user-session>a.compose-now,body:has(.game-board) aside.user-session>a.direct-challenges,body:has(.game-board) aside.user-session>a.notifications){display:none}@media (aspect-ratio>=11/10){body:has(.game-board) aside.user-session>a.notifications{display:grid}}@media (aspect-ratio>=12/10){body:has(.game-board) aside.user-session>a.direct-challenges{display:grid}}@media (aspect-ratio>=13/10){body:has(.game-board) aside.user-session>a.compose-now{display:grid}}@media (aspect-ratio<=10/12){body:has(.game-board) aside.user-session>a.play-now{display:inline-flex}:is(body:has(.game-board) aside.user-session>a.compose-now,body:has(.game-board) aside.user-session>a.direct-challenges,body:has(.game-board) aside.user-session>a.notifications){display:grid}}:is(body:has(.game-board) aside.user-session>a.star-board,body:has(.game-board) aside.user-session>details.game-actions){top:var(--game-square-size);right:calc(100dvw - var(--content-size));z-index:100;position:fixed}aside.user-session>a.star-board{cursor:pointer}body:has(.game-board) aside.user-session:has(>a.star-board)>details.game-actions{top:calc(2 * var(--game-square-size))}:is(body:has(.game-board) aside.user-session>a.star-board:hover,body:has(.game-board) aside.user-session>a.star-board:focus-visible){color:var(--pc-accent-hover);background:0 0}aside.user-session>a.star-board[aria-pressed=true]{color:var(--pc-accent)}aside.user-session>a.star-board[aria-pressed=true]>svg{fill:currentColor}aside.user-session>a.star-board[aria-disabled=true]{opacity:.5;pointer-events:none}@media (aspect-ratio>10/12){body:has(.game-board) nav.main-menu>a{background:var(--pc-surface)}body:has(.game-board) aside.user-session>a:not(.star-board){background:var(--pc-surface)}:is(body:has(.game-board) nav.main-menu>a:not(.brand):hover,body:has(.game-board) nav.main-menu>a:not(.brand):focus-visible,body:has(.game-board) aside.user-session>a:not(.star-board):hover,body:has(.game-board) aside.user-session>a:not(.star-board):focus-visible){background:var(--body-main-bg-color)}body:has(.game-board) aside.user-session>details:not(.game-actions)>summary{background:var(--pc-surface)}:is(body:has(.game-board) aside.user-session>details:not(.game-actions)>summary:hover,body:has(.game-board) aside.user-session>details:not(.game-actions)>summary:focus-visible,body:has(.game-board) aside.user-session>details:not(.game-actions)[open]>summary){background:var(--body-main-bg-color)}}figure.avatar{margin:0;display:contents}figure.avatar>:is(img,svg){object-fit:cover;aspect-ratio:1;border-radius:50%;display:block}.seg{gap:var(--space-1);padding:var(--space-1);background:var(--pc-surface);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)}button.settings-primary,footer.listing>.start{appearance:none;padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--font-size-1);border-radius:var(--radius-2);cursor:pointer;border:0;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}button.settings-primary,footer.listing>.start:not(.ghost){color:var(--pc-on-accent);background:var(--pc-accent)}button.settings-primary:disabled,footer.listing>.start:disabled{opacity:.6;cursor:default}button.settings-primary:focus-visible,footer.listing>.start:focus-visible{outline:var(--ring) solid var(--pc-accent);outline-offset:var(--space-1)}footer.listing>.start.ghost{border:var(--hairline) solid currentColor;background:0 0}footer.listing>.start.end{margin-inline-start:auto}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:calc(var(--game-square-size) / 5.4);pointer-events:none;font-weight:700;line-height:1;position:absolute}table td:first-child:before{top:calc(var(--game-square-size) / 16);left:calc(var(--game-square-size) / 16)}table tr:last-child>td:after{bottom:calc(var(--game-square-size) / 16);right:calc(var(--game-square-size) / 16)}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)}table[data-style] tr:first-child>td:first-child{border-start-start-radius:var(--radius-1)}table[data-style] tr:first-child>td:last-child{border-start-end-radius:var(--radius-1)}table[data-style] tr:last-child>td:first-child{border-end-start-radius:var(--radius-1)}table[data-style] tr:last-child>td:last-child{border-end-end-radius:var(--radius-1)}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]{--last-move-wash:color-mix(in srgb, var(--last-move-tint,var(--pc-accent)) 28%, transparent);background-image:linear-gradient(var(--last-move-wash), var(--last-move-wash))}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%), linear-gradient(var(--last-move-wash), var(--last-move-wash));background-position:50%;background-repeat:no-repeat}td[data-target][data-last-move]:not(:empty){background-image:linear-gradient(var(--last-move-wash), var(--last-move-wash))}.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}main:has(>article.game-board){background:0 0;border-radius:0;margin:0;display:contents}main:has(>article.game-board)>article{grid-area:1/1}.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>:is(img,svg),.game-board>footer>.identity>figure.avatar>:is(img,svg){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))}}.game-board[data-kind=puzzle]>header,.game-board[data-kind=puzzle]>footer{column-gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid}.game-board[data-kind=puzzle]>header>.identity{grid-column:1;justify-self:start}.game-board[data-kind=puzzle]>header>.side-plate,.game-board[data-kind=puzzle]>footer>.side-plate{text-align:center;min-width:0;font-family:var(--font-display);font-size:var(--font-size-2);grid-column:2;grid-template-rows:auto auto;justify-items:center;margin:0;font-weight:700;line-height:1;display:grid}.game-board[data-kind=puzzle]>header>.side-plate>bdi,.game-board[data-kind=puzzle]>footer>.side-plate>bdi{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.game-board[data-kind=puzzle]>header>.side-plate>small,.game-board[data-kind=puzzle]>footer>.side-plate>small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-family:var(--font-sans);font-size:var(--font-size-0);color:var(--pc-text-muted);font-weight:400;line-height:1.2;overflow:hidden}.game-board[data-kind=puzzle]>header>.side-plate>bdi{color:var(--pc-text-muted)}.game-board[data-kind=puzzle]>footer>.side-plate>bdi{color:var(--pc-text-emphasis)}.game-board[data-kind=puzzle]>footer>.stipulation{white-space:nowrap;text-overflow:ellipsis;border-radius:var(--radius-1);min-width:0;font-family:var(--font-display);font-size:var(--font-size-2);color:var(--pc-text-emphasis);grid-column:3;justify-self:end;padding:0 .4em;font-weight:700;line-height:1;overflow:hidden}.game-board[data-kind=puzzle]>footer>.stipulation[data-remaining="1"]{color:var(--pc-accent)}.mini-board{--mini-square-size:calc(var(--content-size) / 18);--game-square-size:var(--mini-square-size);--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)}main>nav.move-history{border-top-left-radius:var(--radius-1);display:none;overflow:hidden}main>nav.move-history>h2{display:none}@media (aspect-ratio>=11/10){main:has(>nav.move-history){grid-template-columns:var(--content-size) 1fr;width:100dvw;height:100dvh;display:grid;inset:0}main>nav.move-history{margin:var(--game-square-size) 0 var(--game-square-size);max-width:calc(4 * var(--game-square-size));background:var(--body-main-article-bg-color);border-radius:var(--radius-3) 0 0 var(--radius-3);flex-direction:column;grid-area:1/2;justify-self:end;width:100%;display:flex}main>nav.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.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.move-history>h2{display:none}}main>nav.move-history>a.download{display:none}@media (aspect-ratio>=7/5){main>nav.move-history>a.download{top:calc(var(--game-square-size) + var(--game-piece-margin));z-index:100;width:var(--game-piece-size);height:var(--game-piece-size);border-radius:var(--radius-2);color:var(--pc-text-muted);cursor:pointer;transition:color var(--transition-medium);place-items:center;display:grid;position:fixed;inset-inline-end:var(--game-piece-margin)}main>nav.move-history>a.download:hover,main>nav.move-history>a.download:focus-visible{color:var(--pc-accent-hover);outline:none}main>nav.move-history>a.download>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.move-history:has(>a.download)>h2{padding-inline-end:calc(var(--game-piece-size) + 2 * var(--game-piece-margin))}}@media (aspect-ratio>=8/5){main>nav.move-history>h2{font-size:var(--font-size-2)}}main>nav.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.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.move-history>ol>li:nth-child(odd){counter-increment:move-num;justify-self:start}main>nav.move-history>ol>li:nth-child(2n){justify-self:end}main>nav.move-history>ol>li:nth-child(odd):before,main>nav.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.move-history>ol>li:nth-child(odd):before{content:counter(move-num) "."}main>nav.move-history>ol>li:nth-child(2n):before{content:"..."}main>nav.move-history>ol>li.skipped:after{content:"...";padding:var(--space-1);color:var(--pc-text-subtle);grid-column:2;justify-self:start}main>nav.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.move-history>ol>li>a:hover,main>nav.move-history>ol>li>a:focus-visible{color:var(--pc-accent-hover)}main>nav.move-history>ol>li[aria-current=step]>a{color:var(--pc-text-emphasis);transition:color .2s}main>nav.move-history>menu{bottom:0;z-index:100;height:var(--game-square-size);align-items:center;margin:0;padding:0;list-style:none;display:flex;position:fixed;inset-inline-end:0}main>nav.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.move-history>menu>li>a:hover,main>nav.move-history>menu>li>a:focus-visible{color:var(--pc-accent-hover);background:var(--pc-surface-overlay)}main>nav.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.move-history>menu>li>a[aria-disabled=true]{opacity:.3;pointer-events:none}main>nav.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.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.move-history>ol>li>svg[data-marker=mood]{grid-area:1/3}main>nav.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.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.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.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}main>nav.move-history>ol>li>svg[data-marker=state]{grid-area:1/3;display:block}main>nav.move-history>ol>li[data-mood]>svg[data-marker=state]{z-index:1;position:relative;transform:translate(-50%)}main>nav.move-history>ol>li>svg[data-marker=state][data-state=check]{background:var(--marker-check);color:var(--on-marker-check)}main>nav.move-history>ol>li>svg[data-marker=state][data-state=won]{background:var(--marker-won);color:var(--on-marker-won)}main>nav.move-history>ol>li>svg[data-marker=state][data-state=mate],main>nav.move-history>ol>li>svg[data-marker=state][data-state=checkmated],main>nav.move-history>ol>li>svg[data-marker=state][data-state=lost],main>nav.move-history>ol>li>svg[data-marker=state][data-state=timeout]{background:var(--marker-lost);color:var(--on-marker-lost)}main>nav.move-history>ol>li>svg[data-marker=state][data-state=draw]{background:var(--marker-draw);color:var(--on-marker-draw)}@media (aspect-ratio>=11/10){main>nav.move-history>menu>li:has(>a.nav-next){display:none}main>nav.move-history>ol{grid-template-columns:1fr}main>nav.move-history>ol>li{width:100%;max-width:none}main>nav.move-history>ol>li:before{display:none}}@media (aspect-ratio>=11/10) and (aspect-ratio<7/5){main>nav.move-history>menu>li:has(>a.nav-first){bottom:0;z-index:100;position:fixed;inset-inline-start:0}}@media (aspect-ratio>=11/10) and (aspect-ratio<13/10){main>nav.move-history>menu>li:has(>a.nav-previous){bottom:0;right:calc(100dvw - var(--content-size));z-index:100;position:fixed}}@media (aspect-ratio>=11/10) and (aspect-ratio<12/10){main>nav.move-history>ol>li{grid-template-columns:minmax(0,1fr)}main>nav.move-history>ol>li>a,main>nav.move-history>ol>li.skipped:after{grid-column:1}main>nav.move-history>ol>li[data-mood]>svg[data-marker=mood][data-icon],main>nav.move-history>ol>li>svg[data-marker=state]{display:none}}@media (aspect-ratio>=6/5){main>nav.move-history>menu>li:has(>a.nav-next){display:revert}}@media (aspect-ratio>=8/5){main>nav.move-history>ol>li:nth-child(2){background:0 0}main>nav.move-history>ol>li:nth-child(2n){padding-left:var(--space-2)}}@media (aspect-ratio>=13/10){main>nav.move-history>ol>li:nth-child(odd):before,main>nav.move-history>ol>li:nth-child(2n):before{display:revert}}@media (aspect-ratio>=8/5){main>nav.move-history{max-width:calc(6 * var(--game-square-size))}main>nav.move-history>ol{grid-template-columns:1fr 1fr}main>nav.move-history>ol>li{width:100%;max-width:calc(3 * var(--game-square-size))}main>nav.move-history>menu>li:has(>a.nav-previous){margin-inline-end:calc(2 * var(--game-square-size))}}@media (aspect-ratio<=10/11){main:has(>nav.move-history){grid-template-rows:var(--content-size) 1fr;width:100dvw;height:100dvh;display:grid;inset:0}main>nav.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.move-history>ol,main>nav.move-history>menu{display:contents}main>nav.move-history>ol>li{display:none}main>nav.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.move-history>ol>li:nth-child(odd){grid-column:3}main>nav.move-history>ol>li:nth-child(2n){grid-column:4}:is(main>nav.move-history>menu>li:has(>a.nav-first),main>nav.move-history>menu>li:has(>a.nav-previous),main>nav.move-history>menu>li:has(>a.nav-next),main>nav.move-history>menu>li:has(>a.nav-last)){place-items:center;display:grid}main>nav.move-history>menu>li:has(>a.nav-first){grid-column:1}main>nav.move-history>menu>li:has(>a.nav-previous){grid-column:2}main>nav.move-history>menu>li:has(>a.nav-next){grid-column:5}main>nav.move-history>menu>li:has(>a.nav-last){grid-column:6}}@media (aspect-ratio>10/11) and (aspect-ratio<11/10){main>nav.move-history{display:block}main>nav.move-history>ol,:is(main>nav.move-history>menu>li:has(>a.nav-first),main>nav.move-history>menu>li:has(>a.nav-next)){display:none}main>nav.move-history>menu>li:has(>a.nav-previous){bottom:0;z-index:100;position:fixed;inset-inline-start:0}}@media (aspect-ratio<=10/12){main:has(>nav.move-history){inset:var(--game-square-size) 0 0;grid-template-rows:1fr auto;width:auto;height:auto;display:grid}main>nav.move-history{grid-row:2;align-self:end}}:root{--marker-outline-width:calc(var(--game-square-size) * .04);--marker-outline-offset:0;--marker-check:var(--orange-4);--on-marker-check:black;--marker-won:var(--teal-4);--on-marker-won:black;--marker-lost:var(--red-12);--on-marker-lost:white;--marker-draw:var(--gray-4);--on-marker-draw:black}[data-theme=dark]{--marker-check:var(--orange-3);--marker-won:var(--teal-3);--marker-lost:var(--red-11);--marker-draw:var(--gray-3)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--marker-check:var(--orange-3);--marker-won:var(--teal-3);--marker-lost:var(--red-11);--marker-draw:var(--gray-3)}}: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}img.print-piece{display:none!important}@media print{img.print-piece{display:block!important}img.screen-piece,.drag-ghost{display:none!important}}: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);border-radius:var(--radius-2);width:auto;height:var(--game-piece-size);border:var(--game-piece-margin) solid var(--body-bg-color);padding-inline:var(--space-3);font-size:var(--font-size-2);white-space:nowrap;color:var(--pc-on-accent);background:var(--pc-accent);cursor:pointer;transition:border-color var(--transition-medium);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{background:var(--pc-accent);color:var(--pc-on-accent);border-color:var(--body-main-bg-color)}.play-now.svelte-154hczf:focus-visible{outline:var(--ring) solid var(--pc-accent);outline-offset:var(--space-1)}.play-now[aria-current].svelte-154hczf{padding-inline:calc(var(--space-3) + var(--game-piece-margin));border-width:0}.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}