*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}body{color:#333;background-color:#fff;margin:0;font-family:Nunito,Helvetica,sans-serif}input:focus{outline:none}p{margin:0}a{color:#5454dc;text-decoration:none}.screen-container{width:100vw;height:100vh;position:relative}.button{cursor:pointer;-webkit-user-select:none;user-select:none}.button.start{background-color:#dc5454;border-radius:100%;width:50px;height:50px;transition:all .25s;position:absolute;top:33%;left:50%;transform:translate(-50%,-50%)}.button.start:hover{background-color:#54dc54}.button.start p{color:#fff;width:100%;margin:0;font-size:9px;font-weight:700;position:absolute;top:50%;left:65%;transform:translate(-50%,-50%)}.start-screen{background-color:#fff;width:100vw;height:100vh;position:absolute}.icon{cursor:pointer;width:16px;position:absolute}.icon.gear{top:14px;left:14px}.icon.x{top:4px;left:4px}.icon.skip{opacity:.333;width:30px;transition:all .3s;bottom:0;left:50%;transform:translate(-50%,-9px)}.icon.skip:hover{opacity:1}.icon.restart{bottom:14px;right:14px}.icon.dictionary{top:14px;right:14px}.icon.x-dictionary{position:fixed;top:14px;right:14px}.settings-modal{background-color:#fafafa;border:1px solid #333;border-radius:3px;width:150px;padding:30px 20px 0;position:absolute;top:9px;left:9px}.toggle{margin-bottom:15px;position:relative}.toggle .slider{cursor:pointer;border-radius:9px;width:34px;height:18px}.toggle .knob{cursor:pointer;background-color:#fff;border-radius:100%;width:16px;height:16px;position:absolute;top:1px}.toggle .toggle-label{cursor:pointer;font-size:10px;position:absolute;top:50%;left:42px;transform:translateY(-50%)}.screen-shroud{background-color:#0000;width:100vw;height:100vh;position:absolute}.progress-container{position:absolute;top:15px;right:40px}.progress-container p{text-align:right;word-spacing:5px;margin:0;font-size:12px}.progress-container .correct-count{color:#54dc54}.progress-container .incorrect-count{color:#dc5454}.feature-container{width:375px;height:375px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.quiz-item{text-align:center;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.characters,.english{text-align:center;white-space:nowrap;color:#333;margin:0;font-size:24px;line-height:1.2}.romaji{text-align:center;color:#777;margin:10px 0 0;font-size:12px}.attempt-input-container{width:100%;height:100px;position:absolute;top:80%;transform:translateY(-50%)}#attempt-input{text-align:center;color:#333;caret-color:#0000;background-color:#0000;border:none;width:100vw;height:100%;margin:0;padding:0;font-family:Nunito,Helvetica,sans-serif;font-size:15px;transition:color .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.correction-container{background-color:#fff;width:100%;height:100%;padding-top:10%;position:relative}.correction-container p{color:#5454dc;text-align:center}.correction-container .characters{margin-top:16px}.correction-container .resume-button{width:20px;height:20px;margin-top:15px;position:relative;left:50%;transform:translate(-50%)}.correction-container .resume-button .icon.resume{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.round-summary-container{background-color:#fff;width:100vw;height:100vh;padding:10px;position:absolute}.round-summary-container .content{width:100%;max-width:500px;max-height:90vh;padding:0 10px;position:relative;top:50px;left:50%;overflow:scroll;transform:translate(-50%)}.round-summary-container .ratio{text-align:center;margin-bottom:15px}.round-summary-container .percent{text-align:center;color:#54dc54;margin-bottom:60px;font-size:24px}.round-summary-container .round-history-group-heading{text-align:center;margin-bottom:15px;font-size:10px}.round-summary-container .round-history-group-table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0 auto 40px;font-size:10px;position:relative}.round-summary-container .round-history-group-table tr:not(:last-child){border-bottom:1px solid #efefef}.round-summary-container .round-history-group-table td{width:50%;padding:10px}.round-summary-container .round-history-group-table td.col-1{text-align:left}.round-summary-container .round-history-group-table td.col-2{text-align:right}.dictionary-screen{background-color:#fff;width:100vw;min-height:100vh;position:absolute}.dictionary-screen .dictionary-header{text-align:center;text-transform:uppercase;margin:90px 0 0;font-size:20px}.dictionary-screen .dictionary-header img{height:24px;margin-right:8px;display:inline-block;position:relative;top:-2px}.dictionary-screen .tabs{justify-content:space-between;width:100%;max-width:350px;margin:25px auto 0;display:flex}.dictionary-screen .tabs .tab{cursor:pointer;font-size:10px}.dictionary-screen .tabs .tab.selected{cursor:default;font-weight:700;text-decoration:underline}.dictionary-container{width:100%;padding:15px 50px 80px;position:relative}.dictionary-container .entry-container{margin-bottom:15px;font-size:12px}.dictionary-container table{border-collapse:collapse;table-layout:fixed;width:100%;max-width:600px;margin:0 auto;display:none;position:relative}.dictionary-container table.selected{display:table}.dictionary-container table tr:not(:last-child){border-bottom:1px solid #efefef}.dictionary-container table.recent td.heading h1,.dictionary-container table.least-known td.heading h1{font-size:8px;font-style:italic;font-weight:300}.dictionary-container table td{text-align:left;white-space:nowrap;word-break:break-word;padding:8px}.dictionary-container table td .divider{color:#e0e0e0;font-size:12px;position:relative;bottom:2px}.dictionary-container table tr.break{border:none;height:50px}.dictionary-container table tr.note{border:none;width:100%;height:44px}.dictionary-container table tr.note td{width:100%;padding:10px 8px;font-size:9px}.dictionary-container table tr.no-border{border:none}.dictionary-container table td.heading h1{margin:60px 0 15px;font-size:16px;font-weight:600}.dictionary-container .col-1{color:#333;width:50%;font-size:12px}.dictionary-container .col-1 a,.dictionary-container .col-1 a:visited{color:#5454dc;font-size:9px;text-decoration:none}.dictionary-container .col-2{color:#5454dc;text-align:right;width:50%}.dictionary-container .col-2 .dict-characters{font-size:12px}.dictionary-container .col-2 .dict-characters:not(:first-of-type){margin-top:5px}.dictionary-container .col-2 .dict-romaji{font-size:9px;font-style:italic}@media (max-width:800px){.dictionary-container table{table-layout:fixed;word-break:break-word}.dictionary-container td{word-break:break-word}}@media (max-width:500px){.characters,.english{font-size:16px}.romaji{margin:5px 0 0;font-size:10px}#attempt-input{font-size:13px}.dictionary-container{padding:15px 5px 80px}.dictionary-container .note td{white-space:normal}}