/* =========================================================
   InsideGaming Community Level v37
   Modern profile-matching layout
   ========================================================= */
.ig-level-page{max-width:100%;margin:0 auto;padding:0 10px 24px;box-sizing:border-box;color:#eee}
.ig-level-page *{box-sizing:border-box}
.ig-level-page h2,.ig-level-page h3{margin:0}

/* Hero */
.ig-level-hero{margin:8px 0 12px;border:1px solid rgba(156,255,0,.32);border-radius:8px;background:linear-gradient(135deg,#171b17,#111411);box-shadow:0 0 16px rgba(156,255,0,.045);overflow:hidden}
.ig-level-hero-main{display:flex;align-items:center;gap:16px;padding:16px 18px;background:radial-gradient(circle at 8% 50%,rgba(156,255,0,.12),transparent 30%),linear-gradient(110deg,#1d241b,#141714)}
.ig-level-big-circle{width:78px;height:78px;flex:0 0 78px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #9cff00;background:#101310;box-shadow:0 0 18px rgba(156,255,0,.2),inset 0 0 0 5px #1b2119}
.ig-level-big-circle span{font-size:27px;font-weight:900;color:#fff}
.ig-level-eyebrow{font-size:8px;letter-spacing:1.6px;font-weight:900;color:#9cff00;margin-bottom:3px}
.ig-level-hero-main h2{font-size:23px;color:#fff;line-height:1.15}
.ig-level-hero-rank{margin-top:5px;font-size:11px;font-weight:800;color:#9cff00}
.ig-level-hero-rank .ig-level-badge{margin-left:7px}
.ig-level-hero-xp{margin-top:9px;font-size:9px;color:#ccc;font-weight:700}
.ig-level-progress--big{height:9px!important;margin-top:5px!important;width:min(520px,100%);background:#0e100e!important;border:1px solid #414841!important;border-radius:4px!important}
.ig-level-progress--big span{background:linear-gradient(90deg,#4fbd00,#9cff00)!important;box-shadow:0 0 8px rgba(156,255,0,.2)!important}
.ig-level-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:9px 12px;background:#151815;border-top:1px solid #343934}
.ig-level-hero-stats>div{padding:8px 6px;border:1px solid #343d34;border-radius:5px;background:#1c201c;text-align:center}
.ig-level-hero-stats strong{display:block;font-size:13px;color:#fff}.ig-level-hero-stats small{display:block;margin-top:2px;color:#858585;font-size:8px}

/* Shared cards */
.ig-level-card,.ig-missions-card,.ig-level-daily{border:1px solid #353d35;border-radius:7px;background:#151815;box-shadow:0 0 12px rgba(0,0,0,.08);overflow:hidden;margin-bottom:12px}
.ig-level-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #353d35;background:linear-gradient(90deg,#1d221d,#171a17)}
.ig-level-card-head h2{font-size:12px;color:#fff;font-weight:900}.ig-level-card-head h2 i{color:#9cff00;margin-right:6px}.ig-level-card-head>span{color:#888;font-size:9px}.ig-level-card-head a{color:#9cff00;font-size:9px;font-weight:800;text-decoration:none}.ig-level-card-head a:hover{color:#c1ff83}

/* Daily reward */
.ig-level-daily{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:linear-gradient(110deg,#1d241b,#151815);border-color:rgba(156,255,0,.28)}
.ig-level-daily-copy{min-width:0;flex:1}.ig-level-daily-copy>strong{display:block;color:#fff;font-size:11px}.ig-level-daily-copy>strong i{color:#9cff00;margin-right:5px}.ig-level-daily-copy>span{display:block;margin-top:3px;color:#999;font-size:9px}.ig-level-daily-copy b{color:#9cff00}
.ig-level-reward-days{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}.ig-level-reward-days span{min-width:38px;padding:4px 5px;border:1px solid #384138;border-radius:4px;background:#191d19;text-align:center}.ig-level-reward-days b{display:block;color:#bbb;font-size:8px}.ig-level-reward-days small{display:block;margin-top:1px;color:#777;font-size:7px}.ig-level-reward-days .is-current{border-color:#9cff00;background:#24321e;box-shadow:0 0 8px rgba(156,255,0,.08)}.ig-level-reward-days .is-current b,.ig-level-reward-days .is-current small,.ig-level-reward-days .is-done small{color:#9cff00}
.ig-level-daily .button{flex:0 0 auto;padding:8px 11px;border:1px solid rgba(156,255,0,.4);border-radius:4px;background:#1d2919;color:#fff;font-size:9px;font-weight:800;cursor:pointer}.ig-level-daily .button:hover{background:#26381f;box-shadow:0 0 10px rgba(156,255,0,.1)}.ig-level-daily .button:disabled{opacity:.55;cursor:default}

/* Missions - keep existing markup, restyle to match profile */
.ig-missions-card{border-color:rgba(156,255,0,.25)}
.ig-missions-head{padding:12px 14px;border-bottom:1px solid #353d35;background:linear-gradient(110deg,#1d241b,#151815)}
.ig-missions-eyebrow{font-size:8px;letter-spacing:1.4px;font-weight:900;color:#9cff00}.ig-missions-head h2{margin-top:3px;font-size:15px;color:#fff}.ig-missions-head h2 i{color:#9cff00;margin-right:6px}.ig-missions-head p{margin:4px 0 0;color:#888;font-size:9px}
.ig-missions-period{padding:10px 12px;border-bottom:1px solid #2f352f}.ig-missions-period:last-child{border-bottom:0}.ig-missions-period-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.ig-missions-period-title span{font-size:10px;font-weight:900;color:#fff}.ig-missions-period-title span i{color:#9cff00;margin-right:5px}.ig-missions-period-title small{font-size:8px;color:#666}
.ig-missions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.ig-mission{display:flex;gap:8px;min-width:0;padding:9px;border:1px solid #343c34;border-radius:5px;background:#1a1e1a}.ig-mission.is-complete{border-color:rgba(156,255,0,.42);background:#1b2319}.ig-mission-icon{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;border:1px solid #3d493d;border-radius:50%;background:#141714;color:#9cff00;font-size:10px}.ig-mission-main{min-width:0;flex:1}.ig-mission-title{display:flex;justify-content:space-between;gap:5px}.ig-mission-title strong{font-size:9px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ig-mission-title b{font-size:8px;color:#9cff00;white-space:nowrap}.ig-mission-main>small{display:block;margin-top:3px;color:#888;font-size:7px;line-height:1.3}.ig-mission-bar{height:5px;margin-top:7px;border:1px solid #394039;background:#0e100e;border-radius:3px;overflow:hidden}.ig-mission-bar span{display:block;height:100%;background:#9cff00}.ig-mission-foot{display:flex;justify-content:space-between;gap:5px;margin-top:3px;color:#666;font-size:7px}.ig-mission-foot em{font-style:normal;color:#888}.ig-mission.is-complete .ig-mission-foot em{color:#9cff00}

/* Achievements */
.ig-level-achievement-filters{display:flex;flex-wrap:wrap;gap:5px;padding:9px 10px;border-bottom:1px solid #2f352f;background:#171a17}.ig-level-achievement-filters button{padding:4px 7px;border:1px solid #3a423a;border-radius:4px;background:#202420;color:#aaa;font-size:8px;font-weight:700;cursor:pointer}.ig-level-achievement-filters button:hover,.ig-level-achievement-filters button.is-active{border-color:#9cff00;background:#24311f;color:#9cff00}
.ig-level-achievements{padding:8px 10px 10px}.ig-level-ach-category{margin:7px 0 5px;padding-bottom:4px;border-bottom:1px solid #303730;color:#9cff00;font-size:9px;font-weight:900}.ig-level-achievement{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;gap:8px;align-items:center;padding:8px;border:1px solid #333b33;border-radius:5px;background:#1b1f1b;margin-bottom:6px}.ig-level-achievement.is-unlocked{border-color:rgba(156,255,0,.3);background:#1b211a}.ig-level-ach-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #3e493e;border-radius:50%;background:#141714;color:#777;font-size:10px}.ig-level-achievement.is-unlocked .ig-level-ach-icon{color:#9cff00;border-color:rgba(156,255,0,.45)}.ig-level-ach-content strong{display:block;color:#fff;font-size:9px}.ig-level-ach-content small{display:block;margin-top:2px;color:#888;font-size:7px;line-height:1.3}.ig-level-ach-bar{height:5px;margin-top:6px;border:1px solid #394039;border-radius:3px;background:#0e100e;overflow:hidden}.ig-level-ach-bar span{display:block;height:100%;background:#9cff00}.ig-level-ach-foot{display:flex;justify-content:space-between;gap:8px;margin-top:3px;color:#666;font-size:7px}.ig-level-ach-foot b{color:#9cff00}.ig-level-ach-status{color:#666;text-align:center;font-size:10px}.ig-level-achievement.is-unlocked .ig-level-ach-status{color:#9cff00}

/* Leaderboard */
.ig-level-leaderboard{padding:7px 10px 10px}.ig-level-leader{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 7px;border-bottom:1px solid #2d332d;color:#fff;text-decoration:none}.ig-level-leader:last-child{border-bottom:0}.ig-level-leader:hover{background:#1e251d;color:#fff}.ig-level-place{font-size:10px;font-weight:900;text-align:center;color:#777}.ig-level-place.is-top-1,.ig-level-place.is-top-2,.ig-level-place.is-top-3{font-size:14px}.ig-level-leader-name{min-width:0;font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ig-level-leader-name .ig-level-badge{margin-left:4px}.ig-level-leader-xp{font-size:8px;color:#888;white-space:nowrap}

/* XP history */
.ig-level-history{margin-bottom:0}.ig-level-history-row{display:grid;grid-template-columns:115px 70px minmax(0,1fr);gap:8px;align-items:center;padding:7px 12px;border-bottom:1px solid #2c322c;font-size:8px}.ig-level-history-row:last-child{border-bottom:0}.ig-level-history-row span{color:#777}.ig-level-history-row strong{color:#9cff00}.ig-level-history-row small{color:#aaa}.ig-level-empty{padding:18px 12px;text-align:center;color:#777;font-size:9px}

/* Shared badge */
.ig-level-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;margin-left:5px;border:1px solid rgba(156,255,0,.65);border-radius:3px;background:#202a17;color:#9cff00;font-size:10px;font-weight:800;vertical-align:middle;box-shadow:0 0 5px rgba(156,255,0,.1)}.ig-level-badge i{font-size:8px}.ig-level-badge--compact{padding:1px 5px;font-size:9px}

/* Two-column area: same compact rhythm as the profile page */
.ig-level-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px;align-items:start}.ig-level-columns>.ig-level-card{margin-bottom:12px}

@media(max-width:950px){.ig-level-columns{grid-template-columns:1fr}.ig-missions-grid{grid-template-columns:repeat(2,1fr)}.ig-level-history-row{grid-template-columns:100px 65px minmax(0,1fr)}}
@media(max-width:650px){.ig-level-page{padding:0 5px 18px}.ig-level-hero-main{align-items:flex-start;padding:13px;gap:11px}.ig-level-big-circle{width:62px;height:62px;flex-basis:62px}.ig-level-big-circle span{font-size:21px}.ig-level-hero-main h2{font-size:19px}.ig-level-hero-stats{grid-template-columns:1fr}.ig-level-daily{align-items:flex-start;flex-direction:column}.ig-level-daily .button{width:100%}.ig-missions-grid{grid-template-columns:1fr}.ig-level-leader{grid-template-columns:30px minmax(0,1fr);}.ig-level-leader-xp{grid-column:2}.ig-level-history-row{grid-template-columns:1fr 65px}.ig-level-history-row small{grid-column:1/-1}.ig-level-achievement{grid-template-columns:30px minmax(0,1fr) 18px}}

/* =========================================================
   v38 - Readability pass
   Larger typography and improved line-height for desktop
   ========================================================= */
.ig-level-page{font-size:12px;line-height:1.45}
.ig-level-hero-main{gap:18px;padding:18px 20px}
.ig-level-eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:5px}
.ig-level-hero-main h2{font-size:27px;line-height:1.2}
.ig-level-hero-rank{margin-top:6px;font-size:13px}
.ig-level-hero-xp{margin-top:10px;font-size:11px}
.ig-level-progress--big{height:11px!important;margin-top:6px!important}
.ig-level-hero-stats{gap:10px;padding:11px 14px}
.ig-level-hero-stats>div{padding:10px 8px}
.ig-level-hero-stats strong{font-size:16px}.ig-level-hero-stats small{margin-top:3px;font-size:10px}
.ig-level-card-head{padding:12px 14px}.ig-level-card-head h2{font-size:14px}.ig-level-card-head>span{font-size:11px}.ig-level-card-head a{font-size:11px}
.ig-level-daily{padding:14px 16px}.ig-level-daily-copy>strong{font-size:13px}.ig-level-daily-copy>span{font-size:11px}.ig-level-reward-days{gap:6px;margin-top:9px}.ig-level-reward-days span{min-width:42px;padding:5px 6px}.ig-level-reward-days b{font-size:9px}.ig-level-reward-days small{font-size:8px}.ig-level-daily .button{padding:9px 12px;font-size:10px}
.ig-missions-eyebrow{font-size:10px}.ig-missions-head h2{font-size:17px}.ig-missions-head p{font-size:11px}.ig-missions-period-title span{font-size:12px}.ig-missions-period-title small{font-size:10px}
.ig-mission-title strong{font-size:11px}.ig-mission-title b{font-size:9px}.ig-mission-main>small{font-size:9px;line-height:1.4}.ig-mission-foot{font-size:9px}
.ig-level-achievement-filters button{padding:5px 8px;font-size:10px}.ig-level-ach-category{font-size:10px}.ig-level-achievement{padding:9px;gap:9px}.ig-level-ach-content strong{font-size:11px}.ig-level-ach-content small{font-size:9px;line-height:1.4}.ig-level-ach-foot{font-size:9px}.ig-level-ach-status{font-size:11px}
.ig-level-leader{padding:9px 8px;gap:9px}.ig-level-place{font-size:11px}.ig-level-leader-name{font-size:11px}.ig-level-leader-xp{font-size:10px}
.ig-level-history-row{padding:8px 14px;font-size:10px}.ig-level-empty{padding:20px 14px;font-size:11px}
.ig-level-badge{font-size:10px}.ig-level-badge--compact{font-size:9px}
@media(max-width:650px){.ig-level-page{font-size:12px}.ig-level-hero-main{padding:15px}.ig-level-hero-main h2{font-size:22px}.ig-level-hero-rank{font-size:12px}.ig-level-hero-stats{grid-template-columns:1fr}.ig-level-card-head h2{font-size:13px}.ig-level-daily-copy>strong{font-size:12px}.ig-mission-title strong{font-size:11px}.ig-level-ach-content strong{font-size:11px}}