.sponsor-card-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;will-change:opacity}.sponsor-card-modal.active{opacity:1;visibility:visible}.sponsor-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(0,0,0,.75) 0,rgba(10,10,20,.85) 50%,rgba(0,0,0,.9) 100%);will-change:opacity}.sponsor-card-container{position:relative;z-index:10000;transform:scale(.9) translateY(10px);transition:transform .3s cubic-bezier(.34, 1.56, .64, 1);will-change:transform}.sponsor-card-modal.active .sponsor-card-container{transform:scale(1) translateY(0)}.sponsor-close-btn{position:absolute;top:-20px;right:-20px;width:50px;height:50px;border:none;border-radius:50%;background:linear-gradient(135deg,#d1b06b 0,#f2b300 100%);color:#1a1a1a;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(209,176,107,.5);transition:transform .2s,box-shadow .2s;z-index:10001;will-change:transform}.sponsor-close-btn:hover{transform:rotate(90deg) scale(1.1);box-shadow:0 6px 20px rgba(209,176,107,.7)}.sponsor-close-btn:active{transform:rotate(90deg) scale(.95)}.sponsor-card{width:680px;max-height:80vh;min-height:400px;background:linear-gradient(145deg,#1e1e1e 0,#2a2a2a 50%,#1e1e1e 100%);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.8),0 0 0 1px rgba(209,176,107,.2),inset 0 0 60px rgba(209,176,107,.05);overflow:visible;position:relative;will-change:transform;display:flex;flex-direction:column}.dungeon-magic-aura{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(209,176,107,.15) 0,rgba(242,179,0,.1) 30%,transparent 70%);border-radius:50%;animation:4s ease-in-out infinite magicAuraPulse;pointer-events:none;will-change:transform,opacity;z-index:0}@keyframes magicAuraPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.9}}.angel-wings{position:absolute;top:15%;left:50%;transform:translateX(-50%);width:300px;height:120px;pointer-events:none;z-index:3}.wing-left,.wing-right{position:absolute;top:50%;width:100px;height:80px;background:linear-gradient(135deg,rgba(209,176,107,.4) 0,rgba(242,179,0,.2) 50%,transparent 100%);clip-path:polygon(0% 50%,30% 0%,100% 30%,100% 70%,30% 100%);animation:3s ease-in-out infinite wingFloat;will-change:transform,opacity}.wing-left{left:20px;transform:translateY(-50%) rotate(-15deg);animation-delay:0s}.wing-right{right:20px;transform:translateY(-50%) rotate(15deg) scaleX(-1);animation-delay:.5s;animation-name:wingFloatRight}@keyframes wingFloat{0%,100%{transform:translateY(-50%) rotate(-15deg);opacity:.6}50%{transform:translateY(-55%) rotate(-12deg);opacity:.9}}@keyframes wingFloatRight{0%,100%{transform:translateY(-50%) rotate(15deg) scaleX(-1);opacity:.6}50%{transform:translateY(-55%) rotate(12deg) scaleX(-1);opacity:.9}}.dungeon-sparkles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.sparkle-1,.sparkle-2,.sparkle-3,.sparkle-4,.sparkle-5,.sparkle-6{position:absolute;color:rgba(255,255,255,.8);font-size:12px;text-shadow:0 0 10px rgba(209,176,107,.8);will-change:transform,opacity}.sparkle-1{top:15%;left:15%;animation:2.5s ease-in-out infinite sparkleAnim}.sparkle-2{top:20%;right:20%;animation:3s ease-in-out .5s infinite sparkleAnim}.sparkle-3{top:45%;left:8%;animation:2.8s ease-in-out 1s infinite sparkleAnim}.sparkle-4{top:50%;right:10%;animation:3.2s ease-in-out 1.5s infinite sparkleAnim}.sparkle-5{bottom:30%;left:18%;animation:2.6s ease-in-out 2s infinite sparkleAnim}.sparkle-6{bottom:25%;right:15%;animation:3s ease-in-out 2.5s infinite sparkleAnim}@keyframes sparkleAnim{0%,100%{transform:scale(.5) rotate(0);opacity:.2}25%{transform:scale(1.2) rotate(45deg);opacity:1}50%{transform:scale(.8) rotate(90deg);opacity:.6}75%{transform:scale(1) rotate(135deg);opacity:.3}}.sponsor-card-inner{padding:30px 30px 20px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:5;flex:1;overflow-y:auto}.sponsor-hall-title{text-align:center;margin-bottom:20px;position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:15px}.hall-icon{color:#d1b06b;font-size:1.5em;text-shadow:0 0 15px rgba(209,176,107,.6);animation:2s ease-in-out infinite crownPulse}@keyframes crownPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.hall-heading{font-size:2em;font-weight:700;color:#f1f1f1;margin:0;background:linear-gradient(135deg,#f1f1f1 0,#d1b06b 50%,#f2b300 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(209,176,107,.3)}.top-donors{display:flex;justify-content:center;gap:20px;margin-bottom:20px;padding:15px 10px}.top-donor-item{display:flex;flex-direction:column;align-items:center;padding:15px 12px;background:rgba(209,176,107,.08);border:2px solid rgba(209,176,107,.3);border-radius:12px;transition:.3s;position:relative;overflow:hidden;min-width:140px}.top-donor-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d1b06b,#f2b300,#d1b06b);transform:scaleX(0);transition:transform .3s}.top-donor-item:hover{background:rgba(209,176,107,.15);border-color:rgba(209,176,107,.5);transform:translateY(-5px);box-shadow:0 8px 25px rgba(209,176,107,.3)}.top-donor-item:hover::before{transform:scaleX(1)}.top-donor-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#d1b06b,#f2b300);display:flex;align-items:center;justify-content:center;font-size:1.5em;font-weight:700;color:#1a1a1a;margin-bottom:10px;box-shadow:0 4px 12px rgba(209,176,107,.4)}.top-donor-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid gold;box-shadow:0 4px 15px rgba(255,215,0,.5)}.top-donor-name{font-size:1em;font-weight:600;color:#f1f1f1;text-align:center;margin-bottom:8px;word-break:break-all}.top-donor-amount{font-size:.9em;color:#f2b300;font-weight:600;display:flex;align-items:center;gap:5px}.top-donor-amount i{font-size:.9em}.top-donor-item.rank-1,.top-donor-item.rank-2,.top-donor-item.rank-3{background:rgba(255,215,0,.12);border-color:rgba(255,215,0,.5);box-shadow:0 0 20px rgba(255,215,0,.3),inset 0 0 20px rgba(255,215,0,.1)}.top-donor-item.rank-1 .top-donor-avatar,.top-donor-item.rank-2 .top-donor-avatar,.top-donor-item.rank-3 .top-donor-avatar{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 20px rgba(255,215,0,.5)}.top-donor-item.rank-1 .top-donor-amount,.top-donor-item.rank-2 .top-donor-amount,.top-donor-item.rank-3 .top-donor-amount{color:gold}.donor-list-container{width:100%;flex:1;overflow-y:auto;margin:10px 0 20px;padding:0 5px;scrollbar-width:thin;scrollbar-color:rgba(209,176,107,0.3) transparent}.donor-list-container::-webkit-scrollbar{width:6px}.donor-list-container::-webkit-scrollbar-track{background:0 0}.donor-list-container::-webkit-scrollbar-thumb{background:rgba(209,176,107,.3);border-radius:3px}.donor-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:5px}.donor-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(209,176,107,.05);border:1px solid rgba(209,176,107,.15);border-radius:8px;transition:.3s;position:relative;overflow:hidden}.donor-item::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#d1b06b,#f2b300,#d1b06b);transform:scaleY(0);transition:transform .3s}.donor-item:hover{background:rgba(209,176,107,.1);border-color:rgba(209,176,107,.3);transform:translateY(-2px);box-shadow:0 4px 15px rgba(209,176,107,.2)}.donor-item:hover::before{transform:scaleY(1)}.donor-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.donor-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#d1b06b,#f2b300);display:flex;align-items:center;justify-content:center;font-size:.95em;font-weight:700;color:#1a1a1a;flex-shrink:0;box-shadow:0 2px 6px rgba(209,176,107,.3)}.donor-name{font-size:.9em;font-weight:600;color:#f1f1f1;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donor-amount{font-size:.85em;color:#d1b06b;font-weight:500;display:flex;align-items:center;gap:4px;flex-shrink:0}.donor-amount i{font-size:.8em}.sponsor-card::before{content:'';position:absolute;top:0;left:0;right:0;height:280px;background:radial-gradient(ellipse at center top,rgba(102,126,234,.12) 0,transparent 70%);pointer-events:none}.sponsor-avatar-container{position:relative;width:160px;height:160px;margin-bottom:30px;will-change:transform}.sponsor-avatar-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;background:radial-gradient(circle,rgba(209,176,107,.3) 0,rgba(242,179,0,.15) 40%,transparent 70%);border-radius:50%;animation:4s ease-in-out infinite avatarGlow;pointer-events:none;will-change:opacity,transform}@keyframes avatarGlow{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.9}}.sponsor-avatar-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:170px;height:170px;border:3px solid transparent;border-radius:50%;background:linear-gradient(135deg,#d1b06b,#f2b300,#d1b06b) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:25s linear infinite ringRotate;pointer-events:none;will-change:transform}@keyframes ringRotate{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.sponsor-avatar-link{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;z-index:6;display:block;text-decoration:none}.sponsor-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #1e1e1e;box-shadow:0 8px 30px rgba(0,0,0,.5),0 0 20px rgba(209,176,107,.3);transition:transform .2s,box-shadow .2s;will-change:transform}.sponsor-avatar-link:hover .sponsor-avatar{transform:scale(1.05);box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 30px rgba(209,176,107,.5)}.sponsor-name-container{text-align:center;margin-bottom:35px;position:relative;z-index:5}.sponsor-name-title{font-size:.9em;color:#d1b06b;letter-spacing:4px;text-transform:uppercase;margin-bottom:12px;opacity:.9;font-weight:500;text-shadow:0 0 10px rgba(209,176,107,.5)}.sponsor-name{font-size:2.8em;font-weight:700;color:#f1f1f1;margin:0;background:linear-gradient(135deg,#f1f1f1 0,#d1b06b 50%,#f2b300 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;text-shadow:0 0 30px rgba(209,176,107,.3)}.sponsor-name::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent,#d1b06b,transparent);border-radius:2px}.sponsor-name-decoration{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px}.decoration-line{width:40px;height:1px;background:linear-gradient(90deg,transparent 0,rgba(209,176,107,.6) 50%,transparent 100%)}.decoration-star{color:#d1b06b;font-size:14px;animation:3s ease-in-out infinite starPulse;will-change:transform,opacity;text-shadow:0 0 10px rgba(209,176,107,.8)}@keyframes starPulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.sponsor-message{text-align:center;position:relative;z-index:5;padding:25px 20px;background:rgba(209,176,107,.05);border-radius:16px;border:1px solid rgba(209,176,107,.15);margin-bottom:25px;box-shadow:inset 0 0 30px rgba(209,176,107,.1)}.sponsor-message-text{font-size:1.15em;color:#f1f1f1;margin:0 0 12px;line-height:1.6;font-weight:500}.message-icon{color:#e74c3c;margin-right:8px;animation:2s ease-in-out infinite heartBeat;display:inline-block;text-shadow:0 0 10px rgba(231,76,60,.8);will-change:transform}@keyframes heartBeat{0%,100%,30%{transform:scale(1)}15%{transform:scale(1.25)}45%{transform:scale(1.15)}}.sponsor-message-subtext{font-size:.95em;color:#aaa;margin:0;line-height:1.5}.sponsor-badge-link{display:inline-block;text-decoration:none;margin-top:20px}.sponsor-badge.dungeon-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#d1b06b 0,#f2b300 100%);border-radius:25px;color:#1a1a1a;font-weight:600;font-size:.95em;box-shadow:0 4px 15px rgba(209,176,107,.4),0 0 20px rgba(242,179,0,.3);transition:transform .2s,box-shadow .2s;will-change:transform;position:relative;overflow:hidden}.sponsor-badge.dungeon-badge::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translateX(-100%) rotate(45deg);transition:transform .6s}.sponsor-badge-link:hover .sponsor-badge.dungeon-badge::before{transform:translateX(100%) rotate(45deg)}.sponsor-badge-link:hover .sponsor-badge.dungeon-badge{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px rgba(209,176,107,.6),0 0 30px rgba(242,179,0,.5)}.sponsor-badge i{font-size:1.1em;text-shadow:0 0 5px rgba(255,255,255,.5)}.sponsor-card-container .particle{position:absolute;width:4px;height:4px;background:linear-gradient(135deg,#d1b06b,#f2b300);border-radius:50%;pointer-events:none;animation:5s ease-in-out infinite floatParticle;will-change:transform,opacity;box-shadow:0 0 10px rgba(209,176,107,.6)}@keyframes floatParticle{0%,100%{transform:translateY(0) translateX(0);opacity:.4}50%{transform:translateY(-20px) translateX(10px);opacity:.8}}@media (max-width:768px){.sponsor-card{width:90vw;max-width:540px;max-height:75vh}.sponsor-card-inner{padding:25px 20px 15px}.hall-heading{font-size:1.6em}.hall-icon{font-size:1.3em}.top-donors{gap:12px;padding:10px 8px}.top-donor-item{min-width:100px;padding:12px 10px}.top-donor-avatar{width:45px;height:45px;font-size:1.2em;margin-bottom:8px}.top-donor-name{font-size:.9em;margin-bottom:6px}.donor-amount,.top-donor-amount{font-size:.8em}.donor-list{grid-template-columns:repeat(3,1fr);gap:8px}.donor-item{padding:8px 10px}.donor-left{gap:8px}.donor-avatar{width:28px;height:28px;font-size:.85em}.donor-name{font-size:.85em}.dungeon-magic-aura{width:350px;height:350px}.angel-wings{width:260px;height:100px}.wing-left,.wing-right{width:85px;height:70px}.sponsor-message-text{font-size:1em}.sponsor-close-btn{top:-15px;right:-15px;width:45px;height:45px;font-size:18px}.sparkle-1,.sparkle-2,.sparkle-3,.sparkle-4,.sparkle-5,.sparkle-6{font-size:10px}}@media (max-width:480px){.sponsor-card{width:95vw;max-height:70vh}.sponsor-card-inner{padding:20px 15px 10px}.hall-heading{font-size:1.4em}.hall-icon{font-size:1.1em}.top-donors{gap:8px;padding:8px 6px}.top-donor-item{min-width:85px;padding:10px 8px}.top-donor-avatar{width:38px;height:38px;font-size:1em;margin-bottom:6px}.top-donor-name{font-size:.85em;margin-bottom:5px}.donor-amount,.top-donor-amount{font-size:.75em}.donor-list{grid-template-columns:repeat(3,1fr);gap:6px}.donor-item{padding:6px 8px}.donor-left{gap:6px}.donor-avatar{width:24px;height:24px;font-size:.8em}.donor-name{font-size:.8em}.dungeon-magic-aura{width:300px;height:300px}.angel-wings{width:220px;height:85px}.wing-left,.wing-right{width:70px;height:60px}.sponsor-message{padding:15px 12px}.sponsor-message-text{font-size:.95em}.sponsor-message-subtext{font-size:.85em}.sponsor-badge.dungeon-badge{padding:8px 18px;font-size:.85em}.sparkle-3,.sparkle-4,.sparkle-5{display:none}}@media (prefers-color-scheme:dark){.sponsor-card{background:linear-gradient(145deg,#1a1a1a 0,#252525 50%,#1a1a1a 100%)}}@media (prefers-reduced-motion:reduce){.angel-wings .wing-left,.angel-wings .wing-right,.decoration-star,.dungeon-magic-aura,.message-icon,.sparkle-1,.sparkle-2,.sparkle-3,.sparkle-4,.sparkle-5,.sparkle-6,.sponsor-avatar-glow,.sponsor-avatar-ring,.sponsor-badge.dungeon-badge::before,.sponsor-card-container .particle{animation:none!important}.sponsor-card-container{transform:scale(.9);transition:opacity .2s;will-change:opacity}.sponsor-card-modal.active .sponsor-card-container{transform:scale(1)}}@media (prefers-contrast:high){.sponsor-badge.dungeon-badge,.sponsor-card{border:2px solid #d1b06b}.sponsor-avatar{border:4px solid #d1b06b}.sponsor-message{border:2px solid rgba(209,176,107,.4)}}