#dailyWarCard{display:none}
.war-field .war-fighter i{background-position:var(--direction,0%) 0%}
.war-map-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated}
.war-field.art-ready .war-floor-tile,.war-field.art-ready .war-obstacle{background:none;filter:none}
.war-fighter:not(.mine){transition-duration:1s}
.war-fighter i{--direction:0%;background-position:var(--direction) 0%}
.war-fighter[data-direction="west"] i{--direction:100%}
.war-fighter[data-direction="east"] i{--direction:33.3333%}
.war-fighter[data-direction="north"] i{--direction:66.6667%}
.war-fighter.walking i{animation:war-walk .32s steps(1,end) infinite}
@keyframes war-walk{0%,100%{background-position:var(--direction) 0%}50%{background-position:var(--direction) 20%}}
.war-fighter.female.walking i{background-image:url('assets/main-hero-female-walk-atlas-v11.png');background-size:400% 200%;animation:war-female-walk .36s steps(1,end) infinite}
@keyframes war-female-walk{0%,100%{background-position:var(--direction) 0%}50%{background-position:var(--direction) 100%}}
#dailyWarGameCard.war-entry-compact{width:auto;padding:6px 10px;box-shadow:none}
#dailyWarCard small,.war-shell header small,.war-prize small{color:#ebc77d;letter-spacing:2px;font-size:11px}
#dailyWarCard h3{margin:7px 0;color:#fff0bf;font:29px Georgia,serif}
#dailyWarCard p{margin:4px 0;color:#d2d8d6;font-size:13px}
#dailyWarCard b{display:block;margin-top:10px;color:#f5cf83;font-size:12px}
#dailyWarCard button,.war-shell button,.war-prize button{padding:10px 15px;border:1px solid #e7c476;border-radius:8px;background:linear-gradient(#8c6336,#50331c);color:#fff0d2;font-weight:800;cursor:pointer}
#dailyWarCard button:disabled{opacity:.5;cursor:default}
#dailyWarGameCard{position:absolute;z-index:5;top:12px;left:12px;display:grid;gap:4px;width:min(235px,44%);box-sizing:border-box;padding:10px 12px;border:1px solid #e7bd67;border-radius:9px;background:linear-gradient(135deg,#1a2930f2,#292018f2);box-shadow:0 8px 22px #000b;color:#fff0d2;line-height:1.2}
#dailyWarGameCard.hidden{display:none}
#dailyWarGameCard small{color:#ecc97f;font-size:9px;font-weight:900;letter-spacing:1px}
#dailyWarGameCard strong{font:17px Georgia,serif;color:#fff0b3}
#dailyWarGameCard span{font-size:10px;color:#e8e8d7}
#dailyWarGameCard button{justify-self:start;margin-top:3px;padding:6px 10px;border:1px solid #e5bc68;border-radius:6px;background:#9b602c;color:#fff7dd;font-size:11px;font-weight:800;cursor:pointer}
#tab-daily-war{max-width:1600px;margin:auto}.war-shell{padding:18px;border:1px solid #b89357;border-radius:15px;background:radial-gradient(circle at top,#24362e,#101a1d 62%);color:#eef1dc;box-shadow:0 20px 55px #0008}
.war-shell header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.war-shell h2{margin:4px 0 0;font:31px Georgia,serif;color:#ffe5ae}.war-header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.war-header-actions>b{color:#f7d181}
.war-teams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.war-teams>div{display:grid;gap:3px;justify-items:center;padding:11px;border:1px solid currentColor;border-radius:9px;background:#111b22d9;text-align:center}.war-teams .red{color:#ee7872}.war-teams .blue{color:#76baff}.war-teams .pink{color:#fa91d1}.war-teams strong{font-size:25px}.war-teams small{color:#dfdfd6}
.war-field{position:relative;aspect-ratio:33/19;width:min(100%,1320px);margin:auto;overflow:hidden;border:3px solid #c49d61;border-radius:11px;background:radial-gradient(circle at 50% 50%,#65775a,#344936 52%,#192d28);box-shadow:inset 0 0 85px #081216,0 18px 34px #0009}.war-field:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(100% / 33 - 1px),#bdc99413 calc(100% / 33 - 1px) calc(100% / 33)),repeating-linear-gradient(0deg,transparent 0 calc(100% / 19 - 1px),#bdc99413 calc(100% / 19 - 1px) calc(100% / 19));pointer-events:none}.war-base{position:absolute;z-index:1;padding:6px 10px;border:1px solid currentColor;border-radius:8px;background:#0b171cbd;font-size:10px;font-weight:900;letter-spacing:1px}.war-base.red{left:2%;top:46%;color:#f08881}.war-base.blue{right:2%;top:46%;color:#7ebdff}.war-base.pink{left:43%;top:5%;color:#f68dcb}
.war-fighter{position:absolute;z-index:2;left:calc(var(--x)*100%/33);top:calc(var(--y)*100%/19);display:grid;justify-items:center;min-width:40px;transform:translate(-15%,-35%);transition:left .17s linear,top .17s linear;filter:drop-shadow(0 3px 3px #000)}.war-fighter i{width:29px;height:35px;background:url('assets/main-hero-actions-atlas.png') 0 0/400% 600%;image-rendering:pixelated}.war-fighter:after{content:"";position:absolute;top:18px;width:34px;height:15px;border:3px solid var(--team);border-radius:50%;box-shadow:0 0 9px var(--team)}.war-fighter.red{--team:#f06862}.war-fighter.blue{--team:#5caeff}.war-fighter.pink{--team:#f782ca}.war-fighter.mine{z-index:4;filter:drop-shadow(0 0 9px #fff9a8)}.war-fighter b{min-height:19px;color:#fff29b;font-size:15px;text-shadow:0 2px 3px #000}.war-fighter small{max-width:96px;overflow:hidden;padding:2px 4px;border-radius:4px;background:#081214ce;color:var(--team);font-size:9px;font-weight:900;letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap}
.war-rankings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.war-rankings.hidden{display:none}.war-rankings section{max-height:220px;overflow:auto;padding:9px;border:1px solid #a68558;border-radius:8px;background:#101c20}.war-rankings h3{margin:2px 0 8px}.war-rankings p{display:flex;justify-content:space-between;gap:10px;margin:5px 0;padding:5px;border-bottom:1px solid #ffffff20;font-size:11px}.war-rankings span{white-space:nowrap;color:#d6daca}
.war-wait{min-height:280px;display:grid;place-content:center;text-align:center}.war-controls{display:grid;justify-content:center;gap:3px;margin:12px auto;text-align:center}.war-controls>button{width:50px;margin:auto}.war-controls>div{display:flex;gap:5px}.war-controls small{margin-top:5px;color:#cbd5c7}.war-gunbattle{display:block;width:100%;aspect-ratio:16/9;min-height:500px;border:2px solid #bf955d;border-radius:10px}.war-shell>p{color:#cfdbd2;text-align:center;font-size:12px}
#dailyWarPrize{z-index:480}.war-prize{width:min(520px,100%);max-height:calc(100dvh - 30px);overflow:auto;box-sizing:border-box;padding:28px;border:2px solid #e3c16e;border-radius:15px;background:radial-gradient(circle at top,#394634,#121b19);color:#f4e8c3;text-align:center;box-shadow:0 28px 75px #000d}.war-prize h2{color:#fff1bc;font:32px Georgia,serif}.war-prize strong{display:block;margin:17px 0;font-size:24px;color:#ffe08c}.war-prize button{margin-top:10px}
#dailyWarNotice{position:fixed;z-index:490;top:90px;left:50%;max-width:min(500px,90vw);transform:translateX(-50%);padding:11px 18px;border:1px solid #e5c278;border-radius:9px;background:#22342b;color:#fff1c8;box-shadow:0 12px 30px #000a;text-align:center}.hidden#dailyWarNotice{display:none}
.war-fighter.female i{background-image:url('assets/main-hero-female-actions-atlas.png')}
.war-field{background-image:linear-gradient(#091f0a2a,#0618072e),url('assets/terrain-atlas.png');background-size:100% 100%,200% 200%;background-position:center,left top}
.war-obstacle{position:absolute;z-index:1;left:calc(var(--x)*100%/33);top:calc(var(--y)*100%/19);width:calc(100%/33);height:calc(100%/19);background:url('assets/elemental-obstacles.png') left top/300% 100% no-repeat;filter:drop-shadow(2px 4px 3px #081608b3);pointer-events:none}
.war-fighter.immune{animation:war-protection-blink .42s steps(2,start) infinite}
@keyframes war-protection-blink{50%{opacity:.22}}
.war-fight-cloud{position:absolute;z-index:3;left:calc(var(--x)*100%/33);top:calc(var(--y)*100%/19);width:64px;height:46px;transform:translate(-36%,-36%);pointer-events:none;filter:drop-shadow(0 3px 5px #000b);animation:war-cloud-bob .55s ease-in-out infinite alternate}
.war-fight-cloud:before,.war-fight-cloud:after{content:"";position:absolute;background:#e9dbbd;border:2px solid #4d4546;border-radius:50%;box-shadow:0 0 8px #fff8}
.war-fight-cloud:before{inset:7px 4px 5px 5px}.war-fight-cloud:after{width:31px;height:30px;left:17px;top:0;background:#f4e6c9}
.war-fight-cloud span{position:absolute;z-index:1;left:18px;top:6px;color:#9b3630;font-size:28px;text-shadow:0 1px #fff}
@keyframes war-cloud-bob{from{translate:-3px 1px;rotate:-5deg}to{translate:3px -2px;rotate:5deg}}
.war-fighter{transition:left .12s linear,top .12s linear}
.war-obstacle{box-sizing:border-box;border:1px solid #8d9278;border-radius:5px;background-color:#66705d;box-shadow:inset 0 2px 3px #d0d1aa88,inset 0 -5px 6px #263229bb,2px 4px 5px #081608b3}
.war-field{background:#243d22}.war-field:before{display:none}
.war-floor-tile{position:absolute;width:calc(100% / 33);height:calc(100% / 19);background:url('assets/terrain-atlas.png') left top/200% 200% no-repeat;pointer-events:none}
.war-obstacle{width:calc(100% / 33);height:calc(100% / 19);border:0;border-radius:0;background:url('assets/elemental-obstacles.png') left top/300% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 2px 2px #0816089c)}
.war-fighter{transform:translate(-50%,-48%);transition:left .135s linear,top .135s linear}
@media(max-width:700px){#dailyWarCard{display:grid;padding:14px}#dailyWarCard h3{font-size:23px}#dailyWarGameCard{top:5px;left:5px;width:min(180px,54%);padding:6px;gap:2px}#dailyWarGameCard strong{font-size:12px}#dailyWarGameCard small,#dailyWarGameCard span{font-size:8px}#dailyWarGameCard button{padding:4px 7px;font-size:9px}.war-shell{padding:10px}.war-shell h2{font-size:23px}.war-teams{gap:4px}.war-teams>div{padding:7px 2px}.war-teams strong{font-size:17px}.war-rankings{grid-template-columns:1fr}.war-field{min-height:320px;aspect-ratio:1.35}.war-fighter i{width:23px;height:29px}.war-fighter small{max-width:52px;font-size:7px}.war-base{font-size:6px;padding:3px}.war-gunbattle{min-height:0;height:70dvh;aspect-ratio:auto}}
.war-fighter i{width:35px;height:42px;filter:drop-shadow(0 0 3px var(--team)) drop-shadow(0 0 7px var(--team))}
.war-fighter.mine{filter:drop-shadow(0 3px 3px #000)}
.war-fighter.mine{transition-duration:.15s}
.war-fighter:not(.mine){transition-duration:1s}
.war-fighter:after{top:37px;width:38px;height:12px;border:0;border-radius:50%;background:radial-gradient(ellipse,var(--team),transparent 70%);box-shadow:none;opacity:.55;filter:blur(3px);pointer-events:none;z-index:-1}
.war-fighter.walking i,.war-fighter.female.walking i{background-image:var(--war-walk);background-size:100% 800%;animation:war-smooth-walk .8s steps(8,end) infinite}
.war-fighter.male[data-direction="south"]{--war-walk:url('assets/hero%20male/rotations/walking-south-atlas.png')}
.war-fighter.male[data-direction="north"]{--war-walk:url('assets/hero%20male/rotations/walking-north-atlas.png')}
.war-fighter.male[data-direction="west"]{--war-walk:url('assets/hero%20male/rotations/walking-west-atlas.png')}
.war-fighter.male[data-direction="east"]{--war-walk:url('assets/hero%20male/rotations/walking-east-atlas.png')}
.war-fighter.female[data-direction="south"]{--war-walk:url('assets/female_hero/walking-south-atlas.png')}
.war-fighter.female[data-direction="north"]{--war-walk:url('assets/female_hero/walking-north-atlas.png')}
.war-fighter.female[data-direction="west"]{--war-walk:url('assets/female_hero/walking-west-atlas.png')}
.war-fighter.female[data-direction="east"]{--war-walk:url('assets/female_hero/walking-east-atlas.png')}
@keyframes war-smooth-walk{from{background-position:0 0}to{background-position:0 114.285714%}}
@media(max-width:700px){.war-fighter i{width:28px;height:35px}.war-fighter:after{top:32px;width:30px}}
.war-prize .war-enhancement-art{width:48px;height:48px;background-position:0 0;vertical-align:middle;margin-right:5px}