Add full retention systems: daily hub, raids, prestige, seasons
- Graze slow-mo, perfect-wave FRENZY (x3 amber), ghost records, dynamic hunter titles - Daily Hub: 7-day login calendar, animated lucky wheel, boss chest keys, pet eggs with rarity tiers + pity counter and real stat perks - Seeded daily challenge (server-consistent modifiers, local top-5), hourly Golden Herd stampede, weekly Raid Colossus with damage tiers - Rebirth prestige with Ancient Gem permanent perk shop - Weapon mastery stars (+2%/level), bestiary milestone gems - Weekly season points with Bronze..Diamond rank badges - Shareable PNG result card on game over
This commit is contained in:
@@ -448,6 +448,48 @@ h2 {
|
||||
.btn-menu.primary { font-size: 19px; }
|
||||
}
|
||||
|
||||
/* ---------- daily hub ---------- */
|
||||
#screen-daily .panel {
|
||||
width: min(560px, 92vw);
|
||||
background: rgba(14,9,4,0.72);
|
||||
border: 1px solid rgba(255,170,90,0.22);
|
||||
border-radius: 14px;
|
||||
padding: 16px 18px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
#screen-daily h3 { margin: 0 0 10px; color: #ffb938; letter-spacing: 1px; }
|
||||
.cal-strip { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
|
||||
.cal-day {
|
||||
flex: 1; min-width: 56px; text-align: center;
|
||||
padding: 8px 4px; border-radius: 10px;
|
||||
background: rgba(255,255,255,0.05);
|
||||
font-size: 11px; color: rgba(243,231,207,0.75);
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.cal-day.past { opacity: 0.45; }
|
||||
.cal-day.today { border-color: #ffb938; background: rgba(255,185,56,0.14); color: #ffe9c9; }
|
||||
.cal-day b { display: block; font-size: 13px; margin-top: 2px; }
|
||||
#wheel-cv { display: block; margin: 0 auto 10px; }
|
||||
.wheel-result, .chest-info { text-align: center; min-height: 22px; color: #ffe9c9; margin-bottom: 8px; }
|
||||
.chest-info { font-size: 14px; }
|
||||
.raid-bar { height: 14px; border-radius: 7px; background: rgba(255,255,255,0.08);
|
||||
overflow: hidden; margin-bottom: 8px; }
|
||||
#raid-bar-fill { height: 100%; width: 0%;
|
||||
background: linear-gradient(90deg, #ff6b35, #ffd24a); transition: width .5s ease; }
|
||||
#raid-tiers { display: flex; gap: 8px; margin-bottom: 10px; }
|
||||
.raid-tier { flex: 1; text-align: center; padding: 7px 4px; border-radius: 9px;
|
||||
background: rgba(255,255,255,0.05); font-size: 11px; color: rgba(243,231,207,0.8);
|
||||
border: 1px solid transparent; cursor: pointer; }
|
||||
.raid-tier.claimable { border-color: #ffb938; color: #ffe9c9; }
|
||||
.raid-tier.claimed { opacity: 0.45; text-decoration: line-through; }
|
||||
.pr-perk { display:flex; align-items:center; gap:10px; padding:7px 10px; margin-bottom:6px;
|
||||
border-radius:9px; background:rgba(255,255,255,0.05); font-size:13px; }
|
||||
.pr-perk b { color:#ffd24a; }
|
||||
.pr-perk button { margin-left:auto; }
|
||||
.rank-badge { color:#ffd24a; letter-spacing:0.5px; }
|
||||
|
||||
#chest-art { text-align: center; font-size: 44px; margin-bottom: 8px; filter: drop-shadow(0 4px 10px rgba(0,0,0,0.6)); }
|
||||
|
||||
/* live-drawn thumbnails in shop & bestiary */
|
||||
.item-prev {
|
||||
height: 62px;
|
||||
|
||||
Reference in New Issue
Block a user