/* /cards/ pages: extends /news/news.css, same tokens */
.logo{width:72px;height:72px;object-fit:contain;background:#fff;box-shadow:3px 3px 0 var(--k);display:block;margin:12px 0 14px}
.sheet{margin:18px 0 0;font:400 15px var(--mono)}
.sheet .row{grid-template-columns:120px 1fr}.sheet .row span:last-child{text-align:left}
.tiers .row{grid-template-columns:1.2fr .7fr .5fr 1.4fr 1.4fr;font-size:13px}.tiers .th span{font-weight:700;opacity:.7}
.tiers .row span:last-child{text-align:left;max-width:none}
@media(max-width:700px){.tiers .row{grid-template-columns:1fr 1fr;row-gap:2px}.tiers .th{display:none}}
article h2{display:inline-block;margin:32px 0 10px;background:var(--k);color:var(--y);padding:6px 12px 4px;font:400 clamp(22px,3vw,30px)/1 var(--disp);text-transform:uppercase;transform:rotate(-.6deg)}
article h2 span{background:var(--y);color:var(--k);padding:0 6px}
details{border-bottom:1px dashed #0005;padding:8px 0}summary{cursor:pointer;font:700 16px var(--ui);min-height:44px;display:flex;align-items:center;list-style:none}
summary::before{content:"+";font:400 26px var(--disp);margin-right:12px;transition:transform 320ms var(--ease)}details[open] summary::before{transform:rotate(45deg)}
.feed.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.feed.grid .it img{width:40px;height:40px;object-fit:contain;background:#fff;box-shadow:2px 2px 0 var(--k)}
.feed.grid .it h2{font-size:22px;margin-top:10px}
footer{margin-top:40px;font:400 13px var(--mono);background:var(--paper);padding:10px 14px;box-shadow:2px 2px 0 var(--k);max-width:62ch}footer a{color:var(--k)}
.box b{display:block;margin-bottom:4px}
.wrap>.meta{margin-bottom:14px}
h1 span{display:inline-block;margin-top:6px}
.vs .row{grid-template-columns:110px 1fr 1fr}.vs .th span a{color:var(--k);font:400 18px var(--disp);text-transform:uppercase}
h1.vsh span{font-size:.6em;vertical-align:middle}
/* life: mascots, stickers, colour on numbers (same as home) */
:root{--vio:#8b6cff;--sky:#7cc7ff}
.mascot{float:right;width:150px;margin:-10px -30px 0 10px;filter:drop-shadow(6px 8px 6px rgba(0,0,0,.35));position:relative;z-index:2}.mascot.l{float:left;margin:-10px 14px 0 -30px;width:120px}
.sts{display:flex;flex-wrap:wrap;gap:10px 14px;margin:8px 0 18px;max-width:70%}
.st{font:400 15px/1 var(--disp);text-transform:uppercase;padding:7px 11px 5px;box-shadow:3px 3px 0 var(--k);white-space:nowrap}
.st.m{background:var(--mint)}.st.c{background:var(--coral)}.st.k{background:var(--k);color:var(--y)}.st.p{background:var(--paper)}.st.v{background:#b99cff}
.st.r0{transform:rotate(-4deg)}.st.r1{transform:rotate(3deg)}.st.r2{transform:rotate(-2deg)}.st.r3{transform:rotate(2deg)}.st.r4{transform:rotate(-3deg)}
.sheet .row.m span:last-child{background:var(--mint);padding:2px 6px;justify-self:start}.sheet .row.c span:last-child{background:var(--coral);padding:2px 6px;justify-self:start}.sheet .row.v span:last-child{background:#b99cff;padding:2px 6px;justify-self:start}
.vs.wa .row span:nth-child(2),.vs.wb .row span:nth-child(3){background:#3ef0a655}.vs .th{border-bottom:3px solid var(--k)}
article{position:relative;overflow:visible}
.feed.grid .it:hover{transform:translateY(-4px) rotate(0)}
.it .chip{font:400 13px var(--mono);padding:1px 6px}
.box{background:var(--vio);color:var(--k)}.box .go .fill{background:var(--mint)}
details summary:hover{background:var(--paper)}
@media(max-width:700px){.mascot,.mascot.l{float:none;display:block;width:90px;margin:0 0 8px auto}.sts{max-width:none}}

.wrap>.lead{background:var(--paper);box-shadow:4px 4px 0 var(--k);padding:14px 16px;max-width:62ch;margin:0 0 22px;font:400 16px/1.55 var(--ui)}
.wrap>.mascot{float:right;width:150px;margin:0 -20px 10px 16px}.wrap>.mascot.l{float:right;width:130px;margin:0 -20px 10px 16px}
@media(max-width:700px){.wrap>.mascot,.wrap>.mascot.l{float:right;width:80px;margin:0 0 6px 10px}}