/* A bounded collection with visible navigation, never a clipped scrolling gallery. */
#modal.collection-dialog{box-sizing:border-box;width:min(960px,calc(100vw - 32px));height:min(610px,calc(100dvh - 32px));max-width:none;max-height:none;padding:22px;overflow:visible;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}
#modal.collection-dialog:not([open]){display:none}
.collection-dialog .collection-heading h2{margin:0 0 8px;font-size:28px}.collection-dialog .collection-heading p{margin:0;font-size:15px;line-height:1.4;color:#c9def0}
#modal.collection-dialog .owned-grid{display:grid;grid-template-columns:repeat(var(--collection-columns),minmax(0,1fr));grid-template-rows:repeat(var(--collection-rows),minmax(0,1fr));gap:12px;margin:0;min-height:0;overflow:visible}
#modal.collection-dialog .owned-grid article{box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) auto auto 38px;align-items:center;justify-items:center;gap:5px;min-width:0;min-height:0;padding:10px;border:1px solid #a6cee344;border-radius:15px;background:linear-gradient(150deg,#1f516cdd,#102e49ee);text-align:center}
#modal.collection-dialog .owned-preview{display:flex;align-items:center;justify-content:center;width:100%;min-height:0;height:100%;max-height:105px;margin:0;overflow:visible}
#modal.collection-dialog .owned-preview>svg,#modal.collection-dialog .owned-preview .sticker-art{width:auto;max-width:100%;height:100%;max-height:100%;aspect-ratio:1;object-fit:contain}
#modal.collection-dialog .owned-grid b{font:650 16px/1.25 system-ui;color:#ffe2a0}.collection-dialog .owned-grid small,.collection-dialog .owned-grid article>span{font:400 14px/1.25 system-ui;color:#d7eaf6}
#modal.collection-dialog .owned-grid button{width:100%;min-height:38px;padding:6px 12px;font-size:15px;margin:0}
.collection-pagination{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px}.collection-pagination>span{font:500 15px system-ui;white-space:nowrap;color:#d5e9f5}.collection-pagination button{font-size:15px;min-height:44px;padding:9px 18px}.collection-pagination [data-value=done]{margin-left:auto}
@media(max-width:739px){#modal.collection-dialog{width:calc(100vw - 20px);height:min(650px,calc(100dvh - 20px));padding:16px;gap:12px}.collection-dialog .collection-heading h2{font-size:25px}.collection-dialog .collection-heading p{font-size:14px}#modal.collection-dialog .owned-grid{gap:9px}.collection-pagination{gap:7px}.collection-pagination button{padding:8px 10px;font-size:14px}#modal.collection-dialog .owned-grid b{font-size:15px}}
@media(max-height:619px){#modal.collection-dialog{gap:10px;padding:16px}.collection-dialog .collection-heading h2{font-size:24px}.collection-dialog .collection-heading p{font-size:14px}}