:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}*{box-sizing:border-box}:root{--page-width: 405px ;--page-height: 540px ;--page-background-color: #1f1f1f;--border-color: #ffbb00;--input-background-color: #303030}body{display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;overflow:hidden;background:radial-gradient(circle,#fb0,#8c6b10 0%,#1f1f1f)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}#app{display:flex;justify-content:center;flex-wrap:wrap;width:100%}#app h1{width:100%;text-shadow:var(--border-color) 1px 1px 20px}#img-container{width:405px;height:540px}#terminaali-page{background-color:#fff;width:100%;height:100%}#form-container{width:100%}.input-wrapper{display:flex;width:100%;justify-content:center;margin:20px auto 10px}.space-span{display:inline-flex;width:20px;justify-content:center;align-items:center}.input-wrapper div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.guess-input{padding:1em;flex:1 1 10px;margin-bottom:10px;background-color:var(--input-background-color);box-shadow:1px 1px 6px 2px #000;border-radius:5px;border:none;outline:none;color:#fff;text-align:center;transition:box-shadow .4s}.guess-input:focus{box-shadow:1px 1px 6px 2px var(--border-color)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.submit-button{padding:1em;font-size:1em;width:100%;background-color:var(--input-background-color);border:none;color:#fff;box-shadow:1px 1px 6px 2px #000;border-radius:10px;cursor:pointer;transition:box-shadow .4s}.submit-button:focus,.submit-button:hover{box-shadow:1px 1px 6px 2px var(--border-color);outline:none}.submit-button-container{width:100%}#guesses{display:flex;flex-wrap:wrap;flex-direction:column;position:relative;height:var(--page-height);width:300px;bottom:var(--page-height);left:calc(var(--page-width) + 20px);text-align:left}.guesses-content{flex-grow:1}.guesses-content div{margin-left:10px}.guesses-content h3{margin:0 auto auto 10px}#guesses footer{margin:0 auto auto 10px;width:100%}#guess-dash{padding:5px}.hint.show{padding-left:5px;color:#789;font-weight:lighter}#game-state-div.lose,#guess-release-year.incorrect,#guess-issue.incorrect{color:#f08080;font-weight:700;font-size:1.3em}#game-state-div.win,#guess-release-year.correct,#guess-issue.correct{font-weight:700;color:#adff2f;font-size:1.3em}