/* Cinematic prologues. All imagery is captured from the actual games. */
.wg-trailer{--tr-accent:#a5ec74;position:fixed;inset:0;z-index:2147483000;margin:0;padding:0;border:0;width:100%;height:100%;max-width:none;max-height:none;background:#060a0d;color:#f5f7f3;font-family:Inter,Arial,sans-serif;overflow:hidden;isolation:isolate;box-sizing:border-box;overscroll-behavior:contain}
.wg-trailer::backdrop{background:#060a0d}
.wg-trailer__media{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.wg-trailer *{box-sizing:border-box}
.wg-trailer button{font:inherit;cursor:pointer;touch-action:manipulation}
.wg-trailer button:focus-visible{outline:3px solid var(--tr-accent);outline-offset:5px}
.wg-trailer__film,.wg-trailer__still,.wg-trailer__veil,.wg-trailer__fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.wg-trailer__film,.wg-trailer__still{object-fit:cover;object-position:68% 50%;opacity:.82}
.wg-trailer__still{will-change:transform;transition:opacity .6s ease;opacity:0}
.wg-trailer.is-still .wg-trailer__still{opacity:.78}
.wg-trailer.is-still .wg-trailer__film{opacity:0}
.wg-trailer__veil{background:linear-gradient(90deg,rgba(3,8,10,.95) 0%,rgba(3,8,10,.81) 27%,rgba(3,8,10,.3) 65%,rgba(3,8,10,.05)),linear-gradient(0deg,#060a0d 0%,transparent 36%,transparent 78%,rgba(3,8,10,.92) 100%)}
.wg-trailer__fx{opacity:.46;mask-image:linear-gradient(90deg,transparent 25%,#000 70%)}
.wg-trailer__frame{position:absolute;inset:0;border-top:clamp(18px,3.8vh,42px) solid #060a0d;border-bottom:clamp(18px,3.8vh,42px) solid #060a0d;pointer-events:none}
.wg-trailer__top{position:absolute;top:max(6.7vh,env(safe-area-inset-top));left:5.5%;right:5.5%;display:flex;align-items:center;gap:18px}
.wg-trailer__brand{display:flex;align-items:center;gap:13px;flex:1;min-width:0}
.wg-trailer__brand img{width:52px;height:40px;object-fit:contain}
.wg-trailer__brand span{border-left:1px solid #ffffff30;padding-left:14px;font-size:10px;font-weight:700;letter-spacing:2.3px;line-height:1.7;text-transform:uppercase;color:#d6dcd7}
.wg-trailer__edition{font:10px monospace;letter-spacing:2px;color:#a4b2ac}
.wg-trailer__skip{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 17px;border:1px solid #ffffff42;background:#070c0f9c;color:#f2f6f1;border-radius:4px;font-size:12px!important;font-weight:600!important;transition:background .2s,border-color .2s}
.wg-trailer__skip:hover{background:#203027;border-color:var(--tr-accent)}
.wg-trailer__skip svg{width:15px;height:15px}
.wg-trailer__content{position:absolute;left:8%;top:50%;transform:translateY(-50%);width:min(650px,70%);padding:22px 0 16px}
.wg-trailer__kicker{display:flex;align-items:center;gap:12px;font:600 10px/1.5 monospace;text-transform:uppercase;letter-spacing:2.6px;color:var(--tr-accent);margin:0 0 22px}
.wg-trailer__kicker::before{content:'';flex-shrink:0;width:28px;height:2px;background:var(--tr-accent)}
.wg-trailer__title{font-size:clamp(40px,6.3vw,94px);line-height:1.02;letter-spacing:-.055em;font-weight:900;margin:0;white-space:pre-line;text-wrap:balance;text-shadow:0 3px 30px #0008}
.wg-trailer__copy{font-size:clamp(14px,1.3vw,17px);line-height:1.75;letter-spacing:.01em;font-weight:400;color:#c5d2cd;max-width:465px;margin:25px 0 0;text-wrap:pretty}
.wg-trailer__rule{display:block;height:1px;width:72px;background:var(--tr-accent);opacity:.7;margin-top:28px}
.wg-trailer__content.is-entering{animation:wg-tr-copy .65s cubic-bezier(.16,1,.3,1) both;animation-play-state:var(--tr-state,running)}
@keyframes wg-tr-copy{from{opacity:0;transform:translateY(calc(-50% + 16px))}to{opacity:1;transform:translateY(-50%)}}
.wg-trailer__foot{position:absolute;left:8%;right:8%;bottom:max(7vh,env(safe-area-inset-bottom));display:grid;gap:22px}
.wg-trailer__controls{display:flex;align-items:center;gap:10px;min-height:44px}
.wg-trailer__control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:9px 12px;background:#0b1419c9;color:#d7e2dd;border:1px solid #ffffff28;border-radius:4px;font-size:11px!important;transition:border-color .2s}
.wg-trailer__control:hover{border-color:var(--tr-accent)}
.wg-trailer__control svg{width:15px;height:15px}
.wg-trailer__time{font:11px monospace;letter-spacing:1px;color:#a1b1a9;margin-left:8px;min-width:87px;font-variant-numeric:tabular-nums}
.wg-trailer__real{margin-left:auto;font:10px/1.5 monospace;letter-spacing:1.5px;text-transform:uppercase;color:#a6b5ad;display:flex;align-items:center;gap:9px}
.wg-trailer__real::before{content:'';height:5px;width:5px;border-radius:50%;background:var(--tr-accent)}
.wg-trailer__chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wg-trailer__chapter{background:transparent;border:0;color:#a0aea7;text-align:left;padding:8px 0;min-height:44px;position:relative;display:grid;gap:11px}
.wg-trailer__track{display:block;height:2px;background:#ffffff29;overflow:hidden}
.wg-trailer__track i{display:block;height:100%;background:var(--tr-accent);transform-origin:left;transform:scaleX(0)}
.wg-trailer__chaptertext{font:10px monospace;letter-spacing:1.2px;text-transform:uppercase}
.wg-trailer__chaptertext b{font-weight:400;opacity:.5;margin-right:10px}
.wg-trailer__chapter[aria-current=true]{color:#f2f7f3}
.wg-trailer__chapter[aria-current=true] .wg-trailer__chaptertext b{color:var(--tr-accent);opacity:1}
.wg-trailer__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.wg-trailer-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 18px;border:1px solid #ffffff38;border-radius:7px;background:#0c191bd9;color:#e8f4ed;font:600 12px/1.3 Inter,Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.wg-trailer-button:hover{background:#243629;border-color:#9bdd6b}
.wg-trailer-button:focus-visible{outline:3px solid #b7f083;outline-offset:3px}
.wg-trailer-button svg{width:15px;height:15px;flex-shrink:0}
.gameCard>.wg-trailer-button{margin:0 16px 16px;width:calc(100% - 32px)}
.detailHero .wg-trailer-button{position:relative;z-index:2;margin-top:14px;width:max-content}
.detailHero .detailHeroCopy{padding-bottom:22px}
.wg-trailer.is-reduced .wg-trailer__content{animation:none}
.wg-trailer.is-reduced .wg-trailer__still{transition:none;transform:none!important}
.wg-trailer.is-reduced .wg-trailer__fx{display:none}
@media (min-width:1500px){.wg-trailer__content{left:10%}.wg-trailer__foot{left:10%;right:10%}}
@media (max-width:700px){
  .wg-trailer__top{left:6%;right:6%;top:max(28px,env(safe-area-inset-top))}
  .wg-trailer__brand img{width:38px;height:30px}.wg-trailer__brand span{font-size:8px;letter-spacing:1.5px;padding-left:10px}.wg-trailer__brand{gap:10px}
  .wg-trailer__edition{display:none}.wg-trailer__skip{padding:10px 12px;font-size:11px!important;gap:8px}
  .wg-trailer__content{left:7%;top:47%;width:86%;padding:0}
  .wg-trailer__kicker{font-size:9px;letter-spacing:1.7px;gap:8px;margin-bottom:20px}.wg-trailer__kicker::before{width:18px}
  .wg-trailer__title{font-size:clamp(36px,10.8vw,64px);max-width:100%}
  .wg-trailer__copy{font-size:14px;max-width:93%;line-height:1.6;margin-top:22px}
  .wg-trailer__rule{margin-top:22px}.wg-trailer__foot{left:7%;right:7%;bottom:max(28px,env(safe-area-inset-bottom));gap:13px}
  .wg-trailer__chaptertext{font-size:8px;letter-spacing:0}.wg-trailer__chaptertext b{display:none}.wg-trailer__chapters{gap:9px}
  .wg-trailer__real{font-size:8px;letter-spacing:0;max-width:76px;line-height:1.5;gap:5px}
  .wg-trailer__controls{gap:8px}.wg-trailer__control{width:44px;flex-shrink:0;padding:9px}.wg-trailer__control>span{display:none}.wg-trailer__time{font-size:10px;min-width:75px;margin-left:2px;white-space:nowrap;flex-shrink:0}
  .wg-trailer__real{font-size:0;max-width:none;gap:5px}.wg-trailer__real::after{content:'CENAS REAIS';font:8px monospace;white-space:nowrap}
  .wg-trailer__veil{background:linear-gradient(90deg,#03080ae8,#03080a75),linear-gradient(0deg,#060a0d 4%,transparent 65%,#060a0dba)}
  .wg-trailer__film,.wg-trailer__still{object-position:65% 50%}
}
@media (max-height:560px) and (min-width:701px){
  .wg-trailer__top{top:20px}.wg-trailer__content{top:45%;left:8%;width:76%;padding:0}.wg-trailer__title{font-size:40px}.wg-trailer__kicker{margin-bottom:10px;font-size:9px}.wg-trailer__copy{font-size:12px;line-height:1.5;margin-top:12px;max-width:460px}.wg-trailer__rule{display:none}.wg-trailer__foot{bottom:18px;gap:6px}.wg-trailer__chaptertext{font-size:9px}.wg-trailer__brand img{height:26px}
}
@media (max-height:680px) and (max-width:700px){.wg-trailer__title{font-size:36px}.wg-trailer__copy{font-size:12px;margin-top:15px}.wg-trailer__kicker{margin-bottom:12px}.wg-trailer__rule{display:none}.wg-trailer__top{top:20px}.wg-trailer__foot{bottom:18px;gap:8px}}
@media (prefers-reduced-motion:reduce){.wg-trailer *{animation:none!important;transition:none!important}}