.tile-panel{max-width:630px}.tile-shell{padding:12px}.tile-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;position:relative}.tile-cell{min-width:0;aspect-ratio:1;padding:9px;min-height:38px;border:1px solid #596168;border-radius:10px;background:#eef0df;color:#343d32;display:grid;place-items:center;transition:background .12s,transform .12s,border-color .12s}.tile-cell svg{width:100%;height:100%;pointer-events:none}.tile-cell:not(:disabled):hover{background:#fff8da}.tile-cell.is-selected{background:#f9cc79;border:3px solid #fcb05c;padding:7px}.tile-cell.is-hint{background:#d6ee83;box-shadow:0 0 0 3px #d6ee83}.tile-cell.is-wrong{background:#ffb5a0;border-color:#ff7965}.tile-cell.is-empty{background:transparent;border-color:transparent;opacity:0}.tile-cell:disabled:not(.is-empty){opacity:.6}.tile-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}.tile-path polyline{fill:none;stroke:#e7ff9d;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #263323)}.tile-controls{margin-top:18px}.tile-panel .mini-controls .secondary-button{padding-inline:16px}.tile-panel .mini-status{min-height:40px;margin-top:0}.tile-panel .mini-result{scroll-margin:20px}@media(max-width:600px){.tile-panel{padding:12px}.tile-shell{padding:8px}.tile-grid{gap:4px}.tile-cell{padding:7px;border-radius:7px}.tile-cell.is-selected{padding:5px}.tile-panel .mini-controls .secondary-button{padding:10px 13px}.tile-panel .mini-controls .primary-button{flex-basis:100%}}@media(max-width:350px){.tile-panel{padding:10px}.tile-shell{padding:6px}.tile-grid{gap:3px}.tile-cell{padding:5px;border-radius:6px}.tile-cell.is-selected{padding:3px}.tile-panel .mini-stats strong{font-size:19px}.tile-panel .mini-stats span{font-size:8px}.tile-panel .mini-status{font-size:11px}}