:root{--bg:#0d1117;--bg2:#161b22;--fg:#e6edf3;--muted:#8b949e;--accent:#ff5c39;--line:#30363d;
--s:#ff5c39;--a:#f2c744;--b:#5fc98d;--c:#8b949e;}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--bg2);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px}.lang-switch{display:flex;align-items:center}.blog-nav-link{color:var(--muted);font-weight:600;font-size:.9rem;margin-right:10px}.blog-nav-link:hover{color:var(--accent)}.nav-divider{display:inline-block;width:1px;height:14px;background:var(--line);margin-right:10px}
.brand{display:flex;align-items:center;gap:9px;font-weight:400;font-size:1.15rem;color:var(--fg);font-family:'Michroma',sans-serif;letter-spacing:.02em}.brand-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.brand-text{line-height:1}
.lang-switch a{margin-left:8px;font-size:.85rem;color:var(--muted)}
.lang-switch a.active{color:var(--accent);font-weight:700}
main{max-width:1000px;margin:0 auto;padding:24px 20px 60px}
.hero{text-align:center;padding:48px 0 24px}
.hero-brand-wrap{display:inline-flex;flex-direction:column;align-items:center;width:fit-content;margin:0 auto}
.hero-brand{font-size:clamp(3rem,14vw,6rem);line-height:1;margin:0;font-family:'Michroma',sans-serif;font-weight:400;letter-spacing:.04em;color:#ffffff;white-space:nowrap}
.hero-subtitle{margin:6px 0 0;font-size:clamp(.55rem,1.6vw,.8rem);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.hero-tagline{color:var(--fg);font-size:1.1rem;font-weight:600;margin:16px 0 4px}
.game-grid-section{margin-top:28px}
.cta-heading{text-align:center;font-family:'Michroma',sans-serif;font-weight:400;font-size:1.15rem;letter-spacing:.02em;margin:0 0 18px}
.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
@media (max-width:820px){.game-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.game-grid{grid-template-columns:1fr}}
.featured-section{margin-top:44px}
.featured-post{display:block;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:24px;color:var(--fg)}
.featured-post:hover{border-color:var(--accent);text-decoration:none}
.featured-game-tag{display:inline-block;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:6px;margin-bottom:10px}
.featured-post h3{margin:6px 0 4px;font-size:1.3rem}
.featured-post-img{width:100%;max-height:280px;object-fit:cover;border-radius:10px;margin-bottom:14px;display:block}
.about-home-section{margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}
.about-home-section h2{font-size:1.2rem}
.game-card{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:22px;text-align:center;display:block;transition:border-color .15s}
.game-card:hover{border-color:var(--accent);text-decoration:none}
.game-card-icon{width:140px;height:140px;border-radius:20px;background:linear-gradient(135deg,#ff5c39,#7a1f0d);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-weight:800;font-size:2rem;color:#fff;overflow:hidden}
.game-card-icon img{width:100%;height:100%;object-fit:cover}
.game-card-name{font-weight:700}
.badge{display:inline-block;font-size:.65rem;padding:2px 6px;border-radius:6px;margin-left:6px;vertical-align:middle}
.badge.meta{background:var(--accent);color:#fff}
.badge.sample{background:#3a3f45;color:var(--muted);display:block;margin:8px auto 0;width:fit-content}
.crumbs{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px;font-size:.9rem}
.crumbs .tabs a{margin-left:14px;color:var(--muted)}
.crumbs .tabs .nav-link-disabled{margin-left:14px;color:var(--muted);opacity:.55;cursor:default;font-style:italic}
.game-hero h1{margin-bottom:2px}
.meta-line{color:var(--muted);margin-top:0}
.also-known-as{color:var(--muted);font-size:.85rem;margin-top:2px}.dev-info-row{display:flex;flex-wrap:wrap;gap:8px 20px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:14px 0;font-size:.85rem;color:var(--muted)}.dev-info-item strong{color:var(--fg);font-weight:700;margin-right:4px}.compare-app{margin-top:18px}.compare-pickers{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:18px}.compare-picker{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted);flex:1;min-width:200px}.compare-picker select{padding:9px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg2);color:var(--fg);font-size:.9rem}.compare-table-wrap{margin-bottom:24px}.compare-stat-table th,.compare-stat-table td{text-align:left}.compare-stat-table thead th:first-child{visibility:hidden}.compare-stat-table .cell-win{color:var(--accent);font-weight:700}.compare-stat-table .cell-lose{color:var(--muted)}.compare-bars-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:24px}.compare-stat-block{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.compare-stat-block-title{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-weight:700}.compare-bar-subgroup-label{font-size:.68rem;color:var(--muted);margin:6px 0 3px}.compare-bar-row{display:grid;grid-template-columns:78px 1fr 46px;align-items:center;gap:8px;margin:5px 0;font-size:.75rem}.compare-bar-name{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-bar-track{background:var(--bg3,#20262e);border-radius:5px;height:9px;overflow:hidden}.compare-bar-fill{display:block;height:100%;border-radius:5px;background:var(--line)}.compare-bar-fill.win{background:var(--accent)}.compare-bar-fill.lose{background:#4a5058}.compare-bar-value{text-align:right;color:var(--fg);font-variant-numeric:tabular-nums}.compare-radar-wrap{max-width:380px;margin:0 auto;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:16px;position:relative;height:340px}.weapon-card-name-link{color:inherit}.weapon-card-name-link:hover{color:var(--accent);text-decoration:underline}.compare-tab-link{text-decoration:none}
section{margin-bottom:36px}
.notice{background:#3a2f18;border:1px solid #6b4d1f;color:#f2c744;padding:10px 14px;border-radius:8px;font-size:.9rem}
.verified{color:var(--muted);font-size:.85rem}
.weapons-toolbar{margin-bottom:12px}
#weapon-search{width:100%;max-width:340px;padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg2);color:var(--fg)}
.weapons-table{width:100%;border-collapse:collapse;background:var(--bg2);border-radius:10px;overflow:hidden}
.weapons-table th,.weapons-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:.92rem}
.weapons-table th{cursor:pointer;user-select:none;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.sort-icon{display:inline-block;font-size:.7em;color:var(--muted);opacity:.5}th.sort-active .sort-icon,button.sort-active .sort-icon{opacity:1;color:var(--accent)}
.weapons-table th:hover{color:var(--fg)}
.table-scroll{overflow-x:auto}
.complete-table-wrap .weapon-toolbar{margin-bottom:10px}
.complete-table th{white-space:nowrap}
.complete-table td{white-space:nowrap}
.complete-table td.cell-notes{white-space:normal;max-width:280px;color:var(--muted);font-size:.85rem}
.cell-dash{color:var(--muted)}

.cell-weapon{display:flex;align-items:center;gap:8px;font-weight:600}
.weapon-icon{width:84px;height:28px;border-radius:6px;background:#20262e;border:1px solid var(--line);display:inline-block;flex:none;object-fit:contain}
.tier-badge{display:inline-block;min-width:22px;text-align:center;padding:2px 8px;border-radius:6px;font-weight:800;font-size:.8rem;color:#12151a}
.tier-S{background:var(--s);color:#fff}
.tier-A{background:var(--a)}
.tier-B{background:var(--b)}
.tier-C{background:var(--c)}
.sources{margin-top:10px;font-size:.85rem;color:var(--muted)}
.sources-block{margin-top:24px;font-size:.9rem;color:var(--muted)}
.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.post-teaser{display:block;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:16px;color:var(--fg)}
.post-teaser:hover{border-color:var(--accent);text-decoration:none}
.post-teaser h3{margin:0 0 4px;font-size:1rem}
.post-teaser-img{width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:10px;display:block}
.post-date{color:var(--muted);font-size:.8rem;margin:0 0 6px}
.see-all{display:inline-block;margin-top:10px}
.see-all.disabled{opacity:.55;cursor:default;font-style:italic}
.char-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.char-card{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:16px}
.build-card{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:16px}
.weapon-card-role{color:var(--muted);font-size:.85rem;font-weight:600;margin:2px 0}
.char-best-weapons{font-size:.85rem;color:var(--muted)}
.badge.ability-type{background:var(--bg3,#2a2a2a);border-radius:6px;padding:1px 6px;font-size:.75rem;margin-left:4px}
.char-portrait{width:100%;aspect-ratio:3/4;background:#20262e;border:1px solid var(--line);border-radius:8px;margin-bottom:10px;object-fit:cover;display:block}
.char-slot,.char-collab{color:var(--muted);font-size:.85rem;margin:0 0 4px}
.blog-post .post-body{white-space:pre-line}
.site-footer{text-align:center;color:var(--muted);font-size:.8rem;padding:24px;border-top:1px solid var(--line)}.site-footer p{margin:4px 0}.footer-social-label{margin-right:2px}.footer-social a,.footer-contact a{margin:0 4px;color:var(--muted)}.footer-social a:hover,.footer-contact a:hover{color:var(--accent)}.site-footer .footer-description{max-width:640px;margin:0 auto 8px;color:var(--fg);font-size:.85rem}.site-footer .footer-disclaimer{max-width:640px;margin:0 auto 12px;font-size:.75rem;opacity:.85}.footer-copyright{margin-top:10px;font-size:.75rem}
.lang-list{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;list-style:none;padding:0}
@media (max-width:600px){.site-header{flex-direction:column;align-items:flex-start}.lang-switch{display:flex;flex-wrap:wrap}}

/* --- game page template v2: banner / publisher links / weapon tabs & cards --- */
.season-image-banner{display:block;border-radius:12px;overflow:hidden;margin-bottom:16px;border:1px solid var(--line)}
.season-image-banner img{display:block;width:100%;max-height:320px;object-fit:cover}
.post-hero-image{display:block;width:100%;max-height:380px;object-fit:cover;border-radius:12px;margin-bottom:18px;border:1px solid var(--line)}
.season-banner{display:block;background:linear-gradient(90deg,#3a1f14,#1c1006);border:1px solid var(--accent);border-radius:10px;padding:12px 18px;margin-bottom:20px;color:var(--fg)}
.season-banner:hover{text-decoration:none;border-color:#fff}
.season-banner-tag{display:inline-block;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:6px;margin-right:10px}
.season-banner-text{font-weight:600}
.season-banner-date{color:var(--muted);font-size:.8rem;margin-left:10px}
.weapons-tabs{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.tab-btn{padding:10px 20px;border-radius:8px;border:1px solid var(--line);background:var(--bg2);color:var(--fg);cursor:pointer;font-weight:700;font-size:.9rem}
.tab-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}
.weapon-tab-panel{display:none}
.weapon-tab-panel.active{display:block}
.weapon-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.weapon-search{padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg2);color:var(--fg);min-width:220px}
.weapon-sort-buttons{display:flex;gap:8px}
.weapon-sort-buttons button{padding:6px 12px;border-radius:6px;border:1px solid var(--line);background:var(--bg2);color:var(--muted);font-size:.78rem;cursor:pointer}
.weapon-sort-buttons button:hover{color:var(--fg);border-color:var(--accent)}.weapon-sort-buttons button.sort-active{color:var(--fg);border-color:var(--accent)}
.weapon-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.weapon-card{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:16px;overflow:hidden}
.weapon-card-image{width:calc(100% + 32px);margin:-16px -16px 12px;height:158px;background:radial-gradient(circle at center, #ffffff 0%, #ffe4d9 22%, var(--accent) 78%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.weapon-card-icon{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
span.weapon-card-icon{width:88%;height:88%}
.weapon-card-icon-pending{display:flex;align-items:center;justify-content:center;text-align:center}
.weapon-card-icon-pending .pending-label{font-size:.78rem;font-weight:600;color:rgba(0,0,0,.55);padding:0 10px}
.weapon-card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.weapon-card-name{font-weight:700}
.weapon-card-line{color:var(--muted);font-size:.8rem;margin-top:2px}
.weapon-card-notes{font-size:.85rem;margin:6px 0}
.weapon-card-change{font-size:.78rem;color:var(--muted);margin:0 0 10px}
.stat-bars{margin-top:6px}
.stat-bar-row{display:grid;grid-template-columns:88px 1fr 34px;align-items:center;gap:8px;font-size:.72rem;margin:4px 0}
.stat-bar-label{color:var(--muted)}
.stat-bar-track{height:6px;background:#20262e;border-radius:4px;overflow:hidden}
.stat-bar-fill{display:block;height:100%;background:var(--accent)}
.stat-bar-value{text-align:right;color:var(--muted)}
.stat-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.stat-chip{background:#20262e;border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:.72rem;color:var(--muted)}
.stat-build{font-size:.8rem;margin-top:8px}
.stats-pending{font-size:.78rem;color:var(--muted);font-style:italic;margin-top:8px}
.tier-badge.tier-unranked{background:#2a2f36;color:var(--muted)}
@media (max-width:480px){.weapon-toolbar{flex-direction:column;align-items:stretch}.weapon-search{width:100%}.weapon-sort-buttons{justify-content:flex-start}}