/* Generated folder sprites; category copy remains selectable/editable HTML. */
.folder-launch{left:48%;top:49%;width:26vw;max-width:420px;aspect-ratio:2.65}
.folder-object{transform:none}
.folder-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.folder-object>.folder-art{filter:drop-shadow(0 15px 13px #24282024)}
.folder-launch-hint{transform:translateY(10px);font-size:10px}
.folder-travel{top:74%;width:min(66vw,840px);aspect-ratio:2.65;perspective:none}
.folder-expanded-object{transform-style:flat;filter:drop-shadow(0 22px 24px #24282032)}
.folder-expanded-object>.folder-art{position:absolute;inset:0}
.folder-art-open{opacity:0}
#folder-dialog[open] .folder-art-closed{animation:folder-art-rest .64s ease both}
#folder-dialog[open] .folder-art-open{animation:folder-art-open .64s ease both}
@keyframes folder-art-rest{0%,22%{opacity:1}90%,100%{opacity:0}}
@keyframes folder-art-open{0%,22%{opacity:0}90%,100%{opacity:1}}
#folder-dialog.is-closing .folder-art-closed{animation:folder-art-restore .25s ease both}
#folder-dialog.is-closing .folder-art-open{animation:folder-art-hide .25s ease both}
@keyframes folder-art-restore{from{opacity:0}to{opacity:1}}
@keyframes folder-art-hide{from{opacity:1}to{opacity:0}}
.folder-category{border:3px solid #f9edcc;border-radius:17px;background:#f3e4c7;box-shadow:inset 0 0 0 1px #fff5dc,0 14px 28px #24282030;padding:8px 8px 17px}
.folder-category>img{border-radius:10px;border:1px solid #dcc7a2;background:#fffaf0}
.folder-category-name{background:var(--category-color,#d99b35);color:var(--category-ink,#fff6d9);border:1px solid #fff5cf55;border-radius:10px;padding:7px 22px;margin:13px 0 12px;box-shadow:0 3px 0 var(--category-shadow,#a36b24);font-size:clamp(17px,1.65vw,25px);text-shadow:0 1px 1px #24282020}
.folder-category-summary{color:#453e2c;opacity:1;line-height:1.8;padding:0 10px;font-size:clamp(10px,1vw,13px)}
.folder-category-foot{color:#696044;opacity:1;font-size:8px}
#folder-dialog[open] .folder-category{animation-delay:calc(.32s + var(--order)*.09s)}
@media(min-width:761px) and (max-width:1000px){.folder-travel{width:78vw;top:74%}.folder-category-grid{gap:18px}.folder-category-name{padding:7px 14px}.folder-category-summary{font-size:10px}}
@media(max-height:650px) and (min-width:761px){.folder-travel{top:77%;width:58vw}.folder-category-name{padding:5px 15px;margin:10px 0}.folder-category-foot{font-size:7px}}
@media(max-width:760px){.folder-launch{left:50%;top:78%;width:72vw;min-width:230px;max-width:340px}.folder-launch-hint{transform:translateY(9px);font-size:9px}.folder-travel{top:87%;width:90vw;max-width:400px}.folder-category{border-radius:15px;padding-bottom:18px}.folder-category-name{font-size:22px;padding:8px 23px}.folder-category-summary{font-size:12px}.folder-category-foot{font-size:8px}#folder-dialog[open] .folder-category{animation-delay:calc(.20s + var(--order)*.05s)}}
@media(max-width:760px) and (max-height:740px){.folder-launch{top:76%}}
@media(prefers-reduced-motion:reduce){#folder-dialog[open] .folder-art-closed{animation:none;opacity:0}#folder-dialog[open] .folder-art-open{animation:none;opacity:1}#folder-dialog.is-closing .folder-art-closed{animation:none;opacity:1}#folder-dialog.is-closing .folder-art-open{animation:none;opacity:0}}
#folder-dialog[open].is-closing .folder-category{animation-delay:0s}
.folder-cover-empty{display:grid;place-items:center;min-height:120px;aspect-ratio:16/9;width:100%;background:#f4eedc;color:#7e826c;font-size:14px}
