body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);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}:root{--bg:#0d2a2c;--surface:#133538;--surface-sunken:#0a2123;--border:#22494b;--backdrop:rgba(4,16,17,.6);--text:#e6f0ec;--button-border:rgba(230,240,236,.55);--found:#ffd479}.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:#0d2a2c;background-color:var(--bg);color:#e6f0ec;color:var(--text);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:#ffd479;color:var(--found)}@-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:#ffd479;color:var(--found);font-weight:300;text-shadow:0 0 14px rgba(255,212,121,.35);transition:color .8s ease,text-shadow .8s ease,font-weight .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{-webkit-animation:giveup-button-in .8s ease both;animation:giveup-button-in .8s ease both;background-color:initial;border:1px solid rgba(230,240,236,.55);border:1px solid var(--button-border);border-radius:30px;color:#e6f0ec;color:var(--text);cursor:pointer;font-family:Montserrat,sans-serif;font-size:calc(var(--letter-size)/2.9);font-weight:300;letter-spacing:.06em;margin-top:calc(max(10vh, 100px));padding:14px 24px;transition:background-color .2s}@-webkit-keyframes giveup-button-in{0%{opacity:0}}@keyframes giveup-button-in{0%{opacity:0}}.giveup-button:active,.giveup-button:hover{background-color:hsla(0,0%,100%,.07)}@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 #e6f0ec;border:.5px solid var(--text);border-radius:50%;color:#e6f0ec;color:var(--text);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}.share-button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-animation:giveup-button-in .8s ease both;animation:giveup-button-in .8s ease both;background-color:rgba(255,212,121,.12);border:1px solid rgba(255,212,121,.6);border-radius:18px;color:#ffd479;color:var(--found);cursor:pointer;display:inline-flex;font-family:Montserrat,sans-serif;font-size:13px;font-weight:400;gap:8px;height:36px;letter-spacing:.06em;padding:0 14px;position:fixed;right:56px;top:12px;transition:background-color .25s,color .25s,box-shadow .25s;z-index:3}.share-button svg{height:16px;width:16px}.share-button:active,.share-button:hover{background-color:#ffd479;background-color:var(--found);box-shadow:0 6px 24px rgba(255,212,121,.2);color:#0d2a2c;color:var(--bg)}.modal-backdrop{align-items:center;-webkit-animation:backdrop-in .32s ease-out both;animation:backdrop-in .32s ease-out both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:rgba(4,16,17,.6);background-color:var(--backdrop);display:flex;inset:0;justify-content:center;position:fixed;z-index:10}.modal-backdrop.closing{-webkit-animation:backdrop-out .22s ease-in both;animation:backdrop-out .22s ease-in both}@-webkit-keyframes backdrop-in{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background-color:initial}}@keyframes backdrop-in{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background-color:initial}}@-webkit-keyframes backdrop-out{to{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background-color:initial}}@keyframes backdrop-out{to{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background-color:initial}}.modal{-webkit-animation:modal-in .48s cubic-bezier(.2,.9,.25,1.12) both;animation:modal-in .48s cubic-bezier(.2,.9,.25,1.12) both;background-color:#133538;background-color:var(--surface);border:1px solid #22494b;border:1px solid var(--border);border-radius:24px;box-shadow:0 24px 64px rgba(0,0,0,.35);box-sizing:border-box;color:#e6f0ec;color:var(--text);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;-webkit-transform-origin:50% 70%;transform-origin:50% 70%;width:560px}.modal strong{color:#ffd479;color:var(--found);font-weight:400}.closing .modal{-webkit-animation:modal-out .2s cubic-bezier(.4,0,1,1) both;animation:modal-out .2s cubic-bezier(.4,0,1,1) both}@-webkit-keyframes modal-in{0%{opacity:0;-webkit-transform:translateY(28px) scale(.95);transform:translateY(28px) scale(.95)}}@keyframes modal-in{0%{opacity:0;-webkit-transform:translateY(28px) scale(.95);transform:translateY(28px) scale(.95)}}@-webkit-keyframes modal-out{to{opacity:0;-webkit-transform:translateY(14px) scale(.98);transform:translateY(14px) scale(.98)}}@keyframes modal-out{to{opacity:0;-webkit-transform:translateY(14px) scale(.98);transform:translateY(14px) scale(.98)}}.modal li,.modal>*{-webkit-animation:modal-item-in .52s cubic-bezier(.2,.8,.2,1) both;animation:modal-item-in .52s cubic-bezier(.2,.8,.2,1) both;-webkit-animation-delay:.12s;animation-delay:.12s;-webkit-animation-delay:calc(.12s + var(--i, 0)*50ms);animation-delay:calc(.12s + var(--i, 0)*50ms)}.modal>:nth-child(2){--i:0}.modal>:nth-child(3){--i:1}.modal>:nth-child(4){--i:2}.modal>:nth-child(5){--i:6}.modal>:nth-child(6){--i:7}.modal>:nth-child(7){--i:8}.modal>:nth-child(8){--i:9}.modal>:nth-child(9){--i:10}.modal li:first-child{--i:2}.modal li:nth-child(2){--i:3}.modal li:nth-child(3){--i:4}.modal li:nth-child(4){--i:5}.modal li:nth-child(5){--i:6}.modal li:nth-child(6){--i:7}.modal ul{-webkit-animation:none;animation:none}@-webkit-keyframes modal-item-in{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes modal-item-in{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.modal,.modal li,.modal-backdrop,.modal>*{-webkit-animation-delay:0ms!important;animation-delay:0ms!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important}}.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:#e6f0ec;color:var(--text);cursor:pointer;font-size:28px;font-weight:200;line-height:1;opacity:.6;position:absolute;right:14px;top:8px}.share-preview{background-color:#0a2123;background-color:var(--surface-sunken);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}.modal-button,.share-preview{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal-button{align-items:center;background-color:initial;border:1px solid rgba(230,240,236,.55);border:1px solid var(--button-border);border-radius:30px;color:#e6f0ec;color:var(--text);cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:16px;font-weight:300;gap:10px;letter-spacing:.05em;margin:20px auto 0;padding:12px 28px}.modal-button:active{background-color:hsla(0,0%,100%,.1)}
/*# sourceMappingURL=main.01532d7b.css.map*/