.BaseButton{padding:5px;padding-right:20px;padding-left:20px;font-family:VT323,monospace;font-size:3.5vh;color:#122932;cursor:pointer;background-color:#55c1ff;border:1px solid #a3b18a;border-radius:5%;-webkit-box-shadow:1px 1px 1px #a3b18a;box-shadow:1px 1px 1px #a3b18a}.BaseCheckbox{position:relative;display:block;padding-left:1.5em}.BaseCheckbox-tick{cursor:pointer;position:absolute;top:0;left:0;height:.6em;width:.6em;border:.2em solid #55c1ff;border-radius:.3em}.BaseCheckbox-tick,.BaseCheckbox-tick--active{background-color:#122932}.BaseCheckbox-tick--active:after{content:"x";position:relative;font-size:.8em;top:-.4em;left:.15em}.GameSettings{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.GameSettings-checkbox{padding-bottom:10%}.GameHeader{height:10%;max-height:10%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.GameTitle{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;padding-bottom:5px;margin:0;font-size:6.5vh;text-align:center;vertical-align:middle}.BackButton{padding-left:10px;letter-spacing:-.3em}.BackButton,.HelpButton{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:6.5vh;font-weight:700;cursor:pointer}.HelpButton{position:relative;padding-right:10px;right:0}.Pin{width:5vh;height:5vh;border:1px solid #000;border-radius:50%;-webkit-box-shadow:1px 1px 2px #000;box-shadow:1px 1px 2px #000}.Pin--empty{background-color:transparent;-webkit-box-shadow:inset 1px 1px 2px #000;box-shadow:inset 1px 1px 2px #000}.Pin--dragable{cursor:url(https://ssl.gstatic.com/ui/v1/icons/mail/images/2/openhand.cur),default!important}.Pin--fontSize{width:3.5vh;height:3.5vh}.Pin--PIN1{background-color:#ff0}.Pin--PIN2{background-color:#f41111}.Pin--PIN3{background-color:#17c50e}.Pin--PIN4{background-color:#3320a9}.Pin--PIN5{background-color:#ff7c00}.Pin--PIN6{background-color:#c30e74}.Pin--small{width:3vh;height:3vh}.Pin--exactMatch{background-color:#000}.Pin--colorMatch{background-color:#fff}.guesses-enter{-webkit-transform:translateY(100%);transform:translateY(100%)}.guesses-enter-to{-webkit-transform:translateY(0);transform:translateY(0)}.GuessList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:70%;max-height:70%;overflow-y:auto}.GuessRow{-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;grid-template-columns:repeat(4,1fr) 2fr;height:19%;min-height:19%;border-top:1px solid #a3b18a}.GuessRow,.GuessRow-result{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center}.GuessRow-result{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;align-self:stretch;justify-self:stretch;border-left:1px solid #a3b18a}.CurrentGuess{display:grid;grid-template-columns:repeat(6,1fr);-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;height:14.28%;border-top:1px solid #a3b18a;border-bottom:1px solid #a3b18a}.CurrentGuess-testButton{grid-column:-3/span 2}.PinOptions{display:grid;grid-template-columns:repeat(6,1fr);-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;height:14.28%}.GameBoard{height:92%;max-height:92%}.GameEnd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.GameEnd-resultText{font-size:6.5vh}.GameEnd-resultCode{width:80%;text-align:center}.GameEnd-code{display:grid;grid-template-columns:repeat(4,1fr);-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center}.GameEnd-backButton{margin-top:1em}.GameHelp{max-height:80%;height:80%;padding-left:10px;padding-right:10px}.HelpGuessRow{-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;grid-template-columns:repeat(4,1fr) 2fr;height:14%;min-height:14%;border-top:1px solid #a3b18a;border-bottom:1px solid #a3b18a}.HelpGuessRow,.HelpGuessRow-result{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center}.HelpGuessRow-result{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;align-self:stretch;justify-self:stretch;border-left:1px solid #a3b18a}#DragShadow{position:absolute;top:-150px}.Game{height:calc(100% - 40px);margin:auto;margin-top:20px;margin-bottom:20px}#dragShadow{position:absolute;top:-100vh}body{margin:0}#app,body,html{height:100%;overflow:hidden;font-family:VT323,monospace;font-size:3.5vh;color:#55c1ff;-ms-touch-action:none;touch-action:none;background-color:#122932;border-bottom:1px solid #55c1ff}.u-textCenter{text-align:center}.u-inline{display:inline-block}.u-cursorNormal{cursor:default}.u-nomargin{margin:0}.u-hidden{visibility:hidden}.u-pb1{padding-bottom:1em}