main{max-width:1160px;padding-top:28px}.hatch-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.hatch-heading h1{font-size:42px;margin:10px 0 0}.hatch-heading .eyebrow{font-size:9px;margin:0}.hatch-tools{display:flex;gap:22px;align-items:center}.hatch-tools button{font-size:11px;color:#b5bda9}.row-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0 16px}.row-heading h2{font-size:17px;letter-spacing:-.5px;font-weight:500;margin:0}.row-heading>span{font-size:10px;color:var(--muted)}.row-heading p{font-size:11px;color:var(--muted);margin:9px 0 0}.daily-heading{margin-top:30px}.free-label{font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:1.2px;color:var(--lime);border:1px solid #d3f79a30;border-radius:4px;padding:4px 6px;margin-left:12px;vertical-align:middle}.egg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.egg-card{position:relative;display:flex;flex-direction:column;align-items:center;isolation:isolate;overflow:hidden;min-width:0;padding:25px 22px 0;border:1px solid color-mix(in srgb,var(--rarity) 23%,#24272e);border-radius:16px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--rarity) 11%,#191c22),#191c22 78%);color:var(--text);transition:transform .18s,border-color .18s,box-shadow .18s;touch-action:manipulation}.egg-card:hover:not(:disabled){transform:translateY(-5px);border-color:var(--rarity);box-shadow:0 10px 40px #0004,0 0 30px color-mix(in srgb,var(--rarity) 9%,transparent)}.egg-card:active:not(:disabled){transform:translateY(0) scale(.98)}.egg-card h3{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:0 0 10px}.egg-rarity{font-size:8px;letter-spacing:1.5px;font-weight:700;color:var(--rarity);border:1px solid color-mix(in srgb,var(--rarity) 25%,transparent);padding:6px 9px;border-radius:5px}.card-egg-scene{position:relative;display:grid;place-items:center;width:100%;height:205px;margin:3px 0 0}.card-egg-scene .egg{width:112px;height:145px;animation:float 4s ease-in-out infinite;z-index:1;pointer-events:none}.egg-card:nth-child(2) .egg{animation-delay:-1.3s}.egg-card:nth-child(3) .egg{animation-delay:-2.6s}.card-egg-scene .egg b{font-size:30px}.card-egg-scene .aura{width:220px;height:210px}.egg-floor{position:absolute;bottom:16px;width:140px;height:19px;background:radial-gradient(ellipse,color-mix(in srgb,var(--rarity) 20%,transparent),transparent 65%);border-radius:50%}.card-chance{font-size:10px;color:#929aa7;margin-bottom:19px}.card-price{width:calc(100% + 44px);background:#ffffff03;border-top:1px solid color-mix(in srgb,var(--rarity) 20%,#24272e);padding:17px 22px;font-size:15px;color:var(--rarity);font-weight:700;text-align:center;margin-top:auto}.card-price>span{float:right;opacity:.65}.daily-card{padding-top:21px;background:radial-gradient(ellipse at 50% 48%,#2b3037,#191c22 78%)}.daily-card h3{font-size:20px}.daily-card .card-egg-scene{height:160px}.daily-card .egg{width:87px;height:112px}.daily-card .egg b{font-size:25px}.daily-card .card-chance{margin-bottom:16px}.daily-card .card-price{color:var(--lime);font-size:12px}.claimed{opacity:.5;filter:saturate(.2)}.claimed .egg{animation:none}.hatch-footnote{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;color:var(--muted);font-size:10px}.hatch-footnote .text-button{font-size:11px}.hatch-footnote b{margin:0 8px;color:var(--text);font-weight:500}#resume-row{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;background:#d3f79a0d;border:1px solid #d3f79a30;border-radius:10px;gap:16px;margin:12px 0 22px;font-size:12px;color:var(--lime)}#resume-row[hidden]{display:none}#resume-row .primary{padding:9px 14px;font-size:11px}footer{margin-top:30px}#tap-egg{user-select:none;-webkit-user-select:none;touch-action:manipulation}#tap-egg .egg{pointer-events:none}.egg-card *{pointer-events:none}
@media(max-width:760px){main{padding:23px 4vw 0}.hatch-heading{gap:10px;margin-bottom:25px}.hatch-heading h1{font-size:34px}.hatch-heading .eyebrow{font-size:7px;letter-spacing:1.2px}.hatch-tools{flex-direction:column;gap:0;align-items:flex-end}.hatch-tools button{font-size:10px;padding:6px 0}.row-heading h2{font-size:15px}.row-heading>span{font-size:8px}.egg-grid{gap:9px}.egg-card{padding:17px 7px 0;border-radius:11px}.egg-card h3{font-size:clamp(13px,3.3vw,20px);letter-spacing:-.4px;margin-bottom:8px}.egg-rarity{font-size:6px;letter-spacing:.5px;padding:5px 4px;white-space:nowrap}.card-egg-scene{height:145px}.card-egg-scene .egg{width:70px;height:91px}.card-egg-scene .egg b{font-size:20px}.card-egg-scene .aura{width:130px;height:140px}.egg-floor{width:90px;bottom:17px}.card-chance{font-size:7px;line-height:1.5;margin:0 0 12px;max-width:85px}.card-price{width:calc(100% + 14px);padding:13px 8px;font-size:12px}.card-price>span{display:none}.daily-heading{margin-top:26px;align-items:flex-end}.daily-heading p{font-size:9px;max-width:190px;line-height:1.5}.free-label{display:none}.daily-card{padding-top:17px}.daily-card h3{font-size:14px}.daily-card .card-egg-scene{height:128px}.daily-card .egg{width:62px;height:80px}.daily-card .egg b{font-size:19px}.hatch-footnote{flex-wrap:wrap;justify-content:center;font-size:8px;text-align:center}.hatch-footnote .text-button{font-size:10px}#resume-row{font-size:10px}#resume-row .primary{white-space:nowrap;padding:9px;font-size:10px}.row-heading>span#daily-note{max-width:90px;text-align:right;line-height:1.5}}