.mosaic-page{padding-bottom:3rem}.mosaic-shell{background:radial-gradient(circle at 15% 0,#3b2371 0,#1c1238 38%,#090817 100%);color:#fff;border:2px solid #b895ff;border-radius:1.35rem;padding:clamp(.8rem,3vw,1.8rem);box-shadow:0 18px 48px #1e104540}.mosaic-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.mosaic-head h2{margin:0}.mosaic-head label{display:grid;gap:.35rem;font-weight:850}.mosaic-head select{min-height:44px;border:2px solid #c2a8ff;border-radius:.7rem;padding:.45rem .7rem;background:#fff;color:#21113e;font:inherit}.mosaic-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem;margin:1rem 0}.mosaic-stats div{display:grid;gap:.12rem;background:#36215fcc;border-radius:.75rem;padding:.65rem}.mosaic-stats small{font-size:.875rem;color:#eadfff}.mosaic-stats strong{font-size:1.08rem}.mosaic-workbench{display:grid;grid-template-columns:minmax(260px,1.05fr) minmax(260px,.95fr);gap:1rem;align-items:start}.mosaic-board{display:grid;gap:.32rem;aspect-ratio:1;border:3px solid #9d7cff;border-radius:1rem;padding:.55rem;background:#0f0d24}.mosaic-cell{min-width:0;border:1px solid #5f4d85;border-radius:.42rem;background:#211a38;color:#1a102d;font:900 clamp(.85rem,2.4vw,1.25rem) system-ui;cursor:pointer;touch-action:manipulation}.mosaic-cell.filled{background:hsl(var(--cell-hue) 86% 67%);border-color:hsl(var(--cell-hue) 94% 82%);box-shadow:inset 0 0 0 2px #ffffff40}.mosaic-cell.preview{background:#71ffe65c;border-color:#8affec}.mosaic-cell.cursor{outline:3px solid #ffe66d;outline-offset:-4px}.mosaic-side{display:grid;gap:.8rem}.mosaic-side h3{margin:0}.mosaic-tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;max-height:24rem;overflow:auto;padding-right:.2rem}.mosaic-tray button,.mosaic-tools button,.mosaic-actions button{min-height:50px;border:2px solid #a989e9;border-radius:.72rem;background:#f8f2ff;color:#24123c;font:inherit;font-weight:850;padding:.5rem .65rem;cursor:pointer;touch-action:manipulation}.mosaic-tray button{display:flex;align-items:center;gap:.55rem;justify-content:flex-start}.mosaic-tray button.selected{background:#6cffe4;border-color:#b3fff1}.mosaic-mini{display:grid;gap:2px;width:40px;height:40px;align-content:center;justify-content:center}.mosaic-mini i{display:block;width:9px;height:9px;border-radius:2px}.mosaic-mini i.filled{background:hsl(var(--piece-hue) 85% 55%);box-shadow:0 0 0 1px #261536}.mosaic-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mosaic-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.mosaic-actions button{flex:1 1 8rem}.mosaic-actions .next{background:#ffe66d;border-color:#fff2a1}.mosaic-status{min-height:2.8rem;color:#fff0a5;font-weight:800;line-height:1.45}.mosaic-note{color:#eee5ff;line-height:1.6}.mosaic-guide{margin-top:1.4rem}.mosaic-tray button:focus-visible,.mosaic-tools button:focus-visible,.mosaic-actions button:focus-visible,.mosaic-cell:focus-visible,.mosaic-head select:focus-visible{outline:3px solid #62ffe0;outline-offset:3px}.mosaic-tray button:disabled,.mosaic-tools button:disabled,.mosaic-actions button:disabled{opacity:.42;cursor:not-allowed}@media(max-width:780px){.mosaic-shell{padding:.65rem}.mosaic-stats{grid-template-columns:repeat(3,1fr)}.mosaic-workbench{grid-template-columns:1fr}.mosaic-board{max-width:32rem;width:100%;margin:auto}.mosaic-tray{max-height:none}.mosaic-tools button{font-size:.9rem;padding:.42rem}}