/* MCATiers v2.0.0 - Home Page */

/* navbar icon */
i {
 font-size: 20px;
}
/* ── Sword Canvas ── */
#sword-canvas {
 position:fixed; top:0; left:0; width:100%; height:100%;
 pointer-events:none; z-index:0; opacity:1;
}

/* ── Scroll reveal ── */
.scroll-reveal { opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease; }
.scroll-reveal.visible { opacity:1; transform:translateY(0); }

/* ── Hero ── */
.hero {
 position:relative; z-index:1;
 padding:6rem 0 4rem; min-height:80vh;
 display:flex; align-items:center;
}
.hero-content { max-width:680px; }
.hero-badge {
 display:inline-flex; align-items:center; gap:.5rem;
 padding:.3rem 1rem; border-radius:9999px;
 background:var(--glass-bg); backdrop-filter:blur(12px);
 border:1px solid var(--glass-border);
 font-size:.78rem; font-weight:600; color:var(--text2);
 margin-bottom:1.5rem;
 animation:badgePulse 3s ease-in-out infinite;
}
@keyframes badgePulse { 0%,100%{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 8px transparent} }

.hero-title {
 font-size:clamp(3.5rem,9vw,7rem);
 font-weight:900; line-height:.95;
 letter-spacing:-.04em; margin-bottom:1.25rem;
}
.hero-mca { color:var(--text); }
.hero-tiers {
 color:var(--accent);
 filter:drop-shadow(0 0 40px var(--accent-glow));
 animation:titleGlow 3s ease-in-out infinite;
}
@keyframes titleGlow {
 0%,100%{filter:drop-shadow(0 0 30px var(--accent-glow))}
 50%{filter:drop-shadow(0 0 60px var(--accent-glow))}
}

.hero-subtitle { font-size:1.1rem; color:var(--text2); line-height:1.7; margin-bottom:2rem; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.75rem; }

/* ── Split Section ── */
.split-section { position:relative; z-index:1; padding:3rem 0; }
.split-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.split-card { padding:1.75rem; }
.split-card-header { margin-bottom:1.25rem; }
.split-card-title { font-size:1.2rem; font-weight:800; margin-bottom:.25rem; }
.split-card-sub { font-size:.85rem; color:var(--text3); }

/* Tier ladder */
.tier-ladder { display:flex; flex-direction:column; gap:.375rem; }
.tier-ladder-row {
 display:flex; align-items:center; gap:.75rem;
 padding:.4rem .625rem; border-radius:8px;
 transition:background .15s;
}
.tier-ladder-row:hover { background:var(--glass-bg); }
.tier-dot { width:10px; height:10px; border-radius:50%; flex-shrink:0; }
.tier-ladder-label { font-weight:700; font-size:.82rem; min-width:36px; }
.tier-ladder-name { font-size:.78rem; color:var(--text3); flex:1; }
.tier-ladder-shiny { font-size:.65rem; color:var(--accent); margin-left:auto; }

/* Modes pills */
.modes-pills { display:flex; flex-wrap:wrap; gap:.5rem; }
.mode-pill {
 display:flex; align-items:center; gap:.5rem;
 padding:.375rem .875rem; border-radius:9999px;
 background:var(--bg2); border:1px solid var(--border);
 font-size:.78rem; font-weight:600; cursor:pointer;
 text-decoration:none; transition:all .2s;
}
.mode-pill:hover {
 border-color:var(--accent); background:var(--accent-glow2);
 transform:translateY(-2px);
}
.mode-pill img { width:20px; height:20px; image-rendering:pixelated; object-fit:contain; }

/* ── Info Section ── */
.info-section { position:relative; z-index:1; padding:3rem 0; }
.info-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.25rem; }
.info-box { padding:1.5rem; }
.info-box-icon { font-size:1.75rem; margin-bottom:.75rem; }
.info-box-title { font-size:1rem; font-weight:800; margin-bottom:.5rem; }
.info-box-text { font-size:.85rem; color:var(--text2); line-height:1.7; }
.server-status-line { display:flex; align-items:center; gap:.5rem; color:var(--success); font-weight:700; margin:.5rem 0 .25rem; }
.server-ip { font-family:'JetBrains Mono',monospace; font-size:1rem; font-weight:700; color:var(--accent); margin-bottom:.25rem; }
.server-type { font-size:.75rem; color:var(--text3); }

