@font-face{font-family:Monogram;src:url(/assets/monogram-BARivBQV.ttf)}@keyframes blink{to{visibility:hidden}}.disabled{pointer-events:none}.disabled,:disabled{color:var(--medium-grey)}.invisible{visibility:hidden}.warning{animation:blink 1.5s steps(10,start) infinite;color:#ff4500;font-style:italic}:root{font-family:Monogram;font-size:24px;user-select:none}body{container-type:size;height:100%;margin:0;padding:0;position:fixed;width:100%}dialog{user-select:none}kbd{background-color:var(--light-grey);border-radius:calc(var(--border-width) * .75);border:calc(var(--border-width) / 2) solid #b4b4b4;box-shadow:0 1px 1px #0003,0 2px #ffffffb3 inset;color:var(--dark-grey);display:inline-block;font-family:Monogram;font-size:24px;line-height:1;padding:4px 10px;white-space:nowrap}#root{--border-width: 4px;--dark-grey: #333;--medium-grey: #bbb;--light-grey: #eee;--medium-green: limegreen;--dark-green: darkslategrey;--light-blue: rgb(13, 202, 240);--spacing: 8px;--view-padding-x: max(var(--spacing), var(--spacing) + (100vw - min(100cqb, 100%)) / 2);box-sizing:border-box;display:grid;grid-template-areas:"communication" "control";grid-template-rows:1fr auto;height:100%;padding-bottom:var(--spacing);padding-left:max(var(--spacing),var(--spacing) + (100vw - min(100cqb,100%)) / 2);padding-right:max(var(--spacing),var(--spacing) + (100vw - min(100cqb,100%)) / 2);padding-top:var(--spacing);width:100%}span.green{color:var(--medium-green);font-weight:700;letter-spacing:1.5px}strong{font-weight:600;letter-spacing:2px;text-decoration:underline}.error-overlay{align-items:center;background-color:red;display:none;align-content:center;justify-content:center;text-align:center;color:#fff;height:100%;position:fixed;top:0;width:100%}@container (height < 672px) or (width < 346px){#rotate-error-overlay{display:flex;flex-direction:column}}.Message.waiting-acknowledgement{background-color:#90ee90}.MessageList{border:grey solid var(--border-width);border-radius:12px;box-sizing:border-box;grid-area:communication;overflow-y:scroll;padding:var(--spacing)}.Message:not(.waiting-acknowledgement) .instructions{background-color:var(--light-blue)}.GameObjectComboActionPanel{display:grid;gap:var(--spacing);grid-template-columns:25fr 3fr;margin-bottom:var(--spacing);margin-top:var(--spacing)}.GameObjectComboAction{align-items:center;display:inline-flex;font-weight:600;height:2.5em;justify-content:center;letter-spacing:2px;text-align:center}.code-n{text-decoration:underline}button{background-color:var(--light-grey);border-radius:calc(var(--border-width) * .75);border:calc(var(--border-width) / 2) solid #b4b4b4;box-shadow:0 1px 1px #0003,0 2px #ffffffb3 inset;color:var(--dark-grey);display:inline-block;font-family:inherit;font-size:inherit;padding:4px;&.disabled,&:disabled{color:var(--medium-grey)}&.inverted{background-color:var(--dark-grey);border-color:var(--dark-grey);color:#fff}&.disabled.inverted,&:disabled.inverted{background-color:var(--medium-grey);border-color:var(--medium-grey);color:var(--light-grey)}&.KeypadButton{font-family:Monogram;font-size:24px;line-height:1;padding:4px 10px;white-space:nowrap}}.keypad-action-panel{display:flex;justify-content:space-between;margin-bottom:var(--spacing);margin-top:var(--spacing)}.GameObject{height:2.5em}.GameObjectPanel{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing)}.HelpButton{background-color:#b9e3ea;border-color:#5dbecd;color:#0c515c;grid-column-end:-1;height:2.5em;letter-spacing:2px;&.disabled,&:disabled{color:#74c7d4}}.GameObjectInfoModal{border-bottom:solid black var(--border-width);border-left:0 none;border-right:0 none;border-top:solid black var(--border-width);box-sizing:border-box;grid-area:communication;margin-left:0;margin-right:0;max-width:max(100vw,100%);min-width:max(100vw,100%);padding-bottom:var(--spacing);padding-left:calc(var(--view-padding-x) + var(--border-width) + var(--spacing));padding-right:calc(var(--view-padding-x) + var(--border-width) + var(--spacing));padding-top:var(--spacing);width:max(100vw,100%)}.GameObjectInfoModal::backdrop{background-color:#000000bf}.CharacterSelectionScreen{align-content:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;text-align:center;button{margin:1em 0}.progress-bar{background-color:var(--dark-green);border:calc(var(--border-width) / 2) solid var(--dark-green);border-radius:calc(var(--border-width) * .75);box-sizing:border-box;position:relative;width:100%;.progress{background-color:var(--medium-green);height:100%;position:absolute;width:50%}p{color:#fff;font-size:40px;margin:.25em 0;position:relative}}}