*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#020509;color:#edf3f5;font-family:Tahoma,Verdana,Arial,sans-serif}
a{text-decoration:none;color:inherit}table{border-collapse:collapse}
#fullBg{position:fixed;left:0;top:0;right:0;bottom:0;background:#03080d url('http://coresma.xyz/assets/img/battlepass_bg.jpg?v=28.0') center center no-repeat;background-size:cover;filter:alpha(opacity=100)}
#bpStage{position:relative;width:100%;height:100%;overflow:hidden;background:#071019;border:1px solid #8b6229;box-shadow:0 0 22px #000}

/* top 54px */
.topline{width:100%!important;height:12.7%;background:#081016;border-bottom:2px solid #b77f32;table-layout:fixed}
.brandMini{width:52.2%;padding:0.5% 0.7%;background:#081016}.brandMini img{max-width:390px;max-height:49px}
.topStat{width:11.95%;text-align:center;background:#0b1720;border-left:1px solid #294453;padding:0.4% 0.45%}
.topStat span{display:block;color:#8ea2ad;font-size:7px;font-weight:bold;letter-spacing:.6px}
.topStat b{display:block;color:#fff;font-size:13px;margin-top:2px;white-space:nowrap}
.topStat b img{width:16px;height:16px;vertical-align:middle;margin-right:3px}
.coinStat{background:#251805;border-color:#956927}.coinStat span{color:#d0aa5d}.coinStat b{color:#ffd36a}
.bpStat b{color:#69d7ff}.streakStat b{color:#81eb95}.rankStat b{color:#d8c1ff}

/* tabs 58px */
.tabRibbon{width:100%!important;height:13.6%;background:#050a0f;border-bottom:1px solid #384c58;table-layout:fixed}
.tabRibbon td{width:14.285%;padding:0.7% 0.25%;vertical-align:middle}
.navBtn{display:block;height:51px;text-align:center;background:#0e171e;border:1px solid #2e4655;color:#c9d2d6;position:relative;overflow:hidden}
.iconPlate{display:block;width:31px;height:31px;margin:2px auto 0;border:1px solid #5b6d78;background:#101d25}
.iconPlate img{display:block;width:29px;height:29px;object-fit:contain}
.navText{display:block;font-size:7px;line-height:12px;font-weight:bold;letter-spacing:.2px}
.navBtn.active{color:#fff;box-shadow:inset 0 -4px 0 #e9b84e}
.navBtn.active .iconPlate{border-color:#f0bf58;background:#221704}

/* section-specific tab colors */
.tab-profile.active{background:#0b334d;border-color:#3ca4d1}.tab-profile.active .navText{color:#83ddff}
.tab-missions.active{background:#42200e;border-color:#d77d34}.tab-missions.active .navText{color:#ffbd76}
.tab-rewards.active{background:#382b08;border-color:#d7ad31}.tab-rewards.active .navText{color:#ffd873}
.tab-weekly.active{background:#12331b;border-color:#4b9b58}.tab-weekly.active .navText{color:#96eca2}
.tab-ranking.active{background:#26183d;border-color:#8d67c7}.tab-ranking.active .navText{color:#d4b6ff}
.tab-season.active{background:#3a240b;border-color:#c98a31}.tab-season.active .navText{color:#ffc36b}
.tab-guide.active{background:#102946;border-color:#4e8bc7}.tab-guide.active .navText{color:#8fc9ff}

/* heading 42px */
.sectionHead{width:100%!important;height:9.9%;background:#0b1821;border-bottom:1px solid #315163}
.sectionHead td{padding:0.7% 0.95%}.sectionHead h1{margin:0;font-family:Georgia,serif;color:#f0c56b;font-size:17px;line-height:18px}.sectionHead p{margin:2px 0 0;color:#9cb0ba;font-size:8px;line-height:10px}.sectionHead strong{color:#73d4fa;font-size:9px}
.section-missions .sectionHead h1{color:#ffad5e}.section-rewards .sectionHead h1{color:#ffd46b}.section-weekly .sectionHead h1{color:#8be799}.section-ranking .sectionHead h1{color:#caa9ff}.section-season .sectionHead h1{color:#ffc06a}.section-guide .sectionHead h1{color:#89c6ff}

/* content 270px + bottom glow */
.sectionBody{height:63.3%;padding:0.6%;background:#061019;overflow:hidden}
.bottomGlow{height:0.5%;background:#b27a31}

/* common */
.card{height:100%;overflow:hidden;background:#0b161e;border:1px solid #304d5e}
.cardTitle{padding:5px 7px;background:#102530;border-bottom:1px solid #365a6c;color:#f0c15f;font-size:10px;font-weight:bold}
.cardBody{padding:5px}.two{width:100%;height:100%;table-layout:fixed}.two td{padding:3px;vertical-align:top}.three{width:100%;height:100%;table-layout:fixed}.three td{padding:3px;vertical-align:top}
.row{padding:4px 5px;border-bottom:1px solid #18313f;font-size:9px;color:#9fb1b9}.row span:last-child{float:right;color:#fff;font-weight:bold}
.gold{color:#ffd36b!important}.cyan{color:#69d6ff!important}.green{color:#82ec96!important}.red{color:#ff8e7c!important}.muted{color:#8598a3!important}
.big{font-size:22px;font-weight:bold;color:#f0c05f}.medium{font-size:14px;font-weight:bold;color:#fff}.small{font-size:8px;color:#91a4ae}
.meter{height:8px;background:#020608;border:1px solid #315365}.meterFill{height:100%;background:#2fbce7}.meterGreen{height:100%;background:#48cd5e}.meterGold{height:100%;background:#d89e35}
.status{display:inline-block;min-width:70px;padding:4px 5px;text-align:center;background:#0a3047;border:1px solid #389dca;color:#7edcff;font-size:8px;font-weight:bold}.status.done{background:#12391a;border-color:#43934e;color:#9cf0a6}.status.lock{background:#0a1014;border-color:#2d3f49;color:#667a86}.status.miss{background:#29130f;border-color:#69352a;color:#c88e7e}

/* profile */
.profileMain{width:100%;height:100%;table-layout:fixed}.profileMain td{vertical-align:top;padding:3px}
.avatarBlock{padding:6px;background:#0d2633;border-bottom:1px solid #39718c}.avatarBadge{float:left;width:48px;height:48px;line-height:48px;text-align:center;background:#211707;border:2px solid #b77e31;color:#f3c96a;font-size:20px;font-weight:bold;margin-right:7px}
.profileName{font-size:14px;font-weight:bold;color:#fff;padding-top:6px}.profileSub{font-size:8px;color:#6fd2f5;margin-top:2px}.clear{clear:both}.profileProgress{padding:6px}.profileProgress .big{font-size:19px}
.stats{width:100%;table-layout:fixed}.stats td{padding:4px;border:1px solid #213c4b;background:#07131a;text-align:center}.stats small{display:block;color:#849ba6;font-size:7px;font-weight:bold}.stats b{display:block;color:#fff;font-size:12px;margin-top:2px}
.rankHero{text-align:center;padding:6px;background:#101d31;border-bottom:1px solid #4a4771}.rankHero .rank{font-size:23px;color:#d7b7ff;font-weight:bold}

/* missions */
.days{width:100%;height:15.5%;table-layout:fixed;margin-bottom:0.5%}.days td{padding:1px}.day{display:block;height:100%;padding:3px 1px;text-align:center;background:#0c151b;border:1px solid #304655;color:#7e929d;font-size:7px;font-weight:bold}.day b{display:block;color:#e1e7e9;font-size:8px}.day.today{background:#43210e;border-color:#d77b32;color:#ffc07a}.day.done{background:#12351b;border-color:#468d50;color:#95eda0}.day.miss{background:#21100c;border-color:#5b3027;color:#a4776d}.day.lock{background:#090f13;color:#556874}
.missionList{height:83.5%;overflow:hidden}.mission{width:100%;height:28.7%;background:#0b161e;border:1px solid #354f5f;margin-bottom:3px;table-layout:fixed}.mission td{padding:4px;vertical-align:middle}.missionIcon{width:31px;height:31px;object-fit:contain}.missionName{font-size:10px;color:#fff;font-weight:bold}.missionMeta{font-size:7px;color:#91a3ad;margin-top:2px}
.section-missions .meterFill{background:#e78835}

/* rewards */
.rewardGrid{width:100%;height:100%;table-layout:fixed}.rewardGrid td{padding:3px;vertical-align:top}.rewardCard{height:100%;background:#141608;border:1px solid #766126;text-align:center;padding:4px;position:relative}.rewardCard img{width:34px;height:34px;object-fit:contain}.rewardCard .num{font-size:10px;color:#f2ca6f;font-weight:bold}.rewardCard .coin{font-size:13px;color:#ffd36b;font-weight:bold;margin-top:1px}.rewardCard .state{position:absolute;left:4px;right:4px;bottom:4px;padding:3px;border:1px solid #5d5330;background:#211f14;color:#a49972;font-size:7px;font-weight:bold}.rewardCard .state.ready,.rewardCard .state.done{background:#12391a;border-color:#42904c;color:#93efa0}.rewardCard .state.active{background:#4a350a;border-color:#b48c22;color:#ffd66f}.rewardCard .state.miss{background:#24110e;border-color:#5b3128;color:#a97b70}

/* weekly */
.weekLine{width:100%;table-layout:fixed;margin-top:5px}.weekLine td{padding:2px;text-align:center}.weekStep{padding:5px 1px;background:#0c151b;border:1px solid #2b4351;color:#6f8591;font-size:7px;font-weight:bold}.weekStep.done{background:#12371a;border-color:#458d50;color:#91ed9e}.weekStep.today{background:#143920;border-color:#50a35d;color:#9cf0a8}
.infoBox{padding:5px;background:#0b161e;border:1px solid #2d4959;margin-bottom:4px}.infoBox b{color:#efc05f;font-size:9px}.infoBox p{margin:2px 0;color:#97a8b0;font-size:8px;line-height:10px}

/* ranking */
.section-ranking .cardTitle{color:#cfb0ff;background:#201832;border-color:#65527d}.section-ranking .meterFill{background:#9369c9}

/* season */
.section-season .cardTitle{color:#ffc16b;background:#2a1c0c;border-color:#715225}
.quickIcons{width:100%;table-layout:fixed}.quickIcons td{padding:3px;vertical-align:top}.quickBox{height:100%;padding:5px;background:#0b161e;border:1px solid #2f4a5a}.quickBox img{float:left;width:28px;height:28px;margin-right:5px;object-fit:contain}.quickBox b{display:block;color:#fff;font-size:9px}.quickBox small{display:block;color:#8fa2ac;margin-top:2px;font-size:7px}

/* guide */
.guideTable{width:100%;height:100%;table-layout:fixed}.guideTable td{padding:3px;vertical-align:top}.guideCol{height:100%;background:#0b161e;border:1px solid #31547a;padding:5px}.guideItem{padding:5px;border-bottom:1px solid #1d3d59}.guideItem b{color:#8fc9ff;font-size:9px}.guideItem p{margin:2px 0;color:#a2b3bb;font-size:8px;line-height:10px}.command{display:inline-block;padding:1px 4px;background:#071016;border:1px solid #3e6582;color:#71d7ff;font-weight:bold}

.topline,.tabRibbon,.sectionHead{width:100%!important}
#bpStage table{max-width:100%}