:root{--primary:hsl(121, 50%, 60%);--primary-light:hsl(121, 50%, 60%, 0.5);--primary-disabled:hsl(121, 50%, 60%, 0.1);--secondary:hsl(301, 50%, 60%);--secondary-light:hsl(301, 50%, 60%, 0.5);--secondary-disabled:hsl(301, 50%, 60%, 0.1);--dark:hsl(0, 0%, 24%);--darker:hsl(0, 0%, 16%);--light:hsl(0, 0%, 92%);--lighter:hsl(0, 0%, 100%);--lighter-transparent:hsl(0, 0%, 100%, 0.95);--help-operation-shadow:hsl(0, 0%, 92%);--fingerprint-color:hsl(0, 0%, 92%);--hex-number-color:hsl(0, 0%, 16%);--menu-background-color:hsla(0, 0%, 96%, 0.8);--twitter:#1d9bf0;--whatsapp:#25D366;--smallest:12px;--smaller:16px;--small:20px;--normal:24px;--large:32px;--larger:40px;--opacity-light:0.5;--opacity-disabled:0.25}.h3x2{--primary:hsl(198, 72%, 60%);--primary-light:hsla(198, 72%, 60%, 0.5);--secondary:hsl(18, 72%, 60%)}@media (prefers-color-scheme:dark){:root{--light:hsl(0, 0%, 28%);--lighter:hsl(0, 0%, 16%);--lighter-transparent:hsl(0, 0%, 16%, 0.95);--dark:hsl(0, 0%, 92%);--darker:hsl(0, 0%, 100%);--fingerprint-color:hsl(0, 0%, 92%);--hex-number-color:hsl(0, 0%, 16%);--help-operation-shadow:hsl(0, 0%, 100%);--menu-background-color:hsla(0, 0%, 20%, 0.8)}}:focus{outline:0!important}@font-face{font-family:'Sans Serif';src:url('/ttf/Quicksand-Light.ttf') format('truetype')}@font-face{font-family:'Sans Serif Bold';src:url('/ttf/Quicksand-Bold.ttf') format('truetype')}@font-face{font-family:Monospace;src:url('/ttf/AzeretMono-VariableFont_wght.ttf') format('truetype')}*{caret-color:transparent}div,header,section{display:flex;flex-wrap:wrap;align-items:center}div.center,li.center,ul.center{justify-content:center}.light{opacity:.5}.icon.disabled,.text.disabled{opacity:var(--opacity-disabled)}.icon.black,.text.black{color:var(--darker)}.icon.white,.text.white{color:var(--lighter)}.primary{color:var(--primary)}.primary-light{color:var(--primary-light)}.secondary{color:var(--secondary)}.secondary-light{color:var(--secondary-light)}.larger{font-size:var(--larger)}.large{font-size:var(--large)}.normal{font-size:var(--normal)}.small{font-size:var(--small)}.smaller{font-size:var(--smaller)}.hidden{visibility:hidden!important}.invisible{display:none!important}.space{width:8px}.text{color:var(--dark);font-weight:700}label{font-size:var(--smallest)}.monospace{font-family:Monospace;font-weight:lighter}.monospace.bold{font-weight:600}.handwrite{font-family:Handwrite}b{font-family:'Sans Serif Bold'}.icon{cursor:default;color:var(--secondary)}.button,.toggle{user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}span.button{background-color:var(--lighter);border:var(--light) solid 1px;border-radius:50%;width:var(--larger);height:var(--larger);line-height:var(--larger);text-align:center}.button.transition{transition:all 1s}.button.highlight{box-shadow:var(--secondary) 0 0 16px!important;z-index:100}.button:active:not(svg){opacity:var(--opacity-disabled);-webkit-tap-highlight-color:transparent}.button.disabled,.toggle.disabled{opacity:var(--opacity-disabled);pointer-events:none}body,html{margin:0;height:100%;font-family:'Sans Serif';font-size:var(--smaller);align-items:flex-start;justify-content:center;color:var(--darker)}body.help{opacity:.9}body.help .button:not(.close){pointer-events:none}div.body{position:relative;justify-content:center;align-items:baseline;width:100%;height:100%;background-color:var(--lighter)}div.container{min-width:336px;width:100%;min-height:573px;height:100%;position:relative;align-items:baseline;justify-content:center}div.container>div.game{width:100%;margin:8px 16px;background-color:var(--lighter-transparent);z-index:2;justify-content:center}header,header>div,section,section>div{width:100%}section{position:relative;transition:all 250ms linear}section.disabled{pointer-events:none}footer.cookies{position:fixed;bottom:0;left:0;right:0;background-color:var(--lighter);color:var(--darker);padding:1rem;border-top:var(--primary) solid;z-index:2}footer.cookies>div>div{flex-flow:nowrap;align-items:flex-start;width:100%}footer.cookies>div+div{margin-top:16px}footer.cookies>div>div+div{margin-top:8px}footer.cookies .text{padding:0 .5rem}footer.cookies .button.accept{background-color:var(--primary);color:var(--hex-number-color);padding:.5rem;display:flex;text-align:center;border-radius:4px;width:auto;height:auto;line-height:normal}header{height:42px}header>div{height:100%}header>.left{width:30%;justify-content:left}header .title{display:flex;font-family:'Sans Serif Bold';font-size:var(--large);line-height:var(--larger)}header .id{color:var(--secondary-light);width:100%;margin-top:-4px}header .id::before{content:'#';margin-right:1px}header>.center{width:40%;justify-content:center}header .rounds{width:100%;height:32px;align-items:center;justify-content:center}header .round{font-size:var(--smaller);line-height:var(--normal);width:var(--normal);height:var(--normal);border-radius:12px;background-color:var(--primary);color:var(--lighter);text-align:center;opacity:var(--opacity-light)}header .round+.round{margin-left:4px}header .round.active{font-size:var(--small);line-height:var(--large);width:var(--large);height:var(--large);border-radius:16px;opacity:1}header>.right{width:30%;justify-content:right}header div.menu{position:absolute;top:0;right:8px;padding:8px 0;flex-flow:column;width:58px;justify-content:center}header div.menu.active{background-color:var(--menu-background-color);z-index:10;border-bottom-left-radius:4px;border-bottom-right-radius:4px}header div.menu.active .button.menu{background-color:var(--light);transition:0s}header .options{display:none;justify-content:center}header .menu.active .options{display:flex}header .options .button{margin-top:8px}.subheader{height:64px;justify-content:center;margin-bottom:8px}.subheader>div{height:100%}.subheader .left{width:10%;justify-content:right}.subheader .center{width:80%;justify-content:center}.subheader .right{width:10%;justify-content:left}.targets .target{font-size:var(--small);opacity:var(--opacity-light)}.targets span+.target{margin-left:12px}.targets .button+.target,.targets .target+.button{margin-left:6px}.target.active{font-size:var(--large);opacity:1}.arrow{position:absolute;z-index:5;background-color:var(--lighter);border-radius:50%;width:24px;height:24px;color:var(--darker)}section.hexs>div{justify-content:center}section.hexs>div.hexs{flex-direction:column}section.hexs .row+.row{margin-top:-16px}svg.hex{cursor:pointer;transition:all .4s ease;opacity:1;-webkit-tap-highlight-color:transparent}svg.hex path{fill:var(--primary)}svg.hex text{fill:var(--hex-number-color);pointer-events:none}svg.hex text.transition{transition:opacity .4s}svg.hex.selected path{fill:var(--secondary)}svg.hex.disabled,svg.hex.locked{cursor:not-allowed;pointer-events:none;opacity:.25}svg.hex.selected.disabled{opacity:.6}svg.hex.found{cursor:not-allowed;pointer-events:none}svg.hex.found path,svg.hex.locked path{fill:var(--dark)}svg.hex.found text,svg.hex.locked text{fill:var(--lighter)}section.hexs .actions{height:96px;justify-content:space-around}section.hexs .actions .button{width:var(--larger);height:var(--larger);line-height:var(--larger);text-align:center;font-size:32px;border-radius:50%;box-shadow:var(--primary-light) 0 0 8px}section.tip>div{flex-flow:row;margin:16px 0;justify-content:center}.button.tips{position:absolute;right:56px}section.tip .text{line-height:var(--normal);text-align:center}section.tip .text .button{width:var(--smaller);height:var(--smaller);line-height:var(--smaller);cursor:auto;transition:0s}section.tip .text>span{display:inline-block}.banner{position:absolute;bottom:8px;transition:none;z-index:1}.banner>div{flex-flow:column}.banner .text{margin-top:4px;text-align:center}div.help-operation{position:absolute;z-index:4;text-shadow:0 0 8px var(--help-operation-shadow);color:var(--hex-number-color);font-weight:700;font-size:20px}div.help-operation.transition{transition:all 1.5s}section.operations{justify-content:center}div.operation{justify-content:center;height:112px;width:75px;color:var(--darker);transition:all .4s ease}div.operation div{justify-content:center;height:32px;width:75px;font-size:18px}div.operation.disabled>div{opacity:.5}div.operation.disabled>svg{opacity:.25;pointer-events:none}div.operation:last-child{width:75px}div.operation svg{cursor:pointer}div.operation svg path{fill:var(--secondary)}div.operation.found svg path{fill:var(--dark)}div.operation svg text{fill:var(--hex-number-color)}div.operation.found svg text{fill:var(--lighter)}.horizontal{flex-flow:row}.vertical{flex-flow:column}.vertical-reverse{flex-flow:column-reverse}.square{font-weight:700;width:var(--normal);height:var(--normal);line-height:var(--normal);text-align:center}.square.score{color:var(--lighter);background-color:var(--primary);border-radius:3px}.square.bold{font-family:'Sans Serif Bold'}.game.disabled,.square.disabled{opacity:var(--opacity-light)}section.stats{margin-top:var(--small)}section.stats>div>div+div{margin-top:var(--smaller)}section.stats div.stats{margin-top:0}section.stats div.stats>div{max-width:64px}section.stats div.stats label{text-align:center}section.stats .graph>div{align-items:end}section.stats .graph>div>div+div{margin-left:2px}.progress-bar{background-color:var(--secondary-light);border-top-left-radius:3px;border-top-right-radius:3px;margin-bottom:2px;width:80%}div.share{padding-bottom:var(--small);border-bottom:var(--light) solid 1px;align-items:flex-start}div.share>div:first-child{margin-top:9px}div.share>div+div{margin-left:8px}div.share .game+.game{margin-top:8px}div.share .square+.square{margin-left:2px}div.share .button{display:flex;justify-content:center;align-items:center}div.share .button+.button{margin-left:8px}.svg-icon{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor;font-size:var(--normal)}.twitter .svg-icon{color:var(--twitter)}.whatsapp .svg-icon{color:var(--whatsapp)}.twitter{color:var(--twitter)}section.settings{margin-top:var(--larger);justify-content:center}section.settings>ul{display:flex;flex-flow:column;justify-content:center;list-style-type:none;padding:0;margin:0;font-size:16px;width:80%}section.settings ul+ul{margin-top:1rem}section.settings li{display:flex;align-items:center;width:100%}section.settings li+li{margin-top:8px}section.settings li .icon{margin-right:8px}section.settings li.setting{justify-content:space-between}a:visited,section.settings a:link{text-decoration:underline;color:var(--dark)}section.settings a:hover{text-decoration:none}section.settings ul.debug{width:100%}section.settings ul.debug li{word-break:break-all;overflow-wrap:break-word}div.pointer{position:absolute;transition:all 1s;z-index:10}div.pointer.rotate{transform:rotate(-360deg)}div.pointer span.material-icons-round{position:absolute;top:8px;left:8px;font-size:59px;opacity:0;color:var(--fingerprint-color)}div.pointer.clicked span.material-icons-round{opacity:.5}div.pointer svg{transform:rotateY(-180deg) rotateZ(-90deg)}div.pointer svg circle{opacity:1}div.pointer svg circle.inner{z-index:1;stroke:var(--light);stroke-linecap:round;stroke-width:2px;opacity:.5}div.pointer svg circle.outer{z-index:2;stroke-width:1px;stroke-linecap:round;stroke:var(--darker);stroke-width:2px}div.pointer svg circle.timer{z-index:3;stroke-dasharray:200px;stroke-dashoffset:0px;stroke-linecap:round;stroke-width:2px;stroke:var(--darker);fill:none;animation:countdown 47.5s linear infinite forwards}@keyframes countdown{from{stroke-dashoffset:0px}to{stroke-dashoffset:200px}}div.pointer.clicked svg circle{opacity:.25}section.error{width:100%}section.error span{width:100%;overflow-wrap:break-word;color:var(--secondary);font-size:var(--smaller)}@media only screen and (min-width:428px){div.container{width:428px}}