@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);:root{--header-height:100px;--footer-height:80px;--main-height:calc(100% - var(--header-height) - var(--footer-height));--card-size:min(280px,80vw);--card-gap:calc(var(--card-size)/5);--max-category-width:calc(var(--card-size)*4 + var(--card-gap)*4);--default-shadow:rgba(0,0,0,.24) 0px 3px 8px;--switch-shadow:rgba(0,0,0,.05) 0px 6px 24px 0px,rgba(0,0,0,.08) 0px 0px 0px 1px;--main-color:#023047;--background-color:#fff;--backdrop-color:rgba(0,0,0,.5);--hightlight-background-color1:#8ecae6;--hightlight-background-color2:#219ebc;--highlight-color:#fb8500;--app-title-color:var(--main-color);--switch-color:var(--background-color);--card-description-color:var(--main-color);--card-description-background-color:var(--background-color);--menu-background-color:var(--background-color);--menu-item-hover-background-color:var(--main-color);--menu-item-hover-color:var(--background-color);--menu-color:var(--main-color);--header-background-color:#8ecae6aa;--footer-background-color:var(--header-background-color)}header{align-items:center;background-blend-mode:soft-light;background-color:var(--header-background-color);background-image:url(read.png);background-position:85%;background-repeat:no-repeat;background-size:clamp(var(--header-height),30vw,var(--header-height)*3);box-shadow:var(--default-shadow);color:var(--app-title-color);display:flex;font-size:clamp(.5rem,3vw,1em);justify-content:space-between;min-height:var(--header-height);min-width:100%;padding:0 clamp(.5rem,3vw,1.2em);position:fixed;z-index:1}header h1{text-align:center}header h3{align-items:center;display:flex;gap:.5em}header h3 img{max-height:1.2em;max-width:1.2em}header .menu-toggle-btn{background-image:url(menu.svg);font-size:1em;height:2em;transition:background-image .3s ease-in-out;width:2em}body.menu-open .menu-toggle-btn{background-image:url(close.svg)}.side-menu{align-items:center;background-color:var(--menu-background-color);box-shadow:var(--default-shadow);display:flex;flex-flow:column nowrap;font-size:clamp(.6rem,5vw,1em);height:calc(100% - var(--header-height));justify-content:space-between;overflow-x:hidden;overflow-y:auto;padding-bottom:1.5em;position:fixed;top:var(--header-height);transform:translateX(-100%);transition:transform .3s ease-out;z-index:2}.side-menu .menu li a{color:var(--menu-color);display:flex;font-size:1.5em;gap:.5em;padding:clamp(.3em,1.3vh,.8em) 1.5em;transition:all .3s}.side-menu .menu li a:hover{background-color:var(--menu-item-hover-background-color);color:var(--menu-item-hover-color)}.side-menu .menu li a.current{font-weight:700}.side-menu .menu li a img{max-height:1.5em;max-width:1.5em}.side-menu .menu li:first-of-type{border-bottom:1px solid var(--menu-item-hover-background-color);padding-bottom:.2em}.side-menu .menu li:first-of-type a{margin-left:-1em}.side-menu .menu li:last-of-type{border-top:1px solid var(--menu-item-hover-background-color);padding-top:.2em}.side-menu .menu li:last-of-type a{margin-left:-1em}body.menu-open{overflow:hidden}body.menu-open .side-menu{transform:translateX(0)}body.menu-open:after{background-color:var(--backdrop-color);content:"";height:calc(100% - var(--header-height));left:0;position:absolute;top:var(--header-height);width:100%}footer{background-blend-mode:soft-light;background-color:var(--footer-background-color);background-image:url(draw.png);background-position:15% 28%;background-repeat:no-repeat;background-size:clamp(var(--header-height),30vw,var(--header-height)*3);bottom:0;box-shadow:var(--default-shadow);font-size:clamp(.3rem,3.5vw,1em);min-height:var(--footer-height);min-width:100%;position:fixed}footer .controls{align-items:center;display:flex;gap:3em;height:var(--footer-height);justify-content:center;position:relative;width:100%}footer .play-controls{display:none}footer .play-controls .scoreboard{--score-item-size:2em;--width:calc(var(--score-item-size)*7);height:var(--score-item-size);max-width:var(--width);overflow:hidden;position:absolute;right:1em;white-space:nowrap}footer .play-controls .scoreboard .score-item{background-image:url(thumbs-up.svg);background-position:50%;background-repeat:no-repeat;background-size:calc(var(--score-item-size)*.7);display:inline-block;height:var(--score-item-size);width:var(--score-item-size)}footer .play-controls .scoreboard .score-item.down{transform:rotate(180deg)}@media(max-width:800px){footer .play-controls{justify-content:flex-start;padding-left:1em}}footer .stats-controls{display:none}footer button{background-color:var(--hightlight-background-color2);border-radius:.3em;box-shadow:var(--switch-shadow);color:var(--background-color);font-size:1.2em;padding:.5em 1em;text-transform:uppercase;transition:all .3s ease-out}footer button:hover{background-color:var(--highlight-color)}footer .play-repeat-btn{background-image:url(start.png);background-position:center right .5em;background-repeat:no-repeat;background-size:1.5em;padding-right:2.5em}footer .play-repeat-btn.repeat{background-image:url(repeat.png)}.category{display:flex;flex-flow:row wrap;justify-content:center;margin:0 auto;max-width:var(--max-category-width);padding:var(--card-gap) 0}.category .card{font-size:1.2em;height:var(--card-size);margin:calc(var(--card-gap)/2);perspective:1000px;position:relative;transition:transform .3s ease-out;width:var(--card-size)}.category .card:hover{transform:scale(1.06)}.category .card .card-inner.flipped{transform:rotateY(180deg)}.category .card .card-inner{cursor:pointer;height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s;width:100%}.category .card .card-inner .card-back,.category .card .card-inner .card-front{backface-visibility:hidden;background-color:var(--background-color);border-radius:.5em;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);height:100%;overflow:hidden;position:absolute;width:100%}.category .card .card-inner .card-front img{height:100%;object-fit:cover;object-position:center center;position:absolute;top:0;width:100%}.category .card .card-inner .card-front .card-description{align-items:center;background-color:var(--card-description-background-color);bottom:0;color:var(--card-description-color);display:flex;height:25%;justify-content:space-between;mix-blend-mode:hard-light;opacity:.95;padding:.5em;position:absolute;transition:transform .3s ease-out;width:100%}.category .card .card-inner .card-front .card-description h3{text-transform:uppercase}.category .card .card-inner .card-front .card-description button{background-image:url(flip.svg)}.category .card .card-inner .card-back{align-items:center;display:flex;justify-content:center;transform:rotateY(180deg)}.category .card.disabled{opacity:.5}.category .card.disabled:hover{transform:none}.category .card.disabled .card-inner{cursor:auto}.check-box{--height:1.6em;--width:6em;--padding:0.4em;align-items:center;background-color:var(--hightlight-background-color2);border-radius:999px;box-shadow:var(--switch-shadow);color:var(--background-color);cursor:pointer;display:flex;height:calc(var(--height) + var(--padding)*2);justify-content:flex-end;justify-self:end;min-width:calc(var(--width) + var(--padding)*2);padding:.8em;position:relative}.check-box:after{background-color:var(--switch-color);border-radius:100%;box-shadow:inset 0 3px 6px -1px rgba(50,50,93,.25),inset 0 2px 4px -1px rgba(0,0,0,.3);content:"";display:block;height:var(--height);left:var(--padding);position:absolute;top:var(--padding);transition:transform .3s ease-out;width:var(--height)}.check-box.checked{background-color:var(--highlight-color);justify-content:flex-start}.check-box.checked:after{transform:translateX(calc(var(--width) - var(--height)))}body.play-mode .card.word-card .card-description{transform:translateY(100%)}body.stats-route .stats-controls{display:flex}body.stats-route .play-controls{display:none!important}body.all-route .play-switcher,body.stats-route .play-switcher{transform:scale(0)}body.category-route.play-mode .play-controls{display:flex}.splash-screen{align-items:center;display:none;height:100%;justify-content:center;padding-top:2em;width:100%}.splash-screen img{max-height:min(320px,90%);max-width:min(320px,90%)}.stats{align-items:center;flex-flow:column nowrap;gap:1em;height:100%;padding:2em .3em;position:relative}.stats .table-wrapper{max-height:100%;max-width:100%;overflow:auto}.stats .table-wrapper table{border-collapse:collapse}.stats .table-wrapper table thead{background-color:var(--main-color);color:var(--background-color)}.stats .table-wrapper table thead th{border:1px solid var(--background-color);cursor:pointer;text-align:start}.stats .table-wrapper table thead th.ascending:after{content:" ▲"}.stats .table-wrapper table thead th.descending:after{content:" ▼"}.stats .table-wrapper table tbody{overflow:auto}.stats .table-wrapper table,.stats .table-wrapper td,.stats .table-wrapper tr{border:1px solid var(--main-color)}.stats .table-wrapper td{padding:.2em .5em}.stats .table-wrapper th{padding:.4em .5em}body.dark-theme{--main-color:#fff;--background-color:#023047;--backdrop-color:rgba(0,0,0,.5);--hightlight-background-color1:#8ecae6;--hightlight-background-color2:#219ebc;--highlight-color:#fb8500}body.dark-theme .category .card .card-inner .card-back,body.dark-theme .category .card .card-inner .card-front{box-shadow:0 6px 12px -2px hsla(0,0%,100%,.25),0 3px 7px -3px hsla(0,0%,100%,.3)}*,:after,:before{margin:0;padding:0}*{box-sizing:border-box}html{height:fill-available;height:-webkit-fill-available}body{background-color:var(--background-color);color:var(--main-color);font-family:Poppins,sans-serif;min-height:100vh;min-height:fill-available;min-height:-webkit-fill-available;position:relative;scroll-behavior:smooth;text-transform:uppercase}main{height:var(--main-height);padding-bottom:var(--footer-height);padding-top:var(--header-height);width:100%}a,a:hover,a:visited{color:var(--main-color);text-decoration:none}button{background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;cursor:pointer;min-height:1.5em;min-width:1.5em;outline:none}ul{list-style:none}footer,header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
/*# sourceMappingURL=bundle.css.map*/