.nominee-opening{--cyan:#35e8ff;--green:#60f28f;--pink:#ff7b9c;--purple:#b38cff;--orange:#ff9f5a;position:absolute;inset:0;z-index:100;min-height:100%;overflow:hidden;padding:calc(18px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));border-radius:0;background:radial-gradient(circle at 50% 32%,rgba(225,186,103,.13),transparent 45%),linear-gradient(180deg,#11100e,#080808 76%);isolation:isolate}
.nominee-opening[hidden]{display:none}.nominee-opening:before,.nominee-opening:after{content:"";position:absolute;top:-5%;width:64%;height:62%;opacity:.22;background:linear-gradient(180deg,rgba(255,225,160,.38),transparent 88%);clip-path:polygon(48% 0,56% 0,100% 100%,0 100%);filter:blur(5px);pointer-events:none}.nominee-opening:before{left:-20%;transform:rotate(-27deg)}.nominee-opening:after{right:-20%;transform:rotate(27deg)}
.nominee-opening .opening-greeting{position:absolute;inset:0;z-index:8;display:grid;place-content:center;text-align:center;padding:34px;transition:opacity .7s ease,transform .7s ease}.nominee-opening .opening-greeting.leaving{opacity:0;transform:translateY(-18px) scale(.96)}.nominee-opening .opening-star{font-size:74px;color:var(--gold2);filter:drop-shadow(0 0 18px currentColor);animation:openingStarFloat 2.6s ease-in-out infinite}.nominee-opening .opening-greeting h2{font-size:30px;margin:12px 0 8px}.nominee-opening .opening-greeting p{margin:5px 0;color:var(--muted)}.nominee-opening .opening-brand{letter-spacing:3px;color:var(--gold2)!important;font-size:11px;font-weight:900}
.nominee-opening .opening-staff-cloud{position:absolute;inset:0;z-index:10;pointer-events:none;opacity:0}.nominee-opening .opening-staff-cloud.visible{opacity:1}.nominee-opening .opening-status{position:absolute;left:16px;right:16px;bottom:28px;z-index:18;text-align:center;color:var(--muted);letter-spacing:1.5px;font-size:11px;font-weight:800;opacity:0;transition:opacity .4s}.nominee-opening .opening-status.visible{opacity:1}
.nominee-opening .opening-staff{position:absolute;width:64px;text-align:center;color:var(--text);will-change:transform,opacity,filter}.nominee-opening .opening-face{width:52px;height:52px;margin:0 auto 5px;border-radius:50%;display:grid;place-items:center;overflow:visible;position:relative;color:var(--text);font-weight:900;background:radial-gradient(circle at 36% 28%,color-mix(in srgb,#171512 66%,var(--staff-color) 34%),#171512 76%);border:2px solid var(--staff-color);box-shadow:0 0 15px color-mix(in srgb,var(--staff-color) 52%,transparent),0 0 31px color-mix(in srgb,var(--staff-color) 20%,transparent);animation:openingFaceGlow 2s ease-in-out infinite alternate}.nominee-opening .opening-face img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(1.2) brightness(1.02)}.nominee-opening .opening-face:after{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,transparent 52%,color-mix(in srgb,var(--staff-color) 36%,transparent) 69%,transparent 76%);filter:blur(2px)}.nominee-opening .opening-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px}.nominee-opening .opening-staff.selecting{z-index:40}.nominee-opening .opening-staff.selecting .opening-face{background:radial-gradient(circle at 38% 31%,#403b34,#171615 70%);border-color:#4c4740;box-shadow:0 0 0 6px rgba(255,215,106,.04),inset 0 0 17px rgba(0,0,0,.78)}.nominee-opening .opening-staff.selecting .opening-face img{filter:saturate(.78) brightness(.85)}
.nominee-opening .opening-trail{position:absolute;z-index:7;width:var(--trail-size);height:var(--trail-size);margin:calc(var(--trail-size)/-2);border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor,0 0 18px currentColor;pointer-events:none}.nominee-opening .opening-comet{position:absolute;z-index:6;width:var(--comet-length);height:5px;margin-top:-2.5px;border-radius:999px;transform-origin:100% 50%;background:linear-gradient(90deg,transparent,currentColor);filter:blur(1.4px) drop-shadow(0 0 7px currentColor);pointer-events:none}.nominee-opening .opening-flare{position:absolute;left:50%;top:26px;width:92px;height:92px;margin:-46px;border-radius:50%;border:2px solid var(--gold2);box-shadow:0 0 25px var(--gold2),inset 0 0 18px rgba(255,225,160,.35);pointer-events:none}.nominee-opening .opening-firework{position:absolute;z-index:45;width:var(--fire-size);height:var(--fire-size);margin:calc(var(--fire-size)/-2);border-radius:50%;color:var(--fire-color);background:currentColor;box-shadow:0 0 8px currentColor,0 0 17px currentColor;pointer-events:none}.nominee-opening .opening-fire-ring{position:absolute;z-index:44;width:60px;height:60px;margin:-30px;border-radius:50%;border:3px solid currentColor;box-shadow:0 0 16px currentColor,inset 0 0 12px currentColor;pointer-events:none}
@keyframes openingStarFloat{0%,100%{transform:translateY(5px) scale(.97);filter:drop-shadow(0 0 11px currentColor)}50%{transform:translateY(-9px) scale(1.04);filter:drop-shadow(0 0 24px currentColor)}}@keyframes openingFaceGlow{from{filter:brightness(.93)}to{filter:brightness(1.22)}}
@media(max-width:380px){.nominee-opening{padding-inline:8px}.nominee-opening .opening-staff{width:56px}.nominee-opening .opening-face{width:46px;height:46px}.nominee-opening .opening-greeting h2{font-size:26px}}