.hatch-feed{display:grid;grid-template-columns:1fr;gap:12px;max-width:780px}.hatch-card{border:1px solid var(--border,#293047);border-left:4px solid var(--hatch-color);border-radius:5px;background:var(--card,#19182c);padding:16px;color:var(--text,#d6d8ed);min-width:0;overflow:hidden}.hatch-pet{float:right;width:88px;height:88px;object-fit:contain;margin:0 0 12px 14px;border-radius:5px}.hatch-author{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;min-height:28px}.hatch-author a{color:inherit}.hatch-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.hatch-congrats{font-size:16px;font-weight:700;line-height:1.5;margin:10px 0}.hatch-stats{margin:20px 0 12px;line-height:1.5}.hatch-card code{background:rgba(128,128,160,.18);border-radius:3px;padding:1px 4px}.hatch-card time{font-size:12px}.hatch-settings form{display:flex;align-items:center;gap:16px;flex-wrap:wrap}@media(max-width:900px){.hatch-feed{grid-template-columns:1fr}}@media(max-width:450px){.hatch-pet{width:64px;height:64px}.hatch-card{padding:12px}}

.hatch-history-controls form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.hatch-history-controls label{display:flex;flex-direction:column;gap:6px}.hatch-history-controls input{max-width:260px}.hatch-pagination{display:flex;gap:8px}.hatch-pagination [hidden]{display:none}

.hatch-clan-config{padding:14px 0;border-bottom:1px solid var(--border,#293047)}

.rarity-grid-scroll{overflow-x:auto}.rarity-grid{display:grid;grid-template-columns:120px minmax(180px,1fr) repeat(6,75px) 80px;align-items:center;gap:12px;min-width:940px;padding:16px 12px;border-bottom:1px solid #334155}.rarity-grid-head{font-size:.85rem;color:#94a3b8;font-weight:600}.rarity-grid-head span:nth-child(n+3){text-align:center}.rarity-check{display:flex;justify-content:center}.rarity-check input{width:18px;height:18px;accent-color:#38bdf8;cursor:pointer}.rarity-grid select{width:100%;min-height:38px}.rarity-error{grid-column:1/-1;color:#fca5a5}.rarity-grid:last-child{border-bottom:0}

/* Override the generic hatch form flex layout with an explicit rarity grid. */
.hatch-settings form.rarity-grid,.rarity-grid-head{display:grid;grid-template-columns:110px minmax(180px,1fr) repeat(5,95px) 75px;min-width:940px;gap:12px}.rarity-check{flex-direction:column;align-items:center;gap:7px;font-size:.85rem}.rarity-grid-head span:nth-child(n+3){visibility:hidden}@media(max-width:1000px){.hatch-settings form.rarity-grid{grid-template-columns:repeat(5,minmax(65px,1fr));min-width:0}.rarity-grid-head{display:none}.hatch-settings form.rarity-grid>strong,.hatch-settings form.rarity-grid>select{grid-column:1/-1}.hatch-settings form.rarity-grid>.btn{grid-column:1/-1;justify-self:end}.rarity-grid-scroll{overflow:visible}}