.booster-container{max-width:900px}.booster-header{text-align:center;padding:2rem;background:linear-gradient(45deg,var(--primary-color),#8e44ad);border-radius:12px;margin-bottom:2rem;position:relative;color:#fff}.booster-header h1{margin:0;font-size:2.5rem;color:#fff}.booster-header .level-badge{display:inline-block;padding:.5rem 1rem;background-color:#fff3;border-radius:20px;font-weight:600;margin-top:.5rem}.booster-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.booster-stats-blocks{gap:1.25rem}.stat-box{background-color:var(--surface-color);padding:1.5rem;border-radius:10px;text-align:center}.stat-box h4{margin:0 0 .5rem;color:var(--text-secondary-color);font-size:1rem;font-weight:500}.stat-box .stat-value{font-size:2rem;font-weight:600;color:var(--text-color)}.booster-stat-block{background-color:var(--surface-color);padding:1.25rem;border-radius:10px;text-align:center;border:1px solid rgba(106,90,205,.35);position:relative;overflow:visible}.booster-summary-cards{margin-bottom:2rem}.booster-ranking{margin:0}.booster-daily-goal{position:relative;overflow:visible}.daily-goal-value{font-size:1.4rem;font-weight:700;color:#f5d76e;text-shadow:0 6px 16px rgba(0,0,0,.3);margin-bottom:.4rem}.daily-goal-bar{width:100%;height:10px;background-color:var(--background-color);border-radius:999px;overflow:hidden;margin-bottom:.35rem}.daily-goal-fill{height:100%;width:0;background:linear-gradient(90deg,#6a5acd,#2ecc71);transition:width .6s ease}.daily-goal-reward{margin-top:.45rem;font-size:.85rem;color:#f5d76e}.rank-improved{animation:boosterGlow 1.1s ease-in-out 3}.firework-particle{position:absolute;left:50%;top:55%;border-radius:50%;opacity:0;animation:fireworkBurst 3.2s ease-out forwards;transform:translate(-50%,-50%) scale(.25)}@keyframes fireworkBurst{0%{opacity:.95;transform:translate(-50%,-50%) scale(.2)}70%{opacity:.9}to{opacity:0;transform:translate(calc(-50% + var(--fx-x)),calc(-50% + var(--fx-y))) scale(1)}}@keyframes boosterGlow{0%{box-shadow:0 0 #f5d76e00}40%{box-shadow:0 0 18px #f5d76e80}to{box-shadow:0 0 #f5d76e00}}.ranking-title{font-size:.95rem;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary-color);margin-bottom:.4rem;position:relative}.ranking-position{font-size:2.2rem;font-weight:700;color:#f5d76e;text-shadow:0 6px 16px rgba(0,0,0,.3)}.booster-total-highlight{color:#f5d76e!important}.ranking-subtitle{margin-top:.35rem;font-size:.95rem;color:var(--text-secondary-color)}.progress-section{background-color:var(--surface-color);padding:2.5rem 1.5rem;border-radius:16px;margin-bottom:2.5rem;position:relative;border:1px solid rgba(106,90,205,.2);box-shadow:0 10px 30px #0003;overflow:hidden}.progress-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(106,90,205,.05) 0%,transparent 70%);pointer-events:none}.progress-section h3{margin-top:0;margin-bottom:2rem;text-align:center;font-size:1.4rem;color:var(--text-color);text-transform:uppercase;letter-spacing:1px}.progress-section{background:radial-gradient(circle at top right,#11112a,#080815);padding:2.5rem 1.5rem;border-radius:20px;border:1px solid rgba(106,90,205,.4);box-shadow:0 15px 40px #000c;position:relative;max-width:100%}.staircase-wrapper{display:flex;flex-direction:column-reverse;align-items:center;gap:15px;padding:40px 0;perspective:1500px;position:relative;width:100%;max-width:500px;margin:0 auto}.staircase-wrapper:before{content:"";position:absolute;width:2px;height:70%;background:linear-gradient(to top,transparent,var(--primary-color),transparent);left:30%;top:15%;opacity:.2;z-index:1}.staircase-step{width:320px;height:50px;position:relative;transform-style:preserve-3d;transform:rotateX(30deg) rotateY(-5deg);transition:all .3s ease;z-index:5}.step-base{position:absolute;inset:0;background:#ffffff14;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:8px;z-index:10;display:flex;align-items:center;padding:0 20px;box-shadow:0 5px 15px #00000080}.step-front{position:absolute;top:100%;left:2%;width:96%;height:15px;background:linear-gradient(to bottom,var(--primary-color),transparent);transform-origin:top;transform:rotateX(-90deg);opacity:.3}.step-label{flex:1;font-weight:800;font-size:.95rem;color:#fff9;text-transform:uppercase;display:flex;align-items:center;gap:12px;letter-spacing:.5px}.step-number{font-size:1rem;color:#fff6;font-weight:900}.step-requirement{font-size:.75rem;color:#ffffff80;font-weight:600;background:#0006;padding:4px 10px;border-radius:6px}.staircase-step.completed .step-base{border-color:#2ecc71;background:#2ecc711a}.staircase-step.active{width:340px;z-index:50;transform:rotateX(30deg) rotateY(-5deg) translateZ(20px)}.staircase-step.active .step-base{background:#6a5acd40;border-color:#f5d76e;box-shadow:0 0 30px #6a5acd66}.staircase-step.active .step-label{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.4)}.staircase-step.active .step-requirement{background:#f5d76e;color:#000}.user-marker{position:absolute;left:-50px;top:50%;transform:translateY(-50%);font-size:2rem;filter:drop-shadow(0 0 10px var(--primary-color));animation:coheteFloat 2s ease-in-out infinite}@keyframes coheteFloat{0%,to{transform:translateY(-50%) translate(0)}}.progress-section{padding:2.5rem 1rem;background:#0f0f1e66;border-radius:24px;border:1px solid rgba(255,255,255,.05);margin:2rem 0}.section-title-premium{text-align:center;color:#fff;letter-spacing:4px;font-size:1.15rem;margin-bottom:2.5rem;text-transform:uppercase;font-weight:800}.booster-milestone-header{margin-bottom:3.5rem;display:flex;justify-content:center}.bonus-card-premium{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #f1c40f;border-radius:20px;padding:1.5rem;width:100%;max-width:440px;box-shadow:0 20px 40px #0009,0 0 20px #f1c40f26;position:relative;overflow:hidden}.milestone-badge{position:absolute;top:0;right:0;background:#f1c40f;color:#000;font-weight:900;font-size:.65rem;padding:5px 12px;border-bottom-left-radius:12px;text-transform:uppercase}.bonus-main-info{display:flex;align-items:center;gap:20px;margin-bottom:12px}.bonus-main-info .chest-icon{font-size:3.2rem;filter:drop-shadow(0 0 15px #f1c40f)}.bonus-text h4{color:#f1c40f;margin:0;font-size:.8rem;letter-spacing:1.5px}.bonus-text .amount{font-size:1.4rem;font-weight:900;color:#fff;display:block}.bonus-desc{font-size:.72rem;color:#fff9;margin:0;line-height:1.4}.staircase-wrapper{display:flex;justify-content:center;padding:1rem 0;width:100%}.staircase-container{display:flex;flex-direction:column;gap:12px;width:100%;max-width:440px;margin:0 auto}.staircase-step{width:100%;height:52px;position:relative}.step-base{position:absolute;width:100%;height:100%;background:#1a1a2ef2;border:1px solid rgba(255,255,255,.12);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:20px;padding:0 20px;transform:none;transition:all .4s ease}.staircase-step.active .step-base{background:linear-gradient(90deg,#1a1a2e,#483d8b,#1a1a2e);border:2px solid #f1c40f;box-shadow:0 0 25px #f1c40f33,inset 0 0 15px #f1c40f1a;z-index:10;animation:luminousPulse 2.5s infinite ease-in-out}@keyframes luminousPulse{0%,to{box-shadow:0 0 20px #f1c40f33,inset 0 0 10px #f1c40f1a;border-color:#f1c40f}50%{box-shadow:0 0 35px #f1c40f66,inset 0 0 20px #f1c40f33;border-color:#fff}}.staircase-step.completed .step-base{background:#2ecc710d;border-color:#2ecc714d}.step-label{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800;font-size:.9rem}.step-number{opacity:.4;font-size:.7rem;font-family:monospace}.step-requirement{font-size:.8rem;color:#f1c40f;font-weight:700;background:#0009;padding:4px 12px;border-radius:8px;border:1px solid rgba(241,196,15,.2)}.staircase-step.active .step-requirement{background:#f1c40f;color:#000}.decimal-part{font-size:.75em;opacity:.85}.progress-footer-premium{margin-top:4rem;display:flex;justify-content:space-between;align-items:flex-end;padding:1.5rem;background:#0000004d;border-radius:15px}.footer-stat-group .stat-label{display:block;font-size:.65rem;color:#fff6;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.footer-stat-group .stat-value{font-size:1.4rem;font-weight:900;color:#fff}.footer-stat-group .stat-value.highlight{color:#f1c40f}.footer-stat-group .stat-value.progress{color:#2ecc71}.unit{font-size:.7rem;font-weight:500;color:#fff6;margin-left:4px}.align-right{text-align:right}@media (max-width: 600px){.staircase-step{width:280px}.progress-footer-premium{flex-direction:column;align-items:center;gap:20px;text-align:center}.align-right{text-align:center}.footer-stat-group .stat-value{font-size:1.2rem}.bonus-card-premium{padding:1rem}}.history-section{position:relative;overflow:visible}.history-section h2{color:var(--text-color);border-bottom:2px solid var(--primary-color);padding-bottom:.5rem;margin-bottom:1.5rem;position:relative}#booster-history-table{width:100%;table-layout:fixed}#booster-history-table th:nth-child(1),#booster-history-table td:nth-child(1){width:22%}#booster-history-table th:nth-child(2),#booster-history-table td:nth-child(2){width:50%}#booster-history-table th:nth-child(3),#booster-history-table td:nth-child(3){width:28%;text-align:right}#booster-history-table td{word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 640px){.booster-header h1{font-size:1.25rem}.booster-stats{grid-template-columns:1fr}#booster-history-table{font-size:.75rem}#booster-history-table th:nth-child(1),#booster-history-table td:nth-child(1){width:22%}#booster-history-table th:nth-child(2),#booster-history-table td:nth-child(2){width:53%}#booster-history-table th:nth-child(3),#booster-history-table td:nth-child(3){width:25%}}