/* Suspect — dark workstation hybrid (design D11).
   Not a pixel-art game: no image-rendering: pixelated, smoothing stays default. */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #0d0f12;
}

#stage {
    position: relative;
    width: 100vw;
    height: 100vh;
}

#screen {
    display: block;
    width: 100vw;
    height: 100vh;
    cursor: default;
}

/* DOM text-input overlays. Hidden until positioned by main.js over the
   interrogation window's input bar (#chat-input) or the login panel's field
   rects (.login-field); styled to blend with the canvas chrome. */
#chat-input,
.login-field {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 200px;
    height: 26px;
    padding: 2px 8px;
    border: 1px solid #2a3138;
    border-top-color: #05070a;
    border-left-color: #05070a;
    background: #10141a;
    color: #e8c47a;
    font-family: Consolas, Menlo, "Courier New", monospace;
    font-size: 14px;
    outline: none;
    caret-color: #e8c47a;
    z-index: 10;
}

#chat-input::placeholder,
.login-field::placeholder {
    color: #4a545e;
}