@import"https://fonts.googleapis.com/css?family=Inter";*{font-family:Inter}html[data-theme=light]{--background-color-body: #fafafa;--background-color-control-box: #ffffff;--background-color-box-revealed: #bbbbbb;--shadow-color-box-revealed: #888888;--border-control-box: #ffffff;--text-color: #000000;--text-color-box-revealed: #444444;--button-color: #81daf5;--button-border-color: #01a9db;--shadow-color: #999999;--scrollbar-color: #333333;--text-filter: .9}html[data-theme=dark]{--background-color-body: #222222;--background-color-control-box: #1d1d1d;--background-color-box-revealed: #555555;--shadow-color-box-revealed: #444444;--border-control-box: #272727;--text-color: #dddddd;--text-color-box-revealed: #bbbbbb;--button-color: #ff9f40;--button-border-color: #d96c00;--shadow-color: #0c0c0c;--scrollbar-color: #fafafa;--text-filter: 1.25}body{background-color:var(--background-color-body);color:var(--text-color);display:flex;flex-direction:row;justify-content:space-evenly;margin:0;padding:0;transition:background-color .2s ease,color .2s ease}.controlBox{border-radius:.625rem;min-width:13rem;box-shadow:inset 0 .0625rem .1875rem var(--shadow-color);background-color:var(--background-color-control-box);border-bottom:.125rem solid var(--border-control-box);align-items:center;display:flex;flex-direction:column;margin:1rem 2rem;transition:box-shadow .2s ease,border-bottom .2s ease,background-color .2s ease}button{font-size:large;margin:1rem 2rem;background-color:var(--button-color);padding:.625rem 1rem;border:.25rem solid var(--button-border-color);border-radius:5px;cursor:pointer;transition:background-color .2s ease,border .2s ease}input:focus{outline:none}.iconBtn{border-width:.1875rem;width:2rem;height:2rem}button:hover{filter:brightness(.9)}.boxDiv{border-style:solid;border-width:.25rem;border-color:var(--text-color);border-radius:.5rem;position:absolute;overflow:hidden;background-color:var(--background-color-control-box);transition:background-color .2s ease,border-color .2s ease}.boxTop{margin:0;border-bottom:.25rem solid var(--text-color);height:3rem;width:3rem;font-size:2rem;font-weight:600;text-align:center;line-height:3rem;transition:border-bottom .2s ease}.boxBottom{border:none;height:3rem;width:3rem;padding:0;font-size:2rem;font-weight:600;text-align:center;background-color:var(--background-color-control-box);color:var(--text-color);transition:background-color .2s ease,color .2s ease}.boxBottom:focus{background-color:var(--button-color);box-shadow:0 0 .375rem .0625rem var(--button-border-color) inset;transition:background-color .2s ease,box-shadow .2s ease}.revealed{border:none;height:3rem;width:3rem;padding:0;font-size:2rem;font-weight:600;text-align:center;background-color:var(--background-color-box-revealed);box-shadow:0 0 .375rem .0625rem var(--shadow-color-box-revealed) inset;color:var(--text-color-box-revealed);transition:background-color .2s ease,color .2s ease}.checkedCorrect{border:none;height:3rem;width:3rem;padding:0;font-size:2rem;font-weight:600;text-align:center;background-color:#40af40;box-shadow:0 0 .375rem .0625rem #297e29 inset;color:var(--text-color-box-revealed);transition:background-color .2s ease,color .2s ease}.checkedIncorrect{border:none;height:3rem;width:3rem;padding:0;font-size:2rem;font-weight:600;text-align:center;background-color:#df4747;box-shadow:0 0 .375rem .0625rem #b13535 inset;color:var(--text-color);transition:background-color .2s ease,color .2s ease}.highlighted{border-style:solid;border-width:.25rem;border-color:var(--text-color);border-radius:.5rem;position:absolute;overflow:hidden;background-color:var(--background-color-control-box);box-shadow:0 0 .25rem .125rem var(--text-color);transition:background-color .2s ease,border-color .2s ease}textarea{position:absolute;overflow:hidden;outline:none;cursor:pointer;resize:none;width:1rem;height:1rem;background-color:var(--background-color-body);color:var(--text-color);border-radius:.375rem;border:none;box-shadow:.0625rem .0625rem .1875rem var(--shadow-color);border-top:.0625rem solid var(--border-control-box);border-left:.0625rem solid var(--border-control-box);transition:width .1s ease,height .1s ease,background-color .2s ease,box-shadow .2s ease,border .2s ease}textarea:focus{width:4rem;height:6rem;overflow-y:scroll;z-index:1;transition:width .1s ease,height .1s ease}textarea:not(:focus):hover{filter:brightness(var(--text-filter))}textarea::-webkit-scrollbar{background-color:gray;border-radius:.25rem;width:.5rem}textarea::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color);border-radius:.25rem;width:.5rem}.overlayBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;justify-content:center;z-index:1}.overlay{background-color:var(--background-color-body);border-radius:.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;height:auto}.overlay p{margin:.5rem;padding:.5rem;text-align:justify}.textLink{color:var(--text-color)}.links button{margin:.5rem}.scrollArea{margin-top:2rem;width:36rem;height:54rem;max-height:90vh}.viewport{height:90%;border-radius:.5rem}.scrollbar{display:flex;justify-content:center;background-color:gray;width:.5rem;height:88%;border-radius:.25rem;margin:.5rem;opacity:0;transition:opacity .15s .3s}.scrollbar[data-hovering],.scrollbar[data-scrolling]{opacity:1;transition-duration:75ms;transition-delay:0ms}.scrollbar:before{content:"";position:absolute;width:1.25rem;height:88%}.thumb{width:100%;border-radius:inherit;background-color:var(--scrollbar-color)}.resultsDiv{max-width:22rem;margin-left:7rem}.resultsDiv button{margin-top:3rem}.resultsDiv h4{padding-bottom:2rem;margin-top:2rem;margin-bottom:0;min-width:9rem}.confirmDiv{max-height:10rem;max-width:20rem;padding:0 1rem 2rem;margin-top:2rem;margin-right:2rem}.confirmBtns button{width:6rem}.congrats{margin-bottom:2rem}.bottomBreak{border-bottom:1px solid var(--text-color)}path{fill:none;stroke-width:.375rem;stroke:var(--text-color);transition:stroke .2s ease}.puzzleDiv{position:relative;overflow:hidden;margin:1rem 0}.settingsForm{display:flex;flex-direction:column;width:auto}.setting{width:6rem;margin-bottom:.5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.setting select{font-size:medium}.setting button{margin:0;padding:.125rem}.setting input{background-color:var( --background-color-body);color:var(--text-color);border:.0625rem inset var( --background-color-control-box);border-radius:.25rem;width:8rem;height:1.25rem;margin:.5rem;transition:background-color .2s ease,color .2s ease,border .2s ease}.height{padding-bottom:1rem}.getID{display:flex;flex-direction:column}.copyField{display:flex;flex-direction:row;align-items:center;margin-bottom:1rem}#idInput{margin-bottom:1rem}#idInputLabel{width:10rem;text-align:center;padding-top:1rem;border-top:.0625rem solid var(--text-color);transition:border-top .2s ease}.themeToggle{padding:1rem 2rem;border-top:.0625rem solid var(--text-color);transition:border-top .2s ease}.leftPanel{display:flex;flex-direction:column;margin-left:2rem;margin-right:2rem;align-items:center}.title{margin-top:1rem;margin-bottom:2rem;font-size:2.5rem}.numberItem{text-align:center;margin:.25rem;font-size:larger;border:.25rem solid var(--background-color-control-box);width:1.5rem;height:1.5rem;transition:border .2s ease}.numberItemBlocked{text-align:center;margin:.25rem;font-size:larger;border:.25rem solid var(--background-color-control-box);width:1.5rem;height:1.5rem;transition:border .2s ease;background:linear-gradient(45deg,#0000,#0000 45%,red 47%,red 53%,#0000 55%,#0000),linear-gradient(135deg,#0000,#0000 46%,red 47%,red 53%,#0000 55%,#0000)}.numbersList{min-height:6rem;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:0px;grid-row-gap:0px}.selectBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.select{position:inherit;overflow:hidden;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;width:5rem;box-shadow:.125rem .125rem .1875rem var(--shadow-color);border-top:.0625rem solid var(--border-control-box);border-left:.0625rem solid var(--border-control-box);transition:box-shadow .2s ease,border .2s ease}.select p{background-color:var(--background-color-control-box);padding:.5rem 2rem;margin:0;transition:background-color .2s ease,}.select p:hover{filter:brightness(var(--text-filter))}.puzzleSelect{border-top:.0625rem solid var(--text-color);transition:border-top .2s ease}.rightPanel{display:flex;flex-direction:column;margin-left:2rem;margin-right:2rem}.checkReveal{display:flex;flex-direction:row;justify-content:space-between}.checkReveal button{padding:.625rem,.25rem;width:6.9375rem}.check{margin-right:.5rem}.reveal{margin-left:.5rem}.resultsBtn,.newGameBtn{width:14.8125rem}.app{display:flex;flex-direction:row}