/* Two arcade stations, followed by one shared collection summary. */
#collection .collection-stations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
#collection .collection-layout,#collection .machine{display:grid;grid-template-columns:190px minmax(0,1fr);grid-template-rows:1fr auto;gap:0;min-height:300px;margin:0;padding:0;border:0;border-bottom:4px solid #b76696;box-shadow:none;overflow:hidden;align-items:stretch}
#collection .collection-layout{background:#fff1f8}
#collection .machine{background:#f0f8e9;border-bottom-color:#719658}
#collection .pack-display,#collection .feed-art{grid-column:1;grid-row:1/3;display:flex;align-items:center;justify-content:center;min-height:0;padding:16px 0 24px;background:transparent;box-shadow:none}
#collection .pack-display img,#collection .feed-art img{width:210px;max-width:110%;height:auto;margin:0}
#collection .pack-display:after{left:0;right:0;bottom:0;height:18px;background-size:18px 18px}
#collection .open-panel{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:24px 24px 24px 8px}
#collection .open-panel h3{font-size:40px;margin:0 0 16px;gap:12px}
#collection .open-panel h3 small{font-size:12px;letter-spacing:1px}
#collection .open-panel>p{font-size:16px;line-height:1.5;margin:0 0 22px}
#collection .open-panel .actions{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:12px;min-width:0}
#collection .open-panel .actions .btn{font-size:13px;padding:10px 14px;flex:0 0 auto}
#collection.packs-complete .open-panel{display:none}
#collection .collection-complete{grid-column:2;grid-row:1/3;flex-direction:column;justify-content:center;align-items:flex-start;gap:22px;padding:24px 24px 24px 8px;background:transparent;border:0}
#collection .collection-complete[hidden]{display:none}
#collection .collection-complete>div{display:block}
#collection .collection-complete strong{display:block;font-size:24px;margin:0 0 12px}
#collection .collection-complete span{font-size:16px;line-height:1.5}
#collection .collection-complete .btn{white-space:normal;text-align:left;font-size:13px}
#collection .machine-copy{grid-column:2;grid-row:1;align-self:end;padding:24px 24px 0 8px}
#collection .machine-copy .eyebrow{display:none}
#collection .machine-copy h2{font-size:22px;line-height:1.35;margin:0 0 14px}
#collection .machine-copy p:not(.eyebrow){font-size:16px;line-height:1.5;margin:0 0 10px}
#collection .machine-copy small{font-size:12px!important;line-height:1.5}
#collection .feed-control{grid-column:2;grid-row:2;align-self:start;display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:20px 24px 24px 8px;margin:0;min-height:0;border:0;box-shadow:none;background:transparent;flex-wrap:wrap}
#collection .feed-control>strong{font-size:28px;min-width:0;gap:8px}
#collection .feed-control>strong small{font-size:10px;max-width:42px}
#collection .feed-control .btn{font-size:12px;padding:10px 12px;margin:0}
#collection .collection-info{display:grid;grid-template-columns:190px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:40px;row-gap:4px;align-items:center;justify-content:start;margin:24px 0 0;padding:22px 24px;border:1px solid #c5ddea;background:#e7f4fc}
#collection .collection-count{grid-column:1;grid-row:1}
#collection .collection-count strong{font-size:28px;margin:6px 0}
#collection .progress{grid-column:1;grid-row:2;height:9px;margin:0;border:1px solid #abc7db;background:#d9eaf5}
#collection .progress i{background:#7aaccd}
#collection .score-mini{grid-column:2;grid-row:1/3;justify-content:flex-start;gap:40px}
#collection .score-mini strong{font-size:24px}
#collection .collection-count>span,#collection .score-mini>span,#collection .collection-info p{color:#4e6b85}
#collection .collection-count strong,#collection .score-mini strong{color:#3e5d7d}
#collection .collection-info p{grid-column:1/-1;grid-row:3;font-size:13px;line-height:1.5;margin:12px 0 0}
@media(min-width:1500px){#collection .collection-layout,#collection .machine{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:1100px){#collection .collection-stations{grid-template-columns:1fr;gap:20px}#collection .collection-layout,#collection .machine{grid-template-columns:220px minmax(0,1fr);min-height:260px}#collection .pack-display img,#collection .feed-art img{width:220px;max-width:100%}#collection .machine-copy{padding-top:24px}#collection .feed-control{padding-top:18px}}
@media(max-width:540px){#collection .collection-layout,#collection .machine{grid-template-columns:1fr;grid-template-rows:auto auto auto}#collection .pack-display,#collection .feed-art{grid-column:1;grid-row:1;padding:12px 0 20px}#collection .pack-display img,#collection .feed-art img{width:200px}#collection .pack-display:after{left:24px;right:24px}#collection .open-panel,#collection .collection-complete{grid-column:1;grid-row:2;padding:22px 24px;align-items:stretch}#collection .open-panel .actions{flex-wrap:nowrap}#collection .open-panel .actions .btn{flex:1;padding:10px 8px}#collection .open-panel h3{font-size:34px;margin-bottom:12px}#collection .machine-copy{grid-column:1;grid-row:2;padding:12px 24px 0}#collection .feed-control{grid-column:1;grid-row:3;padding:18px 24px 24px;gap:20px}#collection .collection-info{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 20px;padding:20px;margin-top:20px}#collection .score-mini{gap:16px;flex-wrap:wrap}#collection .score-mini strong{font-size:20px}#collection .collection-count>span,#collection .score-mini>span{font-size:10px}#collection .collection-count strong{font-size:26px}}
#collection .collection-info{grid-template-columns:190px 250px;justify-content:center;column-gap:48px;padding:18px 24px;border:0;border-top:1px solid #c5ddea;border-bottom:1px solid #c5ddea;background:transparent}
#collection .collection-info p{text-align:center;margin-top:10px}
@media(max-width:540px){#collection .collection-info{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;padding:18px 8px}#collection .collection-info p{text-align:left}}
#collection .machine-copy{grid-row:1/3;align-self:center;padding:24px 24px 24px 8px}
#collection .feed-control{padding:20px 0 0}
@media(max-width:540px){#collection .machine-copy{grid-column:1;grid-row:2;padding:12px 24px 24px}#collection .feed-control{padding:18px 0 0}}
/* A quieter continuation of the hero's 32px card-paper motif. */
body{background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M14 9h4v5h5v4h-5v5h-4v-5H9v-4h5z' fill='%23c5e5f7' fill-opacity='.42'/%3E%3C/svg%3E");background-size:32px 32px}
#collection .collection-info{background-color:#eff9fff2}