.battle-page.battle-faceoff{--face-lime:#c7f93e;--face-lime-2:#9be22a;--face-lime-3:#e6ff8a;--face-ease:cubic-bezier(.22,1,.36,1);isolation:isolate;background:#020303;flex:1;width:100%;max-width:none;padding:0 0 40px;position:relative}.battle-faceoff:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40% 60% at 0 30%,#c7f93e24,#0000 70%),radial-gradient(40% 60% at 100% 30%,#c7f93e24,#0000 70%),linear-gradient(#c7f93e0f,#0000 60%);height:900px;max-height:100%;position:absolute;inset:0 0 auto}.battle-faceoff .faceoff-hero{text-align:center;place-items:center;padding:clamp(18px,3dvh,40px) 16px clamp(10px,1.6dvh,18px);display:grid;position:relative;overflow:visible}.battle-faceoff .faceoff-hero-content{z-index:2;min-width:0;max-width:100%;position:relative}.battle-faceoff .faceoff-hero h1{letter-spacing:-.045em;text-transform:uppercase;margin:0;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(30px,min(5.2vw,8dvh),100px);font-style:italic;font-weight:900;line-height:.9;display:grid}.battle-faceoff .faceoff-hero h1>span{color:#f5f4ef;-webkit-text-stroke:0}.battle-faceoff .faceoff-hero h1>em{font-style:inherit;background:linear-gradient(95deg,var(--face-lime-3),var(--face-lime) 45%,var(--face-lime-2));color:#0000;filter:drop-shadow(0 8px 30px #c7f93e4d);-webkit-background-clip:text;background-clip:text;margin:-.12em;padding:.12em}.battle-faceoff .faceoff-hero-content>p{color:#a4a7b1;text-wrap:balance;max-width:620px;margin:12px auto 0;font-size:clamp(14px,1.05vw,16px)}.battle-faceoff .battle-hero-wave{pointer-events:none;align-items:center;gap:4px;width:min(520px,50vw - 420px);min-width:0;height:260px;display:flex;position:absolute;top:52%;transform:translateY(-50%)}.battle-faceoff .battle-hero-wave-left{left:0;right:auto;-webkit-mask:linear-gradient(90deg,#0000,#000 40%);mask:linear-gradient(90deg,#0000,#000 40%)}.battle-faceoff .battle-hero-wave-right{flex-direction:row-reverse;left:auto;right:0;-webkit-mask:linear-gradient(270deg,#0000,#000 40%);mask:linear-gradient(270deg,#0000,#000 40%)}.battle-faceoff .battle-hero-wave span{background:repeating-linear-gradient(0deg,var(--face-lime) 0 3px,transparent 3px 6px);min-width:2px;max-height:100%;box-shadow:none;border-radius:2px;flex:1 1 0;-webkit-mask:linear-gradient(#000 0 50%,#00000059 50%);mask:linear-gradient(#000 0 50%,#00000059 50%)}.battle-page.battle-faceoff .battle-controls{z-index:10;background:#08090b;border-radius:999px;align-items:center;gap:6px;width:min(1180px,100% - 32px);max-width:none;margin:clamp(8px,1.6dvh,18px) auto clamp(14px,2.2dvh,26px);padding:6px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #1f2229}.battle-faceoff .battle-controls>.battle-language{flex:none;align-self:center;width:auto;min-width:130px;display:block}.battle-faceoff .battle-controls>.friends-create{flex:none;align-self:center;width:auto;display:block}.battle-faceoff .battle-language .language-select-trigger{background:var(--face-lime);color:#08090b;width:100%;height:40px;min-height:40px;box-shadow:none;border:0;border-radius:999px;justify-content:flex-start;align-items:center;gap:8px;padding:0 16px 0 12px;font-size:13px;font-weight:950;display:flex}.battle-faceoff .battle-language .language-select-trigger .faceoff-language-icon{fill:none;stroke:currentColor;flex:none;width:15px;height:15px;transform:none}.battle-faceoff .battle-language .language-select-trigger:hover{background:var(--face-lime);color:#08090b}.battle-faceoff .friends-create>.friends-trigger{width:auto;height:40px;color:var(--ink);letter-spacing:normal;background:#15171c;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:900;line-height:normal;display:flex;overflow:visible}.battle-faceoff .friends-create>.friends-trigger svg{width:18px;height:18px;color:var(--face-lime);fill:none}.battle-faceoff .friends-create>.friends-trigger path{fill:none}.battle-faceoff .friends-create>.friends-trigger:before{content:none}.battle-faceoff .friends-create>.friends-trigger:hover,.battle-faceoff .friends-create>.friends-trigger.active{color:var(--ink);box-shadow:inset 0 0 0 1px var(--face-lime);background:#15171c}:is(.battle-faceoff .language-select-trigger:focus-visible,.battle-faceoff .friends-trigger:focus-visible){outline:2px solid var(--face-lime);outline-offset:3px}.battle-faceoff .battle-language>small,.battle-faceoff .friends-create>.friends-create-label,.battle-faceoff .genre-multiselect>legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.battle-page.battle-faceoff .genre-multiselect{flex:1;align-self:center;width:auto;min-width:0;margin:0;padding:0;display:block;overflow:visible}.battle-faceoff .genre-rail{align-items:center;gap:0;min-width:0;display:flex}.battle-faceoff .genre-options{flex:1;gap:4px;min-width:0;padding:0 8px}.battle-faceoff .genre-option{flex:none;width:auto}.battle-faceoff .genre-option>span{color:#aeb1ba;letter-spacing:.3px;background:0 0;border:0;border-radius:999px;align-items:center;height:40px;padding:0 14px;font-size:12px;font-weight:900;display:flex}.battle-faceoff .genre-option>input:checked+span{color:var(--face-lime);background:#c7f93e1f;box-shadow:inset 0 0 0 1px #c7f93e73}.battle-faceoff .genre-option:hover>span{color:#fff;background:#15171c}.battle-faceoff .genre-scroll-arrow{flex:none;width:30px;height:40px;position:relative;inset:auto}.battle-faceoff .faceoff-stage{width:min(1560px,100% - 32px);margin:0 auto}.battle-faceoff .faceoff-arena{background:#08090b;border-radius:26px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #1f2229,0 50px 120px -50px #000}.battle-faceoff .faceoff-card{min-width:0;transition:opacity .45s ease,transform .34s var(--face-ease);align-content:start;gap:12px;padding:14px;display:grid;position:relative;container-type:inline-size}.battle-faceoff .faceoff-a{grid-column:1;padding-right:clamp(52px,4.4vw,72px)}.battle-faceoff .faceoff-b{grid-column:2;padding-left:clamp(52px,4.4vw,72px)}.battle-faceoff .faceoff-card:before{content:"";z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(80% 70% at 0 40%,#c7f93e29,#0000 70%);border-radius:26px;transition:opacity .4s;position:absolute;inset:0}.battle-faceoff .faceoff-b:before{background:radial-gradient(80% 70% at 100% 40%,#c7f93e29,#0000 70%)}.battle-faceoff .faceoff-card:hover:before,.battle-faceoff .is-winner:before{opacity:1}.battle-faceoff .faceoff-media{background:#000;border-radius:16px;min-width:0;position:relative;overflow:hidden}.battle-faceoff .faceoff-media .video-shell{aspect-ratio:16/9;border-radius:inherit;width:100%;height:auto}.battle-faceoff .faceoff-corner{color:var(--face-lime);letter-spacing:2px;pointer-events:none;background:#08090bd1;border-radius:6px;padding:5px 9px;font-size:10px;font-weight:950;position:absolute;bottom:12px;right:12px;transform:skew(-10deg)}.battle-faceoff .faceoff-a .faceoff-corner{left:12px;right:auto}.battle-faceoff .faceoff-win{color:#08090b;letter-spacing:-.04em;opacity:0;pointer-events:none;background:linear-gradient(#0000 30%,#c7f93e59);place-items:center;font-family:Arial Black,Arial,sans-serif;font-size:clamp(34px,4vw,72px);font-style:italic;font-weight:900;transition:opacity .3s;display:grid;position:absolute;inset:0}.battle-faceoff .faceoff-win:before{content:"";background:var(--face-lime);height:clamp(54px,6vw,96px);transition:transform .5s var(--face-ease);margin-top:calc(clamp(54px,6vw,96px)/-2);position:absolute;top:50%;left:0;right:0;transform:skewY(-4deg)scaleX(0)}.battle-faceoff .is-winner .faceoff-win{opacity:1;z-index:2}.battle-faceoff .is-winner .faceoff-win:before{z-index:-1;transform:skewY(-4deg)scaleX(1)}.battle-faceoff .faceoff-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.battle-faceoff .faceoff-identity{align-items:center;gap:12px;min-width:0;display:flex}.battle-faceoff .faceoff-identity>div{min-width:0}.battle-faceoff .faceoff-avatar{width:46px;height:46px;box-shadow:0 0 0 2px var(--face-lime);color:#f5f4ef;background:radial-gradient(circle at 30% 25%,#596f2d,#222817);border-radius:12px;flex:none;place-items:center;font-size:16px;font-weight:900;display:grid}.battle-faceoff .faceoff-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.battle-faceoff a.faceoff-avatar{text-decoration:none}.battle-faceoff a.faceoff-avatar:focus-visible{outline-offset:4px;outline:2px solid #fff}.battle-faceoff .faceoff-identity p{letter-spacing:2px;text-transform:uppercase;align-items:center;gap:8px;min-width:0;margin:0;font-size:11px;font-weight:950;display:flex}.battle-faceoff .faceoff-artist{color:var(--face-lime);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.battle-faceoff .faceoff-artist:hover{text-decoration:underline}.battle-faceoff .faceoff-identity h2{letter-spacing:-.03em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;margin:2px 0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(18px,1.6vw,28px);font-weight:900;line-height:1.05;overflow:hidden}.battle-faceoff .faceoff-identity small{color:var(--muted);overflow-wrap:anywhere;font-size:12px;font-weight:700;display:block}.battle-faceoff .faceoff-actions{align-items:center;gap:4px;min-width:0;display:flex}.battle-faceoff .faceoff-actions .fires-gift-action{background:linear-gradient(#12141a,#12141a) padding-box,linear-gradient(120deg,var(--face-lime),#c7f93e33) border-box;letter-spacing:.8px;white-space:nowrap;text-transform:uppercase;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;height:42px;min-height:42px;padding:0 12px;font-size:12px;font-weight:950;display:inline-flex}.battle-faceoff .faceoff-actions .fires-gift-action svg{width:18px;height:23px}.battle-faceoff .faceoff-actions>.favorite-button,.battle-faceoff .faceoff-actions>.comment-toggle,.battle-faceoff .faceoff-report{width:46px;min-width:46px;height:46px;color:var(--face-lime);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;display:grid;position:relative;inset:auto}.battle-faceoff .faceoff-actions>.favorite-button svg,.battle-faceoff .faceoff-actions>.comment-toggle svg{width:27px;height:27px}.battle-faceoff .faceoff-actions>button:not(.fires-gift-action):hover{background:#12141a}.battle-faceoff .faceoff-actions .fires-gift-action{transition:box-shadow .18s}:is(.battle-faceoff .faceoff-actions .fires-gift-action:hover,.battle-faceoff .faceoff-actions .fires-gift-action:focus-visible){box-shadow:0 0 0 1px #c7f93e66,0 0 12px #c7f93e1f}.battle-faceoff .faceoff-report{color:#5f6270}.battle-faceoff .faceoff-report:hover{color:var(--danger)}.battle-faceoff .faceoff-report svg{width:23px;height:23px}.battle-faceoff .faceoff-vote{background:linear-gradient(120deg,var(--face-lime-3),var(--face-lime) 50%,var(--face-lime-2));color:#08090b;letter-spacing:-.01em;width:100%;height:64px;transition:transform .2s var(--face-ease),opacity .2s ease;clip-path:polygon(2% 0,100% 0,98% 100%,0 100%);border:0;border-radius:14px;justify-content:center;align-items:center;gap:14px;font-family:Arial Black,Arial,sans-serif;font-size:clamp(18px,1.5vw,24px);font-style:italic;font-weight:900;display:flex;box-shadow:0 16px 40px -16px #c7f93e66}.battle-faceoff .faceoff-vote:hover:not(:disabled){transform:translateY(-2px)}.battle-faceoff .faceoff-vote:focus-visible{outline-offset:-5px;outline:3px solid #fff}.battle-faceoff .is-loser>.faceoff-media,.battle-faceoff .is-loser>.faceoff-body{opacity:.45}.battle-faceoff .is-winner>.faceoff-vote,.battle-faceoff .is-loser>.faceoff-vote{opacity:.25}.battle-faceoff .faceoff-slash{z-index:4;background:linear-gradient(180deg,var(--face-lime-3),var(--face-lime) 40%,var(--face-lime-2));pointer-events:none;border-radius:8px;width:clamp(44px,3.8vw,64px);position:absolute;top:-14px;bottom:-14px;left:50%;overflow:hidden;transform:translate(-50%)skew(-8deg);box-shadow:0 0 50px #c7f93e73,0 0 0 6px #020303}.battle-faceoff .faceoff-slash:after{content:"";background:linear-gradient(#0000,#fff9,#0000);height:30%;animation:2.6s ease-in-out infinite faceoff-sweep;position:absolute;inset:-40% 0}@keyframes faceoff-sweep{0%{transform:translateY(-40%)}to{transform:translateY(420%)}}.battle-faceoff .faceoff-slash span{letter-spacing:-.05em;color:#08090b;place-items:center;padding-right:.12em;font-family:Arial Black,Arial,sans-serif;font-size:clamp(26px,2.4vw,40px);font-style:italic;font-weight:900;line-height:1;display:grid;position:absolute;inset:0;transform:skew(8deg)}.battle-faceoff .faceoff-tug{background:#08090b;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 16px;width:min(1100px,100%);margin:22px auto 0;padding:14px 20px;display:grid;box-shadow:inset 0 0 0 1px #1a1d23}.battle-faceoff .faceoff-tug>span{letter-spacing:-.04em;color:#5f6270;font-variant-numeric:tabular-nums;text-align:center;min-width:64px;font-family:Arial Black,Arial,sans-serif;font-size:26px;font-weight:900}.battle-faceoff .faceoff-tug>p{color:var(--muted);text-align:center;grid-column:1/-1;margin:0;font-size:14px;line-height:18px}.battle-faceoff .faceoff-rope{background:#15171c;border-radius:14px;height:14px;position:relative;overflow:hidden}.battle-faceoff .faceoff-rope i{transition:width 1.1s var(--face-ease) .1s;position:absolute;top:0;bottom:0}.battle-faceoff .faceoff-rope i:first-child{width:var(--split-a);background:#3a3d46;left:0}.battle-faceoff .faceoff-rope i:nth-child(2){width:var(--split-b);background:#2a2d35;right:0}.battle-faceoff .faceoff-rope em{top:0;bottom:0;left:clamp(2px,var(--split-a),calc(100% - 2px));width:4px;transition:left 1.1s var(--face-ease) .1s;background:#fff;margin-left:-2px;position:absolute;box-shadow:0 0 12px #fff}.battle-faceoff .picked-a .faceoff-rope i:first-child,.battle-faceoff .picked-b .faceoff-rope i:nth-child(2){background:linear-gradient(90deg,var(--face-lime-2),var(--face-lime),var(--face-lime-3))}.battle-faceoff .is-revealed>span{color:#f5f4ef}.battle-faceoff .picked-a>.faceoff-percent-a,.battle-faceoff .picked-b>.faceoff-percent-b{color:var(--face-lime)}.battle-faceoff .matchup-exit .faceoff-a,.battle-faceoff .matchup-exit .faceoff-b{opacity:0}.battle-faceoff .matchup-enter .faceoff-card{animation:faceoff-enter .34s var(--face-ease) both}@keyframes faceoff-enter{0%{opacity:0;transform:translateY(12px)}}.battle-faceoff .faceoff-features{border-top:1px solid #1a1d23;grid-template-columns:repeat(3,minmax(0,1fr));width:min(1400px,100% - 32px);margin:clamp(34px,6dvh,70px) auto 0;display:grid}.battle-faceoff .faceoff-features article{border-right:1px solid #1a1d23;padding:26px 24px 10px}.battle-faceoff .faceoff-features article:last-child{border-right:0}.battle-faceoff .faceoff-features b{letter-spacing:-.05em;color:var(--face-lime);-webkit-text-stroke:0;margin-bottom:10px;font-family:Arial Black,Arial,sans-serif;font-size:44px;line-height:1;display:block}.battle-faceoff .faceoff-features h2{text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;font-size:18px;font-weight:700}.battle-faceoff .faceoff-features p{color:var(--muted);margin:0;font-size:14px}@container (width<580px){.battle-faceoff .faceoff-body{grid-template-columns:minmax(0,1fr)}.battle-faceoff .faceoff-actions{justify-content:flex-end}}@media not (min-width:1100px){.battle-faceoff .faceoff-arena{grid-template-columns:minmax(0,1fr);width:min(760px,100%);margin:0 auto}.battle-faceoff .faceoff-a,.battle-faceoff .faceoff-b{grid-column:1;padding:14px}.battle-faceoff .faceoff-a{grid-row:1}.battle-faceoff .faceoff-b{grid-row:3}.battle-faceoff .faceoff-slash{border-radius:6px;grid-area:2/1;width:100%;height:48px;margin:clamp(16px,3vw,24px) 0;position:relative;inset:auto;transform:skewY(-3deg)}.battle-faceoff .faceoff-slash span{transform:skewY(3deg)}.battle-faceoff .faceoff-tug{width:min(760px,100%)}.battle-faceoff .battle-hero-wave{width:min(260px,50vw - 300px)}}@media not (min-width:820px){.battle-faceoff .battle-hero-wave{display:none}}@media (max-width:640px){.battle-faceoff .faceoff-slash{display:none}.battle-faceoff .faceoff-b{grid-row:2}.battle-faceoff .faceoff-stage{width:calc(100% - 20px)}.battle-faceoff .faceoff-card{row-gap:4px;padding-top:10px;padding-bottom:4px}.battle-faceoff .faceoff-card>.comments-reveal{margin-top:-4px}.battle-faceoff .faceoff-vote{height:48px}.battle-faceoff .faceoff-hero,.battle-faceoff .friends-create>.friends-trigger>span{display:none}.battle-page.battle-faceoff .battle-controls{border-radius:999px;flex-wrap:nowrap;gap:4px;width:calc(100% - 16px);margin:8px auto;padding:4px}.battle-faceoff .battle-controls>.battle-language{flex:none;order:0;width:max-content;min-width:0}.battle-faceoff .battle-language .language-select{width:max-content;min-width:0}.battle-faceoff .battle-language .language-select-trigger{white-space:nowrap;gap:5px;width:max-content;min-width:0;padding:0 10px}.battle-faceoff .battle-language .language-select-trigger>span{text-overflow:clip;flex:none;overflow:visible}.battle-page.battle-faceoff .genre-multiselect{flex:1 1 0;order:1;width:0;min-width:0}.battle-faceoff .battle-controls>.friends-create{order:2}.battle-faceoff .friends-create>.friends-trigger{width:40px;padding:0}.battle-faceoff .genre-options{gap:2px;padding:0}.battle-faceoff .genre-option>span{padding:0 10px}.battle-faceoff .genre-scroll-arrow{display:none}.battle-faceoff .faceoff-body{grid-template-columns:minmax(0,1fr) auto;gap:8px}.battle-faceoff .faceoff-identity{gap:8px}.battle-faceoff .faceoff-identity small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.battle-faceoff .faceoff-actions{justify-content:end;gap:0;display:flex}.battle-faceoff .faceoff-actions>.favorite-button,.battle-faceoff .faceoff-actions>.comment-toggle,.battle-faceoff .faceoff-actions>.faceoff-report,.battle-faceoff .faceoff-actions .fires-gift-action{width:33px;min-width:33px;height:43px;min-height:43px;padding:0}.battle-faceoff .faceoff-actions .fires-gift-action{justify-content:center}.battle-faceoff .faceoff-actions .fires-gift-action>span{display:none}.battle-faceoff .faceoff-tug{gap:10px 8px;padding:12px}.battle-faceoff .faceoff-tug>p{font-size:13px}.battle-faceoff .faceoff-tug>span{min-width:44px;font-size:24px}.battle-faceoff .faceoff-features{grid-template-columns:minmax(0,1fr)}.battle-faceoff .faceoff-features article{border-bottom:1px solid #1a1d23;border-right:0}}@media (prefers-reduced-motion:reduce){.battle-faceoff .faceoff-actions .fires-gift-action{transition:none}.battle-faceoff .faceoff-card,.battle-faceoff .faceoff-win,.battle-faceoff .faceoff-win:before,.battle-faceoff .faceoff-rope i,.battle-faceoff .faceoff-rope em,.battle-faceoff .faceoff-vote{transition:none;animation:none}.battle-faceoff .battle-hero-wave span,.battle-faceoff .faceoff-slash:after{animation:none}}