html,
body {
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;

    background: black;
    font-family: monospace;
}

#world {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

#ui {
    position: absolute;

    left: 15px;
    bottom: 15px;

    width: 400px;

    z-index: 100;
}

#log {

    height: 180px;

    overflow-y: auto;

    color: white;

    background: rgba(0,0,0,0.75);

    border: 1px solid #666;

    padding: 10px;

    margin-bottom: 8px;

    white-space: pre-wrap;
}

#chatInput {

    width: 100%;

    box-sizing: border-box;

    padding: 10px;

    background: #111;

    color: white;

    border: 1px solid #555;
}

#chatInput:focus {
    outline: none;
}