/* ── Stats ── */
.stats-section { position:relative; z-index:1; padding:2rem 0 3rem; }
.stats-row {
 display: flex; flex-wrap: wrap; gap: 0;
 background: var(--glass-bg);
 backdrop-filter: blur(20px);
 -webkit-backdrop-filter: blur(20px);
 border: 1px solid var(--glass-border);
 border-radius: 18px;
 overflow: hidden;
}
.stat-item {
 flex: 1; min-width: 100px;
 text-align: center; padding: 1.5rem 1rem;
 position: relative;
 transition: background .18s;
}
.stat-item:hover { background: rgba(255,255,255,0.03); }
.stat-item + .stat-item::before {
 content: ''; position: absolute;
 left: 0; top: 25%; bottom: 25%;
 width: 1px; background: var(--border);
}
.stat-value {
 font-size: 2rem; font-weight: 900; color: var(--accent);
 font-family: 'JetBrains Mono', monospace; line-height: 1;
 letter-spacing: -0.02em;
 filter: drop-shadow(0 0 10px var(--accent-glow));
}
.stat-label {
 font-size: .62rem; font-weight: 700; color: var(--text3);
 text-transform: uppercase; letter-spacing: .1em; margin-top: .35rem;
}
@media(max-width:600px) {
 .stats-row { flex-wrap: wrap; }
 .stat-item { min-width: 50%; }
}

/* ── News ── */
.news-section { position:relative; z-index:1; padding:0 0 3rem; }
.news-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1rem; }
.news-card {
 background:var(--glass-bg); backdrop-filter:blur(12px);
 border:1px solid var(--glass-border);
 border-radius:14px; padding:1.25rem;
 transition:transform .2s, border-color .2s;
}
.news-card:hover { transform:translateY(-3px); border-color:var(--accent); }
.news-tag { font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:.5rem; color:var(--accent); }
.news-title { font-size:.9rem; font-weight:700; margin-bottom:.375rem; line-height:1.3; }
.news-date { font-size:.72rem; color:var(--text3); }

/* ── Top Players ── */
.top-section { position:relative; z-index:1; padding:0 0 3rem; }
.section-header-row { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:1.25rem; }
.cards-list { display:flex; flex-direction:column; gap:.625rem; }

/* ── Ranks Preview ── */
.ranks-preview-section { position:relative; z-index:1; padding:0 0 4rem; }
.ranks-preview-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:1rem; }
.rank-preview-card {
 background:var(--glass-bg); backdrop-filter:blur(16px);
 border:2px solid; border-radius:16px; padding:1.5rem;
 text-align:center; transition:transform .2s, box-shadow .2s;
 position:relative; overflow:hidden;
}
.rank-preview-card::before {
 content:''; position:absolute; top:0; left:0; right:0; height:3px;
 background:linear-gradient(90deg, transparent, currentColor, transparent);
}
.rank-preview-card:hover { transform:translateY(-5px); }
.rank-preview-name { font-size:1.5rem; font-weight:900; margin-bottom:.375rem; }
.rank-preview-price { font-size:1.1rem; font-weight:700; color:var(--text2); margin-bottom:.75rem; }
.rank-preview-perks { font-size:.78rem; color:var(--text3); line-height:1.6; }
.rank-preview-btn { margin-top:1rem; width:100%; font-size:.82rem; padding:.5rem .75rem; }

/* ── Footer ── */
.footer { background:var(--bg2); border-top:1px solid var(--border); padding:2.5rem 0 1.5rem; position:relative; z-index:1; }
.footer-inner { display:grid; grid-template-columns:1fr auto auto; gap:2rem; align-items:start; margin-bottom:2rem; }
.footer-nav,.footer-links-extra { display:flex; flex-direction:column; gap:.5rem; }
.footer-link { font-size:.85rem; color:var(--text3); transition:color .2s; }
.footer-link:hover { color:var(--accent); }
.footer-bottom { border-top:1px solid var(--border); padding-top:1.25rem; text-align:center; color:var(--text3); font-size:.75rem; }

/* ── Responsive ── */
@media(max-width:900px){
 .split-grid { grid-template-columns:1fr; }
 .info-grid { grid-template-columns:1fr; }
 .footer-inner { grid-template-columns:1fr; gap:1.5rem; }
 .hero { padding:4rem 0 3rem; min-height:auto; }
}
@media(max-width:600px){
 .stats-row { flex-direction:column; align-items:center; gap:.75rem; }
 .hero-title { font-size:clamp(2.5rem,12vw,4rem); }
}