/* Rocket Flight / growth loop v0.3 */
#dailyZone,#friendsZone,#creatorZone{scroll-margin-top:85px}
.feature-top{margin-bottom:17px}
.feature-label{color:#fe7089;font-size:11px;letter-spacing:2.1px;font-weight:900}
.feature-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:17px}
.feature-card{background:linear-gradient(145deg,#192440,#101729);border:1px solid #415170;border-radius:13px;padding:24px;position:relative;overflow:hidden}
.feature-card h3{font-weight:1000;letter-spacing:-.7px;font-size:25px;margin:9px 0 8px}
.feature-card p{font-size:12px;line-height:1.7;color:#afbdd2}
.feature-card strong{font-weight:950}
.feature-card .feature-stats{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}
.feature-stat{display:flex;flex-direction:column;gap:5px;min-width:86px}
.feature-stat b{font-size:27px;color:#f5f9ff}
.feature-stat small{font-size:9px;font-weight:850;color:#b2c1d7;letter-spacing:1px}
.feature-btn{background:#f44465;border:1px solid #ff829a;border-radius:6px;padding:13px 16px;color:white;font-size:11px;font-weight:950;letter-spacing:.8px}
.feature-btn.secondary{background:#223452;border-color:#536b93}
.feature-btn:disabled{opacity:.55;cursor:not-allowed}
.challenge-line{border-top:1px solid #34445b;padding:12px 0;color:#dce6f5;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.challenge-line span{color:#abb9cf}
.challenge-progress{height:10px;border-radius:30px;background:#293953;overflow:hidden;border:1px solid #455a7c}
.challenge-progress>div{background:linear-gradient(90deg,#f65b7d,#ffb66d);height:100%;width:0%;transition:width .4s}
.daily-banner{font-size:10px;letter-spacing:1px;color:#fff3db;background:#513149;border:1px solid #7b4e70;padding:9px 12px;border-radius:5px;display:inline-block;font-weight:900}
.ref-link{border:1px solid #475d83;background:#101d34;color:#c8d8f4;padding:12px 13px;border-radius:7px;overflow-wrap:anywhere;font-size:12px;margin:14px 0}
.feature-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.feature-form input{padding:13px 12px;min-width:0;flex:1 1 180px;border-radius:7px;border:1px solid #516688;background:#0b162b;color:white;font-size:14px}
.feature-form button{flex:0 0 auto}
.friend-row{border-top:1px solid #344259;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.friend-row button{border:1px solid #59739a;color:white;background:#2a3a57;border-radius:5px;padding:8px;font-size:10px}
.friend-row .friend-actions{display:flex;gap:5px}
.feature-status{color:#b8c9dc;font-size:12px;line-height:1.6;margin-top:11px;min-height:18px}
.creator-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}
.creator-progress{display:flex;align-items:center;gap:10px;font-size:12px;margin:11px 0;color:#d7e7f7}
.creator-progress .reward-icon{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:7px;background:#374568}
.creator-progress.earned .reward-icon{background:#159f89}
.creator-link-tools{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}
.challenge-cta{border:1px solid #434e6c;border-radius:10px;padding:18px;margin:24px 0;background:linear-gradient(125deg,#192943,#2d1933)}
.challenge-cta h3{margin:2px 0 8px;font-size:23px}
.challenge-cta p{color:#adc0d9;font-size:12px}
.share-video-btn{background:linear-gradient(110deg,#d73975,#724feb);color:#fff;border:1px solid #ff84b3!important}
.clip-ready{color:#8df8dc!important;font-weight:900}
#garageRoadster{display:block;width:95%;height:230px;object-fit:contain;filter:drop-shadow(0 24px 15px #050d1eaa);transform:translateY(-8px)}
#garageCar{display:none}
.medal{color:#ffbb63;font-weight:900}
#clipIndicator{position:absolute;bottom:24px;right:17px;background:#0d1835d6;padding:9px 12px;border:1px solid #8cd8ff50;border-radius:7px;font-size:10px;color:#9edcff;pointer-events:none;z-index:4}
#clipIndicator:empty{display:none}
.music-pill{color:#c6f6ff;font-size:9px;border:1px solid #55aac350;background:#18314980;border-radius:5px;padding:4px 7px}
#crashBadge{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:3;opacity:0;transition:opacity .18s,transform .25s;pointer-events:none;text-align:center;font-weight:1000;font-size:55px;line-height:1;color:#fff;text-shadow:0 5px 25px #fc315d}
#crashBadge.visible{opacity:1;transform:translate(-50%,-50%) scale(1.07)}
#crashBadge small{display:block;font-size:17px;color:#ffd4e2;letter-spacing:2px;margin-top:12px}
#friendsZone{margin-top:18px}
#friendsZone .friend-list,#creatorZone .creator-stats{min-height:90px}
@media(max-width:740px){.feature-grid,.creator-panel{grid-template-columns:1fr}#garageRoadster{height:190px}.feature-card{padding:20px}.feature-form input{flex-basis:100%}.feature-form button{flex:1}#crashBadge{font-size:43px}#clipIndicator{bottom:calc(env(safe-area-inset-bottom,0px) + 11px);right:100px}}

/* v0.3 hero: use the same detailed roadster illustration as the driving game */
.heroRoadster{
 position:absolute;z-index:2;left:5%;top:24%;width:97%;height:245px;object-fit:contain;
 transform:rotate(-7deg);filter:drop-shadow(0 15px 22px #03071180);
 animation:floatRoadster 3.5s ease-in-out infinite alternate
}
.art>.car{display:none}
.art>.beam{height:19px;top:62%;left:-12%;width:56%;transform:rotate(-8deg);z-index:1}
@keyframes floatRoadster{from{transform:translateY(4px) rotate(-7deg)}to{transform:translateY(-5px) rotate(-5deg)}}
@media(max-width:620px){.heroRoadster{width:100%;height:168px;left:0;top:9%}}
@media(prefers-reduced-motion:reduce){.heroRoadster{animation:none}}