/* Every entrance uses a complete horizontal frame at its original 2:1 ratio. */
.eris-vip-entry-stage{position:relative;display:grid;justify-items:center;gap:8px;width:min(440px,92vw,calc((100dvh - 84px) * 2));max-width:100%;min-width:0}
.eris-vip-entrance .eris-vip-entry-banner{display:block;width:100%;aspect-ratio:2/1;padding:0;border:0;border-radius:0;background:none;box-shadow:none;filter:none;color:#fff}
.eris-vip-entrance .eris-vip-entry-banner:before{content:"";position:absolute;inset:16% 4% 10%;border:0;border-radius:16px;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--entry-accent) 17%,#121522),#080b16);box-shadow:0 8px 30px #0008;pointer-events:none}
.eris-vip-entrance .eris-vip-entry-banner:after{content:"";position:absolute;inset:14% 4% 10%;border:2px solid var(--entry-metal);border-radius:16px;opacity:1;pointer-events:none}
.eris-vip-entrance .eris-vip-entry-banner.has-art:after{display:none}
.eris-vip-entry-frame{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1}
.eris-vip-entry-frame[hidden]{display:none}
.eris-vip-entry-content{position:absolute;left:11%;right:11%;top:34%;bottom:32%;display:grid;grid-template-columns:minmax(0,clamp(40px,13vw,66px)) minmax(0,1fr);gap:clamp(8px,2.6vw,14px);align-items:center;min-width:0;z-index:2}
.eris-vip-entrance .eris-vip-entry-portrait{position:relative;display:grid;place-items:center;width:100%;height:auto;aspect-ratio:1;max-height:100%;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none;min-width:0;font-size:22px}
.eris-vip-entry-face{display:grid;place-items:center;box-sizing:border-box;width:90%;aspect-ratio:1;border:1px solid var(--entry-metal);border-radius:50%;overflow:hidden;background:#181e2a;box-shadow:0 0 12px color-mix(in srgb,var(--entry-accent) 25%,transparent)}
.eris-vip-entry-face img{display:block;width:100%;height:100%;object-fit:cover}
.eris-vip-entry-portrait.has-frame .eris-vip-entry-face{width:74%;border:0;box-shadow:none}
.eris-vip-entrance .eris-vip-entry-avatar-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.eris-vip-entrance .eris-vip-entry-identity{min-width:0;gap:3px;text-shadow:0 1px 4px #0008}
.eris-vip-entrance .eris-vip-entry-identity small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(8px,2.25vw,10px);line-height:1.4;letter-spacing:.025em;color:var(--entry-metal)}
.eris-vip-entrance .eris-vip-entry-identity strong{font-size:clamp(12px,3.7vw,18px);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eris-vip-entrance .eris-vip-entry-identity span{font-size:clamp(9px,2.5vw,11px);line-height:1.4;color:#cdd4e4}
.eris-vip-entrance .eris-vip-entry-dismiss{position:static;transform:none;min-height:44px;margin:0;padding:9px 16px;max-width:100%;justify-self:center}
.eris-vip-entry-reward-art{display:block;width:100%;max-width:240px;aspect-ratio:2/1;object-fit:contain;background:#090d17;border-radius:12px;margin:8px 0}
.appearance-item[data-entrance]>img{height:auto;aspect-ratio:2/1;object-fit:contain;background:#090d17;border-radius:8px}
@media(max-height:350px){.eris-vip-entry-content{grid-template-columns:minmax(0,44px) minmax(0,1fr)}.eris-vip-entrance .eris-vip-entry-identity strong{font-size:12px}.eris-vip-entrance .eris-vip-entry-identity small{font-size:8px}}