.wars-page main{max-width:1400px}.wars-page{font-variant-numeric:tabular-nums;scrollbar-color:#54736d #10201e;scrollbar-width:thin}.wars-page ::selection{background:#97fce4;color:#10201d}.wars-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:38px 0 32px}.wars-intro h1{margin:0 0 20px}.wars-intro p{font-size:20px;margin:0}.wars-sections{display:flex;flex-wrap:wrap;gap:12px 32px;border-block:1px solid var(--line);padding:10px 0}.wars-sections a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--quiet);font-weight:700}.wars-sections a:hover{color:var(--lime)}#wars-notice{min-height:28px;font-size:14px;margin:24px 0}#wars-notice[data-error=true]{color:#f4c8ab}.wars-current{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start;padding:28px 0 34px;border-bottom:1px solid var(--line)}.wars-current h2{font-size:24px;margin-bottom:12px}.wars-current p{margin:6px 0}.wars-prize{text-align:right}.wars-prize strong{font-size:clamp(30px,4vw,52px);font-weight:600;line-height:1.25;letter-spacing:-.03em;color:var(--lime);display:block;overflow-wrap:anywhere}.wars-prize small{display:block;font-size:14px;color:var(--quiet);margin-top:10px}.wars-state{display:inline-block;color:#d9f4ed;background:#1a302d;border:1px solid #3e635b;padding:6px 10px;border-radius:6px;font-size:13px;margin-bottom:14px}.wars-section{margin-top:52px;scroll-margin-top:130px}.wars-section h2{font-size:clamp(25px,3vw,36px)}.wars-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.wars-heading h2{margin-bottom:8px}.wars-heading p{margin:0;font-size:14px}.wars-empty{padding:28px 0;border-block:1px solid var(--line)}.wars-empty h3{margin:0 0 8px;font-size:22px}.wars-empty p{margin:0}.wars-board{list-style:none;margin:0;padding:0}.wars-row{border-top:1px solid var(--line);padding:22px 0}.wars-row:last-child{border-bottom:1px solid var(--line)}.wars-row-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:18px;align-items:center}.wars-rank{font-size:24px;color:var(--quiet)}.wars-identity a{font-size:18px;font-weight:750;text-decoration:none;overflow-wrap:anywhere}.wars-identity a:hover{text-decoration:underline}.wars-identity small{display:block;color:var(--quiet);margin-top:5px;overflow-wrap:anywhere}.wars-score{text-align:right;font-weight:700;font-size:23px;color:var(--lime)}.wars-score span{display:block;color:var(--quiet);font-size:12px;font-weight:500;margin-top:4px}.wars-row details{margin:12px 0 0 60px}.wars-row summary{font-size:13px;color:var(--quiet);cursor:pointer;padding:10px 0;min-height:44px}.wars-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:12px 0}.wars-metrics dt{font-size:12px;color:var(--quiet);margin-bottom:7px}.wars-metrics dd{margin:0;font-size:15px;overflow-wrap:anywhere}.wars-rules{border-top:1px solid var(--line);max-width:900px}.wars-rules details{border-bottom:1px solid var(--line);padding:18px 0}.wars-rules summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;font-size:18px;font-weight:700;padding:8px 0}.wars-rules p{font-size:15px;margin:8px 0 14px}.wars-risk{font-size:13px;margin-top:24px}.wars-archive{list-style:none;padding:0}.wars-archive li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.wars-archive a{font-weight:700}.wars-archive span{color:var(--quiet)}#wars-more{margin-top:24px}.wars-page button:disabled{opacity:.6}.wars-page [hidden]{display:none!important}
.wars-page main .k-button,.wars-page main .k-button:hover{color:var(--ink)}
@media(max-width:600px){.wars-intro{display:block;padding:20px 0 26px}.wars-intro .k-button{margin-top:24px}.wars-intro p{font-size:16px}.wars-sections{gap:6px 22px;font-size:13px}.wars-current{grid-template-columns:1fr;gap:20px}.wars-prize{text-align:left}.wars-heading{display:block}.wars-heading .k-button{margin-top:18px}.wars-section{margin-top:38px}.wars-row-top{grid-template-columns:28px minmax(0,1fr) auto;gap:10px}.wars-rank{font-size:19px}.wars-identity a{font-size:16px}.wars-score{font-size:20px}.wars-row details{margin-left:38px}.wars-metrics{grid-template-columns:1fr;gap:16px}.wars-archive li{flex-direction:column;gap:8px}.wars-current h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.wars-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

#wars-funded-claims{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}#wars-funded-claims>section{min-width:0;border-top:1px solid var(--line);padding-top:24px}#wars-funded-claims h3{font-size:22px;margin:0 0 20px}.wars-claim{min-width:0}.wars-claim-status{line-height:1.6}.wars-claim-detail{overflow-wrap:anywhere;font-size:14px;line-height:1.7}.wars-claim .k-button{min-height:44px;max-width:100%;white-space:normal;margin-top:12px}.wars-claim-recovery{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:12px 14px;margin-top:20px;border:1px solid var(--line);border-radius:8px;background:#10201e;color:var(--ink);font:inherit;font-size:14px}.wars-claim-recovery:focus-visible{outline:2px solid var(--lime);outline-offset:3px}@media(max-width:600px){#wars-funded-claims{grid-template-columns:1fr;gap:24px}}

.wars-filter{max-width:560px;margin-bottom:24px}.wars-filter label{display:block;font-size:14px;font-weight:700;margin-bottom:10px}:is(.wars-filter,.wars-roster) input{box-sizing:border-box;width:100%;min-width:0;min-height:48px;background:#10201e;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font:inherit}:is(.wars-filter,.wars-roster) input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.wars-filter p{font-size:13px;margin:10px 0}.wars-history-records>section{padding:20px 0;border-bottom:1px solid var(--line)}.wars-history-records h3{font-size:19px;overflow-wrap:anywhere}.wars-history-records p{font-size:14px;line-height:1.6}

.wars-funded-summary{grid-column:1/-1;min-width:0;border-top:1px solid var(--line);padding-top:24px}.wars-funded-summary h2{font-size:clamp(23px,3vw,34px);line-height:1.25}.wars-funded-summary .wars-settlement{margin-top:24px}.wars-reward-week{display:inline-flex;min-height:44px;align-items:center;color:var(--lime)}

.wars-roster label{display:block;margin-top:1.5rem}.wars-roster input{width:100%;max-width:40rem;box-sizing:border-box}.wars-roster-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.wars-roster-filters [aria-pressed="true"]{border-color:var(--lime,#a8f0dd);background:rgba(168,240,221,.12)}.wars-roster .wars-history-records :is(a,p){overflow-wrap:anywhere}.wars-roster .wars-history-records h3{font-size:1rem}
/* Hero: the prize pool and its split, beside the first-week date. */
.wars-intro .wars-pool{font-size:17px;margin-top:18px;color:var(--ink)}.wars-split{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:16px 0 0}.wars-split li{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;color:var(--quiet)}.wars-split strong{color:var(--lime);margin-right:6px}
/* Rules accordions: the site's plus mark (as on the home page), not the browser's triangle. */
.wars-rules summary::-webkit-details-marker{display:none}.wars-rules summary::after{content:'+';flex:none;font-size:24px;font-weight:300;line-height:1;color:var(--lime);transition:transform .3s}.wars-rules details[open]>summary::after{transform:rotate(45deg)}.wars-rules summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
/* Desktop: standings beside the rules, rewards beside past weeks. */
.wars-reward-history{margin-top:32px}.wars-reward-history h3{font-size:20px;margin:0 0 8px}.wars-reward-history .k-button{margin-top:12px}
@media(min-width:1000px){.wars-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:72px;align-items:start}.wars-columns>.wars-main{min-width:0}.wars-columns .wars-filter{max-width:none}}
@media(max-width:600px){.wars-intro .wars-pool{font-size:15px}.wars-split li{font-size:13px;padding:7px 12px}}
/* The header's arena (hype-wars.html .wars-arena, stock-wars-arena.mjs): the trophy, the countdown to the first week, an
   example race (labelled Example: no real market or score) and how a market scores. Decoration only (aria-hidden). */
.wars-intro{align-items:center;gap:48px}
.wars-intro>div:first-child{flex:1 1 0;min-width:0}
.wars-intro .k-button{margin-top:26px}
.wars-split li{animation:wars-rise .5s cubic-bezier(.2,.8,.2,1) both}
.wars-split li:nth-child(2){animation-delay:.08s}.wars-split li:nth-child(3){animation-delay:.16s}
.wars-arena{position:relative;flex:0 1 440px;min-width:0;display:grid;gap:16px;padding:22px;border:1px solid #2b4642;border-radius:20px;background:radial-gradient(120% 70% at 100% 0%,#97fce414,transparent 60%),radial-gradient(90% 60% at 0% 100%,#abcfff12,transparent 60%),#0a1715;box-shadow:0 30px 80px -40px #97fce440;animation:wars-rise .6s cubic-bezier(.2,.8,.2,1) .1s both}
.wars-arena-head{display:flex;align-items:center;gap:16px}
.wars-arena-head strong{display:block;font-size:19px;color:var(--ink)}
.wars-arena-head>div>span{display:block;margin-top:2px;font-size:13px;color:var(--quiet)}
.wars-trophy{position:relative;display:grid;place-items:center;flex:none;width:52px;height:52px;margin:6px;border-radius:50%;background:linear-gradient(140deg,#c1fded,#8ff1f1 55%,#abcfff);color:#061210;box-shadow:0 0 0 6px #97fce41a,0 0 28px #97fce455;animation:wars-bob 3.2s ease-in-out infinite}
.wars-trophy svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wars-trophy i{position:absolute;inset:-9px;border-radius:50%;border:1.5px dashed #97fce466;animation:wars-spin 16s linear infinite}
.wars-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.wars-countdown div{display:grid;justify-items:center;gap:3px;padding:12px 4px 10px;border:1px solid #2f4b47;border-radius:12px;background:#0d1d1b;overflow:hidden}
.wars-countdown b{display:block;font-size:30px;line-height:1.1;font-weight:700;color:var(--lime);font-variant-numeric:tabular-nums}
.wars-countdown small{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#86a19d}
.wars-flip{animation:wars-flip .45s cubic-bezier(.2,.8,.2,1)}
.wars-race{padding:12px 14px 14px;border:1px solid #2f4b47;border-radius:14px;background:#0b1917}
.wars-race-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#86a19d}
.wars-race-head b{padding:3px 9px;border-radius:999px;border:1px solid #abcfff55;color:#cfe2ff;font-size:10px;letter-spacing:.06em}
.wars-race-board{--row:30px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px}
.wars-race-ranks{list-style:none;margin:0;padding:0}
.wars-race-ranks li{display:grid;place-items:center;height:var(--row);font-size:13px;font-weight:700;color:var(--quiet)}
.wars-race-ranks li:first-child{height:calc(var(--row) - 6px);margin:3px 0;border-radius:8px;background:var(--lime);color:#061210}
.wars-race-rows{position:relative;height:calc(var(--row) * 5);list-style:none;margin:0;padding:0}
.wars-race-rows li{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:10px;height:var(--row);animation:12s cubic-bezier(.65,0,.35,1) infinite both}
.wars-race-rows i{flex:none;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff2e}
.wars-race-rows span{flex:1;height:8px;border-radius:999px;background:#ffffff0d;overflow:hidden}
.wars-race-rows em{display:block;height:100%;border-radius:inherit;transform-origin:left;animation:12s cubic-bezier(.65,0,.35,1) infinite both}
.wars-race-rows li:nth-child(1){transform:none;animation-name:wars-race-a}
.wars-race-rows li:nth-child(2){transform:translateY(100%);animation-name:wars-race-b}
.wars-race-rows li:nth-child(3){transform:translateY(200%);animation-name:wars-race-c}
.wars-race-rows li:nth-child(4){transform:translateY(300%);animation-name:wars-race-d}
.wars-race-rows li:nth-child(5){transform:translateY(400%);animation-name:wars-race-e}
.wars-race-rows li:nth-child(1) i,.wars-race-rows li:nth-child(1) em{background:linear-gradient(90deg,#97fce4,#c1fded)}
.wars-race-rows li:nth-child(2) i,.wars-race-rows li:nth-child(2) em{background:linear-gradient(90deg,#8ff1f1,#5fd3e6)}
.wars-race-rows li:nth-child(3) i,.wars-race-rows li:nth-child(3) em{background:linear-gradient(90deg,#abcfff,#7fa8ff)}
.wars-race-rows li:nth-child(4) i,.wars-race-rows li:nth-child(4) em{background:linear-gradient(90deg,#c9b8ff,#a58cff)}
.wars-race-rows li:nth-child(5) i,.wars-race-rows li:nth-child(5) em{background:linear-gradient(90deg,#f0d39c,#e8b86b)}
.wars-race-rows li:nth-child(1) em{animation-name:wars-bar-a}.wars-race-rows li:nth-child(2) em{transform:scaleX(.82);animation-name:wars-bar-b}
.wars-race-rows li:nth-child(3) em{transform:scaleX(.66);animation-name:wars-bar-c}.wars-race-rows li:nth-child(4) em{transform:scaleX(.5);animation-name:wars-bar-d}
.wars-race-rows li:nth-child(5) em{transform:scaleX(.36);animation-name:wars-bar-e}
/* Who holds which place in each quarter of the 12 s loop (rows a-e; place 1 = 0): a 0 1 2 3, b 1 0 0 1, c 2 3 4 4,
   d 3 2 1 0, e 4 4 3 2. A bar's length follows its place. */
@keyframes wars-race-a{0%,18%,100%{transform:none}25%,43%{transform:translateY(100%)}50%,68%{transform:translateY(200%)}75%,93%{transform:translateY(300%)}}
@keyframes wars-race-b{0%,18%,75%,93%,100%{transform:translateY(100%)}25%,43%,50%,68%{transform:none}}
@keyframes wars-race-c{0%,18%,100%{transform:translateY(200%)}25%,43%{transform:translateY(300%)}50%,68%,75%,93%{transform:translateY(400%)}}
@keyframes wars-race-d{0%,18%,100%{transform:translateY(300%)}25%,43%{transform:translateY(200%)}50%,68%{transform:translateY(100%)}75%,93%{transform:none}}
@keyframes wars-race-e{0%,18%,25%,43%,100%{transform:translateY(400%)}50%,68%{transform:translateY(300%)}75%,93%{transform:translateY(200%)}}
@keyframes wars-bar-a{0%,18%,100%{transform:none}25%,43%{transform:scaleX(.82)}50%,68%{transform:scaleX(.66)}75%,93%{transform:scaleX(.5)}}
@keyframes wars-bar-b{0%,18%,75%,93%,100%{transform:scaleX(.82)}25%,43%,50%,68%{transform:none}}
@keyframes wars-bar-c{0%,18%,100%{transform:scaleX(.66)}25%,43%{transform:scaleX(.5)}50%,68%,75%,93%{transform:scaleX(.36)}}
@keyframes wars-bar-d{0%,18%,100%{transform:scaleX(.5)}25%,43%{transform:scaleX(.66)}50%,68%{transform:scaleX(.82)}75%,93%{transform:none}}
@keyframes wars-bar-e{0%,18%,25%,43%,100%{transform:scaleX(.36)}50%,68%{transform:scaleX(.5)}75%,93%{transform:scaleX(.66)}}
.wars-formula p{margin:0 0 9px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#86a19d}
.wars-formula-bar{display:flex;gap:4px;height:10px}
.wars-formula-bar i{border-radius:999px;transform-origin:left;animation:wars-grow .9s cubic-bezier(.2,.8,.2,1) both}
.wars-formula-bar i:nth-child(1){flex:40;background:linear-gradient(90deg,#97fce4,#8ff1f1);animation-delay:.35s}
.wars-formula-bar i:nth-child(2){flex:40;background:linear-gradient(90deg,#8ff1f1,#abcfff);animation-delay:.5s}
.wars-formula-bar i:nth-child(3){flex:20;background:linear-gradient(90deg,#abcfff,#c9b8ff);animation-delay:.65s}
.wars-formula-keys{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:12.5px;color:var(--quiet)}
.wars-formula-keys span:before{content:'';display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#97fce4;vertical-align:1px}
.wars-formula-keys span:nth-child(2):before{background:#8ff1f1}.wars-formula-keys span:nth-child(3):before{background:#c9b8ff}
.wars-formula-keys b{margin-right:5px;color:var(--ink)}
/* While no week is open (stock-wars.mjs renderWarsCurrent): how a week runs, a light walking from step to step. */
.wars-empty-cycle{padding:30px 0 34px}
.wars-cycle{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;list-style:none;margin:28px 0 0;padding:0}
.wars-cycle:before{content:'';position:absolute;left:17px;right:calc(20% - 31px);top:17px;height:2px;border-radius:2px;background:linear-gradient(90deg,#97fce48c,#46706a);transform-origin:left;animation:wars-grow .9s cubic-bezier(.2,.8,.2,1) .2s both}
.wars-cycle:after{content:'';position:absolute;left:14px;top:14px;width:8px;height:8px;border-radius:50%;background:#effffb;box-shadow:0 0 0 3px #97fce433,0 0 12px 2px #97fce499;opacity:0;animation:wars-walk-x 7.5s cubic-bezier(.45,.05,.35,1) 1s infinite both}
.wars-cycle li{position:relative;display:grid;gap:6px;align-content:start;animation:wars-rise .5s cubic-bezier(.2,.8,.2,1) both}
.wars-cycle li:nth-child(2){animation-delay:.08s}.wars-cycle li:nth-child(3){animation-delay:.16s}.wars-cycle li:nth-child(4){animation-delay:.24s}.wars-cycle li:nth-child(5){animation-delay:.32s}
.wars-cycle-dot{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;margin-bottom:6px;border-radius:50%;background:#0f211e;border:1px solid #3c5b57;color:#c4f3e7;font-size:13px;font-weight:700;animation:wars-glow 7.5s ease-out 1s infinite}
.wars-cycle li:nth-child(2) .wars-cycle-dot{animation-delay:2.6s}.wars-cycle li:nth-child(3) .wars-cycle-dot{animation-delay:4.3s}
.wars-cycle li:nth-child(4) .wars-cycle-dot{animation-delay:5.9s}.wars-cycle li:nth-child(5) .wars-cycle-dot{animation-delay:7.6s}
.wars-cycle li:last-child .wars-cycle-dot{background:linear-gradient(140deg,#c1fded,#8ff1f1);border-color:transparent;color:#061210}
.wars-cycle b{font-size:14px;color:var(--ink)}
.wars-cycle span:not(.wars-cycle-dot){font-size:13px;line-height:1.45;color:var(--quiet)}
/* Rewards and past weeks before anything is published: a card with an icon instead of a bare line. */
#wars-rewards:not(:has(*)),#wars-rewards>p:only-child,#wars-archive:not(:has(*)),#wars-archive>p:only-child{display:flex;align-items:center;gap:14px;margin:0;padding:18px;border:1px dashed #35524e;border-radius:14px;background:#0b1816;color:var(--quiet);font-size:15px}
#wars-rewards:not(:has(*)):before,#wars-rewards>p:only-child:before,#wars-archive:not(:has(*)):before,#wars-archive>p:only-child:before{content:'';flex:none;width:42px;height:42px;border-radius:12px;background:#12302b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2397fce4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12v9H4v-9M2 7h20v5H2zM12 21V7M12 7H7.5a2.5 2.5 0 1 1 0-5C11 2 12 7 12 7zM12 7h4.5a2.5 2.5 0 1 0 0-5C13 2 12 7 12 7z'/%3E%3C/svg%3E") center/22px no-repeat}
#wars-archive:not(:has(*)):before,#wars-archive>p:only-child:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2397fce4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")}
@keyframes wars-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes wars-bob{0%,100%{transform:none}50%{transform:translateY(-4px)}}
@keyframes wars-spin{to{transform:rotate(360deg)}}
@keyframes wars-flip{from{opacity:0;transform:translateY(-60%)}to{opacity:1;transform:none}}
@keyframes wars-grow{from{transform:scaleX(0)}to{transform:none}}
@keyframes wars-walk-x{0%{left:14px;opacity:0}5%,82%{opacity:1}88%,100%{left:calc(80% + 27px);opacity:0}}
@keyframes wars-walk-y{0%{top:14px;opacity:0}5%,82%{opacity:1}88%,100%{top:calc(100% - 40px);opacity:0}}
@keyframes wars-glow{0%,26%,100%{border-color:#3c5b57;box-shadow:0 0 0 0 #97fce400}5%,14%{border-color:#97fce4;box-shadow:0 0 0 5px #97fce41f,0 0 18px #97fce455}}
@media(max-width:900px){.wars-intro{display:block}.wars-arena{max-width:560px;margin-top:30px}}
@media(max-width:600px){.wars-arena{margin-top:26px;padding:18px 16px;gap:14px;border-radius:18px}.wars-trophy{width:46px;height:46px}.wars-trophy svg{width:23px;height:23px}
.wars-countdown{gap:6px}.wars-countdown div{padding:10px 2px 8px}.wars-countdown b{font-size:24px}.wars-countdown small{font-size:9.5px}
.wars-race-board{--row:28px}
.wars-cycle{grid-template-columns:1fr;gap:0}.wars-cycle li{grid-template-columns:36px minmax(0,1fr);column-gap:14px;padding-bottom:18px}
.wars-cycle li>b,.wars-cycle li>span:not(.wars-cycle-dot){grid-column:2}.wars-cycle-dot{grid-row:1/span 2;margin:0}
.wars-cycle:before{left:17px;right:auto;top:17px;bottom:36px;width:2px;height:auto;background:linear-gradient(#97fce48c,#46706a);transform-origin:top;animation-name:wars-grow-y}
.wars-cycle:after{animation-name:wars-walk-y}}
@keyframes wars-grow-y{from{transform:scaleY(0)}to{transform:none}}
@media(prefers-reduced-motion:reduce){.wars-cycle:after{display:none}}
/* The standings column while no week is open (hype-wars.html .wars-board-empty, shown while #wars-standings is hidden):
   an empty podium rising in and an empty board. Decoration only (aria-hidden): no market and no score in it. */
.wars-board-empty{display:none}
#standings:has(#wars-standings[hidden]) .wars-board-empty{display:grid;gap:20px;padding:26px 24px 24px;border:1px solid #2b4642;border-radius:20px;background:radial-gradient(80% 55% at 50% 0%,#97fce414,transparent 65%),#0a1715}
.wars-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;width:100%;max-width:420px;margin:0 auto}
.wars-step{display:grid;justify-items:center;gap:10px}
.wars-step i{display:block;width:100%;border:1px solid #2f4b47;border-radius:12px 12px 4px 4px;transform-origin:bottom;animation:wars-grow-y .8s cubic-bezier(.2,.8,.2,1) both}
.wars-step.s1 i{height:120px;border-color:#97fce466;background:linear-gradient(180deg,#97fce438,#97fce40a);animation-delay:.45s}
.wars-step.s2 i{height:86px;border-color:#abcfff4d;background:linear-gradient(180deg,#abcfff2e,#abcfff08);animation-delay:.25s}
.wars-step.s3 i{height:62px;border-color:#f0d39c47;background:linear-gradient(180deg,#f0d39c29,#f0d39c08);animation-delay:.1s}
.wars-medal{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#061210;font-size:14px;font-weight:800;animation:wars-rise .5s cubic-bezier(.2,.8,.2,1) both}
.s1 .wars-medal{background:linear-gradient(140deg,#c1fded,#8ff1f1);animation-delay:.95s}
.s2 .wars-medal{background:linear-gradient(140deg,#d6e6ff,#abcfff);animation-delay:.75s}
.s3 .wars-medal{background:linear-gradient(140deg,#f6e2b8,#f0d39c);animation-delay:.6s}
.wars-crown{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#97fce42e,transparent 70%);color:var(--lime);animation:wars-bob 3.2s ease-in-out 1.2s infinite}
.wars-crown svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wars-wait{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#bff7ea}
.wars-wait i{width:8px;height:8px;border-radius:50%;background:#97fce4;animation:wars-ping 1.8s ease-out infinite}
.wars-ghost{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.wars-ghost li{display:grid;grid-template-columns:22px 28px minmax(0,1fr) 56px;align-items:center;gap:12px;padding:10px 14px;border:1px dashed #2f4b47;border-radius:12px;animation:wars-rise .5s cubic-bezier(.2,.8,.2,1) both}
.wars-ghost li:nth-child(1){animation-delay:.2s}.wars-ghost li:nth-child(2){animation-delay:.28s}.wars-ghost li:nth-child(3){animation-delay:.36s}.wars-ghost li:nth-child(4){animation-delay:.44s}.wars-ghost li:nth-child(5){animation-delay:.52s}
.wars-ghost b{text-align:center;font-size:13px;color:var(--quiet)}
.wars-ghost li:first-child b{color:var(--lime)}
.wars-ghost i{width:28px;height:28px;border-radius:50%;border:1.5px dashed #3c5b57}
.wars-ghost span,.wars-ghost em{height:8px;border-radius:999px;background:#ffffff10}
.wars-ghost li:nth-child(1) span{width:72%}.wars-ghost li:nth-child(2) span{width:58%}.wars-ghost li:nth-child(3) span{width:66%}.wars-ghost li:nth-child(4) span{width:48%}.wars-ghost li:nth-child(5) span{width:54%}
@keyframes wars-ping{0%{box-shadow:0 0 0 0 #97fce470}100%{box-shadow:0 0 0 10px #97fce400}}
@media(max-width:600px){#standings:has(#wars-standings[hidden]) .wars-board-empty{padding:20px 16px;gap:16px;border-radius:18px}.wars-podium{gap:8px;max-width:320px}
.wars-step.s1 i{height:96px}.wars-step.s2 i{height:70px}.wars-step.s3 i{height:52px}.wars-crown{width:40px;height:40px}.wars-crown svg{width:24px;height:24px}
.wars-ghost li{grid-template-columns:18px 24px minmax(0,1fr) 40px;gap:10px;padding:9px 12px}.wars-ghost i{width:24px;height:24px}}