:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--foreground-rgb:0, 0, 0;--background-start-rgb:214, 219, 220;--background-end-rgb:255, 255, 255;--primary-glow:conic-gradient(from 180deg at 50% 50%, #16abff33 0deg, #0885ff33 55deg, #54d6ff33 120deg, #0071ff33 160deg, transparent 360deg);--secondary-glow:radial-gradient(#fff, #fff0);--tile-start-rgb:239, 245, 249;--tile-end-rgb:228, 232, 233;--tile-border:conic-gradient(#00000080, #00000040, #00000030, #00000020, #00000010, #00000010, #00000080);--callout-rgb:238, 240, 241;--callout-border-rgb:172, 175, 176;--card-rgb:180, 185, 188;--card-border-rgb:131, 134, 135}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255, 255, 255;--background-start-rgb:0, 0, 0;--background-end-rgb:0, 0, 0;--primary-glow:radial-gradient(#0141ff66, #0141ff00);--secondary-glow:linear-gradient(to bottom right, #0141ff00, #0141ff00, #0141ff4d);--tile-start-rgb:2, 13, 46;--tile-end-rgb:2, 5, 19;--tile-border:conic-gradient(#ffffff80, #ffffff40, #ffffff30, #ffffff20, #ffffff10, #ffffff10, #ffffff80);--callout-rgb:20, 20, 20;--callout-border-rgb:108, 108, 108;--card-rgb:100, 100, 100;--card-border-rgb:200, 200, 200}}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.tzaar_background_color{background-color:#ced4da}.hidden{display:none}#gameStateDiv{-webkit-user-select:none;user-select:none;position:absolute;top:32px;left:32px}.flex{justify-content:space-between;width:140px;display:flex}.wrapper{z-index:999;width:100px;height:50px;position:absolute;inset:calc(50vh - 120px) 0 0 calc(50vw - 100px)}.skip-turn-button{z-index:999;position:absolute;top:calc(50vh - 20px);left:calc(50vw - 30px)}.ajaxSpinner{float:left;width:100px;height:100px;position:relative}.ajaxSpinner:after{content:"";color:#546e7a;text-align:center;width:100px;height:100px;font-size:20px;font-style:italic;line-height:100px;position:absolute;top:0;left:0}.ajaxSpinner .dot{background:#a56504;border:1px solid #f3f861;animation:2s linear infinite fade;position:absolute;left:0}.circles .dot{border-radius:50%;width:20px;height:20px}.ajaxSpinner .dotWrapper{width:100px;height:20px;margin-bottom:-200px;margin-right:-100px;position:absolute;top:calc(50% + 55px);right:50%}.dotWrapper:nth-child(2){transform:rotate(45deg)}.dotWrapper:nth-child(2) .dot{animation-delay:-1.75s}.dotWrapper:nth-child(3){transform:rotate(90deg)}.dotWrapper:nth-child(3) .dot{animation-delay:-1.5s}.dotWrapper:nth-child(4){transform:rotate(135deg)}.dotWrapper:nth-child(4) .dot{animation-delay:-1.25s}.dotWrapper:nth-child(5){transform:rotate(180deg)}.dotWrapper:nth-child(5) .dot{animation-delay:-1s}.dotWrapper:nth-child(6){transform:rotate(225deg)}.dotWrapper:nth-child(6) .dot{animation-delay:-.75s}.dotWrapper:nth-child(7){transform:rotate(270deg)}.dotWrapper:nth-child(7) .dot{animation-delay:-.5s}.dotWrapper:nth-child(8){transform:rotate(315deg)}.dotWrapper:nth-child(8) .dot{animation-delay:-.25s}@keyframes fade{0%{opacity:1;transform:scale(1)}60%{opacity:.1}95%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}.stateContainer{position:absolute}
