.coc-war-page{--war-gold:#efb957;--war-green:#79d29a;color:#eef2f7;background-color:#06090e;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px),radial-gradient(circle at 77% 6%,#2d814c33,#0000 29%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:64px 64px,64px 64px,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;padding:0 32px 30px;position:relative;overflow:hidden}.coc-war-page *{box-sizing:border-box}.coc-war-glow{filter:blur(45px);pointer-events:none;background:#ad701f17;border-radius:50%;width:500px;height:500px;position:absolute;top:420px;left:-180px}.coc-war-header,.coc-war-subnav,.coc-war-hero,.coc-war-search,.coc-war-skeleton,.coc-war-match,.coc-war-feed,.coc-war-empty,.coc-war-private,.coc-war-history,.coc-war-note,.coc-war-footer{z-index:1;width:min(1180px,100%);margin-inline:auto;position:relative}.coc-war-header{border-bottom:1px solid #202733;height:76px}.coc-war-brand img{width:160px}.coc-war-back{border-color:#30394a!important}.coc-war-subnav{border-bottom:1px solid #1c2430;align-items:center;gap:7px;min-height:54px;display:flex;overflow-x:auto}.coc-war-subnav a{color:#84909f;font-size:var(--font-size-meta);white-space:nowrap;border-radius:9px;padding:9px 13px}.coc-war-subnav a:hover,.coc-war-subnav a.active{color:#f4f7f9;background:#121b25}.coc-war-subnav a:last-child{align-items:center;gap:6px;margin-left:auto;display:flex}.coc-war-hero{grid-template-columns:1fr 230px;align-items:end;gap:30px;padding:66px 0 38px;display:grid}.coc-war-hero>div>span,.coc-war-feed header span,.coc-war-history header span{color:var(--war-gold);font:800 12px var(--font-geist-mono),monospace;letter-spacing:.16em}.coc-war-hero h1{letter-spacing:-.065em;margin:11px 0 18px;font-size:clamp(43px,5.4vw,70px);line-height:.99}.coc-war-hero h1 em{color:var(--war-green);font-style:normal}.coc-war-hero p{color:#8c98a8;max-width:720px;margin:0;font-size:14px;line-height:1.7}.coc-war-hero aside{background:linear-gradient(145deg,#7d52161f,#1c52311f);border:1px solid #efb9573d;border-radius:17px;padding:22px}.coc-war-hero aside svg{width:30px;height:30px;color:var(--war-gold)}.coc-war-hero aside small,.coc-war-hero aside span{color:#7e8998;font-size:var(--font-size-meta);display:block}.coc-war-hero aside small{letter-spacing:.12em;margin-top:15px}.coc-war-hero aside strong{color:#a0e4b7;margin:7px 0 2px;font-size:25px;display:block}.coc-war-search{background:#0a0f17f0;border:1px solid #273142;border-radius:17px;padding:22px}.coc-war-search form label{color:#abb4c0;font-size:var(--font-size-meta);margin-bottom:8px;font-weight:700;display:block}.coc-war-search form>div{gap:9px;display:flex}.coc-war-search input{color:#f5f7f8;background:#060a10;border:1px solid #303a4a;border-radius:10px;outline:0;flex:1;min-width:0;padding:14px 16px;font-size:15px}.coc-war-search input:focus{border-color:#64b983;box-shadow:0 0 0 3px #50a9701f}.coc-war-search form button,.coc-war-feed header button{color:#fff;cursor:pointer;background:#27794a;border:1px solid #58ad77;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-weight:800;display:flex}.coc-war-search form button{padding:0 20px}.coc-war-search button:disabled{opacity:.45;cursor:not-allowed}.coc-war-search>p{color:#7e8998;min-height:16px;font-size:var(--font-size-meta);margin:13px 0 0}.coc-war-recents{flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;display:flex}.coc-war-recents>span{color:#687486;font-size:var(--font-size-meta)}.coc-war-recents button{color:#b5c0cc;cursor:pointer;background:#111823;border:1px solid #293445;border-radius:999px;padding:6px 10px}.coc-war-skeleton{background:#0a0f17;border:1px solid #252f3e;border-radius:18px;margin-top:14px;padding:22px}.coc-war-skeleton>i,.coc-war-skeleton div i{background:linear-gradient(90deg,#111925,#1b2736,#111925) 0 0/200% 100%;border-radius:12px;animation:1.3s linear infinite war-shimmer;display:block}.coc-war-skeleton>i:first-child{width:190px;height:28px}.coc-war-skeleton>div{grid-template-columns:1fr 1fr;gap:18px;margin:18px 0;display:grid}.coc-war-skeleton div i{height:180px}.coc-war-skeleton>i:not(:first-child){height:52px;margin-top:8px}@keyframes war-shimmer{to{background-position:-200% 0}}.coc-war-match{background:#090e16f5;border:1px solid #2a3444;border-radius:19px;margin-top:14px;overflow:hidden}.coc-war-match>header{background:#ffffff04;border-bottom:1px solid #252e3b;align-items:center;gap:14px;min-height:58px;padding:13px 19px;display:flex}.coc-war-match>header .state{color:#92dca9;font-size:var(--font-size-meta);background:#328b5226;border-radius:999px;padding:6px 9px;font-weight:800}.coc-war-match>header .state.preparation{color:#efc979;background:#a1701d26}.coc-war-match>header strong{color:#bfc8d3;font-size:var(--font-size-meta);align-items:center;gap:6px;display:flex}.coc-war-match>header small{color:#737f90;margin-left:auto}.coc-war-sides{grid-template-columns:1fr 140px 1fr;align-items:center;gap:18px;padding:24px;display:grid}.coc-war-sides>article{background:#0d141e;border:1px solid #273142;border-radius:15px;padding:20px}.coc-war-sides>article.home{background:linear-gradient(140deg,#236f3e24,#0d141e 60%);border-color:#5cb87c45}.coc-war-sides>article.opponent{background:linear-gradient(220deg,#7f36261f,#0d141e 60%);border-color:#d56f4f3b}.coc-war-identity{align-items:center;gap:12px;min-width:0;display:flex}.coc-war-identity img,.coc-war-identity>svg{object-fit:contain;width:48px;height:48px;color:var(--war-gold)}.coc-war-identity span{min-width:0}.coc-war-identity b,.coc-war-identity small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.coc-war-identity b{color:#e6ebf1;font-size:15px}.coc-war-identity small{color:#748093;font:12px var(--font-geist-mono),monospace;margin-top:4px}.coc-war-sides dl{border-top:1px solid #25303d;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 0;padding-top:15px;display:grid}.coc-war-sides dl div{text-align:center}.coc-war-sides dt{color:#6d7888;font-size:var(--font-size-meta)}.coc-war-sides dd{color:#d4dbe4;font:700 12px var(--font-geist-mono),monospace;margin:5px 0 0}.coc-war-versus{text-align:center}.coc-war-versus>span,.coc-war-versus>small{color:#687487;font-size:var(--font-size-meta);display:block}.coc-war-versus>strong{color:#f1f3f6;font:800 30px var(--font-geist-mono),monospace;justify-content:center;gap:12px;margin:8px 0;display:flex}.coc-war-versus em{color:#566171;font-style:normal}.coc-war-feed,.coc-war-history{background:#090e16f2;border:1px solid #273142;border-radius:18px;margin-top:14px;overflow:hidden}.coc-war-feed>header,.coc-war-history>header{border-bottom:1px solid #252e3b;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.coc-war-feed h2,.coc-war-history h2{margin:5px 0 0;font-size:22px}.coc-war-feed header button{color:#9bd7ae;font-size:var(--font-size-meta);background:#27794a1f;padding:9px 12px}.coc-war-feed>div>article{border-bottom:1px solid #202936;grid-template-columns:50px minmax(180px,1fr) 100px 80px;align-items:center;gap:12px;min-height:60px;padding:0 18px;display:grid}.coc-war-feed>div>article.opponent{background:#7d332309}.coc-war-feed article>span{color:#738196;font:700 12px var(--font-geist-mono),monospace}.coc-war-feed article div strong,.coc-war-feed article div small{display:block}.coc-war-feed article div strong{color:#cbd3dd;font-size:var(--font-size-meta)}.coc-war-feed article div small{color:#657184;font-size:var(--font-size-meta);margin-top:3px}.coc-war-feed article b{gap:2px;display:flex}.coc-war-feed article b svg{color:#2c3543;width:15px;height:15px}.coc-war-feed article b svg.earned{color:var(--war-gold)}.coc-war-feed article em{color:#d5dde6;font:700 12px var(--font-geist-mono),monospace;text-align:right;font-style:normal}.coc-war-no-attacks{text-align:center;color:#6e7989;font-size:var(--font-size-meta);padding:42px}.coc-war-empty,.coc-war-private{text-align:center;background:#090e16b3;border:1px dashed #2b3645;border-radius:18px;place-items:center;min-height:180px;margin-top:14px;padding:28px;display:grid}.coc-war-empty svg{color:#6fbd89;width:34px;height:34px}.coc-war-empty strong{margin-top:12px}.coc-war-empty p,.coc-war-private p{color:#758192;font-size:var(--font-size-meta);margin:7px 0 0}.coc-war-private{text-align:left;background:#7e54130f;border-style:solid;border-color:#daa5463d;grid-template-columns:auto 1fr;justify-items:start;min-height:auto}.coc-war-private svg{width:28px;height:28px;color:var(--war-gold)}.coc-war-history>header>svg{color:#7acb95;width:28px;height:28px}.coc-war-history>div>article{border-bottom:1px solid #202936;grid-template-columns:60px 1fr 45px 1fr 120px;align-items:center;gap:12px;min-height:76px;padding:10px 18px;display:grid}.coc-war-history>div>article>span{color:#83d49d;width:44px;font-size:var(--font-size-meta);text-align:center;background:#2c854a21;border-radius:7px;padding:6px 0;font-weight:800}.coc-war-history>div>article.lose>span{color:#df8c7c;background:#943a2821}.coc-war-history>div>article.draw>span{color:#b6bec9;background:#717c8b1f}.coc-war-history-clan{justify-content:space-between;align-items:center;gap:12px;display:flex}.coc-war-history-clan .coc-war-identity img,.coc-war-history-clan .coc-war-identity>svg{width:34px;height:34px}.coc-war-history-clan .coc-war-identity b{font-size:var(--font-size-meta)}.coc-war-history-clan>strong{color:#eef1f4;font:700 18px var(--font-geist-mono),monospace}.coc-war-history-clan>strong small{color:#788496;font-size:var(--font-size-meta);margin-top:3px;display:block}.coc-war-history-clan.opponent{text-align:right}.coc-war-history>div>article>i{color:#536071;font:800 12px var(--font-geist-mono),monospace;text-align:center;font-style:normal}.coc-war-history time{color:#707c8d;font-size:var(--font-size-meta);text-align:right}.coc-war-note{background:#7e54130a;border:1px solid #efb95726;border-radius:12px;margin-top:14px;padding:16px 19px}.coc-war-note strong{color:#c7a466;font-size:var(--font-size-meta)}.coc-war-note p{color:#687486;font-size:var(--font-size-meta);margin-left:8px;display:inline}.coc-war-footer{margin-top:28px}@media (width<=900px){.coc-war-hero{grid-template-columns:1fr}.coc-war-hero aside{display:none}.coc-war-sides{grid-template-columns:1fr}.coc-war-versus{order:2}.coc-war-sides>article.opponent{order:3}.coc-war-history>div>article{grid-template-columns:55px 1fr 30px 1fr}.coc-war-history time{display:none}}@media (width<=620px){.coc-war-page{padding-inline:16px}.coc-war-header{height:68px}.coc-war-brand img{width:138px}.coc-war-subnav a:last-child{margin-left:0}.coc-war-hero{padding-top:45px}.coc-war-hero h1{font-size:42px}.coc-war-search form>div{flex-direction:column}.coc-war-search form button{min-height:46px}.coc-war-skeleton>div{grid-template-columns:1fr}.coc-war-sides{padding:15px}.coc-war-match>header{flex-wrap:wrap;align-items:flex-start}.coc-war-match>header small{width:100%;margin-left:0}.coc-war-feed>div>article{grid-template-columns:38px minmax(0,1fr) 66px}.coc-war-feed article em{display:none}.coc-war-history>div>article{grid-template-columns:48px 1fr 24px 1fr;padding-inline:10px}.coc-war-history-clan>strong{font-size:14px}.coc-war-history-clan .coc-war-identity img,.coc-war-history-clan .coc-war-identity>svg{display:none}.coc-war-note p{margin:7px 0 0;display:block}}@media (prefers-reduced-motion:reduce){.coc-war-page *{transition:none!important}.coc-war-skeleton>i,.coc-war-skeleton div i{animation:none!important}}