#fightFeatureModal{z-index:1001;align-items:center;justify-content:center;padding:24px;overflow:auto;background:#16142566}#fightFeatureModal .txf-card{font-family:Arial,"PingFang SC",sans-serif;color:#14131c;max-height:94vh;overflow:auto}.txf-card{width:min(920px,100%);border-radius:24px;overflow:hidden;box-shadow:0 30px 100px #10092355;background:white;position:relative}.txf-hero{height:410px;position:relative;background:#12141b;overflow:hidden}.txf-hero img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}.txf-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d1019 0%,#0d1019ee 27%,#0d101985 50%,transparent 75%)}.txf-copy{position:absolute;inset:38px auto auto 38px;color:white;width:54%}.txf-brand{font-size:24px;font-weight:900;letter-spacing:-1px}.txf-brand span{color:#b39aff}.txf-badge{display:inline-flex;margin-top:34px;font-size:12px;letter-spacing:2px;color:#d9cfff;align-items:center;gap:8px}.txf-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#ae8aff;box-shadow:0 0 12px #ae8aff}.txf-copy h1{font-size:48px;letter-spacing:-2px;line-height:1.18;margin:16px 0}.txf-copy h1 em{font-style:normal;color:#c5b1ff}.txf-sub{font-size:15px;line-height:1.8;color:#d1d2df;margin:0;max-width:370px}.txf-tags{display:flex;gap:8px;margin-top:23px;flex-wrap:wrap}.txf-tags span{padding:7px 11px;border:1px solid #ffffff30;border-radius:6px;font-size:12px;color:#ddd}.txf-close{position:absolute;right:18px;top:16px;border:1px solid #ffffff55;color:white;background:#14121e44;border-radius:50%;width:34px;height:34px;font-size:25px;cursor:pointer;z-index:2}.txf-bottom{padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.txf-bottom strong{font-size:21px;display:block}.txf-bottom p{font-size:13px;color:#797587;margin:8px 0 0}.txf-cta{border:0;background:#17141e;color:white;border-radius:40px;padding:19px 30px;font-size:17px;font-weight:bold;white-space:nowrap;cursor:pointer}.txf-cta:hover{background:#7654e8}@media(max-width:600px){#fightFeatureModal{padding:16px}.txf-hero{height:430px}.txf-hero img{object-position:64% 50%}.txf-shade{background:linear-gradient(0deg,#0d1019 0%,#0d1019bb 50%,#0d101920 100%)}.txf-copy{inset:auto 24px 25px;width:auto}.txf-brand{font-size:20px}.txf-badge{margin-top:25px}.txf-copy h1{font-size:35px;letter-spacing:-1px}.txf-sub{font-size:13px}.txf-tags{margin-top:17px}.txf-bottom{padding:22px;display:block}.txf-bottom strong{font-size:18px}.txf-cta{width:100%;margin-top:20px;padding:16px}}
/* Match the actual available viewport, including OS scaling and browser zoom. */
#bindRewardModal .bindcard-wrap{width:min(780px,82vw,calc(78vh * 1.7908));width:min(780px,82vw,calc(78dvh * 1.7908));max-width:none;flex-shrink:0}
#fightFeatureModal .txf-card{box-sizing:border-box;container-type:inline-size;width:min(820px,82vw,calc(78vh * 1.76));width:min(820px,82vw,calc(78dvh * 1.76));max-height:calc(100dvh - 32px);flex-shrink:0}
@media(min-width:601px){
#fightFeatureModal .txf-card{border-radius:22px}
#fightFeatureModal .txf-hero{height:44.565cqw}
#fightFeatureModal .txf-copy{inset:4.13cqw auto auto 4.13cqw}
#fightFeatureModal .txf-brand{font-size:2.61cqw}
#fightFeatureModal .txf-badge{margin-top:3.70cqw;font-size:1.305cqw;letter-spacing:.217cqw;gap:.87cqw}
#fightFeatureModal .txf-copy h1{font-size:5.217cqw;letter-spacing:-.217cqw;margin:1.74cqw 0}
#fightFeatureModal .txf-sub{font-size:1.63cqw;max-width:40.22cqw}
#fightFeatureModal .txf-tags{gap:.87cqw;margin-top:2.5cqw}
#fightFeatureModal .txf-tags span{padding:.76cqw 1.196cqw;border-radius:.652cqw;font-size:1.305cqw}
#fightFeatureModal .txf-bottom{padding:2.826cqw 3.478cqw;gap:2.61cqw}
#fightFeatureModal .txf-bottom strong{font-size:2.283cqw}
#fightFeatureModal .txf-bottom p{font-size:1.413cqw;margin:.87cqw 0 0}
#fightFeatureModal .txf-cta{padding:2.065cqw 3.26cqw;font-size:1.848cqw}
#fightFeatureModal .txf-close{right:1.96cqw;top:1.74cqw;width:3.70cqw;height:3.70cqw;font-size:2.72cqw;min-width:28px;min-height:28px}
}
@media(max-width:600px){
#bindRewardModal .bindcard-wrap{width:min(calc(100vw - 32px),calc(76dvh * 1.7908))}
#fightFeatureModal .txf-card{width:min(380px,calc(100vw - 32px));border-radius:20px}
#fightFeatureModal .txf-hero{height:min(430px,56dvh)}
#fightFeatureModal .txf-bottom{padding:18px 22px}
#fightFeatureModal .txf-cta{margin-top:16px}
}
@media(max-height:500px) and (max-width:600px){
#fightFeatureModal .txf-card{width:min(500px,82vw,calc(74dvh * 1.76))}
#fightFeatureModal .txf-hero{height:44.565cqw}
#fightFeatureModal .txf-copy{inset:4cqw auto auto 4cqw;width:54%}
#fightFeatureModal .txf-shade{background:linear-gradient(90deg,#0d1019 0%,#0d1019ee 27%,#0d101985 50%,transparent 75%)}
#fightFeatureModal .txf-brand{font-size:2.61cqw}#fightFeatureModal .txf-badge{margin-top:3cqw;font-size:1.4cqw;letter-spacing:.2cqw}
#fightFeatureModal .txf-copy h1{font-size:5.2cqw;margin:1.7cqw 0;letter-spacing:-.2cqw}
#fightFeatureModal .txf-sub{font-size:1.65cqw}#fightFeatureModal .txf-tags{margin-top:2cqw;gap:.8cqw}#fightFeatureModal .txf-tags span{font-size:1.3cqw;padding:.7cqw 1.2cqw}
#fightFeatureModal .txf-bottom{display:flex;padding:2.8cqw 3.4cqw;gap:2.6cqw}#fightFeatureModal .txf-bottom strong{font-size:2.28cqw}#fightFeatureModal .txf-bottom p{font-size:1.41cqw;margin:.87cqw 0 0}#fightFeatureModal .txf-cta{width:auto;margin:0;font-size:1.85cqw;padding:2cqw 3.2cqw}
}