#rummageBox,#rummageDetail{box-sizing:border-box;background:#33281f;color:#eee2c9;border:2px solid #8e7354;padding:0;max-height:96dvh;overflow:auto;box-shadow:0 14px 60px #0009}
#rummageBox{width:min(820px,96vw)}
#rummageBox::backdrop,#rummageDetail::backdrop{background:#08121dc9}
#rummageBox header,#rummageDetail header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}
#rummageBox h2,#rummageDetail h2{font:600 18px/1.3 Georgia,serif;margin:0}
#rummageBox button,#rummageDetail button{min-height:44px;padding:8px 12px;color:#eee2c9;background:#514133;border:1px solid #ad9777;font:13px/1.4 'DM Mono',monospace;cursor:pointer}
#rummageCanvas{display:block;width:min(100%,74dvh);height:auto;aspect-ratio:1;margin:auto;touch-action:none;user-select:none;cursor:grab}
#rummageCanvas:active{cursor:grabbing}
#rummageHint,#rummageStatus{font:italic 14px/1.4 Georgia,serif;margin:6px 16px;text-align:center}
#rummageStatus:empty{display:none}
#rummageDetail{width:min(510px,94vw);padding-bottom:16px}
#rummageDetailImage{display:block;width:85%;max-height:48dvh;object-fit:contain;margin:8px auto;filter:drop-shadow(2px 5px 5px #0005)}
#rummageDetailCopy{margin:16px 24px;font:italic 20px/1.5 Georgia,serif}
#rummageDetailAction{display:block;margin:12px auto}
#rummageDetailAction[hidden],#rummageHint[hidden]{display:none}
@media(max-width:500px){#rummageBox header{padding:10px}#rummageBox h2{font-size:16px}#rummageCanvas{width:100%}}