:root{--color-page-bg:var(--color-surface);--color-link:var(--lightningcss-light,#103a8a)var(--lightningcss-dark,#2195ee);--color-secondary:#1360ee;--color-text:var(--lightningcss-light,#111)var(--lightningcss-dark,#ddd);--color-text-light:#777;--color-panel:var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff14);--color-border:var(--lightningcss-light,#bbb)var(--lightningcss-dark,#444);--color-form-input-border:#8b99bb;--color-success:var(--lightningcss-light,#1c8500)var(--lightningcss-dark,#2ed500);--font-body-family:Noto Sans, sans-serif;--font-body-weight:300;--font-body-variation:"wdth" 100;--font-body-line-height:1.6;--font-headline-family:Noto Sans Display, sans-serif;--font-headline-weight:300;--font-headline-variation:"wdth" 100;--font-headline-line-height:1.3;--font-form-family:Noto Sans, sans-serif;--font-form-weight:300;--font-form-variation:"wdth" 100;--font-form-line-height:1.4;--gap-page:30px;--gap-box:15px;--gap-item:10px;--radius-box:5px;--body-height:100dvh;--form-element-height:32px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--elevation-1:0 0 1px 0 #0030571a, 0 2px 4px 0 #00305714, 0 2px 16px 0 #0030570f;--elevation-2:0 4px 12px #1c222714, 0 1px 3px #1c22270d;--elevation-3:0 8px 24px #1c22271a, 0 2px 6px #1c22270d;--color-felt:var(--lightningcss-light,#2195ee)var(--lightningcss-dark,#133f94);--color-felt-text:var(--lightningcss-light,#000)var(--lightningcss-dark,#e4e7f4);--color-felt-text-soft:color-mix(in oklab, var(--color-felt-text), var(--color-felt) 20%);--color-felt-inset:#0006;--bg-felt:radial-gradient(ellipse at 50% 35%, #0000 0%, var(--lightningcss-light,#00000014)var(--lightningcss-dark,#0000001f) 55%, var(--lightningcss-light,#00000040)var(--lightningcss-dark,#00000059) 100%), var(--color-felt);--color-rail:var(--lightningcss-light,#252525)var(--lightningcss-dark,#202020);--color-rail-text:var(--lightningcss-light,#fbf0dc)var(--lightningcss-dark,#f0e2c8);--color-rail-edge:color-mix(in oklab, var(--color-rail), black);--color-tile:var(--lightningcss-light,#e0d7d2)var(--lightningcss-dark,#e3dfdb);--color-tile-shadow:var(--lightningcss-light,#00000073)var(--lightningcss-dark,#000000b3);--color-tile-highlight:var(--lightningcss-light,#ffffff38)var(--lightningcss-dark,#ffffff1a);--shadow-tile:inset 0 3px 6px var(--color-tile-shadow), inset 0 -1px 0 var(--color-tile-highlight);--shadow-toggle-face:inset 0 3px 6px color-mix(in oklab, var(--color-tile-shadow), white 10%), inset 0 -1px 0 var(--color-tile-highlight);--color-die-wood:#cbc7c4;--color-die-wood-light:color-mix(in oklab, var(--color-die-wood), white 35%);--color-die-edge:#5e5656;--color-die-text:var(--lightningcss-light,#2a1708)var(--lightningcss-dark,#1f1105);--bg-die:var(--color-die-wood-light) url(/wood-grain-3-light.jpg) 0 0 / 300px 300px repeat;--die-grain-0:0 0;--die-grain-1:0 -52px;--die-grain-2:0 -104px;--die-grain-3:0 -156px;--die-grain-4:0 -208px;--die-grain-5:-124px 0;--die-grain-6:-124px -52px;--die-grain-7:-124px -104px;--die-grain-8:-124px -156px;--die-grain-9:-124px -208px;--die-grain-10:-248px -26px;--die-grain-11:-248px -130px;--button-grain-0:0 0;--button-grain-1:0 -40px;--button-grain-2:0 -80px;--button-grain-3:0 -120px;--button-grain-4:0 -160px;--button-grain-5:0 -200px;--button-grain-6:0 -240px;--button-grain-7:-150px -20px;--shadow-die:0 2px 0 var(--color-die-edge), 0 4px 8px #00000059;--color-die-star:var(--color-die-wood);--color-die-star-light:var(--color-die-wood-light);--color-die-star-icon:#ff780080;--bg-die-star:radial-gradient(circle at 35% 30%, var(--color-die-star-light), var(--color-die-star));--color-die-selected:var(--lightningcss-light,#fff)var(--lightningcss-dark,#ffe14d);--shadow-die-selected:0 0 0 3px var(--color-die-selected), 0 0 14px 4px var(--color-die-selected);--color-die-invalid-text:#b3140c;--shadow-die-lifted:0 3px 0 var(--color-die-edge), 0 12px 22px #00000073;--color-drop-target:#4eb9c7cc;--color-check:var(--lightningcss-light,#1f9d4a)var(--lightningcss-dark,#5ee08a);--color-check-bg:var(--lightningcss-light,#fffaf0eb)var(--lightningcss-dark,#102418e6);--shadow-check:0 8px 28px #0006;--placement-empty:var(--lightningcss-light,#00000047)var(--lightningcss-dark,#ffffff2e);--placement-placed:var(--lightningcss-light,#f7f1e8)var(--lightningcss-dark,#e3dfdb);--color-surface:var(--lightningcss-light,#f6f7fa)var(--lightningcss-dark,#000917);--color-surface-text:var(--lightningcss-light,#000917)var(--lightningcss-dark,#f6f7fa);--color-surface-text-soft:color-mix(in oklab, var(--color-surface-text), var(--color-surface) 30%);--color-surface-border:var(--lightningcss-light,#103a8a)var(--lightningcss-dark,#b9bad5);--color-surface-hover:color-mix(in oklab, var(--color-surface), var(--color-surface-text) 8%);--color-accent-light:var(--lightningcss-light,#da6b2d)var(--lightningcss-dark,#de8a51);--color-accent:var(--lightningcss-light,#a8460f)var(--lightningcss-dark,#f0a06a);--color-accent-dark:var(--lightningcss-light,#6c2701)var(--lightningcss-dark,#f8be97);--color-backdrop:var(--lightningcss-light,#00000073)var(--lightningcss-dark,#0003);--color-focus:var(--lightningcss-light,#fff)var(--lightningcss-dark,#ffd84d);--gutter-game:16px;--height-header:52px;--radius-die:11%;--radius-tile:11%;--radius-button:4px;--radius-toggle:8px;--max-content-width:min(450px, calc(100vw - 2 * var(--gutter-game)))}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--shadow-toggle-face:inset 0 3px 5px black, inset -1px -1px 6px #fffc}*{box-sizing:border-box;font-optical-sizing:auto}html{color:var(--color-text);background-color:var(--color-page-bg)}body{line-height:var(--font-body-line-height);min-height:100dvh;margin:0;padding:0}body,input,textarea,select{font-family:var(--font-body-family), sans-serif;font-weight:var(--font-body-weight,normal);font-variation-settings:var(--font-body-variation);font-size:17px}input,textarea,select{font-family:var(--font-form-family), sans-serif;font-weight:var(--font-form-weight,normal);font-variation-settings:var(--font-form-variation);line-height:var(--font-form-line-height);color:var(--color-text)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-headline-family), sans-serif;font-weight:var(--font-headline-weight,200);font-variation-settings:var(--font-headline-variation);line-height:var(--font-headline-line-height);margin-top:1.4em;margin-bottom:.7em}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.2rem}h4,h5,h6{font-size:1rem}a{color:var(--color-link);text-decoration:underline}a:hover,a:focus{color:var(--color-secondary)}a:focus{outline:1px dotted var(--color-border)}p{margin:.9em 0}hr{border:none;border-bottom:1px solid var(--color-border);background:0 0;margin:.9em 0}code{white-space:nowrap;background-color:var(--color-panel);border:1px solid var(--color-border);padding:0 6px;display:inline-block}pre{white-space:pre;margin:0;padding:9px;font-family:Monaco,Consolas,monospace;font-size:12px}button{cursor:pointer}.ErrorMessage{padding:var(--gap-page);justify-content:flex-start;gap:var(--gap-box);flex-direction:column;display:flex}.ErrorMessage h1,.ErrorMessage h2,.ErrorMessage h3,.ErrorMessage p{margin:0}.ErrorMessage code{overflow:auto}.LoadingSpinner{--size-factor:.5;text-align:center;--duration-factor:1;--box-size:calc(var(--size-factor) * 40px);--closeness-factor:1.15;--border-width:calc(var(--size-factor) * 2px);width:100%;padding:60px;display:block}.LoadingSpinner .loader-inner{align-items:center;gap:var(--gap-item);flex-direction:column;display:inline-flex}.LoadingSpinner .label{font-size:.92rem;font-style:italic}.LoadingSpinner .grid,.LoadingSpinner .grid span{box-sizing:border-box}.LoadingSpinner .grid{width:calc(var(--box-size) * (1 + var(--closeness-factor)));height:calc(var(--box-size) * (1 + var(--closeness-factor)));display:inline-block;position:relative}.LoadingSpinner .grid span{width:var(--box-size);height:var(--box-size);border:var(--border-width) solid var(--color-die-edge);border-radius:var(--radius-die);background:var(--bg-die);opacity:.2;animation:lds-grid calc(var(--duration-factor) * 1.2s) linear infinite;position:absolute}.LoadingSpinner .grid span:first-child{background-position:-20px -20px;animation-delay:0s;top:0;left:0}.LoadingSpinner .grid span:nth-child(2){top:0;left:calc(var(--box-size) * var(--closeness-factor));animation-delay:calc(var(--duration-factor) * .3s);background-position:-40px -20px}.LoadingSpinner .grid span:nth-child(3){top:calc(var(--box-size) * var(--closeness-factor));animation-delay:calc(var(--duration-factor) * .9s);background-position:-40px -40px;left:0}.LoadingSpinner .grid span:nth-child(4){top:calc(var(--box-size) * var(--closeness-factor));left:calc(var(--box-size) * var(--closeness-factor));animation-delay:calc(var(--duration-factor) * .6s);background-position:-40px -20px}.LoadingSpinner.layout-horizontal{--box-size:calc(var(--size-factor) * 40px);width:100%;margin-left:calc(var(--size-factor) * -60px);padding:30px 60px}.LoadingSpinner.layout-horizontal .grid span{top:calc(var(--box-size) / 1.5)}.LoadingSpinner.layout-horizontal .grid span:nth-child(3){left:calc(var(--box-size) * var(--closeness-factor) * 2)}.LoadingSpinner.layout-horizontal .grid span:nth-child(4){left:calc(var(--box-size) * var(--closeness-factor) * 3)}.LoadingSpinner.layout-horizontal .grid span:nth-child(2){animation-delay:calc(var(--duration-factor) * .3s)}.LoadingSpinner.layout-horizontal .grid span:nth-child(3){animation-delay:calc(var(--duration-factor) * .6s)}.LoadingSpinner.layout-horizontal .grid span:nth-child(4){animation-delay:calc(var(--duration-factor) * .9s)}@keyframes lds-grid{0%,50%,75%,to{opacity:.2}25%{opacity:1}}@media (prefers-reduced-motion:reduce){.LoadingSpinner .grid span{opacity:.6;animation:none}}
