@font-face{font-family:Material Symbols Rounded;src:url(../MaterialIconsRound-Regular.otf) format("opentype");font-style:normal}@font-face{font-family:fa-brands;src:url(../fa-brands-400.woff2) format("woff2"),url(../fa-brands-400.ttf) format("ttf")}@font-face{font-family:fa-regular;src:url(../fa-regular-400.woff2) format("woff2"),url(../fa-regular-400.ttf) format("ttf")}@font-face{font-family:fa-solid;src:url(../fa-solid-900.woff2) format("woff2"),url(../fa-solid-900.ttf) format("ttf")}.fa-brands{font-family:fa-brands;line-height:1}.fa-regular{font-family:fa-regular;line-height:1}.fa-solid{font-family:fa-solid;line-height:1}.material-icons-round{font-family:Material Symbols Rounded;font-size:inherit;font-weight:400;font-style:normal;line-height:1}@font-face{font-family:Ysabeau Infant;src:url(../YsabeauInfant-VariableFont_wght.ttf) format("truetype-variations");font-style:normal;font-weight:1 1000}@font-face{font-family:Ysabeau Infant;src:url(../YsabeauInfant-Italic-VariableFont_wght.ttf) format("truetype-variations");font-style:italic;font-weight:1 1000}:root{--theme-dark: 1;--content-c: white;--content-b: #0001;--header-b: #5555;--header-c: inherit;--main-b: hsl(187 80% 31%);--main-c: inherit;--mainhover-b: hsl(187 80% 38%);--mainhover-c: inherit;--edit-b: hsl(187 10% 1%);--edit-c: inherit;--explanation-b: inherit;--explanation-c: hsl(187 10% 50%);--disabled-b: transparent;--disabled-c: #888;--readonly-b: transparent;--readonly-c: inherit;--button-b: linear-gradient(hsl(187, 10%, 0%), hsl(187, 10%, 5%));--button-c: inherit;--buttondef-b: linear-gradient(hsl(187 80% 37%), hsl(187 80% 32%));--buttondef-c: inherit;--padding-0: 0 4px;--padding-1: 2px 8px;--padding-2: 4px 16px;--padding-3: 8px 20px;--padding-4: 16px 24px;--control-height: 32px;--border-color: hsl(187 10% 30%);--border-color-focused: hsl(187 10% 50%);--border-color-main: hsl(187 80% 31%);--border-color-main-focused: hsl(187 80% 42%);--border-color-disabled: hsl(187 10% 25%);--border-width: 1px;--border-radius-1: 5px;--border-radius-2: 1rem;--shadow-1: 0 1px 3px -1px hsl(0 0% 15% / 60%);--shadow-2: 0 2px 5px hsl(0 0% 15% / 60%);--shadow-3: 4px 12px 60px hsl(0 0% 0% / 40%);--shadow-text: 2px 4px 6px hsl(0 0% 15% / 60%);--shadow-text-hover: 2px 4px 10px hsl(0 0% 15% / 60%);--border-radius: var(--border-radius-1);--transition-time: 145ms;--animation-time: .3s;--animation-fade-in: fade-in var(--animation-time) ease-out forwards;--animation-fade-out: fade-out var(--animation-time) ease-in forwards;--animation-scale-in: scale-in var(--animation-time) ease-out forwards;--animation-scale-out: scale-out var(--animation-time) ease-in forwards;--animation-slide-in-up: slide-in-up var(--animation-time) ease-out;--animation-slide-out-down: slide-out-down var(--animation-time) ease-in}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes scale-in{0%{transform:scale(.5)}}@keyframes scale-out{to{transform:scale(.5)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}html{box-sizing:border-box;font:16px/1.5 Ysabeau Infant;background:var(--content-b);color:var(--content-c);transition:background var(--transition-time),color var(--transition-time);-webkit-user-select:none;user-select:none}*,*:after,*:before{box-sizing:inherit;outline:none}:is(body,main,div,dialog,ul,li,h1,h2,h3,h4){margin:0;padding:0;display:grid;grid:minmax(0,1fr) / minmax(0,1fr)}body{position:absolute;inset:env(titlebar-area-height,0px) 0 0 0;overflow:hidden;grid:minmax(0,1fr) / minmax(0,1fr)}canvas{position:absolute;width:100%;height:100%}h1{font-size:28px;font-weight:400}h2{font-size:20px;font-weight:400}h3{font-size:16px;font-weight:500}p{margin:0 0 6px}p.help-text{font-size:13px;background:var(--explanation-b);color:var(--explanation-c);margin-bottom:12px}p.subtitle{margin:-10px 0 12px 2px;background:var(--explanation-b);color:var(--explanation-c)}svg{vertical-align:top}button,a{-webkit-tap-highlight-color:transparent}:is(input,pre,button,select,option){font:inherit;color:inherit}input{background:#111;border:1px solid #555;border-radius:5px;padding:8px}input:focus{border-color:#bbb}input:focus::placeholder{color:#666}input::placeholder{color:#aaa}a:visited{color:inherit}.Panel{background:#5558;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:all}.theme-header{background:var(--header-b);color:var(--header-c)}.theme-content{background:var(--content-b);color:var(--content-c)}.page{margin:0 auto;padding:0 10px;max-width:1100px}.checkerboard{background:var(--checkerboard-b)}.thinVerticalScrollbar{overflow-y:auto;scrollbar-gutter:stable}.thinVerticalScrollbar::-webkit-scrollbar{width:6px}.thinVerticalScrollbar::-webkit-scrollbar-track{background:#8881}.thinVerticalScrollbar::-webkit-scrollbar-thumb{background:#8888;border-radius:2px}.thinVerticalScrollbar::-webkit-scrollbar-thumb:hover{background:#888}main{position:absolute;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none;grid:minmax(0,1fr) auto / minmax(0,1fr)}main>*{pointer-events:all}main .MainRibbon{grid-area:2 / 1 / 2 / 3}main .game-area{pointer-events:none}.Layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.Layer>*{pointer-events:all;position:absolute}.DebugWindow{pointer-events:none;display:block;padding:1rem}.Button{display:flex;align-items:center;gap:4px;font-weight:600;padding:4px 1rem;border-radius:100px;border:2px solid #55556aaf;background:#44444f;overflow:hidden;transition:background var(--transition-time) linear}@media(hover){.Button{cursor:pointer}}.Button:active{box-shadow:none}.Button.default:not(:disabled){background:#333;color:#fff}.Button:disabled{color:#ccc;cursor:not-allowed}.Button:not(.icon-button) span.icon{font-size:20px;margin-right:10px}.Button.icon-button,.Button.toolbutton{display:flex;place-items:center;padding:0;width:48px;height:48px;flex:0 0 48px;align-items:center;justify-content:center;font-size:22px}:is(.Button.icon-button,.Button.toolbutton).small{width:32px;height:32px;flex:0 0 32px;border:1px solid var(--border-color-main)}:is(.Button.icon-button,.Button.toolbutton).small span{font-size:16px}:is(.Button.icon-button,.Button.toolbutton).tiny,:is(.Button.icon-button,.Button.toolbutton).toolbutton{width:28px;height:28px;flex:0 0 28px;border:1px solid var(--border-color-main)}:is(:is(.Button.icon-button,.Button.toolbutton).tiny,:is(.Button.icon-button,.Button.toolbutton).toolbutton) span{font-size:14px}:is(:is(.Button.icon-button,.Button.toolbutton).tiny,:is(.Button.icon-button,.Button.toolbutton).toolbutton) span.fa-solid{font-size:12px}@media(hover){.Button:hover:not(:disabled):not(:active),.Button:focus:not(:disabled):not(:active){background:#66666f}}.InlineButton{display:inline-grid;place-items:center;width:28px;height:28px;font-weight:500;border:none;background:none}@media(hover){.InlineButton{cursor:pointer;transition:text-shadow var(--transition-time) ease-out}.InlineButton:hover:not(:disabled){text-shadow:1px 2px 4px #0008}}.InlineButton:disabled{color:var(--disabled-c);cursor:not-allowed}.IconAndButton{gap:8px;align-items:center}.Icon{line-height:1}.Icon.fa-solid{font-family:fa-solid}.Icon.fa-brands{font-family:fa-brands}.Icon.fa-regular{font-family:fa-regular}.MainRibbon{pointer-events:all;background:#8888;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.MainRibbon .MainToolbar{padding:4px 1rem;grid-template-columns:auto auto 1fr;gap:1rem}.MainRibbon .StatusBar{padding:8px 1rem;grid-template-columns:auto auto 1fr;gap:1rem}.PropertiesPanel{pointer-events:all;grid-template-rows:auto minmax(0,1fr)}.PropertiesPanel header{background:#5558;padding:2px 1rem}.PropertiesPanel header h1{display:flex;gap:8px;align-items:center}.PropertiesPanel article{padding:2px 8px}.PropertiesPanel .ServiceAvailabilityChart{position:relative;padding-block:.5rem;height:80px;width:100%}.PropertiesPanel .ServiceAvailabilityChart h3{position:absolute}.PropertiesPanel .ServiceAvailabilityChart svg{width:100%;height:100%}.Login{width:340px;pointer-events:all;border-radius:7px;background:#0004;position:absolute;left:50%;top:50%;transform:translate(-50%,-70%);padding:1em;gap:4px;justify-items:center}.Login input{width:200px}.Login p{display:flex;gap:4px}.MessageBox>.Dialog>article{max-width:600px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.MessageBox .severity{font-family:fa-solid;font-size:48px}.MessageBox .severity.info:before{content:""}.MessageBox .severity.warning:before{content:"";color:#cc0}.MessageBox .severity.error:before{content:"";color:#c20}.DialogFrame{inset:0;place-content:center;place-items:center;animation:var(--animation-fade-in);opacity:1;background:hsl(0 0% calc(100% * var(--theme-dark)) / 15%);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}@media(max-width:540px){.DialogFrame{place-content:end stretch}}.DialogFrame>.Dialog{background:var(--content-b);color:var(--content-c);border:1px solid var(--border-color);border-radius:var(--border-radius-2);overflow:hidden;animation:var(--animation-scale-in);display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:95vh;max-width:90vw}.DialogFrame>.Dialog.small{width:400px}.DialogFrame>.Dialog.medium{width:800px}.DialogFrame>.Dialog.large{width:1200px}.DialogFrame>.Dialog.height-small{height:200px}.DialogFrame>.Dialog.height-medium{height:400px}.DialogFrame>.Dialog.height-large{height:600px}.DialogFrame>.Dialog.full{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border:0;border-radius:0}@media(max-width:540px){.DialogFrame>.Dialog{width:100vw!important;max-width:100vw;border-radius:0;animation:var(--animation-slide-in-up)}}.DialogFrame>.Dialog>article:nth-child(2){overflow:hidden auto;padding:var(--padding-3);display:grid}.DialogFrame.closing{animation:var(--animation-fade-out)}.DialogFrame.closing>.Dialog{animation:var(--animation-scale-out)}@media(max-width:540px){.DialogFrame.closing>.Dialog{animation:var(--animation-slide-out-down)}}.DialogHeader{padding:var(--padding-3)}.DialogFooter{padding:var(--padding-3);display:flex;justify-content:end;gap:1rem}
