/* Wizzo competition: the real match-card language, staged at cinematic scale. */
.competition-cinema{padding:110px 0 100px;background:#0b0f1a;min-height:0;--match-red:#ff4164;--match-teal:#58eadd;--match-gold:#ffdb55}
.competition-cinema .arena-panorama{opacity:.22;transition:opacity .65s}.competition-cinema .arena-panorama:after{background:linear-gradient(180deg,#0b0f1a,transparent 35%,#0b0f1a)}.competition-cinema[data-challenge=arenas] .arena-panorama{opacity:.52}
.competition-cinema .competition-heading{grid-template-columns:1.5fr 1fr;align-items:end;gap:60px;margin-bottom:50px}.competition-cinema h2{font-size:clamp(45px,5.8vw,82px);max-width:850px;line-height:1.04}.competition-eyebrow{font-size:14px;letter-spacing:.17em;color:var(--match-teal);font-weight:700;margin-bottom:22px}.competition-cinema .competition-intro{font-size:22px;max-width:350px;padding-bottom:6px}.competition-console{position:relative}.competition-switch{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.competition-cinema .battle-tabs{margin:0;padding:5px;border:1px solid #ffffff1c;background:#111725;border-radius:100px}.competition-cinema .battle-tabs button{border:0;background:transparent;min-width:140px}.competition-cinema .battle-tabs button.selected{background:var(--match-teal);color:#09242a;box-shadow:0 4px 0 #167d7a}.competition-cinema[data-challenge=arenas] .battle-tabs button.selected{background:var(--match-gold);box-shadow:0 4px 0 #927115}.competition-demo-label{color:#9caac2;letter-spacing:.12em;font-size:12px;font-weight:700}.competition-scenes{position:relative;min-height:535px}.competition-scene{position:relative;isolation:isolate;min-height:535px;border-radius:30px;overflow:hidden;border:1px solid #ffffff1d;background:#141827;box-shadow:0 40px 70px #0006}.battle-artwash{position:absolute;inset:0;z-index:-2;overflow:hidden}.battle-artwash img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:saturate(.75);opacity:.38;transform:scale(1.08)}.battle-artwash:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111625dd,transparent 65%),linear-gradient(0deg,#131623 2%,transparent 85%)}
.battle-ticket{position:absolute;top:42px;inset-inline-start:42px;max-width:31%;display:flex;flex-direction:column}.battle-ticket>span{font-size:12px;letter-spacing:.13em;color:var(--match-teal);margin-bottom:18px}.battle-ticket>strong{font-size:clamp(32px,3.7vw,54px);line-height:1.04}.battle-ticket>small{font-size:20px;color:#c1c7d4;margin-top:6px}.match-presentation{position:relative;margin-block:42px;margin-inline:auto 6%;width:53%;max-width:625px;border:1px solid #ff6b8945;border-radius:25px;padding:24px 28px;background:linear-gradient(150deg,#242333f5,#101522f5);box-shadow:0 25px 70px #0007,0 0 70px #ff416412;transform:rotate(2deg)}.match-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px}.match-live{border-radius:100px;padding:6px 11px;background:#ff4164;color:white;font-weight:800;letter-spacing:.05em}.match-clock{color:#c5cbd9;text-align:end}.match-versus{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:28px 0 20px;direction:ltr}.match-player{display:flex;align-items:center;flex-direction:column;min-width:0;width:40%}.match-portrait{position:relative;width:112px;height:112px;margin-bottom:12px}.match-portrait img{width:100%;height:100%;object-fit:cover;aspect-ratio:1;border:3px solid #58eadd;border-radius:50%;box-shadow:0 0 0 5px #58eadd13,0 10px 25px #0005}.player-rival img{border-color:var(--match-red);box-shadow:0 0 0 5px #ff41641c}.match-player>span{font-size:12px;letter-spacing:.1em;color:#cbd0dd}.match-player>strong{font-size:38px;font-variant-numeric:tabular-nums;color:var(--match-gold);line-height:1.2}.match-vs{flex:none;font-size:28px;font-weight:900;background:var(--match-red);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 7px #ff41641a,0 0 30px #ff416440;font-style:italic}.match-crown{position:absolute;top:-13px;inset-inline-end:-4px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--match-gold);color:#292009;font-size:25px;opacity:0;transform:scale(.5);transition:transform .5s,opacity .5s}.score-track{height:6px;background:#ff416473;border-radius:5px;overflow:hidden;direction:ltr}.score-track>span{display:block;height:100%;width:42%;background:var(--match-teal);transition:width 2s cubic-bezier(.16,1,.3,1)}.match-result{text-align:center;margin:17px 0;font-size:15px;min-height:24px;color:#dce3f0}.match-replay{background:linear-gradient(#ff6682,#ed244d);width:100%;min-height:49px;font-size:16px;padding:12px 15px;border-radius:14px;box-shadow:0 5px 0 #940f30,0 10px 25px #ff416426}.battle-rank{position:absolute;inset-inline-start:42px;bottom:46px;display:flex;flex-direction:column;transform:translateY(22px);opacity:.3;transition:opacity .65s,transform .65s;pointer-events:none}.battle-rank>span{font-size:12px;letter-spacing:.1em;color:var(--match-teal)}.battle-rank>strong{font-size:clamp(56px,6vw,92px);font-variant-numeric:tabular-nums;line-height:1.1;color:white}.battle-rank>small{font-size:17px;color:#c2cdda}.is-victory .battle-rank{opacity:1;transform:translateY(0)}.is-victory .match-crown{opacity:1;transform:scale(1)}.is-victory .score-track>span{width:64%}.is-victory .match-presentation{border-color:#58eadd85}.is-victory .match-result{color:var(--match-teal)}
.arena-scene{padding:36px;background:linear-gradient(120deg,#121827f5,#172230e8);border-color:#ffd96640}.arena-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.arena-format{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--match-gold)}.arena-heading h3{font-size:32px;max-width:600px;margin-top:10px}.arena-game-stack{display:flex;padding-inline-end:12px}.arena-game-stack img{width:62px;height:72px;object-fit:cover;border-radius:12px;border:3px solid #151e2c;margin-inline-end:-12px;transform:rotate(-8deg)}.arena-game-stack img:nth-child(2){transform:translateY(-9px) rotate(3deg)}.arena-game-stack img:nth-child(3){transform:rotate(12deg)}.arena-bracket{display:grid;grid-template-columns:1.1fr 50px 1fr .65fr;align-items:center;gap:0;margin:36px 0 25px;direction:ltr;min-height:235px}.bracket-round{display:flex;flex-direction:column;gap:17px}.round-label{color:#9faabd;font-size:12px;letter-spacing:.13em;font-weight:700}.bracket-match{padding:8px 12px;border-radius:13px;border:1px solid #ffffff1d;background:#0c111db8;transition:border-color .5s,box-shadow .5s}.bracket-match>div{display:flex;gap:10px;align-items:center;min-height:46px}.bracket-match>div+div{border-top:1px solid #ffffff12}.bracket-match img{width:30px;height:30px;object-fit:cover;border-radius:50%;flex:none}.bracket-match b{font-size:13px;min-width:0;flex:1}.bracket-match strong{font-size:14px;font-variant-numeric:tabular-nums;color:#aab5c7}.bracket-connector{height:144px;position:relative;border:1px solid #ffffff2b;border-inline-start:0;margin-top:28px;margin-inline-end:22px;transition:border-color .6s}.bracket-connector:after{content:'';position:absolute;top:50%;left:100%;width:23px;border-top:1px solid #ffffff2b}.bracket-champion{display:flex;align-items:center;flex-direction:column;gap:12px;margin-inline-start:20px;opacity:.2;transform:scale(.8);transition:opacity .7s,transform .7s}.bracket-champion img{width:90px;height:90px;object-fit:cover;border-radius:50%;border:4px solid var(--match-gold);box-shadow:0 0 45px #ffdb5530}.bracket-champion span{font-size:12px;color:var(--match-gold);letter-spacing:.1em;font-weight:800}.arena-scene[data-step="1"] .path-you,.arena-scene[data-step="2"] .path-you,.arena-scene[data-step="2"] .bracket-final .bracket-match{border-color:var(--match-gold);box-shadow:0 0 20px #ffdb550b}.arena-scene[data-step="2"] .bracket-champion{opacity:1;transform:scale(1)}.arena-scene[data-step="2"] .bracket-connector{border-color:var(--match-gold)}.arena-scene[data-step="2"] .final-you strong{color:var(--match-gold)}.arena-foot{display:flex;gap:24px;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #ffffff16}.arena-foot p{font-size:16px;max-width:410px}.arena-replay{background:var(--match-gold);color:#221c0c;min-height:48px;font-size:15px;padding:12px 20px;box-shadow:0 4px 0 #927115}.competition-cinema .competition-bottom{margin-top:30px;align-items:center}.competition-cinema .battle-picker{max-width:710px}.competition-cinema .battle-picker p{font-size:18px;min-height:0}.competition-cinema .battle-picker small{display:block;font-size:12px;color:#a0aec4;margin-top:10px}.competition-cinema .competition-bottom>.button{flex:none;font-size:16px}
.competition-scene.is-arriving{animation:competition-reveal .7s cubic-bezier(.16,1,.3,1) both}.battle-scene.is-arriving .match-presentation{animation:match-enter .9s cubic-bezier(.16,1,.3,1) both}.competition-scene.is-running .battle-artwash img{animation:match-push 4s ease-out both}
@keyframes competition-reveal{from{opacity:.3;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}@keyframes match-enter{from{opacity:0;transform:translateX(55px) rotate(7deg)}to{opacity:1;transform:translateX(0) rotate(2deg)}}@keyframes match-push{to{transform:scale(1.18)}}
@media(max-width:1000px){.competition-cinema .competition-heading{grid-template-columns:1fr;gap:25px}.competition-cinema .competition-intro{max-width:600px;font-size:20px}.competition-cinema .competition-bottom{align-items:start;flex-direction:column}.match-presentation{width:57%;margin-inline-end:4%;padding:22px}.battle-ticket{inset-inline-start:25px}.battle-rank{inset-inline-start:25px}.arena-bracket{grid-template-columns:1fr 25px 1fr}.bracket-connector{margin-inline-end:12px}.bracket-connector:after{width:13px}.bracket-champion{position:absolute;inset-inline-end:35px;bottom:130px;flex-direction:row}.bracket-champion img{width:40px;height:40px}.arena-scene{padding:28px}.arena-foot{margin-top:35px}}
@media(max-width:650px){.competition-cinema{padding:70px 0}.competition-cinema .competition-heading{margin-bottom:30px}.competition-cinema h2{font-size:clamp(39px,9vw,58px)}.competition-eyebrow{font-size:11px;letter-spacing:.12em}.competition-switch{align-items:start;flex-direction:column;gap:16px}.competition-cinema .battle-tabs{width:100%;display:flex}.competition-cinema .battle-tabs button{flex:1;min-width:0;font-size:16px}.competition-scenes{min-height:0}.competition-scene{min-height:0;border-radius:22px}.battle-ticket{position:relative;inset:auto;padding:25px 24px 0;max-width:none}.battle-ticket>strong{font-size:35px}.battle-ticket>small{font-size:17px}.battle-ticket>span{margin-bottom:9px}.match-presentation{width:calc(100% - 34px);max-width:none;margin:24px 17px 100px;padding:19px 15px;transform:rotate(0)}.match-portrait{width:85px;height:85px}.match-player>strong{font-size:31px}.match-vs{width:49px;height:49px;font-size:23px}.match-topline{font-size:10px}.match-versus{margin-top:24px}.match-result{font-size:14px}.battle-rank{bottom:22px;inset-inline-start:25px;flex-direction:row;align-items:center;gap:13px;max-width:calc(100% - 50px);flex-wrap:wrap}.battle-rank>span{width:100%;font-size:10px}.battle-rank>strong{font-size:38px}.battle-rank>small{font-size:14px}.arena-scene{padding:24px 17px}.arena-heading{gap:10px}.arena-heading h3{font-size:26px}.arena-game-stack{display:none}.arena-bracket{margin-top:25px;margin-bottom:15px;grid-template-columns:1fr 15px 1fr;align-items:center;padding-bottom:65px}.bracket-match{padding:5px 7px}.bracket-match>div{gap:5px;min-height:44px;flex-wrap:wrap;padding:5px 0}.bracket-match b{font-size:11px}.bracket-match strong{width:100%;padding-inline-start:28px;font-size:12px}.bracket-match img{width:23px;height:23px}.round-label{font-size:10px;letter-spacing:.06em}.bracket-connector{height:177px;margin-inline-end:7px}.bracket-connector:after{width:8px}.bracket-champion{bottom:160px;inset-inline-end:22px;gap:8px}.bracket-champion img{width:36px;height:36px}.arena-foot{margin-top:0;flex-direction:column;align-items:stretch;gap:16px}.arena-foot p{font-size:14px}.competition-cinema .competition-bottom>.button{width:100%}.competition-cinema .battle-picker p{font-size:17px}[dir=rtl] .competition-cinema h2{font-size:39px;line-height:1.3}}
@media(prefers-reduced-motion:reduce){.competition-cinema *{animation:none!important;transition:none!important}}[data-motion=off] .competition-cinema *{animation:none!important;transition:none!important}

/* Natural Arabic leading and directional spacing keep the scene columns apart. */
[dir=rtl] .competition-cinema h2{line-height:1.3;letter-spacing:0}
[dir=rtl] .competition-cinema h3,[dir=rtl] .competition-eyebrow,[dir=rtl] .battle-ticket>span,[dir=rtl] .battle-rank>span{letter-spacing:0}
.battle-ticket>strong{overflow-wrap:anywhere}
@media(min-width:651px){.battle-rank{max-width:31%}}
@media(max-width:650px){
  .match-presentation{margin-bottom:26px}
  .battle-rank{position:relative;inset:auto;margin:0 25px 25px;max-width:none}
}