body{max-width:1000px;margin:1em auto;padding:0 1em}*{box-sizing:border-box}canvas{max-width:450px}.drop-placeholder{text-align:center}.drop-placeholder__text{margin:1em}.drop-placeholder__placeholder{opacity:.5}.image-drop{max-width:600px;margin:auto;border:5px dashed rgba(0,0,0,0);display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.image-drop--active{border-color:silver}.image-drop__settings{border-top:1px dotted silver;margin:1em 0;padding:1em 0;width:100%;display:flex;align-items:center}.image-drop__reset{margin-left:auto}.image-drop__examples{margin-top:2em;font-size:.86em}.grid{--size: 4;display:flex;flex-wrap:wrap;--box-size: calc((100vw - 2em) / var(--size) );width:calc(var(--box-size)*var(--size));height:calc(var(--box-size)*var(--size))}@media(min-width: 768px){.grid{--box-size: 50px}}.grid__cell{width:calc(100%/var(--size));height:calc(100%/var(--size));border:1px solid silver;display:flex;justify-content:center;align-items:center;color:#666}.grid__cell--queen{border-color:#666;border-radius:2px;border-width:2px;text-shadow:1px 1px 5px #000}.grid__cell--highlighted{outline:2px solid aqua;z-index:2}.deductions{display:flex;flex-wrap:nowrap;gap:1em;margin:1em 0;min-width:100%;width:0}.deductions__buttons{height:-moz-fit-content;height:fit-content}.deductions__descriptions{list-style-type:none;margin:0;padding:0}.examples{width:100%}.examples__list{display:flex;margin:1em 0 0;padding:0;list-style-type:none;gap:5%}.examples__item{flex:1 1;width:0}.examples__image{width:100%}