.hub-screen{background:linear-gradient(110deg,#050809f2,#0b1215e8),url('assets/combat-midway.png') center/cover;padding:22px 4vw 78px;overflow:auto}.hub-screen.active{display:block}.hub-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #344044;padding-bottom:14px}.hub-head small{color:#56d8d0;letter-spacing:.2em}.hub-head h2{font-size:28px;margin:4px 0}.hub-head h2 span{font-weight:400;color:#8e9996}.profile{text-align:right}.profile b{display:block}.profile span{color:#56d8d0}.profile i{font-style:normal}#tabs{display:flex;gap:4px;margin:14px 0}#tabs button{background:#12191c;padding:10px 22px;color:#86918f;border-bottom:2px solid transparent}#tabs button.on{color:white;border-color:#db2d36;background:#20292c}.hub-body{min-height:64vh}.tab-pane{display:none}.tab-pane.active{display:block}.creator{display:grid;grid-template-columns:minmax(230px,38%) 1fr;gap:28px}.fullbody{position:relative;height:62vh;background:radial-gradient(circle,#1b3037,#050708 65%);overflow:hidden;border:1px solid #263438}.fullbody img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 30px #000)}.fullbody span{position:absolute;bottom:15px;left:15px;border-left:2px solid #56d8d0;padding:5px 10px;background:#050708cc}.customize{overflow:auto;max-height:62vh}.customize label{display:block;color:#84908e;font-size:11px}.customize input{display:block;width:100%;max-width:420px;margin-top:7px;background:#0c1214;border:1px solid #344144;padding:11px;color:#fff;font:inherit}.customize h3,.tab-pane>h3{font-size:12px;letter-spacing:.14em;color:#9aa5a2;margin:18px 0 8px}.choice-row{display:flex;gap:7px;flex-wrap:wrap}.choice-row button{background:#12191c;border:1px solid #344044;padding:9px 13px}.choice-row button.on{border-color:#56d8d0;color:#56d8d0}.choice-row.small button{font-size:11px}.weapon-list{display:grid;gap:7px}.weapon{display:grid;grid-template-columns:90px 1fr auto;align-items:center;text-align:left;background:#101719;border:1px solid #303b3e;padding:10px}.weapon.on{border-color:#db2d36}.weapon small{color:#84908e}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.map-card{min-height:125px;padding:15px;background:linear-gradient(145deg,#172226,#080c0e);border:1px solid #344044;position:relative}.map-card.locked{opacity:.42}.map-card b{font-size:18px}.map-card span{display:block;color:#56d8d0;font-size:11px;margin-top:8px}.map-card em{position:absolute;right:12px;bottom:8px;font-size:40px;font-style:normal;color:#ffffff0f}.battle-card,.signin{max-width:680px;margin:5vh auto;padding:35px;background:#0d1416e8;border:1px solid #344044;text-align:center}.battle-card>p:not(.eyebrow){color:#9aa5a2}.battle-card button,.signin button,.deploy{background:#db2d36;padding:13px 24px;font-weight:800}.party-member{display:inline-grid;width:90px;height:80px;margin:12px 4px;background:#151e21;place-items:center;border:1px solid #334044;font-size:11px}.party-member i{width:10px;height:10px;border-radius:50%;background:#56d8d0}.rank-row{display:grid;grid-template-columns:42px 1fr auto;padding:12px;border-bottom:1px solid #253033;background:#0c1214}.rank-row.me{color:#56d8d0}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.achievement{padding:13px;background:#101719;border:1px solid #303b3e}.achievement.locked{opacity:.4}.achievement b{display:block}.achievement small{color:#899391}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:22px 0}.day{padding:12px 4px;background:#151d20;font-size:10px}.day.today{outline:1px solid #56d8d0}.day.done{color:#56d8d0}.deploy{position:fixed;right:4vw;bottom:20px;z-index:2}.infect-meter{position:absolute;top:123px;left:25px;width:180px}.infect-meter small{font-size:9px;color:#92a09d}.infect-meter>div{height:6px;background:#172327}.infect-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#56d8d0,#e32c3b)}.infect-meter b{float:right;font-size:10px}.antidote{position:absolute;right:197px;bottom:106px;background:#0d5b78d9;border:1px solid #54d8ff;padding:9px 12px;font-size:10px;box-shadow:0 0 18px #09bfff55}.antidote b{color:#83e8ff}@media(max-width:700px){.hub-screen{padding:12px 12px 70px}.hub-head h2{font-size:19px}#tabs{overflow:auto}#tabs button{padding:8px 13px}.creator{grid-template-columns:40% 1fr;gap:10px}.fullbody{height:55vh}.customize{max-height:55vh}.map-grid{grid-template-columns:repeat(2,1fr)}.achievement-grid{grid-template-columns:1fr 1fr}.antidote{right:112px;bottom:120px}}