body{-webkit-font-smoothing:antialiased;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.app-container{display:grid;grid-template-columns:.8fr 1fr 1fr;justify-content:space-between}@media (max-width:400px){.app-container{grid-template-columns:1fr}}.info-popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2}.popup-content{background-color:#fff;border-radius:3px;box-shadow:0 4px 8px #0003;color:#000;max-width:40%;overflow-y:auto;padding:0 20px 20px;position:relative}.close-popup{color:#000;cursor:pointer;font-size:2rem;font-weight:700;position:absolute;right:23px;top:12px}.close-popup:hover{color:#555}.info-title{font-size:1.5rem;font-weight:700}.info-text,.info-title{color:#000;text-align:left}.info-text{font-size:1rem}@media (max-width:400px){.popup-content{max-width:80%}}.header{background-color:#709bd0;box-sizing:border-box;color:#fff;font:Courier,monospace;font-size:1.5rem;padding:15px 10px 15px 20px;text-align:left}.header-content{align-items:center;display:flex;justify-content:space-between}.header-logo{height:32px;margin-right:15px;width:32px}.header-title{box-sizing:border-box;color:#fff;font:Courier,monospace;font-size:1.5rem;font-weight:700;margin:0;transition:color .2s}.header-title:hover{color:#ddd}.header-title:hover .header-title-duo{color:#ddbd6c}.header-title-duo{color:#ffdf8e;transition:color .2s}.header-info{background-color:#fff;border:1px solid #fff;border-radius:100px;box-shadow:0 2px 5px #0000001a;color:#709bd0;cursor:pointer;font-size:1rem;font-weight:700;margin-right:20px;padding-left:8.5px;padding-right:8.5px;transition:background-color .2s}.header-info:hover{background-color:#e8f0fe;box-shadow:0 5px 15px #0000001a}.sudoku-title{font-family:Helvetica Neue,Helvetica,sans-serif;margin:5px}@media (max-width:400px){.header{padding:5px 10px 5px 15px}}.sudoku-container{grid-gap:2px;aspect-ratio:1;background-color:#000;border:4px solid #000;border-radius:3px;box-sizing:border-box;display:grid;gap:2px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%}.box{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.box,.cell{background-color:#fff}.cell{align-items:center;border:1px solid #ccc;cursor:pointer;display:flex;justify-content:center;outline:none;position:relative;transition:background-color .1s ease}.cell.non-editable-cell{background-color:#e8e8e8;cursor:default}.cell.incorrect-cell{background-color:#fcc!important}.cell-value{color:#333;font-size:1.8rem;font-weight:700}.non-editable-cell .cell-value{color:#000;font-weight:900}.candidates-grid{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;padding:2px;width:100%}.candidate{align-items:center;color:#999;cursor:default;display:flex;font-size:.6rem;justify-content:center;pointer-events:none;transition:all .1s ease}.candidate:hover{color:#666}.candidate.active{color:#333;font-weight:700}.cell-input{display:none}@media (max-width:600px){.cell{height:35px;width:35px}.cell-value{font-size:1.3rem}.candidate{font-size:.5rem}.sudoku-container{margin:0 auto;order:-1;width:-webkit-fit-content;width:fit-content}}.chat-box{aspect-ratio:1;border:4px solid #000;border-radius:3px;width:100%}.chat-box,.chat-log{display:flex;flex-direction:column;height:100%}.chat-log{border:1px solid #7c7c7c;border-radius:3px;margin:10px;overflow-y:auto;padding:5px}.chat-log div{align-items:flex-start;display:flex;justify-content:space-between}.chat-log .message{flex:1 1;margin-left:10px;text-align:left}.chat-log .time{color:#888;font-size:.8rem;margin-left:10px;text-align:right;white-space:nowrap}.chatInput{border-radius:3px;display:flex;margin-bottom:10px;margin-left:10px;margin-right:10px}.chatInput input{background-color:#e7e7e7;border:1px solid #7c7c7c;border-radius:3px;flex:1 1;padding:5px}.players-section{border-radius:3px;padding:10px}.clientInfo,.playerHeader{font:Courier,monospace;font-size:1rem;font-weight:700;margin:0}.playerList{margin-bottom:10px}.playerList ul{display:grid;font-size:.8rem;grid-template-columns:repeat(auto-fill,minmax(100px,160px));list-style:none;margin-top:5px;padding:0}.playerList li{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;margin-right:10px;text-align:center}.chat-container{aspect-ratio:1.1;display:flex;flex-direction:column;margin:0 20px}@media (max-width:400px){.chat-container{display:none}}.keypad{box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr)}.keypad-button{background-color:#efefef;border-radius:3px;box-shadow:0 2px 5px #0000001a;cursor:pointer;font-size:1.2rem;font-weight:700;margin:0 5px 10px;padding:25px;text-align:center;transition:box-shadow .2s,background-color .2s}.keypad-button:hover{background-color:#e0e0e0;box-shadow:0 5px 15px #0000001a}.keypad-button:active{background-color:#d0d0d0}.keypad-backspace{background-color:#ffebeb;grid-column:span 3;transition:background-color .2s}.keypad-backspace:hover{background-color:#ffe0e0;box-shadow:0 5px 15px #0000001a}.keypad-backspace:active{background-color:#fcc}.board-controls-section{display:flex;justify-content:center;width:100%}.clearBoardBtn{background-color:#cfedff}.clearBoardBtn:hover{background-color:#bbd6e6}.clearBoardBtn:active{background-color:#abc4d3}.checkSolutionBtn{background-color:#cfffd8}.checkSolutionBtn:hover{background-color:#b9e6c2}.checkSolutionBtn:active{background-color:#a8d3b3}.backspaceBtn{background-color:#ffd1d1}.backspaceBtn:hover{background-color:#ffbcbc}.backspaceBtn:active{background-color:#faa}.controls-container{margin:0 20px}.mode-toggle{border:2px solid #999;border-radius:3px;box-sizing:border-box;display:flex;margin:0 5px 5px;overflow:hidden}.mode-button{cursor:pointer;flex:1 1;font-size:1.2rem;font-weight:700;padding:25px;text-align:center;transition:all .3s ease}.mode-button:hover{background-color:#e8e8e8}.mode-button.active{background-color:#000;color:#fff}@media (max-width:400px){.keypad-button,.mode-button{font-size:1rem;padding:15px}.controls-container{margin-top:10px}}.solved-popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2}.solved-popup-content{background-color:#fff;border-radius:3px;box-shadow:0 4px 8px #0003;color:#000;max-width:80%;overflow-y:auto;padding:20px;position:relative}.solved-popup-content .close-solved{color:#000;cursor:pointer;font-size:2rem;font-weight:700;position:absolute;right:23px;top:12px}.solved-popup-content .close-solved:hover{color:#555}.solved-title{color:#000;font:Courier,monospace;font-size:1.5rem;font-weight:700;margin-bottom:15px;margin-top:10px;text-align:left}.solved-text{color:#000;font:Courier,monospace;font-size:1rem;margin-bottom:10px;text-align:left}.sudoku-header-row{align-items:center;display:flex;flex-direction:row;justify-content:center}.sudoku-title{color:#000;font-size:1.5rem;font-weight:700;text-align:center}.sudoku-timer{margin-left:20px}.loading-container{align-items:center;display:flex;flex-direction:column;padding-top:20%}.loading-message{color:#777;font:Courier,monospace;font-size:1rem;margin-top:15px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:5px solid #709bd04d;border-radius:50%;border-top-color:#709bd0;height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.container{margin:0 auto;max-width:70%;padding:20px}.puzzle-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.puzzle-card{background-color:#efefef;border-radius:3px;box-shadow:0 2px 5px #0000001a;cursor:pointer;padding:20px;transition:transform .2s,box-shadow .2s}.puzzle-card:hover{background-color:#e8f0fe;box-shadow:0 5px 15px #0000001a}.puzzle-card h3{color:#000;margin-bottom:15px;margin-top:0}.puzzle-meta{display:flex;justify-content:space-between}.status{background-color:#e8f5e9;color:#388e3c}.difficulty,.status{border-radius:3px;font-size:.8rem;padding:3px 8px}.difficulty{background-color:#efefef;color:#0288d1}.filter-container{display:flex;justify-content:space-between;margin:0 auto;max-width:70%;padding:20px 20px 0}.filter-options{margin-top:10px}.filter-difficulty-button{margin-right:20px}.filter-difficulty-button,.filter-difficulty-undo-button{background-color:#f5f5f5;border-radius:3px;box-shadow:0 2px 5px #0000001a;color:#000;cursor:pointer;font:Courier,monospace;font-size:1rem;padding:10px;transition:transform .2s,box-shadow .2s}.filter-difficulty-undo-button{margin-left:20px}.filter-difficulty-button:hover,.filter-difficulty-undo-button:hover{background-color:#e8f0fe;box-shadow:0 5px 15px #0000001a}.filter-search{margin:0 20px 0 0;width:100%}.filter-search input{background-color:#f9f9f9;border:1px solid #ccc;border-radius:3px;box-shadow:0 2px 5px #0000001a;font-size:1rem;padding:10px;width:100%}.filter-search input::placeholder{color:#aaa}@media (max-width:400px){.puzzle-card{max-width:100%}.filter-difficulty-button{margin-right:5px}.filter-container{max-width:100%;padding-top:10px}.filter-search{margin:0 5px 0 0}.container{max-width:90%;padding-top:10px}}
/*# sourceMappingURL=main.a4ffa2c0.css.map*/