.battle-preview{animation:preview-arrive .7s cubic-bezier(.2,.8,.2,1) both;min-width:0;border-radius:18px;border:1px solid #27354b;background:#0c1524;color:#f4f6fc;box-shadow:0 18px 45px -16px #18294455}.battle-preview,.preview-scene{position:relative;isolation:isolate;overflow:hidden}.preview-scene{padding:20px 20px 12px}.preview-backdrop{object-fit:cover;object-position:center;z-index:-2;opacity:.54;animation:preview-drift 12s ease-in-out infinite alternate}.preview-scene:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08111bcc,#08111b44 48%,#0c1524);pointer-events:none}.preview-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;font-weight:750;letter-spacing:.15em;color:#c4cfe0}.preview-status{display:inline-flex;align-items:center;gap:5px;font-size:7px;letter-spacing:.06em;white-space:nowrap}.preview-status i{width:5px;height:5px;border-radius:50%;background:#99a6ba}.preview-status.is-live i{background:#ff526c;box-shadow:0 0 9px #ff526c80}.battle-preview h2{display:flex;align-items:center;justify-content:center;gap:9px;margin:23px 0 0;font-size:clamp(24px,2.3vw,30px);line-height:1.2;font-weight:850;font-style:italic;letter-spacing:-.045em;white-space:nowrap}.battle-preview h2 span:first-child{color:#ffd073}.battle-preview h2 span:last-child{color:#9cbfff}.battle-preview h2 i{color:#eff4ff;font-size:14px}.preview-tagline{text-align:center;color:#bcc9df;font-size:11px;margin:8px 0 0}.preview-faceoff{display:flex;align-items:center;justify-content:center;gap:36px;height:110px}.preview-token{display:grid;place-items:center;width:58px;height:58px;border:1px solid #ffe7a7;border-radius:15px;background:linear-gradient(135deg,#ffdc8c,#a96a15);color:#fff7df;box-shadow:3px 5px 0 #754815,0 10px 25px #ffc34333;animation:preview-token 5s ease-in-out infinite}.preview-blue{color:#eff5ff;border-color:#bad3ff;background:linear-gradient(135deg,#9ec7ff,#3455c6);box-shadow:3px 5px 0 #203775,0 10px 25px #4a7fee33;animation-delay:-2.5s}.preview-versus{font-size:23px;font-weight:950;font-style:italic;transform:rotate(-9deg);text-shadow:0 3px #273854}.preview-motion{position:absolute;right:12px;bottom:13px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff25;border-radius:50%;background:#0b152980;color:#b8c8e1;cursor:pointer}.preview-content{padding:0 20px 14px}.preview-finalists{display:grid;grid-template-columns:1fr 1fr;gap:18px}.preview-finalists>div{min-width:0}.preview-finalists>div:last-child{text-align:right}.preview-camp{display:block;color:#e1b565;font-size:8px;font-weight:650}.preview-camp-1{color:#98b5f8}.preview-product{display:flex;align-items:center;gap:7px;margin-top:7px}.preview-finalists>div:last-child .preview-product{flex-direction:row-reverse}.preview-product .product-logo{width:26px;height:26px;border-radius:7px}.preview-product .product-logo svg{width:16px;height:16px}.preview-product strong{font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-votes{display:block;color:#8496b1;font-size:9px;margin-top:5px}.preview-votes b{color:#edf3ff;font-size:21px;font-variant-numeric:tabular-nums;margin-right:3px}.preview-score{display:flex;gap:4px;height:3px;border-radius:4px;overflow:hidden;margin:10px 0 12px}.preview-score span:first-child{background:#efba51}.preview-score span:last-child{flex:1;background:#7395f5}.preview-empty{font-size:12px;line-height:1.6;color:#bfcae0;margin:0 0 16px}.battle-preview .competition-clock{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0}.battle-preview .clock-deadline,.battle-preview .clock-live{display:none}.battle-preview .clock-label{color:#9eacc2;font-size:10px}.battle-preview .clock-digits{gap:8px}.battle-preview .clock-unit b{color:#f0f4fd;font-size:23px}.battle-preview .clock-unit:last-child b{color:#ff617a}.preview-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:10px 13px;border-radius:8px;color:#17243a;background:#ffce69;font-size:12px;font-weight:750;transition:background .2s,transform .2s}.preview-cta:hover{color:#17243a;background:#ffda8c;transform:translateY(-1px)}.preview-rules{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;font-size:9px;color:#a4b3cb}.preview-rules:hover{color:white}.preview-rules span{color:#6f8bc0}.preview-paused *{animation-play-state:paused!important}@keyframes preview-drift{0%{transform:scale(1)}to{transform:scale(1.08) translateY(-3px)}}@keyframes preview-token{0%,to{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-7px) rotate(2deg)}}@media (max-width:760px){.battle-preview h2{font-size:30px}.preview-scene{padding-top:17px}.preview-faceoff{height:90px}.preview-content{padding-bottom:16px}}@media (max-width:370px){.battle-preview h2{font-size:26px}.preview-content,.preview-scene{padding-inline:16px}.preview-faceoff{gap:27px}}@media (prefers-reduced-motion:reduce){.battle-preview *{animation:none!important;transition:none!important}.preview-motion{display:none}}.preview-topline{animation:preview-reveal .5s .18s both}.battle-preview h2 span:first-child{animation:preview-left .65s .32s both}.battle-preview h2 span:last-child{animation:preview-right .65s .44s both}.battle-preview h2 i,.preview-tagline{animation:preview-reveal .55s .58s both}.preview-faceoff{animation:preview-reveal .65s .65s both}.preview-content{animation:preview-reveal .6s .8s both}.preview-score>span{animation:preview-score-enter .75s .95s both}.preview-score>span:first-child{transform-origin:left}.preview-score>span:last-child{transform-origin:right}@keyframes preview-arrive{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}@keyframes preview-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes preview-left{0%{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}@keyframes preview-right{0%{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}@keyframes preview-score-enter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.battle-preview{animation:none}}