/* New collection slots reuse this game's paper, jade and existing ornaments. */
.home-tools{gap:42px}
.home-tools .collection-symbol{position:absolute;left:30px;top:11px;width:40px;height:40px;object-fit:contain}
.collection-kind-badge{position:absolute;right:-7px;top:-2px;min-width:44px;height:28px;padding:0 5px;border:1px solid #927445;border-radius:14px;background:#f2e5cc;font:20px/26px PaperCJK,serif;color:#203b31}
.home-collection-preview{display:flex;align-items:center;justify-content:center;gap:8px;height:32px;margin-top:2px;font:22px/30px PaperBrush,PaperCJK,serif;color:#203b31;letter-spacing:0}
.home-collection-preview>span{margin-right:6px}
.home-collection-preview img{width:30px;height:30px;object-fit:contain}
.home-collection-preview .unowned{filter:grayscale(1);opacity:.38}
.modal.collections{width:680px;height:974px;max-height:974px;padding:64px 64px 48px}
.modal.collections h2{font-family:PaperBrush,PaperCJK,serif;font-size:46px;letter-spacing:4px;margin-bottom:12px}
.modal.collections .modal-body{padding:0 6px}
.collection-rule{font-size:26px!important;line-height:1.4;text-align:center;margin:0 0 10px}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;flex:none}
.collection-card{min-width:0;padding:8px 5px;text-align:center;border:1px solid #b8a07a;border-radius:8px;background:#f4ead5b8}
.collection-card.owned{border-color:#53816a;background:#f9efda}
.collection-card>img{display:block;width:82px;height:82px;object-fit:contain;margin:0 auto 4px}
.collection-card.unowned>img{filter:grayscale(1);opacity:.42}
.collection-card h3{font:28px/1.3 PaperBrush,PaperCJK,serif;margin:0 0 4px;color:#203b31}
.collection-quantity{font-size:24px;line-height:1.3;color:#8b3326;white-space:nowrap}
.collection-next{font-size:22px;line-height:1.3;margin-top:4px;white-space:nowrap}
.collection-progress{display:block;height:5px;margin:7px 10px 0;background:#d9ccb0;border-radius:3px;overflow:hidden}
.collection-progress i{display:block;height:100%;background:#447c60}
.collection-summary{font-size:24px!important;line-height:1.4;text-align:center;margin:10px 0 0}
.modal.collections .modal-actions{margin-top:16px}
.collection-save-note{font-size:24px;line-height:1.4;text-align:center;margin:10px 0 0}
.collection-save-note.unsaved{color:#8b3326}
.collection-symbol.unowned{filter:grayscale(1);opacity:.6}

.modal.collections .art-button.primary{width:360px;height:120px;font-size:34px}
.modal.collections,.modal.collections p,.collection-quantity,.collection-next{font-family:PaperBrush,PaperCJK,serif}


/* r38: a visible, mother-sheet-aligned collection commission on home and HUD. */
.home-actions{top:770px}
.continue-badge{top:733px}
.home-tools{margin-top:-12px}
.home-collection-mission{position:relative;width:520px;height:50px;margin-top:0;padding:4px 64px 7px 72px;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;color:#17382e;isolation:isolate}
.home-collection-mission::before{content:'';position:absolute;inset:0;z-index:-1;border-style:solid;border-color:transparent;border-width:0 52px;border-image-source:url('../assets/images/hud-strip.png');border-image-slice:0 84 fill;border-image-width:0 52px;border-image-repeat:stretch;opacity:.96}
.home-collection-mission .collection-task-icon{position:absolute;left:31px;top:7px;width:36px;height:36px;object-fit:contain}
.collection-task-copy{display:flex;min-width:0;flex-direction:column;line-height:1.05}
.collection-task-copy b{font:22px/1.05 PaperBrush,PaperCJK,serif;white-space:nowrap}
.collection-task-copy small{font:20px/1.15 PaperCJK,serif;white-space:nowrap}
.home-collection-mission em{font:700 20px/1 PaperCJK,serif;color:#8b3326;white-space:nowrap}
.home-collection-mission>i,.hud-collection-mission::after{content:'';position:absolute;height:5px;left:73px;bottom:4px;width:calc((100% - 144px)*var(--collection-task-progress)/100);max-width:calc(100% - 144px);border-radius:4px;background:#2c6853;box-shadow:0 0 0 1px #f7eedbaa}
.hud-strip .goals{align-self:flex-start}
.hud-collection-mission{position:absolute;left:65px;bottom:5px;width:500px;height:30px;padding:1px 42px 5px 31px;display:flex;align-items:center;gap:7px;overflow:hidden;border-top:1px solid #ad854766;color:#203b31;text-align:left;background:#f7eedbb8;font:20px/1 PaperCJK,serif}
.hud-collection-mission .collection-task-icon{position:absolute;left:5px;top:3px;width:24px;height:24px;object-fit:contain}
.hud-collection-mission span{display:flex;min-width:0;align-items:baseline;gap:8px;white-space:nowrap}
.hud-collection-mission b{font:700 20px/1 PaperBrush,PaperCJK,serif}
.hud-collection-mission small{font:19px/1 PaperCJK,serif}
.hud-collection-mission::after{left:31px;bottom:1px;height:3px;width:calc((100% - 34px)*var(--collection-task-progress)/100);max-width:calc(100% - 34px)}
.hud-collection-mission:disabled{filter:none;opacity:.82}


/* r38-r2: keep the home commission entirely inside the 1080px mother layout. */
.home-collection-mission{height:32px;padding:2px 64px 5px 60px;grid-template-columns:1fr auto}
.home-collection-mission .collection-task-icon{left:30px;top:4px;width:24px;height:24px}
.home-collection-mission .collection-task-copy{flex-direction:row;align-items:baseline;gap:8px}
.home-collection-mission .collection-task-copy b{font-size:20px}
.home-collection-mission .collection-task-copy small{font-size:19px}
.home-collection-mission em{font-size:19px}
.home-collection-mission>i{left:60px;bottom:2px;height:3px;width:calc((100% - 126px)*var(--collection-task-progress)/100);max-width:calc(100% - 126px)}


/* r38-r3: the collection button itself is the readable commission card. */
.home-tools{gap:18px;align-items:center}
.home-tools .home-collection-mission{width:320px;height:92px;margin:0;padding:9px 48px 16px 74px;grid-template-columns:1fr auto}
.home-tools .home-collection-mission .collection-task-icon{left:22px;top:20px;width:48px;height:48px}
.home-tools .home-collection-mission .collection-task-copy{flex-direction:column;align-items:flex-start;gap:3px}
.home-tools .home-collection-mission .collection-task-copy b{font-size:24px}
.home-tools .home-collection-mission .collection-task-copy small{font-size:21px}
.home-tools .home-collection-mission em{font-size:20px}
.home-tools .home-collection-mission>i{left:74px;bottom:10px;height:5px;width:calc((100% - 128px)*var(--collection-task-progress)/100);max-width:calc(100% - 128px)}


/* r39: layout-only relocation; keep every task asset, label and behavior unchanged. */
.hud-strip .goals{align-self:center}
.hud-collection-mission{left:50px;top:692px;bottom:auto;z-index:5}

/* r40: the approved two-row jade mother owns the whole HUD; live data stays separate. */
.hud-pause{left:704px}
.hud-strip{left:90px;top:99px;width:610px;height:153px;padding:0;gap:0;background:none;isolation:isolate}
.hud-strip::before{display:none}
.hud-strip-art{position:absolute;left:0;top:0;width:610px!important;height:153px!important;object-fit:fill;z-index:-1}
.hud-strip .goals{position:absolute;left:41px;top:15px;width:394px;height:56px;align-items:center;gap:12px}
.hud-strip .goal{gap:6px;min-width:0}
.hud-strip .goal-art:not(.mother-sprite){width:42px;height:46px}
.hud-strip .goal-value{font-size:27px;line-height:1}
.hud-strip .goal-label{font-size:21px;line-height:1.1}
.hud-strip .moves{position:absolute;right:40px;top:13px;width:126px;height:58px;padding-left:14px;gap:4px}
.hud-strip .moves::before{display:none}
.hud-strip .moves strong{font-size:51px;line-height:1}
.hud-strip .moves span{font-size:23px}
.hud-strip:has(.goal:nth-child(3)) .goals{left:34px;width:426px;gap:5px}
.hud-strip:has(.goal:nth-child(3)) .goal{gap:3px}
.hud-strip:has(.goal:nth-child(3)) .goal-value{font-size:22px}
.hud-strip:has(.goal:nth-child(3)) .goal-label{font-size:18px}
.hud-strip:has(.goal:nth-child(3)) .moves{right:31px;width:108px}
.hud-strip:has(.goal:nth-child(3)) .moves strong{font-size:45px}
.hud-collection-mission{left:42px;top:82px;bottom:auto;width:526px;height:52px;padding:0;z-index:5;display:grid;grid-template-columns:40px auto auto auto 40px auto;align-items:center;justify-content:start;gap:7px;overflow:hidden;border:0;background:transparent;color:#203b31;text-align:left;font:17px/1 PaperCJK,serif}
.hud-collection-mission .collection-task-emblem,.hud-collection-mission .collection-reward-icon{display:block;width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 1px 1px #543b2138)}
.hud-collection-mission .collection-task-title{display:block;min-width:0;white-space:nowrap}
.hud-collection-mission .collection-task-title b{font:700 17px/1 PaperBrush,PaperCJK,serif;letter-spacing:.2px}
.hud-collection-mission .collection-kind-dots{display:flex;align-items:center;gap:3px}
.hud-collection-mission .collection-kind-dots i{display:block;width:9px;height:9px;border:1px solid #6d675a;border-radius:50%;background:#d7cfbd;box-shadow:inset 0 1px 2px #fff8,0 1px 1px #473e3144}
.hud-collection-mission .collection-kind-dots i.owned{border-color:#225e49;background:#2c8062;box-shadow:0 0 0 1px #d8c799,inset 0 1px 2px #fff7}
.hud-collection-mission .collection-target{position:relative;min-width:72px;padding-bottom:3px;white-space:nowrap}
.hud-collection-mission .collection-target::after{content:'';position:absolute;left:0;bottom:0;height:2px;width:calc(72px*var(--collection-task-progress)/100);max-width:72px;border-radius:2px;background:#2c6853}
.hud-collection-mission .collection-remaining{font:700 17px/1 PaperCJK,serif;color:#8b3326;white-space:nowrap}
.hud-collection-mission::after{display:none}

/* r51: give the home commission two owned text rows and a separate remainder badge. */
.home-tools .home-collection-mission{width:360px;height:92px;padding:9px 18px 16px 74px;display:block}
.home-tools .home-collection-mission .collection-task-copy{width:100%;height:55px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1}
.home-tools .home-collection-mission .collection-task-copy b{display:block;max-width:100%;font-size:22px;line-height:25px;white-space:nowrap}
.home-tools .home-collection-mission .collection-task-copy small{display:block;width:100%;padding-right:48px;box-sizing:border-box;font-size:19px;line-height:23px;white-space:nowrap}
.home-tools .home-collection-mission em{position:absolute;right:18px;top:48px;font-size:17px;line-height:20px}
.home-tools .home-collection-mission>i{left:74px;bottom:10px;height:5px;width:calc((100% - 92px)*var(--collection-task-progress)/100);max-width:calc(100% - 92px)}