/* Invite event screen. Layout tokens come from .pet-collection-screen; only event-specific pieces live here. */
#inviteEventMount{display:contents}
.invite-screen{--invite-red:#e8664f}
body[data-egg-tone="light"] .invite-screen{--invite-red:#b8452f}
.invite-screen .pet-collection-content{gap:0;padding:4px 0 24px}

.invite-entry-button{border:1px solid rgba(232,110,90,.45);background:linear-gradient(155deg,#3a1a14,#24100b);box-shadow:0 8px 20px -6px rgba(232,110,90,.4)}
.invite-entry-icon{position:relative;width:24px;height:17px;margin-top:-4px;border-radius:3px;background:#f2e3c6;overflow:hidden}
.invite-entry-icon::before{content:"";position:absolute;inset:0 0 auto;height:12px;background:#d9c096;clip-path:polygon(0 0,100% 0,50% 100%)}
.invite-entry-icon::after{content:"";position:absolute;left:50%;top:7px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff8a70,#c7412c 70%);transform:translateX(-50%)}
.invite-entry-days{position:absolute;left:50%;bottom:-7px;padding:2px 5px 3px;border:1.5px solid #0c0c0c;border-radius:6px;background:#e8664f;color:#fff;font:800 9px/1 Inter,system-ui,sans-serif;transform:translateX(-50%);white-space:nowrap}
body[data-egg-tone="light"] .invite-entry-days{border-color:#efe9db}

.invite-countdown{display:flex;align-items:center;gap:8px;margin:0 14px 10px;padding:9px 12px;border:1.5px dashed var(--invite-red);border-radius:12px;color:var(--text);font:400 13px/1.2 "Comic Neue",cursive}
.invite-countdown b{display:block;color:var(--invite-red);font:800 10px/1.4 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.invite-countdown > i{color:var(--invite-red);font-size:16px}
.invite-clock{margin-left:auto;display:flex;gap:4px}
.invite-clock span{min-width:30px;padding:4px 5px;border-radius:6px;background:var(--tile);color:var(--text);text-align:center;font:800 12px/1 Inter,system-ui,sans-serif}
.invite-clock span i{display:block;margin-top:2px;color:var(--sub);font:600 8px/1 Inter,system-ui,sans-serif;font-style:normal;text-transform:uppercase}

.invite-hero{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 14px;padding:14px 16px 16px;border:1px solid var(--border);border-radius:20px;background:var(--tile);text-align:center}
.invite-hero .pet-entry-stamp{position:absolute;top:12px;left:12px;border-color:var(--invite-red);color:var(--invite-red);font-size:12px}
.invite-hero-art{width:112px;height:112px}
.invite-hero-art > *{width:100%;height:100%;object-fit:contain}
/* The hero cycles owned Lemos through the collection's .aura-ghost crossfade, so the art sits one level deeper. */
.invite-hero-art .aura-ghost-frame > *{width:100%;height:100%;object-fit:contain}
.invite-hero small{margin-top:2px;color:var(--sub);font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.invite-hero h2{margin:6px 0 4px;color:var(--text);font:700 22px/1.1 "Comic Neue",cursive}
.invite-hero p{margin:0 0 14px;color:var(--sub);font:400 14px/1.35 "Comic Neue",cursive}
.invite-link{align-self:stretch;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border:1.5px dashed var(--border);border-radius:12px;background:var(--page)}
.invite-link span{flex:1;min-width:0;overflow:hidden;color:var(--text);text-align:left;text-overflow:ellipsis;white-space:nowrap;font:700 14px/1 Inter,system-ui,sans-serif}
.invite-link button{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--tile);color:var(--text);cursor:pointer;font:700 12px/1 Inter,system-ui,sans-serif}
.invite-share{align-self:stretch;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:12px;border:0;border-radius:12px;background:linear-gradient(155deg,var(--claim-orange-light) 0%,var(--claim-orange) 70%);box-shadow:0 3px 8px var(--claim-glow),inset 0 1px 0 rgba(255,255,255,.4);color:var(--claim-text);cursor:pointer;font:800 13px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.invite-share i{font-size:16px}

.invite-section{margin-top:22px}
.invite-heading{display:flex;align-items:baseline;gap:8px;padding:0 14px 10px}
.invite-heading h2{margin:0;color:var(--text);font:700 16px/1 "Comic Neue",cursive}
.invite-heading span{margin-left:auto;color:var(--sub);font:400 12px/1 "Comic Neue",cursive}
.invite-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin:0 14px;padding:4px 0 0}
.invite-track::before,.invite-track::after{content:"";position:absolute;top:36px;left:16.66%;height:2px;border-radius:2px}
.invite-track::before{right:16.66%;background:var(--border)}
.invite-track::after{width:calc(66.66% * var(--invite-progress, 0));background:var(--claim-orange)}
.invite-stop{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.invite-stop-art{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--page);box-shadow:0 0 0 1px var(--border)}
.invite-stop-art .la-orb{width:100%;height:100%}
.invite-stop-art.is-ember{color:var(--claim-orange)}
.invite-stop-art.is-ember svg{width:26px;height:26px;fill:currentColor}
.invite-stop b{margin-top:2px;color:var(--text);font:700 13px/1.1 "Comic Neue",cursive}
.invite-stop em{color:var(--sub);font:400 11.5px/1.2 "Comic Neue",cursive;font-style:normal}
.invite-stop em.is-only{color:var(--invite-red)}
.invite-stop.is-locked .invite-stop-art > *{opacity:.35;filter:grayscale(.6)}
.invite-stop .pet-set-claimed{position:absolute;top:44px;background:var(--page)}
.invite-stop .pet-set-claim{position:absolute;top:42px}

.invite-perk-card{display:flex;align-items:center;gap:12px;margin:12px 14px 0;padding:11px 13px;border:1px solid var(--border);border-radius:14px;background:var(--tile)}
.invite-perk-orb{width:46px;height:46px;flex:0 0 46px}
.invite-perk-orb .la-orb{width:100%;height:100%}
.invite-perk-card div{min-width:0}
.invite-perk-card b{display:flex;align-items:center;gap:5px;color:var(--claim-orange);font:700 13px/1.2 "Comic Neue",cursive}
.invite-perk-card b svg{width:12px;height:12px;fill:currentColor}
.invite-perk-card p{margin:2px 0 0;color:var(--sub);font:400 12.5px/1.35 "Comic Neue",cursive}
.invite-joins{display:flex;flex-direction:column;margin:0 14px;border:1px solid var(--border);border-radius:16px;background:var(--tile);overflow:hidden}
.invite-join{display:flex;align-items:center;gap:10px;padding:10px 12px}
.invite-join + .invite-join{border-top:1px dashed var(--border)}
.invite-avatar{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;background:var(--page);color:var(--sub);font:700 15px/1 "Comic Neue",cursive}
.invite-join-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.invite-join-main b{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font:700 14px/1 "Comic Neue",cursive}
.invite-join-main small{color:var(--sub);font:400 12px/1 "Comic Neue",cursive}
.invite-join.is-muted{opacity:.55}
.invite-rules{margin:12px 20px 0;color:var(--sub);text-align:center;font:400 12.5px/1.4 "Comic Neue",cursive}
.invite-empty{margin:0 14px;color:var(--sub);font:400 13px/1.4 "Comic Neue",cursive}