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

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

/* Wrapper holds the 640x480 game at its natural size;
   JS will apply transform: scale() to fill the screen */
#game-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 640px;
    height: 480px;
    transform-origin: 0 0;
    background: #000;
}

#extra, #view {
    position: absolute;
    left: 0;
    top: 0;
    width: 640px;
    height: 480px;
}

#view {
    display: block;
    background: transparent;
    cursor: default;
    z-index: 20;
}

#extra {
    background: #000;
}

#extra .layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 640px;
    height: 480px;
    z-index: 10;
}