.width-100{width:90%;margin:0 auto}
.mockHeader,.mockBanner,.groupRow,.ctaRow,.modalHead,.modalFoot,.resultsMeta,.actions,.label,.modal-actions{display:flex}
.groupRow,.ctaRow,.resultsMeta,.actions{flex-wrap:wrap}
.mockHeader,.mockBanner,.modal-actions{align-items:center;justify-content:center}
.ctaRow,.resultsMeta{align-items:center;justify-content:space-between}
.modalHead{align-items:center;justify-content:center}
.modalHead h2{margin:0;font-size:24px;color:var(--white);font-weight:500;}
.modalFoot{justify-content:space-around}
.vbtn,.cta,.modalClose,.btnGhost,.btnConfirm,.linkBtn{cursor:pointer}
.h2,.vbtn.is-selected,.cta,.modalTitle,.btnConfirm,.linkBtn,.teamName,.pill{font-weight:900}
.cta:disabled,.btnConfirm:disabled{opacity:.45;cursor:not-allowed}
.cta:disabled{opacity:.4}
.modalHead{border-width:0 0 1px}
.modalFoot{border-width:1px 0 0}
.mockHeader{height:58px;background:#cfcfcf;font-size:22px}
.mockBanner{height:210px;background:#b8b8b8;font-size:28px}
.voting.container{max-width:1400px;margin:0 auto;padding:18px 14px 10px}
.team-details-section .container{padding:0}
.caption{background:var(--skyGradient);border-radius:30px 30px 0 0;}
.caption h3{color:var(--white);text-indent:1pc;}
section .award h5{background:transparent;color:var(--theme);margin:10px 0;text-align:left;text-indent:1pc;border-radius:0;    overflow: visible;background:var(--redtoblueGradient);background-clip: text;
 -webkit-background-clip: color: transparent;
 -webkit-text-fill-color: transparent;}
.award{background:var(--gradientAward);padding:20px;border-radius:30px 30px 0 0;overflow:hidden}
.award::before{position:absolute;content:"";width:170px;height:114px;left:-40px;top:-5px;transform:rotate(-27deg);background:url("../img/jd_card.jpg") no-repeat 0 0 /cover;z-index:0;opacity:.2;border-radius:10px;overflow:hidden;}
.award h5.jd > img{width:30px;transform:rotate(-30deg);}
.awardSection{padding:20px 0 0}
.award ul{padding-left:20px;}
.award ul li{color:var(--white);list-style-position:outside;list-style-image: url(../img/arrow_list.svg);margin:5px 0}
.award ul li strong{color:var(--white);background:var(--skyBlue);font-size:12px;border-radius:100px;padding:0 5px;margin-left:3px;}
.award ul.tag {padding:0}
.award ul.tag li{list-style-position:inherit;list-style-image:none;margin:0;background:var(--whiteAwardOpacity);border-radius:100px;padding: 2px 10px;margin:1%;}
.iconVoting{right:20px;top:-20px;width:70px;height:70px;z-index:0}
.card{overflow:hidden}
.team{padding:0px;border-top:1px solid var(--line);width:100%;}
.team .finish{margin:0 auto;border-radius:5px;background:#c2efcc;border:1px solid #b5ddbe;padding:3px 0;font-weight:400;}
.team .finish img{width:15px;height:15px;margin-right:3px;}
.team h2{margin:20px 0;}.team h4{margin:10px 0 5px;}
.team:first-child{border-top:none}
.h2{margin:0 0 12px;font-size:20px;letter-spacing:.2px}
.hint{color:var(--muted);margin:0}
.vbtn:hover{background:#f9fafb}
.vbtn:active{transform:translateY(1px)}
.groupRow{gap:10px;justify-content:center;padding:10px 0 0;}
.teamGrid{display:grid;gap:10px;margin:0;grid-template-columns:repeat(8,minmax(0,1fr))}
.team-btn{transition:opacity .22s ease,filter .22s ease,transform .18s ease,box-shadow .22s ease}
.team-btn.is-locked{opacity:.25;filter:grayscale(1);pointer-events:none;box-shadow:none}
.team-btn.is-unlocked{opacity:1;filter:none;pointer-events:auto}
.selectedText{font-size:16px;padding:12px 14px;border:1px dashed var(--border);font-weight:400;border-radius: var(--radius);transition:all .5s ease;}
.selectedText strong{font-weight:200;color:#9d9999;}
.ctaRow{gap:12px;width: 100%;}
.cta{min-width:180px;padding:12px 16px;background:#111827;color:var(--white);border:1px solid #111827;border-radius:10px;box-shadow:none}
.cta:hover{background:#0b1220}
#voting{display:flex;flex-direction:column;gap:10px;scroll-margin-top:60px;}
#votingresults{display:none;flex-direction:column;gap:12px}
.vote-modal-overlay{position:fixed;inset:0;background:#000c;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;z-index:999}
.vote-modal{position:fixed;left:50%;bottom:0;transform:translate(-50%,100%);width:min(520px,calc(100% - 24px));background: #2C50D4;
background: linear-gradient(144deg, rgba(44, 80, 212, 1) 0%, rgba(52, 141, 213, 1) 100%);border-radius:16px 16px 0 0;height:330px;box-shadow:0 30px 60px #00000040;overflow:hidden;transition:transform .2s ease-in-out;z-index:1000;pointer-events:none}
.vote-modal:after{position:absolute;content:"";width:280px;height:220px;right:-10%;bottom:-7%;background:url(../img/bg_popup.png) no-repeat right bottom / 100% 100%;z-index:0;mix-blend-mode: soft-light;}
.vote-modal.is-open{transform:translate(-50%,0);pointer-events:auto}
.vote-modal-overlay.is-open{opacity:1;pointer-events:auto}
.modalHead{padding:14px 16px;background:#22158829}
.modalTitle{font-weight:900}
.modalClose{width:36px;height:36px;border-radius:10px;font-size:18px;line-height:1;color:var(--white);}
.modalBody{position:relative;z-index:1;padding:16px}
.modalBody .big{font-size:16px;font-weight:400;margin-bottom:6px;color:var(--white);}
.modalBody .small{font-size: 14px;color: var(--white);line-height:1.5;display: inline-block;padding: 10px;border-radius: 100px;margin: 10px 0 0;border: 1px solid var(--white);background:var(--shadow-light)}
#modalPickText{color: var(--lightYellow);}
.modalFoot{padding:14px 16px;gap:50px;position:relative;z-index:1;margin-top:30px}
.btnGhost{background:#4184e5;border:1px solid #6994e3;padding:10px 12px;font-weight:300;color:#a2c2f0}
.btnConfirm,.btnGhost{width:45%;border-radius:3px}
.btnConfirm{background:#111827;border:1px solid #111827;color:var(--white);padding:10px 14px;}
.resultsMeta{gap:10px}
.pillInfo,.myVote{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;font-size:16px;border:1px solid #616bdb;margin:0 auto;}
.pillInfo p{margin:0;}
.myVote{background:rgb(122 138 0 / 54%);color:var(--white);border:1px solid #ffffff45;}
.modal-actions{width:90%;margin:0 auto;background:transparent;}
.actions{gap:8px}
.linkBtn{background:var(--white);border:1px solid #d1d5db;border-radius:12px;padding:10px 12px}
.hidden{display:none!important}
.chartWrap{background:#2a215c;overflow:hidden;}
.chartWrap .row{position:relative;border-top:1px solid #2a215c;min-height:40px}
.chartWrap .row:first-child{border-top:none}
.barTrack{width:var(--w);min-width:24px;height:40px;position:relative}
.barFill{width:100%;height:100%;transform-origin:left center;transform:scaleX(0);transition:transform 900ms cubic-bezier(0.16,1,0.3,1);min-width:3px;border-radius:0 100px 100px 0;}
/* slash stripe style */
.barFill.slash .progress-bar {
  background-color: #a3a40f;
  box-shadow: 0 0 6px 2px rgba(255, 255, 255, 0.3) inset;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-repeat: repeat-x;
  background-size:40px 100%;
  -webkit-animation: candystripe 1s linear infinite;
  -moz-animation: candystripe 1s linear infinite;
  animation: candystripe 1s linear infinite;
}
.progress-bar{height:100%;}
@-webkit-keyframes candystripe {
  to {
    background-position: 40px 0;
  }
}
@-moz-keyframes candystripe {
  to {
    background-position: 40px 0;
  }
}
@keyframes candystripe {
  to {
    background-position: 40px 0;
  }
}
.label{position:absolute;top:50%;left:0;transform:translate(0,-50%);transition:transform 900ms cubic-bezier(0.16,1,0.3,1);will-change:transform;flex-direction:column;gap:0px;pointer-events:none}
.row.is-pin-right .label{left:auto;right:0px;transform:translate(calc(var(--w) + -90px),-50%);}
/*.row.is-pin-right.is-animate .label{transform:translate(0, -50%);}*/
.row.is-clamp-right .label{left:auto;right:0px;transform:translate(0, -50%);}
.teamName{font-size:13px;white-space:nowrap;font-weight:400;}
.pill{display:inline-flex;width:fit-content;padding:0px 2px;border-radius:999px;background:var(--pill);color:var(--white);font-size:10px;white-space:nowrap;align-items:flex-end;}
.row.is-animate .barFill{transform:scaleX(1)}
.row.is-animate .label{transform:translate(calc(var(--w) + -15px),-50%)}
.footnote{font-size:12px;color:var(--muted);line-height:1.5;margin-top:10px}
.teamItem{transition:opacity .22s ease,transform .22s ease,max-height .22s ease,margin .22s ease;will-change:transform,opacity,max-height;max-height:80px;opacity:1;transform:translateY(0)}
.selectedText.selected{border-style:solid;border-color:var(--accent);background:#01629363;}
.teamItem.is-unlocked .team-btn:active,.gbtn:active,.vbtn:active{background:var(--black);color:var(--white)}
.selectedText.selected strong{color:#37c1f5;font-weight:600}
.selectedText.selected strong{color:#37c1f5;font-weight:600}
.prob-unit{font-size:8px;}
@media (max-width: 1100px) {
.teamGrid{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (min-width: 861px) {
.teamItem.is-locked{opacity:.25;transform:translateY(0);max-height:80px}
.teamItem.is-locked .team-btn{filter:grayscale(1);pointer-events:none;box-shadow:none}
.teamItem.is-unlocked{opacity:1;transform:translateY(0);max-height:80px}
.teamItem.is-unlocked .team-btn{filter:none;pointer-events:auto}
}
@media (max-width: 860px) {
.teamGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.btn{min-height:40px;padding:10px}
.teamItem.is-locked{opacity:0;transform:translateY(10px);max-height:0;margin:0!important;pointer-events:none;overflow:hidden}
.teamItem.is-locked .team-btn{opacity:0;pointer-events:none;box-shadow:none}
.teamItem.is-unlocked{opacity:1;transform:translateY(0)!important;max-height:80px;overflow:visible;margin:3px 0}
.teamItem.is-unlocked .team-btn{opacity:1;pointer-events:auto}
}
@media (max-width: 520px) {
.teamGrid{grid-template-columns:repeat(2,minmax(0,1fr));justify-items: center;}
.mockBanner{height:140px;font-size:22px}
.team-btn.is-locked{display:none}
.cta{margin:0 auto}
.selectedText{width:84%;margin:0 auto;text-align:center}
.teamItem{width:95%;}
.vbtn{padding:3%;}
.team h2 {text-align: center;}
.caption{width:100%;margin:0 auto;}
.caption h3{font-size:18px;height:40px;line-height:40px;}
.award{width:98%;margin:0 auto;}
}
.team-btn{display:flex;justify-content:center;font-weight:400;align-items:center;transition:opacity .22s ease,filter .22s ease,transform .18s ease,box-shadow .22s ease}