.highest-gift{isolation:isolate;width:100%;container-type:inline-size}.highest-gift-source{place-items:center;width:100vw;height:100vh;display:grid}.highest-gift-source .highest-gift{width:min(100vw,147.059vh)}.hg-stage{aspect-ratio:500/340;width:100%;color:var(--hg-name);direction:ltr;position:relative;overflow:hidden}.hg-stage *{box-sizing:border-box}.hg-scenery{pointer-events:none;width:100%;height:100%;filter:drop-shadow(0 0 calc(1.5cqw * var(--hg-glow)) color-mix(in srgb,var(--hg-accent) 40%,transparent));position:absolute;inset:0}.hg-scene-fill{background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--hg-secondary) 35%,var(--hg-bg)),var(--hg-bg));opacity:var(--hg-opacity);border-radius:40% 40% 8% 8%;position:absolute;inset:15% 11% 12%}.hg-frame,.hg-sparks{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.hg-title{min-height:7%;color:var(--hg-accent);font-size:calc(2.7cqw * var(--hg-font));letter-spacing:.06em;text-shadow:0 .3cqw 1cqw #000;border-block:1px solid color-mix(in srgb,var(--hg-accent) 65%,transparent);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--hg-bg) 80%,transparent),transparent);justify-content:center;align-items:center;gap:1.6cqw;padding:.8cqw 2cqw;font-weight:900;line-height:1.5;display:flex;position:absolute;inset:20% 23% auto}.hg-title svg{flex:none;width:4cqw;height:4cqw}.hg-title span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hg-art{width:44%;height:calc(48% - 14% * var(--hg-font));justify-content:center;align-items:center;display:flex;position:absolute;top:33%;left:16%}.hg-art:after{content:"";z-index:-1;background:var(--hg-accent);filter:blur(1.8cqw);opacity:.35;border-radius:50%;height:10%;position:absolute;bottom:-1%;left:12%;right:12%}.hg-gift-image{width:calc(90% * var(--hg-gift));height:calc(90% * var(--hg-gift));object-fit:contain;filter:drop-shadow(0 1cqw 1cqw #0009);max-width:100%;max-height:100%}.hg-gift-fallback{width:20cqw;height:20cqw;color:var(--hg-accent)}.hg-sender{flex-direction:column;justify-content:flex-start;align-items:center;gap:3cqw;width:25%;height:42%;display:flex;position:absolute;top:36%;left:60%}.hg-portrait{width:calc(13cqw * var(--hg-avatar));height:calc(13cqw * var(--hg-avatar));border:.5cqw solid var(--hg-accent);box-shadow:0 0 0 .7cqw #fff2,0 0 calc(3cqw * var(--hg-glow)) color-mix(in srgb,var(--hg-accent) 60%,transparent),inset 0 0 1cqw #fff6;background:#21121f;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.hg-portrait>.hg-avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.hg-portrait>svg:not(.hg-sender-crown){width:60%;height:60%}.hg-sender-crown{width:5cqw;height:5cqw;color:var(--hg-accent);fill:var(--hg-accent);filter:drop-shadow(0 0 .7cqw var(--hg-accent));position:absolute;top:-5cqw;left:50%;transform:translate(-50%)}.hg-pearl-ring{pointer-events:none;border:.35cqw dotted #fff9;border-radius:50%;position:absolute;inset:-1.2cqw}.hg-ring-shine{background:conic-gradient(transparent 0 70%,#fff 78%,var(--hg-accent) 81%,transparent 86%);pointer-events:none;border-radius:50%;position:absolute;inset:-1.6cqw;-webkit-mask:radial-gradient(circle,#0000 0 64%,#000 66% 72%,#0000 74%);mask:radial-gradient(circle,#0000 0 64%,#000 66% 72%,#0000 74%)}.hg-name{font-weight:800;font-size:calc(2.8cqw * var(--hg-font));color:var(--hg-name);text-shadow:0 .2cqw .8cqw #000;text-align:center;border-block:1px solid var(--hg-accent);background:linear-gradient(90deg,transparent,var(--hg-bg),transparent);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;width:100%;min-height:4.7cqw;padding:.7cqw 1cqw;line-height:1.45;display:-webkit-box;position:relative;overflow:hidden}.hg-details{text-align:center;position:absolute;bottom:15%;left:15%;right:41%}.hg-gift-name{font-size:calc(2.5cqw * var(--hg-font));color:var(--hg-name);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 .2cqw .7cqw #000;font-weight:700;line-height:1.6;overflow:hidden}.hg-coins{font-size:calc(4.7cqw * var(--hg-font));color:var(--hg-value);font-variant-numeric:tabular-nums;text-shadow:0 .3cqw .8cqw #000,0 0 calc(2cqw * var(--hg-glow)) color-mix(in srgb,var(--hg-accent) 50%,transparent);justify-content:center;align-items:center;gap:1.3cqw;font-weight:900;line-height:1.35;display:flex}.hg-coins svg{flex:none;width:4cqw;height:4cqw}.hg-glass .hg-title{top:13%;color:var(--hg-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--hg-bg) 80%,#fff),var(--hg-bg));box-shadow:0 0 2cqw color-mix(in srgb,var(--hg-accent) 30%,transparent);border:1px solid #ffeaf3;border-radius:8cqw;inset-inline:25%}.hg-glass .hg-art{width:47%;height:calc(50% - 12% * var(--hg-font));top:27%;left:14%}.hg-glass .hg-sender{gap:calc(5.2cqw * var(--hg-avatar));width:25%;top:36%;left:61%}.hg-glass .hg-portrait{box-shadow:none;background:0 0;border:0}.hg-glass .hg-name{flex:none}.hg-glass .hg-portrait>.hg-avatar-image{object-fit:cover;border-radius:50%;width:84%;height:84%}.hg-flower-ring{object-fit:contain;pointer-events:none;z-index:1;width:176%;max-width:none;height:176%;max-height:none;position:absolute;inset:-38%}.hg-flower-crown{object-fit:contain;z-index:2;pointer-events:none;width:156%;max-width:none;height:65%;max-height:none;position:absolute;top:-40%;left:-28%}.hg-glass .hg-pearl-ring,.hg-glass .hg-ring-shine{display:none}.hg-glass .hg-name{border:.2cqw solid var(--hg-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--hg-secondary) 35%,var(--hg-bg)),var(--hg-bg));border-radius:1cqw;box-shadow:0 0 1cqw #ffb5d433}.hg-glass .hg-details{bottom:16%;left:14%;right:40%}.hg-neon .hg-title{top:17%;border:1px solid var(--hg-accent);background:linear-gradient(120deg,var(--hg-bg),color-mix(in srgb,var(--hg-secondary) 25%,var(--hg-bg)));border-radius:1cqw;inset-inline:24%}.hg-neon .hg-art{width:46%;height:calc(48% - 14% * var(--hg-font));top:31%;left:15%}.hg-neon .hg-portrait{border:.9cqw ridge var(--hg-accent);box-shadow:0 0 0 .7cqw color-mix(in srgb,var(--hg-secondary) 60%,transparent),0 0 calc(4cqw * var(--hg-glow)) color-mix(in srgb,var(--hg-accent) 65%,transparent)}.hg-neon .hg-portrait:before{content:"";border:.7cqw double var(--hg-accent);clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);position:absolute;inset:-2cqw;transform:rotate(22.5deg)}.hg-neon .hg-name{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--hg-secondary) 30%,var(--hg-bg)),transparent)}.hg-motion .hg-stage{animation:.65s both hg-arrive}.hg-motion .hg-gift-image{animation:hg-float var(--hg-duration) ease-in-out infinite}.hg-motion .hg-ring-shine{animation:hg-spin calc(var(--hg-duration) * 1.5) linear infinite}.hg-motion .hg-spark{animation:hg-sparkle calc(var(--hg-duration) * .6) ease-in-out infinite}.hg-motion .hg-lantern{animation:hg-light var(--hg-duration) ease-in-out infinite}.hg-motion .hg-delay{animation-delay:-2s}@keyframes hg-arrive{0%{opacity:0;transform:translateY(1cqw)scale(.97)}to{opacity:1;transform:none}}@keyframes hg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.8cqw)}}@keyframes hg-spin{to{transform:rotate(360deg)}}@keyframes hg-sparkle{0%,to{opacity:.2}50%{opacity:1}}@keyframes hg-light{50%{filter:drop-shadow(0 0 3px #ffe29c);opacity:.8}}@media (prefers-reduced-motion:reduce){.highest-gift *{animation:none!important}}