.progress[hidden]{display:none!important}.level-navigation{background:white;border:1px solid var(--line);border-radius:15px;padding:12px;margin-bottom:10px;flex-shrink:0}.tracker-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;gap:5px}.tracker-heading label{font-size:12px;font-weight:700;color:var(--green)}#trackerCount{font-size:9px;color:var(--muted)}#levelSelector #levelPicker{width:100%;max-width:none;font-size:10px;padding:6px}#levelTracker{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:8px}.tracked-level{padding:4px 0;font-size:9px;border:1px solid #dae2d5;border-radius:5px;min-width:0;color:var(--muted);background:#f5f6f0}.tracked-level.done{color:white;background:#21594d;border-color:#21594d}.tracked-level.current{outline:2px solid #b7762d;outline-offset:1px;font-weight:700}.tracker-key{font-size:8px;color:var(--muted);margin:7px 0 0}aside .note{padding:12px}aside .note p{font-size:10px}.control-panel{flex-shrink:0}@media(min-width:701px) and (max-height:750px){.level-navigation{padding:9px;margin-bottom:7px}#levelTracker{gap:3px;margin-top:6px}.tracked-level{padding:2px 0}.tracker-key{margin-top:5px}.control-panel{padding:11px}.control-panel .actions{margin-top:9px;gap:5px}.control-panel .actions button{padding:7px}.control-panel #feedback{min-height:45px;margin-top:7px;font-size:10px}.control-panel #conditions p{font-size:10px;margin:4px 0}aside .note{padding:9px}aside .note p{font-size:9px}}@media(max-width:700px){aside{display:contents}.level-navigation{order:-1;padding:7px 9px;margin:0;border-radius:12px}.tracker-heading{margin:0 0 4px}.tracker-heading label{font-size:10px}#trackerCount{font-size:8px}#levelSelector{position:absolute;right:20px;top:60px;width:155px}#levelSelector #levelPicker{font-size:8px;padding:3px}#levelTracker{grid-template-columns:repeat(13,1fr);gap:3px;margin-top:5px}.tracked-level{padding:3px 0;font-size:8px}.tracker-key{font-size:7px;margin-top:4px}.control-panel{order:1}.workspace{order:0}.intro{min-height:35px}.intro>div:first-child{max-width:170px}.intro h1{font-size:17px}.intro .eyebrow{font-size:6px}}@media(max-width:700px) and (max-height:620px){.intro{display:none}#levelSelector{position:static;width:100%}.level-navigation{padding:5px 8px}#levelTracker{gap:2px;margin-top:4px}.tracked-level{padding:1px 0}.tracker-key{display:none}.tracker-heading{display:none}}
.control-panel #feedback{min-height:48px;font-size:11px}.control-panel .actions{margin-top:12px}.control-panel .actions button{padding:9px}.level-navigation{padding:10px}.tracked-level{padding:3px 0}
@media(min-width:701px){.control-panel:has(#next:not([hidden])) #check,.control-panel #next{flex-basis:45%!important}.control-panel #hint,.control-panel #undo{order:1}.control-panel #check,.control-panel #next{order:0}}
#motifSymmetry{font-size:9px;margin-top:8px;padding-top:7px;border-top:1px solid var(--line)}
#wallpaperPanel{flex-shrink:0}#wallpaper .infinite-preview{object-fit:cover}
.wallpaper-mode #wallpaperPanel,.shape-wallpaper #wallpaperPanel{width:min(300px,42cqw);flex-shrink:0}
#wallpaper{width:100%;height:auto;aspect-ratio:1!important}
#wallpaper .infinite-preview{width:100%;height:100%}
#boardCaption,#wallpaperPanel>p{display:none!important}