.extended-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:5px;max-width:560px;margin:20px auto;padding:10px;background:#e3dafa;border-radius:18px}.extended-square{background:var(--island,#fff);padding:3px;border-radius:8px;min-width:0;position:relative}.extended-square small{display:block;font-size:11px;color:#24265d;text-align:center;min-height:14px}.extended-board button{min-height:48px!important;width:100%;padding:4px!important;min-width:0;border:2px solid #9d8bc5;border-radius:8px;color:#24265d;background:#fff;font-size:21px!important;font-weight:800;opacity:1!important}.extended-board button.given{background:#d7dced;border-color:#9aabc8;color:#3b4863}.extended-board button.selected{outline:3px solid #7659de;outline-offset:-3px}.extended-clues{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;font-size:14px}.extended-clues>strong,.extended-clues>p{flex:0 0 100%;margin:3px 0}.extended-clues>span{padding:8px;background:#f0edfa;border-radius:8px}.fence-board{gap:2px;align-items:center;text-align:center}.fence-board button{min-height:40px!important;font-size:22px!important;padding:0!important}.fence-board .edge-on{background:#7659de;color:white}.fence-clue{font-weight:900;color:#24265d}.piece-sample{display:grid;gap:6px;padding:10px;border:1px solid #ccbcdf;border-radius:12px;background:#faf6ff}.piece-dots{display:grid;gap:2px}.piece-dots span{width:18px;height:18px}.piece-dots .on{background:#7659de;border-radius:3px}.extended-logic>section>button{margin:4px}.extended-logic button:focus-visible{outline:3px solid #7659de;outline-offset:2px}@media(max-width:450px){.extended-board{gap:3px;padding:5px}.extended-board button{min-height:40px!important;font-size:18px!important}.extended-square{padding:1px}.extended-square small{font-size:9px}.fence-board button{min-height:30px!important;font-size:18px!important}.extended-logic{padding:12px!important}}
.extended-board button{margin:0!important}.extended-square{box-sizing:border-box}
#logicAccountDialog label>select,#logicAccountDialog label>input,#logicAccountDialog label>textarea{margin:0!important;max-width:100%}#logicAccountDialog article{overflow-wrap:anywhere}

.mosaic-palette{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.mosaic-piece{min-width:80px;min-height:86px;padding:10px!important}.mosaic-mini{display:grid;gap:2px;pointer-events:none}.mosaic-mini span{width:18px;height:18px;border-radius:4px}.mosaic-piece.selected{outline:3px solid #7659de;outline-offset:2px}.mosaic-board .extended-square button{min-height:54px;box-shadow:inset 0 -4px 0 #24265d18;border-radius:9px}.mosaic-board .extended-square button:not([style*=background]){background:#edf0f8}
