*,*:after,*:before{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{height:100vh;height:100dvh;max-width:800px;width:95%;left:0;right:0;margin:auto;display:flex;flex-direction:column;justify-content:space-between}.header a{color:#000;text-decoration:none}.header{font-size:larger;border-bottom:1px solid black;text-align:center;flex:0 0 0;margin:10px 0;display:flex;justify-content:space-between}.header div{align-self:center}.login-user{cursor:pointer}.button{border-radius:20px;cursor:pointer;border:1px solid blue;background-color:#00a;color:#fff;padding:10px;margin:10px 0;width:150px;text-align:center;-webkit-user-select:none;user-select:none}.button.left{margin-left:0}.big.button{font-size:xx-large}.button.enabled{border:1px solid green;background-color:#0a0;cursor:pointer}.button.disabled{border:1px solid grey;background-color:#aaa;cursor:default}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:14px;width:14px;display:block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:14px}.debug{color:silver;font-size:xx-small}.build-time{z-index:0;text-align:right}.user-icon{border:1px solid green;background-color:#0a0;border-radius:50%;width:2rem;line-height:2rem;font:bold}.loader.hide .spinner{display:none}.loader.loading{display:block;pointer-events:none;opacity:.4}.spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}@media screen and (min-width: 500px){.button{width:200px;font-size:medium}}.body{position:relative;flex:1 1 auto;overflow-y:auto;-webkit-user-select:none;user-select:none}.body-background{position:absolute;background-repeat:no-repeat;background-size:contain;background-position:center;opacity:.15;width:100%;height:100%}.no-guess-help{display:flex;height:90%;text-align:center;align-items:center;padding:10px}.guess-box{border-top:1px solid black;background-color:#fff;flex:0 0 0;position:relative;padding:10px 0;text-align:center;font-weight:700;z-index:10}.guess-box input{font-size:x-large}.guess-city{text-align:left;font-weight:700;font-size:x-large;color:#a9a9a9}.guessLine{padding-top:10px}.differences{display:flex;flex-wrap:nowrap;justify-content:space-between;opacity:.99;max-width:800px}.differences.last{padding-bottom:100px}.guess{flex:0 0 auto;border-radius:50%;width:18vw;height:18vw;font-size:small;position:relative;display:flex;justify-content:center;align-items:center;text-align:center}.differences.title .guess{font-size:small;font-weight:700;margin:0;height:auto}.guess.green{background-color:#0a0;border:1px solid #080;color:#fff}.guess.orange{background-color:#fa0;border:1px solid #a80;color:#fff}.guess.red{background-color:#a00;border:1px solid #800;color:#fff}.guess.blue{background-color:#00a;border:1px solid #008;color:#fff}.guess.direction{position:relative}.guess.direction.compass{font-size:x-large;color:#c00;position:absolute;width:100%;height:100%;margin:0}.guess.direction.compass.N{transform:rotate(0)}.guess.direction.compass.NE{transform:rotate(45deg)}.guess.direction.compass.E{transform:rotate(90deg)}.guess.direction.compass.SE{transform:rotate(135deg)}.guess.direction.compass.S{transform:rotate(180deg)}.guess.direction.compass.SW{transform:rotate(225deg)}.guess.direction.compass.W{transform:rotate(270deg)}.guess.direction.compass.NW{transform:rotate(315deg)}.guess.sign img{width:auto;height:90%}.less-guess{position:absolute;width:auto;height:auto;bottom:0}.more-guess{position:absolute;width:auto;height:auto;top:0}.city-list{position:absolute;border:1px solid black;bottom:145px;width:200px;background-color:#fff;left:0;right:0;margin-left:auto;margin-right:auto;max-height:200px;overflow-y:auto}.city-list>div{padding:5px}.congratulation{display:flex;flex-direction:column;align-items:center;font-size:x-large;font-weight:700;color:#fff;text-align:center;padding:20px;background-color:silver;border-radius:20px;margin-bottom:20px;z-index:10}.notification{font-size:small;color:#8b0000}.tippy-content{white-space:pre-line}.requirements{height:100px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding-bottom:10px;border-bottom:1px solid black}.requirements span{padding:0 20px}.requirements img{padding:0 20px;height:100%}.login-user{height:30px}.button-group{display:flex;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap}@media screen and (min-width: 500px){.differences.title .guess{font-size:medium}.guess{width:90px;height:90px;font-size:medium}}div.tippy-box{opacity:1;font-size:x-small}.tippy-box[data-theme~=green]{background-color:green;color:#fff}.tippy-box[data-theme~=green]>.tippy-arrow{color:green}.tippy-box[data-theme~=orange]{background-color:#a80;color:#fff}.tippy-box[data-theme~=orange]>.tippy-arrow{color:#a80}.tippy-box[data-theme~=red]{background-color:#800;color:#fff}.tippy-box[data-theme~=red]>.tippy-arrow{color:#800}.guess-tippy{width:80px}.filter-green{filter:invert(37%) sepia(63%) saturate(1938%) hue-rotate(93deg) brightness(98%) contrast(103%)}.filter-orange{filter:invert(76%) sepia(33%) saturate(6082%) hue-rotate(0deg) brightness(104%) contrast(105%)}.filter-red{filter:invert(8%) sepia(96%) saturate(7360%) hue-rotate(7deg) brightness(83%) contrast(113%)}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.user-info{height:100%;display:flex;flex-direction:column;justify-content:flex-start}.user-info>div{border-bottom:1px solid black;padding:20px 0}.daily-statistics{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,10px);grid-template-rows:repeat(7,10px);grid-gap:1px;height:78px;grid-auto-flow:column;background-color:#000;padding:1px;width:fit-content}.daily-statistics div{background-color:silver}.daily-statistics div.empty{background-color:#fff}.daily-statistics div.solved1{background-color:#0f0}.daily-statistics div.solved2{background-color:#0b0}.daily-statistics div.solved3{background-color:#090}.daily-statistics div.solved4{background-color:#060}.daily-statistics div.solved5{background-color:#a60}.daily-statistics div.solved6{background-color:#a00}fieldset{border:0}fieldset[disabled] .button{background-color:silver;border-color:#a0a0a0}.login-sign-up-form{width:100%}.tab-group{list-style:none;padding:0;-webkit-user-select:none;user-select:none}.tab-group:after{content:"";display:table;clear:both}.tab-group li div{display:block;text-decoration:none;padding:15px;background:silver;color:#fff;font-size:20px;float:left;width:50%;text-align:center;cursor:pointer;transition:.5s ease}.tab-group li div:hover{background:#87cefa;color:#fff}.tab-group li div.active{background:#00f;color:#fff}.field-wrap{padding-top:20px;display:flex;flex-direction:row;justify-content:space-between;-webkit-user-select:none;user-select:none}.field-wrap input{width:80%}.field-error{color:red;text-align:center;font-size:smaller;width:100%}@media screen and (min-width: 500px){.login-sign-up-form{width:50%}}