:root{--bg-light: #f8f8f8;--bg-dark: #121212;--primary: #1976d2;--primary-dark: #0d47a1;--text-light: #000000;--text-dark: #ffffff;--neutral-light: #e0e0e0;--neutral-dark: #424242;--yellow-light: #ffeb3b;--yellow-dark: #ffd54f;--green-light: #4caf50;--green-dark: #66bb6a;--input-light: #ffffff;--input-dark: #424242}*{box-sizing:border-box}body{margin:0 auto;align-content:center;text-align:center;background-color:var(--bg-light);color:var(--text-light);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}div{margin:0 auto}div.letter{width:20%;text-align:center;vertical-align:top;text-transform:uppercase}div#appBox{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div#gameBox{padding-top:92px;display:inline-flex;flex-wrap:wrap}div.container.headerBox{left:50%;transform:translate(-50%);min-width:250px;width:100%;max-width:1000px;position:fixed}div.container.buttons.headerBox{top:49px}div.wordBox{margin:0 auto}div.row{display:inline-block;flex-wrap:wrap}div.container{border:3px solid var(--primary);background-color:var(--primary);min-width:-moz-fit-content;min-width:fit-content;min-width:-webkit-fit-content}div.container.dm{border:3px solid var(--primary-dark);background-color:var(--primary-dark)}div.container.headerBox{background-color:var(--primary)}div.container.headerBox.dm{background-color:var(--primary-dark)}p#plain.titleBox{background-color:var(--neutral-light)}p#error.titleBox{background-color:#c62828}p#plain.titleBox.dm{background-color:var(--bg-dark);color:var(--text-dark)}p#error.titleBox.dm{background-color:#8e0000;color:var(--text-dark)}div.letter{width:20%;text-align:center}div.boxColor-1.letter{background-color:var(--neutral-light)}div.boxColor-1.letter.dm{background-color:var(--neutral-dark);color:var(--text-dark)}div.boxColor0.letter{background-color:var(--yellow-light)}div.boxColor0.letter.dm{background-color:var(--yellow-dark);color:var(--text-dark)}div.boxColor1.letter{background-color:var(--green-light)}div.boxColor1.letter.dm{background-color:var(--green-dark);color:var(--text-dark)}div.container.wordContainer{height:calc(5.5vh + 6px);min-height:50px;max-height:58px;min-width:180px;width:250px}div#input.container{background-color:var(--input-light);position:fixed;bottom:25vh;height:54px;max-width:300px;min-width:250px;width:50%;left:50%;transform:translate(-50%);font-size:125%}div#input.container.dm{background-color:var(--input-dark)}p,div.letter{border:2px solid black;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:5.5vh;min-height:44px;max-height:52px;font-size:230%;display:inline-block}p.titleBox{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:230%;display:block;width:100%}div.letter.word{border:1px dashed rgb(255,151,169);height:100%;color:pink}input{background-color:var(--neutral-dark);display:inline-block;color:var(--text-dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:larger;text-align:center;text-transform:uppercase;outline:none;height:100%;border-radius:.33em;-webkit-border-radius:.33em;-moz-border-radius:.33em;overflow:hidden;text-overflow:clip;-ms-text-overflow:clip}input::selection{background-color:transparent}input.dm{border-color:var(--bg-dark)}input.headerButton:hover{background-color:var(--primary);transform:scale3d(.98,.96,1)}input.headerButton.dm{background-color:var(--neutral-dark);color:var(--text-dark);border-color:var(--text-dark)}input.headerButton:hover.dm{background-color:var(--primary-dark);color:var(--text-dark);transform:scale3d(.96,.96,1)}input.key.R0{width:10%}input.key.R1{width:11.11%}input.key.R2{width:10%}input.key.DL{width:15%;background-image:url(/word-game/assets/backspace-icon.be154bed.png);background-repeat:no-repeat;background-position:center;color:transparent}input#answerBox.key{width:100%;background-color:var(--input-dark);border-color:var(--text-dark);font-stretch:condensed;height:5.5vh;min-height:44px;max-height:52px;text-indent:0px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;overflow:hidden}input.headerButton{margin:unset;display:inline-block;color:var(--text-light);text-transform:unset;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-width:2px;font-size:130%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:33.33%;height:38px;min-width:fit-content;border-color:var(--text-light);background-color:var(--neutral-light)}@media screen and (min-width: 620px){div#gameBox{padding-bottom:25vh}@media screen and (min-height: 700px){div.container.keyContainer{height:175px}div#input.container{bottom:173px}div.gameBox{padding-bottom:226px}}div.keyRow{height:33.33%;border-color:inherit}div.container.keyContainer{position:fixed;bottom:0px;min-width:250px;width:100%;height:25vh;left:50%;transform:translate(-50%)}@media screen and (min-width: 700px){div.container.keyContainer{width:700px}}input.key{font-size:130%;vertical-align:top}input.key.EN{width:15%;font-size:125%;font-weight:bolder}@media screen and (min-width: 740px){div.container.wordContainer{width:25vw;max-width:300px}}input#answerBox.key{font-size:140%}}@media screen and (max-width: 620px){div#gameBox{padding-bottom:28vh}@media screen and (min-height: 700px){div.container.keyContainer{height:185px}div.gameBox{padding-bottom:185px}}div.keyRow{height:28%;vertical-align:top}div.container.keyContainer{position:fixed;bottom:0px;width:100%;height:28vh;left:50%;transform:translate(-50%)}input.key{font-size:100%;vertical-align:top}input.key.EN{width:15%;font-size:95%;font-weight:bolder}input#answerBox.key{font-size:100%}@media screen and (max-width: 359px){div.container.wordContainer{width:100vw}}@media screen and (min-width: 360px) and (max-width: 620px){div.container.wordContainer{width:50vw}}}