html,body{scroll-behavior:smooth;margin:0;padding:0;font-family:Liberation Sans,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}:root{--color-background:#101010;--color-text:#ddd}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:20px;transition:background-color .2s ease-in-out}::-webkit-scrollbar-thumb:hover{background-color:#a0a0a0}body{background-color:var(--color-background);color:#ccc;height:100vh;transition:color .5s ease-in,background-color .5s ease-out;overflow:auto}@media screen and (max-width:800px){body .medium-up{display:none}}nav{color:#eee;background-color:#202020;flex-flow:wrap;justify-content:left;align-items:center;min-width:100%;height:60px;padding:0 20px;display:flex}nav .hamburger{display:none}@media screen and (max-width:800px){nav .hamburger{color:#eee;background-color:#101010;border:2px solid #a0a0a0;border-radius:5px;flex-flow:column;justify-content:space-evenly;align-items:center;width:2.5rem;height:2.3rem;margin:0 10px 0 0;padding:5px;font-weight:400;transition:transform .2s ease-in-out;display:flex}nav .hamburger .line{border:2px solid #eee;border-radius:5px;width:90%;height:0;transition:transform .2s ease-in-out,width .2s ease-in-out}nav .hamburger.active{transform:rotate(90deg)}}nav h1{font-size:1.1rem;font-weight:600}nav ul{flex-flow:row;flex:1;justify-content:space-between;align-items:center;list-style:none;display:flex}nav ul li{cursor:pointer;white-space:nowrap}nav ul li.divider{flex:1}nav ul li.left{padding-right:40px}@media screen and (max-width:800px){nav ul li.left{padding-right:15px}}nav .nav-links{flex:1}@media screen and (max-width:800px){nav .nav-links{z-index:10;width:100vw;height:calc(100vh - 60px);transition:left .2s ease-in-out;position:absolute;top:60px;left:-100vw}nav .nav-links ul{background-color:#202020;border-right:2px solid #a0a0a0;flex-flow:column;align-items:flex-start;width:300px;height:100%;margin:0;display:flex;position:relative}nav .nav-links li{padding:10px 10px 10px 0;font-size:1.5rem}nav .nav-links .nav-link-background{opacity:0;background-color:#202020;width:0;height:100%;transition:opacity .2s ease-in-out;position:fixed;top:60px;left:0}nav .nav-links.active{left:0}nav .nav-links.active .nav-link-background{opacity:.8;width:100%}}nav .nav-links svg{width:32px;height:32px}.modal-container{z-index:100;width:100%;height:100%;transition:opacity .2s ease-in-out;animation:.2s modal-animation;position:absolute;top:0;left:0}.modal-container .modal-background{opacity:.8;background-color:#202020;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes modal-animation{0%{opacity:0}to{opacity:1}}.modal-container .modal{color:#202020;background-color:#eee;border-radius:5px;min-width:350px;max-width:min(700px,90vw);max-height:90vh;padding:20px;line-height:1.5rem;position:absolute;top:30%;left:50%;overflow:auto;transform:translate(-50%,-30%)}.modal-container .modal a{color:#0090ff}.modal-container .modal .modal-buttons{flex-flow:row-reverse wrap;justify-content:space-between;display:flex}.modal.settings-modal .beta,.modal.settings-modal .new{color:#eee;background-color:#0090ff;border-radius:4px;padding:0 6px;font-size:.8rem;display:inline-block}button{color:#eee;cursor:pointer;background-color:#202020;border:0;border-radius:5px;margin-top:20px;padding:10px 20px;font-weight:600}button.danger{color:#ddd;background-color:#d03030}button.action{color:#ddd;background-color:#0090ff}button:hover{box-shadow:inset 0 0 0 20px #fff3}.button-input{flex-flow:row;justify-content:center;align-items:center;margin:20px auto;display:flex}.button-input button,.button-input input{height:30px;margin:0}.button-input button{border-radius:5px 0 0 5px;align-items:center;padding:0 15px;display:flex}.loader{justify-content:center;align-items:center;height:calc(100vh - 125px);display:flex}.loader .spinner{background-color:var(--color-text);border-radius:100%;width:40px;height:40px;margin:100px auto;animation:1s ease-in-out infinite animation}@keyframes animation{0%{transform:scale(0)}to{opacity:0;transform:scale(1)}}.share-action .actions{margin-left:15px}.share-action button{justify-content:center;align-items:center;padding:5px 10px;font-size:1rem;display:inline-flex}main{flex-flow:wrap;justify-content:center;align-items:center;height:calc(100vh - 60px);display:flex}main .error{flex-flow:row;justify-content:center;align-items:center;height:calc(100vh - 60px);display:flex}main .error>div{height:auto!important}main .left-container{width:70%;height:calc(100vh - 60px);padding:0 20px;overflow-y:auto}@media screen and (max-width:800px){main .left-container{width:100%;height:60%}}main .left-container h1{color:var(--color-text)}main .right-container{background-color:#202020;width:30%;height:calc(100vh - 60px);padding:0 20px;overflow-y:auto}@media screen and (max-width:800px){main .right-container{width:100%;height:40%}}#game .banner{color:#eee;background-color:#202020;margin:20px;padding:10px;font-family:Liberation Sans,sans-serif;font-size:1rem;position:relative}#game .banner .close{cursor:pointer;position:absolute;top:20px;right:20px}#game .article-container{color:var(--color-text);-webkit-overflow-scrolling:touch;height:calc(100vh - 125px);padding:0 20px;font-family:monospace;font-size:1.3rem;line-height:2rem;overflow:auto}@media screen and (max-width:800px){#game .article-container{height:calc(100% - 65px);font-size:1.1rem;line-height:1.7rem}}#game .article-container h1,#game .article-container h2{line-height:normal}#game .article-container .word{box-sizing:border-box;white-space:nowrap;border:1px solid #0000}#game .article-container .word .selected{color:#0090ff}#game .article-container .caviarded{background-color:var(--color-text);border:solid 1px var(--color-text);position:relative}#game .article-container .caviarded:nth-of-type(5n){border-radius:255px 15px 225px/15px 225px 15px 255px}#game .article-container .caviarded:nth-of-type(5n+1){border-radius:225px 30px 255px/30px 255px 30px 225px}#game .article-container .caviarded:nth-of-type(5n+2){border-radius:200px 30px 255px 20px/20px 215px 30px 250px}#game .article-container .caviarded:nth-of-type(5n+3){border-radius:220px 50px 215px 30px/40px 240px 20px 210px}#game .article-container .caviarded:nth-of-type(5n+4){border-radius:30px 255px 30px 225px/30px 225px 30px 250px}#game .article-container .caviarded{cursor:pointer;-webkit-user-select:none;user-select:none}#game .article-container .caviarded:after{content:attr(data-word-length);color:var(--color-background);opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s ease-in-out;display:flex;position:absolute;top:0;left:0}#game .article-container .caviarded:active:after,#game .article-container .caviarded:focus:after,#game .article-container .caviarded:focus-within:after{opacity:1}#game .right-container,#game .left-container{padding:0}#game .guess-history,#game .game-information{color:#ddd;width:100%;max-height:100%}@media screen and (max-width:800px){#game .guess-history,#game .game-information{height:100%}}#game .guess-history{padding:0}#game .guess-history table{border-collapse:collapse;text-align:left;width:100%}#game .guess-history table thead{border-bottom:3px solid #ddd;font-weight:700}#game .guess-history table tbody tr{border-bottom:1px solid #303040}#game .guess-history table tbody tr:hover,#game .guess-history table tbody tr.selected{background-color:#303040}#game .guess-history table tbody tr:hover.clickable,#game .guess-history table tbody tr.selected.clickable{cursor:pointer;background-color:#a0a0a0}#game .guess-history table td,#game .guess-history table th{padding:10px}#game .game-information{border-bottom:2px solid #a0a0a0;margin-bottom:50px;padding:0 20px}#game .game-information a{color:#0090ff}#game .guess-input{background-color:#202020;flex-flow:row;justify-content:center;align-items:center;width:100%;height:65px;display:flex}#game .guess-input .article-navigation{cursor:pointer;background-color:#101010;border:1px solid #ddd;border-right:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}#game .guess-input input{height:40px;font-size:1rem}#game .guess-input input[type=text]{background-color:#eee;border:0;border-radius:0}#game .guess-input input[type=submit]{color:#eee;cursor:pointer;background-color:#101010;border:1px solid #ddd;border-left:0;padding:0 20px;transition:background-color .2s ease-in-out}#game .guess-input input[type=submit]:hover{background-color:#303040}#new-custom-game .left-container{color:var(--color-text)}#new-custom-game form{margin-bottom:50px}#new-custom-game .url-input{border:1px solid #eee;padding:10px 0 10px 10px}#new-custom-game .url-input input{border:0;height:40px;margin:0 0 0 5px}#new-custom-game .url-copy{flex-flow:wrap;align-items:center;display:flex}#new-custom-game .url-copy input[type=text]{color:#202020;background-color:#fff;border:1px solid #ddd;height:41px;padding:10px}#new-custom-game input[type=submit],#new-custom-game input[type=button]{color:#eee;cursor:pointer;background-color:#101010;border:1px solid #ddd;height:41px;margin:0;padding:0 20px;transition:background-color .2s ease-in-out}#new-custom-game input[type=submit]:disabled,#new-custom-game input[type=button]:disabled{cursor:not-allowed;background-color:#303040}#new-custom-game input[type=submit]:hover,#new-custom-game input[type=button]:hover{background-color:#303040}#new-custom-game .loader{height:auto}#archives .list-filters{flex-flow:wrap;justify-content:flex-end;align-items:center;margin-bottom:40px;display:flex}#archives .list-filters label{color:var(--color-text);margin-left:15px}#archives .list-filters select{color:#ddd;background-color:#202020;border:1px solid #ddd;border-radius:5px;height:30px;margin:0 0 0 5px;padding:.3rem 1rem}#archives .list-filters button{border:1px solid #ddd;height:30px;margin:0 0 0 5px;padding:5px 8px}#archives .archive-grid{grid-gap:50px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:1fr;width:100%;margin-bottom:50px;padding:0 30px;display:grid}#archives .archive-grid .archive-item{background-color:#202020;border:1px solid #ddd;flex-flow:row;justify-content:space-between;width:100%;max-width:400px;min-height:150px;transition:background-color .2s ease-in-out;display:flex}#archives .archive-grid .archive-item:not(.completed):hover{cursor:pointer;background-color:#303040}#archives .archive-grid .archive-item .archive-info{flex-flow:column;justify-content:flex-start;align-items:flex-start;padding:10px;display:flex}#archives .archive-grid .archive-item .archive-info h3{margin:0 0 15px}#archives .archive-grid .archive-item .article-difficulty{flex-flow:column;width:10px;display:flex}#archives .archive-grid .archive-item .article-difficulty .difficulty{flex:1;display:flex}#archives .archive-grid .archive-item .article-difficulty .difficulty.active{border:1px solid #ddd}#archives .archive-grid .archive-item .article-difficulty .difficulty.active.level-0{background-color:#adff2f}#archives .archive-grid .archive-item .article-difficulty .difficulty.active.level-1{background-color:gold}#archives .archive-grid .archive-item .article-difficulty .difficulty.active.level-2{background-color:orange}#archives .archive-grid .archive-item .article-difficulty .difficulty.active.level-3{background-color:tomato}#archives .archive-grid .archive-item .article-difficulty .difficulty.active.level-4{background-color:#dc143c}#archives .loader{height:auto}#archives .empty-state{color:var(--color-text);text-align:center}#archives .right-container{flex-flow:column;display:flex}#archives .right-container h3{margin-top:50px}#archives .right-container .separator{flex:1}#archives .right-container .reset-account{margin:20px 0 20px auto}.modal.sync-modal input{width:90%;font-family:monospace}.modal.sync-modal .qr-code{text-align:center;margin-bottom:20px}.modal.sync-modal .qr-code .mask{color:#000;cursor:pointer;background:#ddd;border:1px solid #a0a0a0;justify-content:center;align-items:center;width:128px;height:128px;font-size:30px;display:flex;position:absolute;left:calc(50% - 64px)}#about .left-container{color:var(--color-text)}#about .left-container a{color:#0090ff}footer{height:0}