.battle-book{--battle-duration:8s;aspect-ratio:1672/941;perspective:1400px;width:100%;position:relative;container-type:inline-size}.battle-book__world{width:100%;height:100%;transform-style:preserve-3d;position:relative}.battle-book__art{filter:drop-shadow(0 24px 30px #0009);width:100%;height:100%;display:block}.battle-book__cast{position:absolute;inset:0}.podcast-table-scene{opacity:0;pointer-events:none;z-index:12;position:absolute;inset:0}.podcast-on-air{color:#f1d7b0;letter-spacing:.2em;background:#251c27;border:1px solid #be9870;border-radius:.4cqw;align-items:center;gap:.6cqw;padding:.6cqw 1.2cqw;font-size:1.1cqw;font-weight:800;display:flex;position:absolute;top:26%;left:50%;transform:translate(-50%)}.podcast-on-air i{background:#f56058;border-radius:50%;width:.6cqw;height:.6cqw;box-shadow:0 0 .8cqw #e54a41}.podcast-person{filter:drop-shadow(1px 2px 1px #24172344);width:5.7%;position:absolute;transform:translate(-50%)}.podcast-person--host{width:13%}.podcast-person__puppet{aspect-ratio:100/110;width:100%;position:relative}.podcast-person__body{width:100%;height:100%}.podcast-person .battle-fighter__face{width:64%;height:55%;left:18%}.podcast-person__mic{z-index:8;width:38%;height:65%;position:absolute;bottom:-7%;right:-2%}.podcast-person__mic svg{width:100%;height:100%}.podcast-person--host .podcast-person__mic{width:27%;height:51%;bottom:0;right:-1%}.podcast-desk{z-index:4;background:repeating-linear-gradient(3deg,#ffffff04 0 2px,#00000004 2px 5px),radial-gradient(at 50% 35%,#8d5144,#422330 85%);border:.4cqw solid #bb925e;border-radius:50%;width:88%;height:24%;position:absolute;top:53%;left:6%;box-shadow:inset 0 0 0 .4cqw #4a2834,0 1.6cqw #351d29,0 1.9cqw #9b7148,0 2.6cqw #251821,0 3.3cqw 2cqw #21131e66}.podcast-desk__title{color:#e8ba79;letter-spacing:.06em;text-shadow:0 2px #341b26;white-space:nowrap;font:900 2.3cqw/1 Georgia,serif;position:absolute;top:22%;left:50%;transform:translate(-50%)}.podcast-desk__name{color:#e8c69b;letter-spacing:.12em;background:#231b24;border:1px solid #bd8a58;padding:.2cqw .7cqw;font-size:.8cqw;font-weight:800;position:absolute;top:7%;transform:translate(-50%)}.podcast-desk__name--jay{left:37.5%}.podcast-desk__name--luis{left:62.5%}.battle-book--entrance .podcast-table-scene{animation:podcast-chapter var(--battle-duration) both}.battle-fighter{--fighter-suit:#a53b41;--fighter-shirt:#e8d6b0;--fighter-cape:#752030;left:var(--start-x);bottom:var(--floor);filter:drop-shadow(1px 3px 1px #33202255);width:5.7%;position:absolute;transform:translate(-50%)}.battle-fighter--gold{--fighter-suit:#ba8d43;--fighter-cape:#825526}.battle-fighter--captain{width:10.5%}.battle-fighter--captain.battle-fighter--red{--fighter-suit:#29272b;--fighter-shirt:#4b454c;--fighter-cape:#951f32}.battle-fighter--captain.battle-fighter--gold{--fighter-suit:#f1e8d6;--fighter-shirt:#fff9e7;--fighter-cape:#c5923c}.battle-fighter__march{animation:battle-idle 2.6s ease-in-out var(--beat) infinite;transform-origin:50% 90%}.battle-fighter__puppet{aspect-ratio:100/145;width:100%;position:relative}.battle-fighter--gold .battle-fighter__body{transform:scaleX(-1)}.battle-fighter__body{width:100%;height:100%}.battle-fighter__face{clip-path:ellipse(49% 50%);width:63%;height:41%;transform:rotate(var(--lean));background:#dac3a1;position:absolute;top:0;left:18%;overflow:hidden}.battle-fighter__face img{object-fit:fill;max-width:none;position:absolute}.battle-fighter--captain .battle-fighter__face{width:60%;height:42%;left:20%;transform:rotate(-7deg)}.battle-fighter--captain.battle-fighter--gold .battle-fighter__face{transform:rotate(8deg)}.battle-fighter__name{white-space:nowrap;color:#fff0d3;letter-spacing:.12em;background:#631b28;border:1px solid #eabb76;padding:.3cqw 1cqw;font-size:1.05cqw;font-weight:900;position:absolute;bottom:-8%;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 3px 6px #0004}.battle-fighter--gold .battle-fighter__name{background:#513c25;transform:translate(-50%)rotate(3deg)}.battle-banner{z-index:1;width:8%;height:25%;position:absolute;top:20%}.battle-banner--red{color:#a52c3e;left:15%}.battle-banner--gold{color:#bb8a37;right:15%}.battle-banner:before{content:"";background:#d1ad70;width:3%;height:125%;position:absolute;left:10%;transform:rotate(-6deg);box-shadow:1px 0 #523b29}.battle-banner span{clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);text-shadow:0 2px #3a172560;transform-origin:0 0;background:currentColor;place-items:center;width:100%;height:76%;font-family:Georgia,serif;font-size:3.8cqw;font-weight:900;animation:3s ease-in-out infinite battle-banner-wave;display:grid;position:relative}.battle-banner span:first-letter{color:#fce4b7}.battle-banner span{color:#fce4b7;background:#922535}.battle-banner--gold span{background:#a7772f;animation-delay:-.8s}.battle-banner i{background:#f7d990;width:12%;height:12%;position:absolute;top:-8%;left:6%;transform:rotate(45deg)}.battle-book__sigil{filter:drop-shadow(0 0 20px #ff352bcc)drop-shadow(0 0 42px #ff352b77);z-index:9;width:clamp(66px,16cqw,180px);animation:5s ease-in-out infinite sigil-float;position:absolute;top:9%;left:50%;transform:translate(-50%,-50%)}.battle-book__sigil img{width:100%;height:auto;display:block}.battle-dust{z-index:10;opacity:0;pointer-events:none;position:absolute;inset:31% 30% 25%}.battle-dust i{background:radial-gradient(#f9e8c7 0,#d7b184 55%,#bca08000 72%);border-radius:50%;width:50%;height:65%;position:absolute;top:20%;left:15%}.battle-dust i:nth-child(2){top:5%;left:45%;transform:scale(.8)}.battle-dust i:nth-child(3){top:0;left:0;transform:scale(.7)}.battle-dust i:nth-child(4){top:35%;left:40%;transform:scale(.9)}.battle-dust i:nth-child(5){top:45%;left:13%;transform:scale(.6)}.battle-impact{z-index:11;aspect-ratio:1.4;color:#701e2c;text-align:center;clip-path:polygon(50% 0,61% 21%,85% 4%,81% 31%,100% 39%,80% 53%,100% 77%,74% 72%,75% 100%,55% 80%,39% 100%,33% 76%,5% 93%,18% 60%,0 50%,24% 38%,10% 14%,37% 25%);background:#ffc76a;place-items:center;width:25%;padding:2%;font-size:4cqw;font-style:italic;font-weight:950;line-height:.9;display:grid;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)scale(0)}.battle-impact--small{background:#fff0ba;width:16%;font-size:2cqw;top:29%;left:65%}.battle-book__cover{z-index:15;color:#f9deb0;opacity:0;backface-visibility:hidden;background:repeating-linear-gradient(30deg,#0000 0 3px,#ffffff03 3px 4px),radial-gradient(at 40% 30%,#7b293b,#30161f 80%);border:.8cqw double #d2a661;border-radius:1% 5% 5% 1%;flex-direction:column;justify-content:center;align-items:center;gap:4%;display:flex;position:absolute;inset:15% 29% 17%;transform:rotateY(-90deg);box-shadow:inset 0 0 0 .7cqw #461c28,inset 0 0 0 .85cqw #aa7e45,1cqw 1cqw #c6aa7b,1.5cqw 1.5cqw #38212a,0 3cqw 6cqw #0009}.battle-book__cover:before,.battle-book__cover:after{content:"✦";color:#d5ac68;font-size:3cqw;position:absolute;left:5%}.battle-book__cover:before{top:3%}.battle-book__cover:after{bottom:3%}.battle-book__cover img{filter:drop-shadow(0 0 12px #ff493b80);width:20%;height:auto}.battle-book__cover>span:not(.battle-book__cover-corner){letter-spacing:-.03em;text-align:center;font:900 4.1cqw/.95 Georgia,serif}.battle-book__cover small{letter-spacing:.2em;margin-top:3%;font-size:.75cqw;font-weight:700}.battle-book__page-turn{z-index:14;opacity:0;background:linear-gradient(100deg,#d2b28a,#fff0d0 10%,#e7cda4 85%,#a28261);border:1px solid #b99365;width:43%;position:absolute;top:39%;bottom:25%}.battle-book__page-turn--left{transform-origin:100%;left:7%}.battle-book__page-turn--right{transform-origin:0;right:7%}.war-home__scene.battle-home-scene{max-width:1120px;margin-top:10px}.battle-home-scene .war-home__actions{width:58%;margin:-5% auto 30px;position:relative;top:auto;left:auto;transform:none}.story-warz-shell>.battle-cinematic{--battle-duration:8s;z-index:100;color:#f8e5c6;animation:battle-curtain var(--battle-duration) both;background:linear-gradient(#05080da6 0%,#07090d8c 54%,#07090dbf 100%),url(/brand/story-warz-backdrop.webp) top/cover no-repeat;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.battle-cinematic__vignette{background:radial-gradient(at 30% 45%,#9a253330,#0000 55%),radial-gradient(at 70% 45%,#ad7e3026,#0000 55%);position:absolute;inset:0}.battle-cinematic__stage{width:min(96vw,1180px);position:relative}.battle-cinematic__captions{text-align:center;height:56px;margin-top:10px;font-family:Georgia,serif;font-size:clamp(18px,2.3vw,27px);position:relative}.battle-cinematic__captions span{opacity:0;animation:battle-caption-one var(--battle-duration) both;position:absolute;inset:0}.battle-cinematic__captions span:nth-child(2){animation-name:battle-caption-two}.battle-cinematic__captions span:nth-child(3){animation-name:battle-caption-three}.battle-cinematic__progress{transform-origin:0;width:100%;height:2px;animation:battle-progress var(--battle-duration) linear both;background:linear-gradient(90deg,#c73540,#edbe74);position:absolute;bottom:0;left:0}.battle-book--entrance .battle-book__world{animation:battle-world var(--battle-duration) both}.battle-book--entrance .battle-book__art{animation:battle-pages var(--battle-duration) both}.battle-book--entrance .battle-book__cast{animation:battle-cast-visibility var(--battle-duration) both}.battle-book--entrance .battle-fighter{animation:battle-charge var(--battle-duration) cubic-bezier(.4, 0, .2, 1) both}.battle-book--entrance .battle-fighter__march{animation:battle-run .22s ease-in-out var(--beat) infinite}.battle-book--entrance .battle-fighter__puppet{animation:battle-sword .3s ease-in-out var(--beat) infinite alternate;transform-origin:50% 80%}.battle-book--entrance .battle-fighter__name{display:none}.battle-book--entrance .battle-book__sigil{animation:battle-sigil var(--battle-duration) both}.battle-book--entrance .battle-dust{animation:battle-scuffle var(--battle-duration) both}.battle-book--entrance .battle-impact{animation:battle-impact var(--battle-duration) both}.battle-book--entrance .battle-impact--small{animation-name:battle-clang}.battle-book--entrance .battle-book__cover{animation:battle-cover var(--battle-duration) both}.battle-book--entrance .battle-book__page-turn--left{animation:battle-fold-left var(--battle-duration) both}.battle-book--entrance .battle-book__page-turn--right{animation:battle-fold-right var(--battle-duration) both}@keyframes battle-idle{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-3px)rotate(2deg)}}@keyframes battle-banner-wave{0%,to{transform:skewY(-3deg)rotate(-3deg)}50%{transform:skewY(4deg)rotate(2deg)}}@keyframes battle-run{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-5px)rotate(4deg)}}@keyframes battle-sword{0%{transform:rotate(-5deg)}to{transform:rotate(7deg)}}@keyframes battle-charge{0%,10%{left:var(--start-x);bottom:var(--floor);transform:translate(-50%)scale(1)}30%,37%{left:var(--meet-x);bottom:var(--meet-floor);transform:translate(-50%)scale(1.08)}40%,to{left:var(--meet-x);bottom:var(--meet-floor);transform:translate(-50%)scale(.7)}}@keyframes battle-world{0%{transform:scale(.9)rotateX(7deg)}12%{transform:scale(1)rotateX(0)}34%{transform:scale(1.07)rotate(-1deg)}35%{transform:scale(1.08)rotate(1deg)}38%{transform:scale(1.04)rotate(0)}49%,57%{transform:scale(.9)rotate(-4deg)}72%{transform:scale(1.03)rotate(0)}to{transform:scale(1.03)}}@keyframes battle-pages{0%,38%{opacity:1;transform:scaleX(1)}48%,57%{opacity:0;transform:scaleX(.44)}72%,to{opacity:1;transform:scaleX(1)}}@keyframes battle-cast-visibility{0%,38%{opacity:1}44%,to{opacity:0}}@keyframes podcast-chapter{0%,58%{opacity:0;transform:translateY(12px)scale(.92)}72%,to{opacity:1;transform:translateY(0)scale(1)}}@keyframes battle-sigil{0%,15%{opacity:1}24%,to{opacity:0}}@keyframes battle-scuffle{0%,27%{opacity:0;transform:scale(.4)}32%,38%{opacity:.9;transform:scale(1.1)}44%,to{opacity:0;transform:scale(1.4)}}@keyframes battle-impact{0%,28%{transform:translate(-50%,-50%)scale(0)rotate(-20deg)}32%,36%{transform:translate(-50%,-50%)scale(1.1)rotate(-8deg)}41%,to{transform:translate(-50%,-50%)scale(0)rotate(12deg)}}@keyframes battle-clang{0%,24%{transform:translate(-50%,-50%)scale(0)rotate(15deg)}27%,30%{transform:translate(-50%,-50%)scale(1)rotate(8deg)}34%,to{transform:translate(-50%,-50%)scale(0)}}@keyframes battle-cover{0%,39%{opacity:0;transform:rotateY(-90deg)scale(.85)}48%,57%{opacity:1;transform:rotateY(0)scale(1)}70%,to{opacity:0;transform:rotateY(-110deg)scale(1.1)}}@keyframes battle-fold-left{0%,38%{opacity:0;transform:rotateY(0)}40%{opacity:.85;transform:rotateY(0)}48%,57%{opacity:0;transform:rotateY(85deg)}62%{opacity:.9;transform:rotateY(80deg)}72%,to{opacity:0;transform:rotateY(0)}}@keyframes battle-fold-right{0%,38%{opacity:0;transform:rotateY(0)}40%{opacity:.85;transform:rotateY(0)}48%,57%{opacity:0;transform:rotateY(-85deg)}62%{opacity:.9;transform:rotateY(-80deg)}72%,to{opacity:0;transform:rotateY(0)}}@keyframes battle-caption-one{0%,23%{opacity:1}27%,to{opacity:0}}@keyframes battle-caption-two{0%,24%{opacity:0}28%,45%{opacity:1}52%,to{opacity:0}}@keyframes battle-caption-three{0%,59%{opacity:0}68%,to{opacity:1}}@keyframes battle-curtain{0%{opacity:0}6%,96%{opacity:1}to{opacity:0}}@keyframes battle-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:767px){.war-home__scene.battle-home-scene{margin:18px -14px 0}.battle-home-scene .war-home__actions{width:auto;margin:-1% 20px 22px}.battle-fighter__name{padding:.5cqw 1.4cqw;font-size:1.7cqw}.battle-cinematic__stage{width:100vw}.battle-cinematic__captions{margin:24px 16px 0;font-size:18px}.battle-cinematic .cinematic-skip{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}}@media (max-height:500px) and (min-width:600px){.battle-cinematic__stage{width:min(80vw,125vh)}.battle-cinematic__captions{height:32px;margin-top:0;font-size:16px}}@media (max-width:359px){.war-home__scene.battle-home-scene{margin-left:-10px;margin-right:-10px}}@media (prefers-reduced-motion:reduce){.battle-book *,.battle-cinematic *{animation:none!important}.story-warz-shell>.battle-cinematic{display:none}}