body,html{height:100%;margin:0;overflow:hidden;width:100%}img{height:auto;max-width:100%}:focus{outline:none}html{box-sizing:border-box}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}#root,.app-wrap{height:100%;width:100%}.app-wrap{background:linear-gradient(152deg,#c3cfd3,#fff 36%,#77888d);display:flex;flex-direction:column;margin:0 auto;max-height:745px;max-width:480px;padding:0 8px 12px;position:relative}@font-face{font-family:Helvetica Neue LT Pro,sans-serif;font-style:normal;font-weight:900;src:url(/static/media/HelveticaNeueLTPro-Hv.8bf441834c83257b3770.ttf)}@font-face{font-family:Helvetica Neue LT Pro,sans-serif;font-style:normal;font-weight:700;src:url(/static/media/HelveticaNeueLTPro-Bd.113fc16fac90100b56cb.ttf)}@font-face{font-family:Helvetica Neue LT Pro,sans-serif;font-style:normal;font-weight:600;src:url(/static/media/HelveticaNeueLTPro-Md.5790794bcc868002218c.ttf)}@font-face{font-family:Helvetica Neue LT Pro,sans-serif;font-style:normal;font-weight:400;src:url(/static/media/HelveticaNeueLTPro-Roman.1157596e42c5ee28151c.ttf)}@font-face{font-family:Helvetica Neue LT Pro,sans-serif;font-style:normal;font-weight:300;src:url(/static/media/HelveticaNeueLTPro-Lt.6da78ebb428c6c557460.ttf)}button,div,h1,h2,h3,h4,h5,h6,input,li,p,select,small,svg text,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Helvetica Neue LT Pro,sans-serif;text-rendering:optimizeLegibility}li,p{font-size:1.125rem;font-weight:400;line-height:1.5rem}h1{font-size:2.0625rem;line-height:2.5rem}h1,h2{font-weight:700}h2{font-size:1.875rem;line-height:2.3125rem}h3{font-size:1.5rem;font-weight:600}h3,h4{line-height:1.75rem}h4{font-size:1.25rem;font-weight:300}h5{font-size:1.125rem;font-weight:400;line-height:1.375rem}small{font-size:.875rem;line-height:1.125rem}h1,h2,h3,h4,p,small{margin:0;padding:0}a{text-decoration:underline}a,a:active,a:visited{color:inherit}ul{margin:0;padding-left:1.25em}ul li{margin-bottom:.5em}.w-light{font-weight:300}.w-book{font-weight:400}.w-medium{font-weight:500}.w-bold{font-weight:600}.w-xbold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration:underline}.tile{border-radius:9px;color:#000;font-size:1.125rem;font-weight:700;height:36px;letter-spacing:normal;line-height:1;text-transform:uppercase;width:36px}@media(min-height:610px){.tile{font-size:1.25rem;height:40px;width:40px}}.tile .inner{height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}.tile:not(.unsolved) .inner{-webkit-animation:tileflip .8s forwards;animation:tileflip .8s forwards}.tile:first-child .inner{-webkit-animation-delay:0;animation-delay:0}.tile:nth-child(2) .inner{-webkit-animation-delay:.1s;animation-delay:.1s}.tile:nth-child(3) .inner{-webkit-animation-delay:.2s;animation-delay:.2s}.tile:nth-child(4) .inner{-webkit-animation-delay:.3s;animation-delay:.3s}.tile:nth-child(5) .inner{-webkit-animation-delay:.4s;animation-delay:.4s}.tile:nth-child(6) .inner{-webkit-animation-delay:.5s;animation-delay:.5s}.tile:nth-child(7) .inner{-webkit-animation-delay:.6s;animation-delay:.6s}.tile:nth-child(8) .inner{-webkit-animation-delay:.7s;animation-delay:.7s}.tile .back,.tile .front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:9px;bottom:0;box-shadow:0 2px 6px rgba(0,0,0,.2);display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%}.tile .front{background-color:#fff}.tile .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.tile .back.incorrect{background-color:#747474}.tile .back.present{background-color:#008ab1;color:#fff}.tile .back.correct,.tile .back.solved,.tile.solved{background-color:#78952b;color:#fff}.tile.solved{font-size:1rem;font-weight:700;height:35px;letter-spacing:normal;line-height:1;width:35px}@-webkit-keyframes tileflip{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@keyframes tileflip{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}.guess{display:flex;flex-direction:column;margin-bottom:9px}.guess .clue{color:#000;display:flex;font-size:.625rem;font-weight:600;letter-spacing:normal;line-height:1;padding:0 0 1px 8px}.guess .clue svg{fill:#000;height:11px;margin:0 4px;position:relative;top:-4px;width:15px}.guess .guideline{border-color:#000;border-style:solid;border-width:1px 0 0 1px;height:11px;width:4px}.guess .copy{position:relative;top:-3px}.guess .line{display:flex;gap:3px}.guess .cursor{-webkit-animation:blink 1s step-end infinite;animation:blink 1s step-end infinite;background-color:#da291c;box-shadow:0 2px 6px rgba(0,0,0,.2);height:3px;margin:33px 0 0 1px;width:36px}@media(min-height:610px){.guess .cursor{height:3px;margin-top:37px;width:40px}}.guess.solved .clue svg{fill:#fff}.guess.solved .guideline{border-color:#fff}@-webkit-keyframes blink{0%,to{background-color:transparent;box-shadow:none}50%{background-color:#da291c;box-shadow:0 2px 6px rgba(0,0,0,.2)}}@keyframes blink{0%,to{background-color:transparent;box-shadow:none}50%{background-color:#da291c;box-shadow:0 2px 6px rgba(0,0,0,.2)}}@-webkit-keyframes flipTile{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@keyframes flipTile{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}.key{align-items:center;background-color:#dbdbdb;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.2);color:#363636;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;height:42px;justify-content:center;letter-spacing:normal;line-height:1.3333333333;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:30px}@media(min-height:610px){.key{height:54px}}.key.correct{background-color:#78952b;color:#fff}.key.present{background-color:#008ab1;color:#fff}.key.incorrect{background-color:#747474}.key.alt{font-size:.6875rem;font-weight:700;letter-spacing:normal;line-height:1.3636363636;width:43px}.key.back svg{fill:#363636;height:18px;width:24px}.keyboard{flex-direction:column;gap:7px;justify-content:center;margin-top:auto}.keyboard,.keyboard>div{align-items:center;display:flex}.keyboard>div{gap:5px;width:100%}.keyboard>div .spacer{flex:.5 1}.keyboard>div .key{flex:1 1}.keyboard>div .key.alt{flex:1.5 1}.share-button{align-items:center;background-color:#da291c;border-radius:19px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:14px;letter-spacing:normal;line-height:1.375;padding:8px 28px;position:relative}.share-button svg{fill:#fff;height:18px;width:16px}.share-button:before{align-items:center;background-color:#fff;color:#363636;content:"Copied to Clipboard";display:flex;display:block;font-size:10px;justify-content:center;left:50%;opacity:0;padding:4px 12px;pointer-events:none;position:absolute;scale:.5;top:40px;translate:-50% -20px;white-space:nowrap}.share-button.is-active:before{opacity:1;scale:1;transition:all .2s;translate:-50% 0}.close-button{cursor:pointer;height:26px;width:29px}.close-button svg{fill:#fff;height:100%;width:100%}.next-puzzle{color:#fff;font-size:1rem;font-weight:700;letter-spacing:normal;line-height:1.375}.next-puzzle span{color:#008ab1;font-weight:300}.time-solved{align-items:center;color:#fff;display:flex;flex-direction:column}.time-solved .message{font-size:.875rem;font-weight:700;letter-spacing:normal;line-height:1.4285714286;text-align:center}.time-solved .time{color:#78952b;font-size:1.875rem;font-weight:300;letter-spacing:normal;line-height:1.4}.postgame{align-items:center;background-color:#292929;border-radius:12px;bottom:-6px;box-shadow:inset 3px 3px 3px rgba(0,0,0,.161);color:#fff;display:flex;flex-direction:column;left:-1px;opacity:0;padding:12px 20px 16px;pointer-events:none;position:absolute;right:-1px;scale:.9;top:-4px;transition:scale .3s,opacity .3s}.postgame .close-button{position:absolute;right:10px;top:9px}.postgame.is-active{opacity:1;pointer-events:auto;scale:1}.postgame .next-puzzle{margin-bottom:25px}.postgame .guess{align-self:start;margin:14px 0 25px}.postgame .body{padding:0 7px}.postgame .body p{color:#fff;font-size:.75rem;font-weight:400;letter-spacing:normal;line-height:1.3333333333;margin-bottom:1em}.postgame .body p a{color:#da291c}.postgame .share-button{margin:auto 0 25px}.postgame .stats-link{font-size:1rem;font-weight:700;letter-spacing:normal;line-height:1.375}.postgame .stats-link button{background:none;border:none;color:#008ab1;cursor:pointer;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0;text-decoration:underline;text-underline-offset:2px}.ribbon{align-items:center;background-color:#da291c;border-radius:4px;box-shadow:0 3px 6px rgba(0,0,0,.353);color:#fff;display:flex;font-size:1rem;font-weight:700;justify-content:center;left:50%;letter-spacing:normal;line-height:1.375;opacity:0;padding:12px 20px;pointer-events:none;position:fixed;top:200px;translate:-50% 0}.ribbon.is-active{opacity:1;transition:opacity .2s}.gameboard{display:flex;flex-direction:column;flex-grow:1;position:relative}.gameboard>p{color:#000;font-size:1rem;font-weight:600;letter-spacing:normal;line-height:1;margin-top:65px;padding:0 20px}.hamburger{cursor:pointer;height:30px;position:relative;width:30px;z-index:99}.hamburger div{background-color:#000;height:3px;position:absolute;top:50%;transition:background-color .3s,rotate .15s,top .15s .15s,opacity 1ms .15s;width:100%}.hamburger div:first-child{top:calc(50% - 8px)}.hamburger div:last-child{top:calc(50% + 8px)}.hamburger.alt div{background-color:#fff;top:50%;transition:background-color .3s,rotate .15s .15s,top .15s,opacity 1ms .15s}.hamburger.alt div:first-child{rotate:-45deg}.hamburger.alt div:nth-child(2){opacity:0}.hamburger.alt div:last-child{rotate:45deg}.heading{background-color:#da291c;border-radius:16px;box-shadow:0 3px 6px rgba(0,0,0,.161);color:#fff;font-size:1.375rem;font-weight:900;letter-spacing:.025em;line-height:1.3636363636;padding:1px 14px;z-index:99}.logo{line-height:0;width:24px;z-index:99}.logo svg{fill:#000;transition:fill .3s}.logo.alt svg{fill:#fff}.setting{align-items:center;border-top:1px solid #707070;color:#fff;cursor:pointer;display:flex;height:90px;justify-content:space-between;padding:0 32px 0 15px;-webkit-user-select:none;user-select:none;width:100%}.setting div{font-size:1rem;font-weight:700;letter-spacing:normal;line-height:1.375}.setting small{font-size:.75rem;font-weight:400;letter-spacing:normal;line-height:1.3333333333}.setting svg{fill:#008ab1;width:24px}.setting a{color:#008ab1;font-size:.75rem;font-weight:600;letter-spacing:normal;line-height:1.3333333333;text-decoration:underline}.setting .widget-onoff{background:rgba(0,138,177,.5);border-radius:10px;height:19px;position:relative;transition:background .2s;width:37px}.setting .widget-onoff:after{background-color:#fff;border:1px solid #008ab1;border-radius:50%;content:"";display:block;height:19px;left:0;opacity:.5;position:absolute;top:0;transition:all .2s;width:19px}.setting.is-active .widget-onoff{background:#008ab1}.setting.is-active .widget-onoff:after{opacity:1;-webkit-transform:translateX(100%);transform:translateX(100%)}.setting.is-disabled{pointer-events:none}.setting.is-disabled *{opacity:.25}.menu{align-items:center;background-color:#292929;bottom:0;display:flex;flex-direction:column;left:0;opacity:0;padding:105px 20px 52px;pointer-events:none;position:absolute;right:0;scale:.9;top:0;transition:scale .3s,opacity .3s;z-index:9}.menu.is-active{opacity:1;pointer-events:auto;scale:1}.menu .copyright{color:#fff;font-size:.5625rem;font-weight:400;letter-spacing:normal;line-height:1.4444444444;margin-top:auto}.header{justify-content:space-between;padding:7px 4px 15px}.header,.modal-screen{align-items:center;display:flex}.modal-screen{background-color:#292929;bottom:0;flex-direction:column;left:0;opacity:0;padding:14px 20px;pointer-events:none;position:absolute;right:0;scale:.9;top:42px;transition:scale .3s,opacity .3s;z-index:9}.modal-screen.is-active{opacity:1;pointer-events:auto;scale:1}.modal-screen .close-button{position:absolute;right:13px;top:12px}.modal-screen .panel-heading{align-self:start;color:#008ab1;font-size:1.125rem;font-weight:700;letter-spacing:normal;line-height:1.4444444444}.instructions p{color:#fff;font-size:.75rem;font-weight:400;letter-spacing:normal;line-height:1.3333333333;margin:1em 0}.instructions p span{color:#da291c}.instructions p.wider{margin:1em -12px}.instructions p.center{text-align:center}.alert{background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s;z-index:999999999}.alert.is-active{opacity:1;pointer-events:auto}.alert.is-active .inner{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.alert .inner{align-items:center;background-color:#292929;color:#fff;display:flex;flex-direction:column;font-size:1.125rem;font-weight:400;height:280px;left:50%;letter-spacing:normal;line-height:1.4444444444;padding:14px 20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:375px}.alert .close-button{position:absolute;right:13px;top:12px}.alert .panel-heading{align-self:start;color:#008ab1;font-size:1.125rem;font-weight:700;letter-spacing:normal;line-height:1.4444444444}.legal{padding:20px}.statline{align-items:center;border-bottom:1px solid #707070;display:flex;justify-content:space-between;padding:16px 20px}.statline:first-child{border-top:1px solid #707070}.statline .stat{color:#fff;font-size:1rem;line-height:1.375}.statline .stat,.statline .value{font-weight:700;letter-spacing:normal}.statline .value{color:#78952b;font-size:1.125rem;line-height:1.4444444444}.stats{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.stats .time-solved{margin:50px 0 27px}.stats .statlines{width:100%}.stats .share-button{margin:auto 0 50px}
/*# sourceMappingURL=main.80f9b438.css.map*/