body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.disable-scrolling{overflow:hidden;position:fixed;width:100%}.App{overflow:hidden;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:calc(100vh - var(--letter-size)*4);padding-bottom:calc(var(--letter-size)*3);padding-top:calc(var(--letter-size)*1)}.App-link{color:red}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.grid{display:grid;font-family:Montserrat,sans-serif;font-size:calc(var(--letter-size)/2);font-weight:200;grid-template-columns:repeat(var(--board-size),var(--letter-size));grid-template-rows:repeat(var(--board-size),var(--letter-size));-webkit-perspective:800px;perspective:800px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:1}.selections{position:absolute;z-index:0}.selected{color:red;transition:color .8s ease}.bokstav{cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-user-select:none;user-select:none}.bokstav,.loaded,.loading{opacity:.3}.celebrating{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}@-webkit-keyframes flip{0%{opacity:.3;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes flip{0%{opacity:.3;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}.inner-bokstav{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}@-webkit-keyframes celebration{0%{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{opacity:1;-webkit-transform:rotateX(-1turn);transform:rotateX(-1turn)}}@keyframes celebration{0%{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{opacity:1;-webkit-transform:rotateX(-1turn);transform:rotateX(-1turn)}}.selection-hidden{opacity:0}.selection-not-hidden{opacity:1;transition:opacity .8s ease}.selection-firkant{content:"";-webkit-filter:blur(3px);filter:blur(3px);opacity:.05;pointer-events:none;position:relative;-webkit-transform-origin:50% 0;transform-origin:50% 0;width:var(--letter-size)}.selection-capsule{background-color:#fff;content:"";height:100%;position:relative;width:100%}.fasit-container{left:calc(var(--board-size)*-1*var(--letter-size)/2);position:relative}.fasit{display:flex;flex-wrap:wrap;font-family:Montserrat,sans-serif;font-size:calc(var(--letter-size)/2.9);font-weight:200;margin-left:calc(var(--letter-size)/3.3);margin-top:calc(var(--letter-size)/1.5);-webkit-perspective:800px;perspective:800px;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:calc(var(--board-size)*var(--letter-size))}.fasit>div{-webkit-animation:spinFade .4s linear forwards;animation:spinFade .4s linear forwards;margin-bottom:calc(var(--letter-size)/5);margin-right:calc(var(--letter-size)*3/5);opacity:0;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}@-webkit-keyframes spinFade{50%{opacity:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes spinFade{50%{opacity:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}.giveup-button{background-color:initial;border:.5px solid #fff;border-radius:30px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:calc(var(--letter-size)/2.9);font-weight:100;margin-top:calc(max(10vh, 100px));opacity:0;padding:14px;pointer-events:none;transition:opacity .2s}.giveup-button:active{opacity:1;transition:opacity .1s}.giveup-button.show{opacity:.6;pointer-events:auto;transition:opacity .8s}@media only screen and (max-width:767px){.grid{font-size:calc(var(--letter-size)/1.5)}.fasit,.grid{font-weight:100}.fasit{font-size:calc(var(--letter-size)/2.4)}.giveup-button{font-size:calc(var(--letter-size)/2)}}.rules-button{background-color:initial;border:.5px solid #fff;border-radius:50%;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:18px;font-weight:200;height:36px;opacity:.5;position:fixed;right:12px;top:12px;width:36px;z-index:3}.rules-button:hover{opacity:.9}.modal-backdrop{align-items:center;-webkit-animation:fadein-backdrop .3s ease forwards;animation:fadein-backdrop .3s ease forwards;background-color:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:10}@-webkit-keyframes fadein-backdrop{0%{background-color:transparent}}@keyframes fadein-backdrop{0%{background-color:transparent}}.modal{-webkit-animation:fadein-modal .4s linear forwards;animation:fadein-modal .4s linear forwards;background-color:#282c34;border:1px solid #383c44;border-radius:24px;box-sizing:border-box;color:#fff;font-family:Montserrat,sans-serif;font-size:16px;font-weight:300;line-height:1.5;max-height:calc(100vh - 32px);max-width:calc(100vw - 32px);overflow-y:auto;padding:28px 28px 24px;position:relative;text-align:left;width:560px}@-webkit-keyframes fadein-modal{0%{-webkit-clip-path:polygon(0 100%,0 100%,0 100%,0 100%,0 100%);clip-path:polygon(0 100%,0 100%,0 100%,0 100%,0 100%);opacity:0}50%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 0,0 0);clip-path:polygon(0 100%,100% 100%,100% 100%,0 0,0 0);opacity:1}to{-webkit-clip-path:polygon(0 100%,100% 100%,100% 0,100% 0,0 0);clip-path:polygon(0 100%,100% 100%,100% 0,100% 0,0 0);opacity:1}}@keyframes fadein-modal{0%{-webkit-clip-path:polygon(0 100%,0 100%,0 100%,0 100%,0 100%);clip-path:polygon(0 100%,0 100%,0 100%,0 100%,0 100%);opacity:0}50%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 0,0 0);clip-path:polygon(0 100%,100% 100%,100% 100%,0 0,0 0);opacity:1}to{-webkit-clip-path:polygon(0 100%,100% 100%,100% 0,100% 0,0 0);clip-path:polygon(0 100%,100% 100%,100% 0,100% 0,0 0);opacity:1}}.modal h2{font-size:28px;font-weight:200;margin:0 0 12px;text-align:center}.modal ul{padding-left:20px}.modal li{margin-bottom:8px}.modal .legend{font-size:14px;opacity:.8}.modal-close{background:transparent;border:none;color:#fff;cursor:pointer;font-size:28px;font-weight:200;line-height:1;opacity:.6;position:absolute;right:14px;top:8px}.share-preview{background-color:#1f2228;border-radius:12px;font-family:inherit;font-size:18px;line-height:1.4;margin:16px auto;padding:12px 16px;-webkit-user-select:text;user-select:text;white-space:pre;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal-button{background-color:initial;border:.5px solid #fff;border-radius:30px;color:#fff;cursor:pointer;display:block;font-family:Montserrat,sans-serif;font-size:16px;font-weight:200;letter-spacing:.05em;margin:20px auto 0;padding:12px 28px}.modal-button:active{background-color:hsla(0,0%,100%,.1)}
/*# sourceMappingURL=main.cb9556a6.css.map*/