body{font-family:Arial,sans-serif;background-color:#f0f0f0;height:100vh;margin:0}.card{z-index:100;position:absolute;background-color:#7d7473;border:1px solid #ccc;border-radius:8px;width:150px;box-shadow:0 4px 8px #0000001a;cursor:pointer;overflow:hidden;transition:max-height .5s ease;max-height:100px}.card-header{display:flex;align-items:center;justify-content:center;padding:16px}.card-header img{width:50px;height:50px;border-radius:50%;margin-right:16px}.card-header .header-text{flex:1}.card-body{padding:16px;border-top:1px solid #eee}.card.expanded{max-height:500px;width:300px;transition:max-height .5s ease}#earth-card{position:absolute;transform:translateY(-50%);pointer-events:auto;z-index:1000;margin-left:10px}.planet-card{position:absolute;pointer-events:auto;z-index:1000;background:#000c;color:#fff;border-radius:10px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);overflow:hidden;width:auto}.planet-card .card-header{display:flex;align-items:center;padding:10px;gap:10px;width:auto}.planet-card .planet-image{width:50px;height:50px;border-radius:50%;object-fit:cover}.planet-card .planet-name{margin:0;font-size:1.2em;color:#fff}.planet-card .card-content{display:none;padding:15px;border-top:1px solid rgba(255,255,255,.1)}.planet-card.expanded{width:300px}.planet-card.expanded .card-content{display:block}.planet-card:hover{background:#000000e6}