.mosaic-root{width:100%;padding-bottom:12px}
.mosaic-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0}
.mosaic-category-card{border:2px solid #dce6df;border-radius:20px;background:#fffdfa;padding:10px;font-size:21px;font-weight:700;min-width:56px;min-height:56px}
.mosaic-category-card img{display:block;width:100%;height:115px;object-fit:contain;margin-bottom:7px}
.mosaic-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0}
.mosaic-setup{display:flex;align-items:center;justify-content:center;gap:28px;padding:10px 0 18px}
.mosaic-setup-preview{width:42%;height:clamp(150px,calc(var(--available-height,800px) - 430px),300px);object-fit:contain}
.mosaic-setup-actions{display:flex;align-items:center;flex-direction:column;gap:15px}
.mosaic-levels{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}
.mosaic-level-label{font-size:17px}
.mosaic-level{min-width:56px;min-height:56px;font-size:23px;padding:8px 12px;border:2px solid #d0e0d3}
.mosaic-level[aria-pressed="true"],.mosaic-hint[aria-pressed="true"]{background:#d6ecdc;border-color:#5b9271}
.mosaic-board-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.mosaic-hint{min-width:56px;min-height:56px}
.mosaic-prompt .mosaic-level-label{display:none}
.mosaic-resume{margin:8px 0}
@media(max-width:540px){.mosaic-root .mosaic-categories,.mosaic-root .mosaic-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-category-card{font-size:18px}.mosaic-setup{gap:12px;flex-wrap:wrap}.mosaic-setup-preview{width:80%}.mosaic-board-controls{gap:4px}.mosaic-level{padding:7px}.mosaic-prompt{flex-wrap:wrap}}
.mosaic-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:4px 0 18px}
.mosaic-title{font-size:clamp(27px,3.5vw,37px);line-height:1.15;margin:0;flex:1}
.mosaic-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}
.mosaic-card{border:3px solid transparent;border-radius:25px;background:#f5e9dd;padding:12px;min-width:0;font-size:22px;font-weight:700}
.mosaic-card:nth-child(3n+2){background:#e8f0df}.mosaic-card:nth-child(3n){background:#e2edf4}
.mosaic-card img{display:block;width:100%;height:140px;object-fit:contain;margin-bottom:8px;pointer-events:none;-webkit-user-drag:none}
.mosaic-prompt{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:8px 0 18px}
.mosaic-image-label{font-size:27px;margin:0 0 5px}.mosaic-instruction{font-size:21px;color:var(--muted);margin:0}
.mosaic-preview{width:125px;height:95px;object-fit:contain;background:#fffdf5;border-radius:16px;padding:7px;border:2px solid #dfe8d9;pointer-events:none}
.mosaic-workbench{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center}
.mosaic-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;max-width:520px;background:#e8eedf;border:5px solid #c5d7bd;border-radius:12px;overflow:hidden;box-shadow:0 5px 0 #d2d6c744}
.mosaic-board[data-complete="true"]{border-color:#439773;box-shadow:0 0 0 4px #c7ead6}
.mosaic-slot{position:relative;border:1px dashed #94ae93;background:#fffdf5;background-repeat:no-repeat;border-radius:0;padding:0;min-width:56px;min-height:56px;overflow:hidden;touch-action:manipulation}
.mosaic-slot.placed{border:0;opacity:1}
.mosaic-slot-guide{position:absolute;inset:0;display:block;background-repeat:no-repeat;opacity:.14;pointer-events:none}
.mosaic-tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;align-content:center;min-width:0}
.mosaic-piece{border:0;border-radius:10px;background-color:#fffdf5;background-repeat:no-repeat;box-shadow:0 0 0 3px #d1dacc,0 5px 0 #bcc8bc55;width:100%;min-width:56px;min-height:56px;touch-action:none;user-select:none;-webkit-user-select:none;padding:0}
.mosaic-piece.selected{box-shadow:0 0 0 5px #167e76,0 6px 0 #a9cebe}
.mosaic-piece.dragging{opacity:.35}
.mosaic-status{min-height:36px;font-size:23px;font-weight:700;text-align:center;color:#238061;margin:22px 0 12px}
.mosaic-complete-actions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:20px 0 25px}
.mosaic-complete-actions .start-button{min-width:180px}
.mosaic-parent{max-width:700px;margin:20px auto 0;background:#f0f3e7;border-radius:18px;padding:8px 16px;font-size:16px}
.mosaic-parent summary{padding:12px 0;min-height:48px;cursor:pointer;text-align:center}
.mosaic-parent label{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;font-size:18px}
.mosaic-difficulty{font:inherit;min-height:50px;min-width:90px;border:1px solid #a9c5b7;border-radius:12px;padding:8px 15px;background:white;color:var(--ink)}
.mosaic-parent p{line-height:1.5;text-align:center}
.mosaic-storage-warning{font-size:14px;line-height:1.45;color:#896232;text-align:center}
.mosaic-drag-ghost{position:fixed;width:120px;background-repeat:no-repeat;background-color:#fffdf5;transform:translate(-50%,-50%);border-radius:8px;box-shadow:0 5px 16px #45604b44;z-index:30;pointer-events:none;opacity:.9}
@media(max-width:700px){.mosaic-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.mosaic-card{padding:10px;font-size:20px}.mosaic-card img{height:110px}.mosaic-workbench{grid-template-columns:1fr;gap:22px;justify-items:center}.mosaic-board{max-width:390px}.mosaic-tray{width:100%;max-width:530px;grid-template-columns:repeat(3,minmax(0,1fr))}.mosaic-tray[data-pieces="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:310px}.mosaic-tray[data-pieces="4"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:310px}}
@media(max-width:440px){.mosaic-toolbar{gap:8px}.mosaic-title{font-size:26px}.mosaic-back{font-size:15px;padding:8px 10px}.mosaic-repeat{font-size:18px;padding:9px 12px}.mosaic-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mosaic-card img{height:110px}.mosaic-prompt{gap:10px}.mosaic-preview{width:95px;height:80px}.mosaic-image-label{font-size:23px}.mosaic-instruction{font-size:18px}.mosaic-board{max-width:335px;border-width:4px}.mosaic-tray{gap:12px}.mosaic-status{font-size:21px}.mosaic-complete-actions{gap:12px}}
.compact-height .mosaic-prompt{margin-top:0;margin-bottom:12px}.compact-height .mosaic-preview{height:75px;width:100px}.compact-height .mosaic-board{max-width:405px}.compact-height .mosaic-workbench{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:25px}.compact-height .mosaic-tray{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.compact-height .mosaic-tray[data-pieces="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-height .mosaic-status{margin:14px 0 8px}