:root{--accent-color:#fff5dd}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Arial,Helvetica,sans-serif;display:flex}.page{--background:#fafafa;--foreground:#fff;--text-primary:#000;--text-secondary:#666;--button-primary-hover:#383838;--button-secondary-hover:#f2f2f2;--button-secondary-border:#ebebeb;background-color:var(--background);flex-direction:column;flex:1;justify-content:center;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.controls{position:absolute;top:10px;left:10px}.clicker{background-color:"grey"}.audio-player{margin-top:10px}.sudoku-board{z-index:2;border:4px solid #000;grid-template:repeat(3,1fr)/repeat(3,1fr);width:100%;height:100%;padding:0;display:grid;position:absolute}.candidates-board{z-index:0;border:4px solid #000;grid-template:repeat(3,1fr)/repeat(3,1fr);width:100%;height:100%;padding:0;display:grid;position:absolute}.sudoku-input{text-align:center;vertical-align:middle;color:#000;caret-color:#0000;background-color:#0000;border:1px solid gray;grid-area:1/1;width:100%;height:100%;font-size:clamp(9px,4vw,27px);font-weight:700;position:relative}.sudoku-input:disabled{color:#000;background-color:#ccca}.sudoku-input:focus{z-index:2}.sudoku-grid{border:1px solid #4b4b4b;grid-template:repeat(3,1fr)/repeat(3,1fr);width:100%;height:100%;display:grid}.sudoku-tile{grid-template-columns:1fr;display:grid}.active-tile{background-color:var(--accent-color)}.active-layer{z-index:1}.candidate-grid{color:#000;border:1px solid gray;grid-template:repeat(3,1fr)/repeat(3,1fr);grid-area:1/1;width:100%;height:100%;font-size:clamp(9px,4vw,27px);font-weight:700;display:grid}.candidate-field{text-align:center;vertical-align:middle;color:#000;opacity:0;background-color:#0000;border:0;width:100%;height:100%;margin:0;padding:0;font-size:clamp(4px,1vw,10px)}.candidate-field:hover{opacity:.35;background-color:#f0f8ff}.candidate-field:disabled{color:#0000;background-color:#0000}.candidate-field-active{text-align:center;vertical-align:middle;color:#000;opacity:.7;background-color:#0000;border:0;width:100%;height:100%;margin:0;padding:0;font-size:clamp(4px,1vw,10px)}.candidate-field-active:disabled{color:#0000;background-color:#0000}.big-board{background-color:#fff;border:0;width:clamp(167px,70vw,501px);height:clamp(167px,70vw,501px);margin-right:20px;padding:0;position:relative}.sudoku-builder{z-index:10;background-color:#aaa;border:2px solid #000;width:min-content;padding:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:4px 4px 5px #000a}.board-toggle{background-color:#fff;border:4px solid #000;margin-top:10px;margin-right:5px;padding:5px;font-family:Arial,Helvetica,sans-serif;font-size:20px}.board-toggle:hover{background-color:#f0f8ff}.board-toggle-active{background-color:var(--accent-color);border:4px solid #000;margin-top:10px;margin-right:5px;padding:5px;font-family:Arial,Helvetica,sans-serif;font-size:20px}.chat-board-buttons-flex,.horizontal-flex{flex-direction:row;display:flex}.vertical-flex{flex-direction:column;display:flex}.chat-clamp{width:clamp(20px,100%,400px)}.chat-box{width:30%;height:400px;margin-top:clamp(100px,25vw,30vh);margin-left:40px;margin-right:20px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:14px}#chat-text{text-wrap:wrap;background-color:#fff;border:1px solid #000;width:clamp(20px,100%,400px);height:100%;padding-left:5px;font-family:Verdana,Geneva,Tahoma,sans-serif;overflow-y:scroll}#chat-input{width:100%;height:100%;padding:2px;font-size:16px}.chat-message{word-break:break-all;overflow-wrap:break-word;padding-bottom:8px}