@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);*{margin:0;padding:0}body{background-color:#000;color:#fff;font-family:"Roboto Mono",monospace}.game-overlay-container>.game-overlay{font-size:125%}.game-container>canvas.game-canvas{visibility:hidden}.game-container[data-state-name=splash]>.game-overlay-container>.game-overlay{width:90%}.game-container[data-state-name=result]>.game-overlay-container>.game-overlay{display:flex;align-items:center;align-content:center;justify-content:center;flex-direction:column}.game-overlay-container>.game-overlay h1.game-name,.game-overlay-container>.game-overlay h2.game-version{font-weight:700}.game-overlay-container>.game-overlay h1.game-name{font-size:2.5em;line-height:.875}.game-overlay-container>.game-overlay h2.game-version{font-size:1.25em;margin-top:.125em;margin-bottom:1em}.game-overlay-container>.game-overlay>.button-collection{margin-top:.375em}.game-overlay-container>.game-overlay>.button-collection.information{margin-top:-.5em}.game-overlay-container>.game-overlay>.button-collection>button{margin-left:.375em}.game-overlay-container>.game-overlay>.button-collection>button:first-child{margin-left:0}.game-overlay-container>.game-overlay>.drop-area{max-width:100%;width:40em;max-height:calc(100% - 2em);height:12em;margin:1em auto;border:2px dashed #ccc;border-radius:1em;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.game-overlay-container>.game-overlay>.drop-area>form>input{display:none}.game-overlay-container>.game-overlay>.button-collection>button,.game-overlay-container>.game-overlay>.drop-area>form>label{display:inline-block;padding:.25em .375em;background-color:#d0d0d0;color:#000;transition-duration:125ms;transition-timing-function:ease;transition-property:background-color,border;cursor:pointer;border-radius:.25em;border:.0625em solid #b0b0b0;box-sizing:border-box;text-transform:uppercase}.game-overlay-container>.game-overlay>.button-collection>button:hover,.game-overlay-container>.game-overlay>.drop-area>form>label:hover{transition-duration:250ms;background-color:silver;border:.0625em solid #a0a0a0}.game-container[data-state-name=result]>.game-overlay-container>.game-overlay>.button-collection{margin-top:.28125em}.game-container[data-state-name=result]>.game-overlay-container>.game-overlay>.button-collection>button,.game-container[data-state-name=result]>.game-overlay-container>.game-overlay>.drop-area>form>label,.game-container[data-state-name=splash]>.game-overlay-container>.game-overlay>.button-collection.information>button{padding:.1875em .28125em;font-size:.75em}.game-overlay-container>.game-overlay img.result{max-height:calc(100% - 6em);max-width:100%}.game-overlay-container>.game-overlay>.information{margin-bottom:.5em;margin-left:.5em;margin-right:.5em}.game-overlay-container>.game-overlay>.information>p{margin-top:.5em}.game-overlay-container>.game-overlay>.information>p:first-of-type{margin-top:0}.game-container[data-state-name=information]>.game-overlay-container>.game-overlay .button-collection{margin-top:.5em}.game-overlay-container>.game-overlay>form>input[type=range]{width:6em;max-width:100%}.game-overlay-container>.game-overlay>form>label{display:block;text-transform:lowercase}.game-overlay-container>.game-overlay>form>label>.value::before{content:" "}