:root{--bg:#fff;--bg2:#fff;--hdr:rgba(255,255,255,.8);--r:4px;--sh:none;--hf:"Georgia","Times New Roman",serif;--acc:#e0343f;--line:#e6e6e6;--w:1280px}
[data-theme=dark]{--bg:#121212;--bg2:#121212;--hdr:rgba(18,18,18,.8);--acc:#ff5a63}
.logo-mk{background:var(--acc);color:#fff;border-radius:4px}.nav a{font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:.04em}
.hdr{border-bottom:2px solid var(--fg)}
.lead3{display:grid;grid-template-columns:2fr 1fr;gap:28px;padding-top:28px}
.l-main{display:block}.l-main img{width:100%;aspect-ratio:16/9;object-fit:cover}.l-main>div{padding-top:16px}
.l-main h1{font:900 clamp(28px,4.2vw,52px)/1.05 var(--hf);letter-spacing:-.02em;margin:8px 0 12px}.l-main p{font-size:18px;color:var(--mut)}.l-main small,.li3 small{color:var(--mut);font-size:13px;display:block;margin-top:8px}
.l-side{display:flex;flex-direction:column;gap:18px}.l-side a{display:grid;gap:10px}.l-side img{width:100%;aspect-ratio:16/9;object-fit:cover}.l-side h3{font:800 19px/1.2 var(--hf);margin-top:4px}
.l-side a+a{border-top:1px solid var(--line);padding-top:18px}
@media(max-width:900px){.lead3{grid-template-columns:1fr}.l-side a{grid-template-columns:120px 1fr}.l-side img{aspect-ratio:4/3}.l-side h3{font-size:16px}}
.mag{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;margin-top:48px}@media(max-width:900px){.mag{grid-template-columns:1fr}}
.kick{font:800 13px var(--font);text-transform:uppercase;letter-spacing:.1em;border-top:4px solid var(--fg);padding-top:10px;margin:0 0 8px}aside .kick{margin-top:32px}aside .kick:first-child{margin-top:0}
.li3{display:grid;grid-template-columns:1fr 220px;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.li3 img{width:100%;aspect-ratio:4/3;object-fit:cover}
.li3 h3{font:800 clamp(19px,2vw,24px)/1.18 var(--hf);margin:6px 0}.li3 p{color:var(--mut);font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:600px){.li3{grid-template-columns:1fr 110px;gap:14px}.li3 p{display:none}.li3 h3{font-size:17px}}
.li3:hover h3,.l-main:hover h1,.l-side a:hover h3{text-decoration:underline;text-decoration-thickness:2px}
.rank{list-style:none;counter-reset:r}.rank li{counter-increment:r;display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font:700 16px/1.3 var(--hf)}.rank li:before{content:counter(r);font:900 30px/1 var(--hf);color:var(--acc);min-width:24px}
.more3{display:block;text-align:center;border:2px solid var(--fg);font-weight:700;padding:10px;margin-top:20px;text-transform:uppercase;font-size:13px;letter-spacing:.06em}
.store3{background:var(--fg);color:var(--bg);padding:24px;margin-top:32px}.store3 small{color:var(--acc);font-weight:800;text-transform:uppercase;font-size:12px}.store3 h3{font:800 22px/1.2 var(--hf);margin:6px 0 16px}
.btn{border-radius:4px}.get-b{border-radius:99px}.pc{border:1px solid var(--line)}.as-h h1,.ad-t h1,.h2,.sh h2{font-family:var(--hf);font-weight:900}
.tf{border-radius:4px}.feats div{border:1px solid var(--line);border-radius:4px}.helpbox{border:2px solid var(--fg);border-radius:0}.shots img{border-radius:4px}
.chips button{border-radius:4px}.chips button.on{background:var(--acc);border-color:var(--acc);color:#fff}