:root{--black: black;--white: white;--color-focus: var(--white);--color-success: #00efa6;--color-fail: #e5210b}*,*:before,*:after{box-sizing:border-box;min-width:0;margin:0;padding:0}*:focus{outline:none}*:focus-visible{outline:1px solid var(--color-focus)}html{height:100%;font-family:var(--font-family);font-size:62.5%;line-height:1.5;font-synthesis:none;font-smooth:always;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;color:var(--white)}body{height:100%;overscroll-behavior:none;accent-color:var(--white);background:var(--black)}p{text-wrap:pretty;overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-weight:inherit;font-size:inherit}strong{overflow-wrap:break-word}img,picture,video,canvas,svg,iframe{display:block}input,textarea,button,button:disabled{font:inherit;border:none;border-radius:0;background:none}fieldset{border:none}a{text-decoration:none;color:inherit}ul,ol{list-style:none}:root{--grid-square: 4px;--size-click-target-min: 24px;--padding-page: 24px;--padding-button-x: 12px;--padding-aerial-camera: 24px}:root{--z-index-dev-tools: 1}:root{--font-family: system-ui, sans-serif;--font-size-m: 1.4rem;--font-weight-700: 700;--letter-spacing-m: .1em}button{height:var(--size-click-target-min);padding:0 var(--padding-button-x);display:flex;align-items:center;color:var(--white);border:1px solid var(--white);cursor:pointer;text-transform:uppercase;letter-spacing:var(--letter-spacing-m)}button:hover:not(.buttonPerson){color:var(--black);background:var(--white)}button.buttonPerson .label{position:absolute;left:calc(100% + calc(3 * var(--grid-square)));top:0;display:none;flex-direction:column;align-items:flex-start}button.buttonPerson .label p{white-space:nowrap}button.buttonPerson .label p:first-child{font-weight:var(--font-weight-700)}button.buttonPerson:hover .label{display:flex}:root{--border: 1px solid var(--white)}#devTools{position:absolute;bottom:0;left:0;z-index:var(--z-index-dev-tools);padding:16px;display:flex;flex-direction:column;background:tomato}#hud{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--padding-page);display:grid;grid:".    fuel" 1fr ".    terminal" 1fr / 1fr 1fr}#hud .aerialCameraBorder{position:absolute;inset:var(--padding-aerial-camera) 50% var(--padding-aerial-camera) var(--padding-aerial-camera);border:1px solid var(--white);pointer-events:none}#hud #fuelGauge{grid-area:fuel;justify-self:end}#hud #terminal{width:calc(40 * var(--grid-square));grid-area:terminal;justify-self:end;align-self:end}#screenLoading{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--padding-page);display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--black)}#screenClub #broker{width:100px;height:50vh;position:absolute;bottom:0;left:50%;border:var(--border)}#screenGameOver{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--padding-page);display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--black)}.location{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--padding-page);display:flex;flex-direction:column;align-items:center;background:var(--black)}.location #buttonLeaveLocation{position:absolute;top:var(--padding-page);left:var(--padding-page)}#screenPerson{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--padding-page);display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--black)}#buttonLeaveConversation{position:absolute;top:var(--padding-page);left:var(--padding-page)}
