@font-face {    font-family: 'Symbola';    src: url( ../fonts/symbola.woff );}.full-screen {    display: block;    position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;    width: 100%;    height: 100%;}.full-width-top {    position: absolute;    top:0;    left: 0;    width: 100%;    height: auto;}.full-width-bottom {    position: absolute;    bottom:0;    left: 0;    width: 100%;    height: auto;}.full-height-right {    position: absolute;    top:0;    right: 0;    height: 100%;    width: auto;}.full-height-left {    position: absolute;    top:0;    left: 0;    height: 100%;    width: auto;}/*.right {    position: absolute;    top:0;    left: 0;    height: 100%;    width: auto;}*/.interaction-image {    position: absolute;    top: 0;    left: 0;}.interaction-screen {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    display: none;}.button-click {    cursor: pointer;}.button-hover {    cursor: pointer;}.button-locked {    color: #c97e02;    pointer-events: none;}.button-click.button-locked {    cursor: auto;}.button-hover.button-locked {    cursor: auto;}.music-player {    display: none;}#screen-rotation {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    display: none;    z-index: 100000;    opacity: 0;    transition: opacity 1s ease;    background-color: rgba( 0, 0, 0, 0.5 );    align-items: center;    justify-content: center;    flex-direction: row;    color: #ffffff;}@media only screen     and ( orientation: portrait ) {	#screen-rotation {	    display: flex;	    opacity: 1;	}}#screen-fullscreen {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    display: none;    z-index: 100000;    opacity: 0;    transition: opacity 1s ease;    background-color: rgba( 0, 0, 0, 0.5 );    align-items: center;    justify-content: center;    flex-direction: row;    color: #ffffff;}#llwindow {    font-size: 0.8em;    display: none;    position: fixed;    top: 1em;    left: 2em;    color: #00dd00;    background-color: #000000;    z-index: 100000;    font-family: 'Courier New', Courier, monospace;    min-width: 20em;    max-width: 50%;    max-height: 90%;    box-shadow: 0 0.25em 0.5em rgba( 0, 0, 0, 0.75 );    transition: box-shadow 0.5s ease;    opacity: 0.9;}#llwindow:active {    box-shadow: 0 0.5em 1em rgba( 0, 0, 0, 0.75 );}#llwindowheader {    background-color: #00dd00;    color: #000000;    cursor: move;    cursor: grab;    text-align: right;    width: 100%;    float: left;    padding: 0;    margin: 0;}#llwindow h2 {    color: #000000;    font-size: 1em;    margin: 0;    float: left;    padding: 0.4em 1em;}#llwindow main {    float: left;    clear: both;    width: 100%;    padding: 0 1em;}#llwindow main p {    font-size: 0.75em;    padding: 0.5em;    margin: 0.5em 0.5em 0 0;    max-width: calc( 100% - 0.5em );    float: left;    border: 1px solid #00dd00;}.llwindow-clear {    clear: both;    float: left;    width: 100%;    margin-top: 0.25em;}#llwindow-zork {    font-size: 0.75em;    min-width: calc(100% - 0.5em);    max-width: calc(100% - 0.5em);    width: calc(100% - 0.5em);    color: #00dd00;    margin: 0.5em 0 0 0;    background-color: #000000;    border: 1px solid #00dd00;    height: 12em;    resize: none;}#llwindow-zork:focus {    outline:none;}#llwindow footer {    padding: 0.5em 0 0 0;    width: 100%;    float: left;    text-align: center;}#llwindow-close, #llwindow-minimize, #llwindow-maximize {    font-size: 1em;    margin: 0;    padding: 0.5em;    float: right;    text-align: center;}.llwindow-control {    font-size: 1em;    margin: 0;    padding: 0.25em 0.5em;    padding: 0.25em;}#llwindow-go-input {    font-size: 0.75em;    width: 2em;    margin: 0.5em -4px;    padding: 0.25em;    color: #00dd00;    background-color: #003700;    border: 1px solid #00dd00; }#llwindow-go-input:focus {    outline:none;}#llwindow-save-input {    font-size: 0.75em;    min-width: calc(100% - 0.5em - 2.5em);    max-width: calc(100% - 0.5em - 2.5em);    width: calc(100% - 0.5em - 2.5em);    margin: 0.5em 0 0 0;    padding: 0.25em;    color: #00dd00;    background-color: #003700;    border: 1px solid #00dd00; }#llwindow-save-input:focus {    outline:none;}#llwindow a, #llwindow a:visited {    font-family: 'Symbola';    color: #00dd00;    background-color: #000000;    text-decoration: none;    font-weight: bold;}#llwindow a:hover, #llwindow a:active {    background-color: #00dd00;    color: #000000;    text-decoration: none;}@media only screen and (min-width: 1500px)  {    #llwindow {	min-width: 20em;	max-width: 33%;    }}@media only screen and (max-width: 1280px)  {    #llwindow {	width: 90%;	max-width: 90%;    }    #llwindow-zork {	max-height: 3em;    }    .llwindow-clear {	margin-top: 0;    }}