:root{--bg-color: white;--color: black;--num-font-size: 16px;--clue-font-size: 16px;--clue-header-size: 1.75rem;--cell-size: 2.5rem;--board-size: min(85vmin, 95vw);-webkit-user-select:none;user-select:none}.dark-mode{--bg-color: black;--color: white}body{margin:0;background-color:var(--bg-color);color:var(--color);text-align:center;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}footer p{margin:0}.footer-brand{letter-spacing:.04em}.top-bar{display:flex;flex-direction:row;margin:1rem 0;align-content:center;align-items:center;justify-content:space-between}main{flex:1;display:flex;align-items:center;justify-content:center}.game-container{width:var(--board-size);height:var(--board-size);max-width:min(85vmin,95vw);max-height:min(85vmin,95vh);table-layout:fixed;border-collapse:collapse;background-color:var(--bg-color);color:var(--color);margin:0;padding:0;border-color:var(--color)}tr td:not(:first-child):nth-child(5n+2){border-left:3px solid var(--color)}tr td:last-child{border-right:3px solid var(--color)}table tr:nth-child(5n+2) td{border-top:3px solid var(--color)}table tr:last-child td{border-bottom:3px solid var(--color)}@-moz-document url-prefix(){.game-container td:not(.drag-preview){border-color:var(--color)!important}.drag-preview{position:relative;border:1px solid var(--bg-color)!important;outline:none!important}.drag-preview:after{content:"";position:absolute;inset:-2px;border:3px dashed blue;background-color:inherit;pointer-events:none;box-sizing:border-box}.dark-mode .drag-preview:after{border-color:red;background-color:inherit}}.corner{width:var(--clue-header-size);height:var(--clue-header-size);box-sizing:border-box}.top{vertical-align:bottom;font-weight:700;width:var(--cell-size);min-width:var(--cell-size);height:var(--clue-header-size);font-size:var(--clue-font-size);line-height:1.1;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.clue-text{display:inline-block;width:auto;max-width:100%;text-align:inherit}.clue-indicator{display:none;line-height:inherit}.top.clue-overflow .clue-text,.side.clue-overflow .clue-text{display:none}.top.clue-overflow .clue-indicator,.side.clue-overflow .clue-indicator{display:inline-block;width:100%;text-align:center}.top.clue-overflow,.side.clue-overflow{position:relative;cursor:help;overflow:visible}.clue-tooltip{position:absolute;background-color:var(--bg-color);color:var(--color);font-family:Times New Roman,Times,serif;font-weight:700;padding:0 .25rem;font-size:var(--clue-font-size);white-space:normal;text-align:left;max-width:min(16rem,40vw);pointer-events:none;z-index:10;opacity:0;visibility:hidden;border:2px solid var(--color)}.clue-tooltip.visible{opacity:1;visibility:visible}.clue-tooltip.complete{background-color:#00f;border-color:var(--color);color:var(--color)}.dark-mode .clue-tooltip.complete{background-color:red;border-color:var(--color);color:var(--color)}.top:focus,.top:focus-visible,.side:focus,.side:focus-visible,.cell:focus,.cell:focus-visible{outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}.top.wrong{background-color:red}.dark-mode .top.wrong{background-color:#00f}.side{text-align:right;font-weight:700;width:var(--clue-header-size);min-width:var(--clue-header-size);height:var(--cell-size);min-height:var(--cell-size);font-size:var(--clue-font-size);line-height:.9;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.cell{width:var(--cell-size);min-width:var(--cell-size);height:var(--cell-size);min-height:var(--cell-size);box-sizing:border-box;-webkit-tap-highlight-color:transparent}.clicked{background-color:#00f}.dark-mode .clicked{background-color:red}.greyed{background-color:silver}.dark-mode .greyed{background-color:#454545}.marked{position:relative}.marked:after{content:"X";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#000;pointer-events:none}.dark-mode .marked{position:relative}.dark-mode .marked:after{content:"X";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#fff;pointer-events:none}.drag-preview{border:3px dashed blue}.dark-mode .drag-preview{border:3px dashed red}tr td.drag-preview:not(:first-child):nth-child(5n+2){border-left:3px solid var(--color)!important}tr td.drag-preview:last-child{border-right:3px solid var(--color)!important}table tr:nth-child(5n+2) td.drag-preview{border-top:3px solid var(--color)!important}table tr:last-child td.drag-preview{border-bottom:3px solid var(--color)!important}.highlight{position:relative}.highlight:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#000;pointer-events:none}.top.highlight{background-color:#000;color:#fff}.top.highlight:after{content:none}.side.highlight{background-color:#000;color:#fff}.side.highlight:after{content:none}.top.highlight.complete,.side.highlight.complete{background-color:#000;color:#00f}.dark-mode .top.highlight.complete,.dark-mode .side.highlight.complete{background-color:#fff;color:red}.dark-mode .highlight{position:relative}.dark-mode .highlight:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#fff;pointer-events:none}.dark-mode .top.highlight{background-color:#fff;color:#000}.dark-mode .top.highlight:after{content:none}.dark-mode .side.highlight{background-color:#fff;color:#000}.dark-mode .side.highlight:after{content:none}.settings-panel{background-color:var(--bg-color);font-size:1rem}.difficulty-button{cursor:pointer;margin:0;padding:0;font-size:16px;background-color:var(--bg-color);color:var(--text-color);border:none}.difficulty-button.active{background-color:#00f;color:#00f}.dark-mode .difficulty-button.active{background-color:red;color:red}.difficulty-button.active:hover{background-color:#00f;color:#00f}.dark-mode .difficulty-button.active:hover{background-color:red;color:red}.difficulty-button:hover{background-color:gray}button{cursor:pointer;margin:0;padding:0;font-size:16px;background-color:var(--bg-color);color:var(--text-color);border:none}button:hover{background-color:gray}.win-paste{display:flex;flex-direction:row;gap:.5rem;align-items:center}.hidden{display:none}.complete{background-color:#00f}.dark-mode .complete{background-color:red}#settings-panel,#load-panel{position:absolute;left:0;bottom:calc(100% + 4px);display:none;gap:.5rem;align-items:center}#settings-panel{flex-wrap:nowrap;flex-direction:row}#load-panel{left:auto}#settings-panel:not(.hidden),#load-panel:not(.hidden){display:flex}.settings-group{display:inline-flex;flex-direction:row;align-items:center;gap:.5rem}.panel-anchor{position:relative;display:inline-flex;align-items:center}#load-panel{background:var(--bg-color);min-width:9rem;left:-4.5rem;right:0;bottom:calc(100% + 4px)}#load-panel input{color:var(--color);background-color:var(--bg-color);border:none;caret-color:#00f;font-size:16px}#load-panel input:focus{outline:none;box-shadow:none}#load-panel input::placeholder{color:gray}.dark-mode #load-panel input{background-color:#000;color:#fff;caret-color:red}.dark-mode #load-panel input::placeholder{color:gray}