.spawn-head{z-index:1;justify-content:space-between;align-items:baseline;gap:0 var(--s-3);margin-bottom:var(--s-3);flex-wrap:wrap;display:flex;position:relative}.spawn-head h2 a{text-decoration:none}.spawn-next{color:var(--muted);font-size:var(--size-s);font-weight:700}.spawn-next .num{color:var(--text);font-family:var(--font-display);font-size:var(--size-m);font-weight:400}.spawn-bell{z-index:1;align-items:center;gap:var(--s-1);min-height:44px;margin-top:calc(-1 * var(--s-2));font-weight:700;text-decoration:none;display:inline-flex;position:relative}.spawn-field{isolation:isolate;position:relative}.spawn-glow{pointer-events:none;position:absolute}.spawns{--row:9.5rem;grid-template-rows:repeat(6, var(--row));gap:var(--s-2);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.spawns-home{grid-template-rows:repeat(2, var(--row))}.spawns-home>:nth-child(n+3){display:none}.spawn-wait{justify-content:center;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-panel);background:var(--surface) url(/speckle.svg);color:var(--muted);flex-direction:column;grid-row:1/-1;font-weight:700;display:flex}.spawn-wait:before{content:"";aspect-ratio:1;background:var(--surface-lip);width:6.5rem;clip-path:var(--clip-dome)}.spawn-slot{--r:var(--yolk);--glow:var(--r);position:relative}.spawn-slot[data-rarity=secret]{--glow:#fff}.spawn-slot[data-fresh]{z-index:1}.spawn-field[data-ring] .spawn-slot[data-fresh]:after{content:"";border-radius:var(--r-panel);box-shadow:inset 0 0 0 3px var(--glow), inset 0 0 12px 3px var(--glow), 0 0 16px 3px var(--glow);pointer-events:none;animation:.6s ease-out spawn-ring-in,1.6s ease-in-out .6s infinite alternate spawn-glow;position:absolute;inset:0}@keyframes spawn-ring-in{0%{opacity:0}to{opacity:.55}}@keyframes spawn-glow{0%{opacity:.55}to{opacity:1}}.spawn{--text:#fff4df;--muted:#cdbb9f;align-content:center;gap:var(--s-1) var(--s-3);height:100%;padding:var(--s-2);border-radius:var(--r-panel);box-shadow:inset 0 calc(-1 * var(--lip)) 0 #120d07;color:var(--text);-webkit-tap-highlight-color:transparent;background:#271e13;grid-template-columns:6.5rem minmax(0,1fr);text-decoration:none;display:grid;overflow:hidden}.spawn:active{box-shadow:none}.spawn-stage{aspect-ratio:1;position:relative}.spawn-dome{background:var(--r);clip-path:var(--clip-dome);position:absolute;inset:6% 0 4%}.spawn-ground{background:#0003;border-radius:50%;height:7%;position:absolute;bottom:8%;left:20%;right:20%}.spawn-art{position:absolute;inset:0 4% 4%}.spawn-art.shift{inset:0 16% 12% 0}.spawn-art img,.spawn-pet img{object-fit:contain;width:100%;height:100%;display:block}.spawn-pet{aspect-ratio:1;border:3px solid var(--r);border-radius:var(--r-input);background:#fff1d6;width:42%;padding:4%;position:absolute;bottom:0;right:0}.spawn-info{flex-direction:column;justify-content:center;gap:1px;min-width:0;display:flex}.spawn-name{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:1.0625rem;font-weight:700;line-height:1.12;display:-webkit-box;overflow:hidden}.spawn-line{gap:var(--s-1);font-size:var(--size-s);color:var(--muted);white-space:nowrap;line-height:1.25;display:flex}.spawn-line b{color:var(--text);text-overflow:ellipsis;overflow:hidden}.spawn-big{font-family:var(--font-display);font-size:var(--size-l);line-height:1.1}.spawn-rarity{color:var(--text);font-weight:700}.spawn-age{margin-left:auto}[data-fresh] .spawn-age{color:var(--text);font-weight:700}.spawn-facts{justify-content:space-between;gap:var(--s-2);padding:0 var(--s-1) 2px;font-size:var(--size-s);white-space:nowrap;grid-column:1/-1;margin:0;line-height:1.25;display:flex}.spawn-facts div{gap:var(--s-1);display:flex}.spawn-facts dt{color:var(--muted)}.spawn-facts dd{margin:0;font-weight:700}@media (width>=40rem){.spawns{grid-template-rows:repeat(3, var(--row));gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr))}.spawns-home{grid-template-rows:repeat(2, var(--row))}.spawns-home>:nth-child(n+3){display:revert}.spawns-home>:nth-child(n+5){display:none}.spawn-wait{grid-column:1/-1}}@media (width>=60rem){.spawns,.spawns-home{grid-template-rows:repeat(2, var(--row));grid-template-columns:repeat(3,minmax(0,1fr))}.spawns-home>:nth-child(n+5){display:revert}.spawns>:nth-child(n+7){display:none}}
