.pk-competition-page[data-v-4a55ea4c]{overflow:hidden;overflow-y:auto;height:100%;background:linear-gradient(90deg,#7d1313,#f35b44)}.title[data-v-4a55ea4c]{color:#fff;text-align:center;font-family:HarmonyOS Sans Naskh Arabic;font-size:29px;font-style:normal;font-weight:700;line-height:114.459%;letter-spacing:1.16px}.header[data-v-4a55ea4c]{height:70px;line-height:70px;display:flex;margin:0 auto;width:100%;justify-content:center;align-items:center;background:linear-gradient(180deg,#841716,rgba(242,90,67,0));backdrop-filter:blur(0);padding:0 33px 0 36px;flex-shrink:0}.header .title[data-v-4a55ea4c]{font-weight:800;font-size:20px;color:#fff;flex:1.7;text-align:center;line-height:15px;font-family:"Source Han Serif",serif!important}.header .slogan[data-v-4a55ea4c]{flex:0.8;text-align:right;line-height:16px;cursor:pointer}.main-content[data-v-4a55ea4c]{padding:20px}.competition-block[data-v-4a55ea4c]{border-radius:23px;border:0 solid transparent;opacity:.8;background:url(../../static/img/bg_3.030bae94.png) no-repeat 50%;box-shadow:inset 0 0 1.6px 0 hsla(0,0%,100%,0);position:relative}.question[data-v-4a55ea4c]{color:#fff;font-size:18px;font-weight:600;text-align:center;margin-bottom:15px;line-height:1.4}.status-button[data-v-4a55ea4c]{display:inline-block;padding:8px 20px;border-radius:20px;color:#fff;font-size:14px;font-weight:600;text-align:center;margin:0 auto 20px;display:block;width:fit-content}.status-button.closed[data-v-4a55ea4c]{background:hsla(0,0%,100%,.2)}.status-button.upcoming[data-v-4a55ea4c]{background:hsla(0,0%,100%,.3)}.pk-container[data-v-4a55ea4c]{display:flex;align-items:center;gap:15px}.pk-box[data-v-4a55ea4c]{flex:1;border-radius:23px;padding:20px 12px;text-align:center;position:relative;transition:all .3s ease;box-shadow:inset 0 0 1.6px 0 hsla(0,0%,100%,0);opacity:.8;background:url(../../static/img/pk_left.1e7fcfea.png) no-repeat 50%}.pk-box.selected[data-v-4a55ea4c]{background:hsla(0,0%,100%,.25)}.pk-box[data-v-4a55ea4c]:hover{transform:translateY(-2px);box-shadow:0 6px 25px hsla(0,0%,100%,.3)}.pk-box[data-v-4a55ea4c]:last-child{background:url(../../static/img/pk_right.40c33a2c.png) no-repeat 50%}.pk-title[data-v-4a55ea4c]{color:#fff;font-size:20px;font-weight:700;margin-bottom:8px}.pk-subtitle[data-v-4a55ea4c]{color:#fff;font-size:16px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px}.checkmark[data-v-4a55ea4c]{flex-shrink:0}.pk-description[data-v-4a55ea4c]{color:hsla(0,0%,100%,.8);font-size:12px;line-height:1.4;margin-bottom:15px;text-align:left}.vs-divider[data-v-4a55ea4c]{color:#fff;font-size:24px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3);flex-shrink:0;position:absolute;left:45%}@media (max-width:480px){.competition-block[data-v-4a55ea4c],.main-content[data-v-4a55ea4c]{padding:15px}.question[data-v-4a55ea4c]{font-size:16px}.pk-container[data-v-4a55ea4c]{gap:20px}.vs-divider[data-v-4a55ea4c]{margin:10px 0}.pk-box[data-v-4a55ea4c]{width:100%}}@supports (padding-top:env(safe-area-inset-top)){.pk-competition-page[data-v-4a55ea4c]{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}.pk-bar-container[data-v-4a55ea4c]{margin:20px 0;color:#fff;font-size:18px}.pk-bar[data-v-4a55ea4c]{display:flex;align-items:center;justify-content:center}.pk-bar-center[data-v-4a55ea4c]{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.pk-bar-progress[data-v-4a55ea4c]{width:100%;height:25px;line-height:25px;background:transparent;border-radius:18px;position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;justify-content:flex-start}.pk-bar-fill-left[data-v-4a55ea4c]{height:25px;line-height:25px;background:url(../../static/img/left_1.e8660de9.png) no-repeat 0,url(../../static/img/left_3.c96e77b1.png) no-repeat 40px,linear-gradient(90deg,#e0e0e0,#f0f0f0);background-size:40px 100%,40px 100%,100% 100%;transition:all .8s ease;position:relative;overflow:hidden;flex-shrink:0;border-radius:18px 0 32px 18px;text-indent:10px}.pk-bar-fill-left.wide[data-v-4a55ea4c]{background:url(../../static/img/left_2.f20a7472.png) repeat-x 40px;background-size:40px 100%,40px 100%,40px 100%,100% 100%}.pk-bar-fill-right[data-v-4a55ea4c]{max-width:45%;height:25px;line-height:25px;background:url(../../static/img/right_2.30c435ab.png) repeat-x 50%;background-size:40px 100%,40px 100%,100% 100%;transition:all .8s ease;position:relative;overflow:hidden;flex-shrink:0;border-radius:32px 18px 18px 0;text-align:right;padding-right:20px}.pk-bar-fill-right.wide[data-v-4a55ea4c]{max-width:45%;background:url(../../static/img/right_2.30c435ab.png) repeat-x 50%;background-size:40px 100%,40px 100%,40px 100%,100% 100%}.pk-bar-percentage[data-v-4a55ea4c]{display:flex;justify-content:center;width:100%;font-size:18px;font-weight:700;margin-top:15px}.percentage-container[data-v-4a55ea4c]{display:flex;gap:40px;align-items:center}.percentage-left[data-v-4a55ea4c]{color:#8b4513;text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:800;font-size:20px}.percentage-right[data-v-4a55ea4c]{color:#f33;text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:800;font-size:20px}.pk-bar-stats[data-v-4a55ea4c]{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid hsla(0,0%,100%,.2)}.stat-item[data-v-4a55ea4c]{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-label[data-v-4a55ea4c]{color:hsla(0,0%,100%,.7);font-size:12px;font-weight:500}.stat-value[data-v-4a55ea4c]{color:#fff;font-size:16px;font-weight:700}@keyframes shimmer-4a55ea4c{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes blade-shine-4a55ea4c{0%{opacity:0;transform:translateX(-100%) skewX(-20deg)}50%{opacity:1}to{opacity:0;transform:translateX(100%) skewX(-20deg)}}.pk-bar-fill-left[data-v-4a55ea4c]:before,.pk-bar-fill-right[data-v-4a55ea4c]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6) 50%,transparent);animation:blade-shine-4a55ea4c 3s infinite;z-index:1;border-radius:inherit}.pk-bar-progress.animating .pk-bar-fill-left[data-v-4a55ea4c],.pk-bar-progress.animating .pk-bar-fill-right[data-v-4a55ea4c]{transition:width .8s cubic-bezier(.4,0,.2,1)}.pk-bar-value[data-v-4a55ea4c]{transition:all .3s ease}.pk-bar-progress.animating .pk-bar-value[data-v-4a55ea4c]{transform:scale(1.05);color:gold}@keyframes pulse-4a55ea4c{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{box-shadow:0 0 0 10px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}.pk-bar-progress.animating[data-v-4a55ea4c]{animation:pulse-4a55ea4c 1s ease-in-out}.pk-bar-container[data-v-4a55ea4c]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3);transition:all .3s ease}.pk-bar-progress[data-v-4a55ea4c]:hover{box-shadow:0 0 20px hsla(0,0%,100%,.2);transition:all .3s ease}@media (max-width:480px){.pk-bar-container[data-v-4a55ea4c]{padding:0 10px}.pk-bar[data-v-4a55ea4c]{flex-direction:column;gap:20px}.pk-bar-left[data-v-4a55ea4c],.pk-bar-right[data-v-4a55ea4c]{flex:none;width:100%}.pk-bar-center[data-v-4a55ea4c]{width:100%}.pk-bar-stats[data-v-4a55ea4c]{flex-direction:column;gap:15px}.pk-bar-value[data-v-4a55ea4c]{font-size:20px}.pk-bar-title[data-v-4a55ea4c]{font-size:16px}}