:root {  --dp-purple: #DF39FD; --dp-blue: #6644EC; --dp-primary-dark: #1D1933; --dp-secondary-dark: #131129; --dp-bg-section: #070B24;  --dp-text-primary: #fff; --dp-text-body: #C9C9C9; --dp-text-muted: rgba(201,201,201,0.7);  --dp-nft-gradient: linear-gradient(79deg, #6644EC 0%, #DF39FD 100%); --dp-gradient-hover: linear-gradient(90deg, #DF39FD 0%, #6644EC 100%);  --dp-border: rgba(223,57,253,0.3);  --nft-gradient-color: var(--dp-nft-gradient); --gradient-btn-hover: var(--dp-gradient-hover); --primary-color: var(--dp-primary-dark); --secondary-color: var(--dp-secondary-dark); --paragraph-text-color: var(--dp-text-body);}.dp-logo-link { text-decoration: none !important; display: flex; align-items: center;}.dp-logo-text { font-size: 1.5rem; font-weight: 700; color: #fff; letter-spacing: 0.5px;}.dp-logo-accent { background: var(--dp-nft-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.dp-gradient-bg { background: var(--dp-nft-gradient); }.dp-text-primary { color: var(--dp-text-primary) !important; }.dp-text-body { color: var(--dp-text-body) !important; }.dp-text-muted { color: var(--dp-text-muted) !important; }.dp-step-number { display: inline-block; width: 30px; height: 30px; background: var(--dp-nft-gradient); border-radius: 50%; text-align: center; line-height: 30px; margin-right: 10px; color: #fff; font-weight: 600;}.dp-step-text { margin-left: 40px; color: var(--dp-text-body);}.dp-icon-primary { color: var(--dp-purple) !important; margin-right: 10px; }.dp-icon-danger { color: #ef4444 !important; }.dp-icon-success { color: #22c55e !important; }.dp-icon-water { color: #3b82f6 !important; }.dp-icon-fire { color: #ef4444 !important; }.dp-icon-plant { color: #22c55e !important; }.dp-info-box { margin-bottom: 20px; padding: 15px; background: rgba(255,255,255,0.03); border-radius: 8px;}.dp-info-box h6 { margin-bottom: 10px; color: var(--dp-text-primary);}.dp-info-box p { color: var(--dp-text-muted); margin: 0;}.dp-list-clean { list-style: none; padding: 0;}.dp-list-clean li { margin-bottom: 20px;}.dp-code { background: rgba(0,0,0,0.3); color: var(--dp-text-primary); padding: 4px 8px; border-radius: 4px; font-family: monospace;}.dp-progress { height: 25px; background: rgba(255,255,255,0.1); border-radius: 4px; overflow: hidden;}#themeConfirmModal { backdrop-filter: blur(2px); }#themeConfirmModal .card { background: radial-gradient(1200px 600px at 20% -10%, rgba(59,130,246,0.35) 0%, rgba(59,130,246,0) 55%), radial-gradient(1200px 600px at 120% 110%, rgba(99,102,241,0.35) 0%, rgba(99,102,241,0) 50%), linear-gradient(180deg, var(--dp-bg-dark), var(--dp-bg-secondary)); border: 1px solid var(--dp-border); box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 0 1px rgba(59,130,246,0.15) inset; color: #e2e8f0; border-radius: 14px;}#themeConfirmModal .card-header,#themeConfirmModal .card-footer { background: transparent; border: 0; }#themeConfirmModal .card-header h5 { color: var(--dp-text-primary); font-weight: 700; letter-spacing: .2px; }#themeConfirmModal .card-body p { color: var(--dp-text-secondary); white-space: pre-wrap; }#themeConfirmModal .btn-primary { background: var(--dp-gradient); border: 0; color: #fff; box-shadow: 0 4px 12px rgba(59,130,246,0.35);}#themeConfirmModal .btn-primary:hover { filter: brightness(1.08); }#themeConfirmModal .btn-outline-secondary { color: #cbd5e1; border-color: rgba(148,163,184,0.4); background: rgba(148,163,184,0.06);}#themeConfirmModal .btn-outline-secondary:hover { background: rgba(148,163,184,0.12); border-color: rgba(148,163,184,0.6);}#themeConfirmModal .card { transform: translateY(8px); opacity: 0; animation: dpModalIn .18s ease-out forwards; }@keyframes dpModalIn { to { transform: none; opacity: 1; } }.epic-battle-container { background: linear-gradient(180deg, rgba(10,15,29,0.96), rgba(8,12,24,0.96)); border: 1px solid var(--dp-border); border-radius: 16px; padding: 22px; margin-bottom: 24px;}.battle-header-epic .battle-main-title { color: var(--dp-text-primary); text-shadow: 0 0 24px rgba(99,102,241,.25); }.battle-header-epic .round-indicator .round-number { background: linear-gradient(135deg, var(--dp-cyan), var(--dp-primary)); color: var(--dp-bg-dark); border-radius: 8px; padding: 2px 10px; font-weight: 800; }.energy-orb .orb-inner { background: radial-gradient(circle at 50% 50%, rgba(34,211,238,.45), rgba(99,102,241,.25)); filter: blur(6px); }.health-bar-epic { background:#0f172a; border:1px solid rgba(100,116,139,.35); border-radius: 10px; }.health-bar-epic .health-fill { background: linear-gradient(90deg, #10b981, #22c55e); height: 12px; border-radius: 10px; }.health-bar-epic.opponent .health-fill { background: linear-gradient(90deg, #f43f5e, #ef4444); }.health-text { font-weight: 800; color: #e2e8f0; margin-left: 8px; }.lives-indicator { margin-top: 6px; font-size: 18px; letter-spacing: 2px; }.lives-indicator .life-heart { color: #64748b; text-shadow: 0 0 8px rgba(2,6,23,.6); }.lives-indicator .life-heart.full { color: #f87171; }.monster-card-epic { background: linear-gradient(180deg, rgba(2,6,23,.8), rgba(15,23,42,.8)); border:1px solid rgba(99,102,241,.2); border-radius: 14px; padding: 14px;}.monster-card-epic .monster-name { color:#e5e7eb; font-weight:700; letter-spacing:.3px }.monster-card-epic .battle-select-btn { background: linear-gradient(135deg,#6644EC,#3b82f6); border:0; color:#fff; border-radius:10px; padding:8px 14px; font-weight:700;}.monster-card-epic .battle-select-btn.waiting { background: rgba(148,163,184,.15); color:#94a3b8; border:1px dashed rgba(148,163,184,.35); }.opponent-card { background: rgba(2,6,23,.7); border:1px solid rgba(99,102,241,.2); border-radius: 12px; padding: 12px; }.battle-status-waiting { background: rgba(99,102,241,.08); border:1px solid rgba(99,102,241,.25); color:#c7d2fe; padding:12px; border-radius:10px; margin-bottom:10px; }.battle-btn-danger { background: linear-gradient(135deg,#ef4444,#f43f5e); color:#fff; border:0; border-radius:10px; padding:10px 14px; font-weight:700; }.bg-light { background: #0b1220 !important; color: #cbd5e1; }.alert-warning { background: rgba(250,204,21,.12); border-color: rgba(250,204,21,.25); color: #fde68a; }.alert-danger { background: rgba(239,68,68,.12); border-color: rgba(239,68,68,.35); color: #fecaca; }.alert-info { background: rgba(56,189,248,.12); border-color: rgba(56,189,248,.35); color: #bae6fd; }#update .card, #update2 .card { background:#0b1220; border:1px solid rgba(99,102,241,.2); color:#e2e8f0; }#update .card .card-body, #update2 .card .card-body { color:#e2e8f0; }.offcanvas-wrapper .offcanvas-inner { transition: transform .25s ease, opacity .25s ease; }.offcanvas-wrapper:not(.open) .offcanvas-inner { transform: translateX(-16px); opacity: 0.98; }.offcanvas-wrapper.open .offcanvas-inner { transform: translateX(0); opacity: 1; }.offcanvas-overly { transition: opacity .2s ease, visibility .2s ease; opacity: 0; visibility: hidden; }.offcanvas-overly.open { opacity: .85; visibility: visible; }body.offcanvas-open { overflow: hidden; }.modal-content { background: #0b1220; color: #e2e8f0; border: 1px solid rgba(99,102,241,.25); }.modal-header, .modal-footer { border-color: rgba(99,102,241,.18); }.btn-secondary { background: rgba(148,163,184,0.12); border-color: rgba(148,163,184,0.35); color: #cbd5e1; }.btn-secondary:hover { background: rgba(148,163,184,0.2); border-color: rgba(148,163,184,0.5); }.modal-backdrop.show { opacity: .6; background: #000814; }.modal-title { color: #f8fafc; font-weight: 800; letter-spacing: .2px; }.modal-body { color: #cbd5e1; }.btn-close { filter: invert(90%) grayscale(100%); }.theme-modal-overlay { position: fixed; inset: 0; background: rgba(2,6,23,0.75); z-index: 1050; display: none; }.theme-modal-overlay.show { display: block; }.theme-modal-card { background: radial-gradient(1200px 600px at 20% -10%, rgba(59,130,246,0.35) 0%, rgba(59,130,246,0) 55%), radial-gradient(1200px 600px at 120% 110%, rgba(99,102,241,0.35) 0%, rgba(99,102,241,0) 50%), linear-gradient(180deg, #0b1220 0%, #0a0f1d 100%); border: 1px solid rgba(99,102,241,0.4); box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 0 1px rgba(59,130,246,0.15) inset; color: #e2e8f0; border-radius: 14px;}.theme-modal-card .card-header, .theme-modal-card .card-footer { background: transparent; border: 0; }.theme-modal-card .card-body { background: rgba(11, 18, 32, 0.85) !important; color: #e2e8f0; }.theme-selection-card { background: rgba(2,6,23,.6); border: 1px solid rgba(148,163,184,.18); }.theme-selection-card .btn-primary { background: linear-gradient(135deg, #6644EC 0%, #3b82f6 100%); border: 0; }.dp-power-circle { width: 48px; height: 48px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06); color: #0b1220;}.dp-power-circle i { font-size: 20px; color: #0b1220; }.dp-power-fire { background: radial-gradient(120px 120px at 30% 30%, #fbbf24 0%, #ef4444 55%, #b91c1c 100%); }.dp-power-water { background: radial-gradient(120px 120px at 30% 30%, #67e8f9 0%, #22d3ee 55%, #2563eb 100%); }.dp-power-plant { background: radial-gradient(120px 120px at 30% 30%, #bbf7d0 0%, #22c55e 55%, #065f46 100%); }.dp-power-name { font-weight: 800; color: #e5e7eb; letter-spacing: .2px; }.week-features-item .features-img-wrap.single { display: grid; grid-template-columns: 1fr; gap: 10px; }.week-features-item .features-img-wrap.single .grid-item img { width: 100%; height: auto; border-radius: 12px; border: 1px solid rgba(148,163,184,.2); }.epic-battle-arena { padding-left: 0 !important; padding-right: 0 !important; }.week-features-item .position-relative { overflow: hidden; }.week-features-item .dp-prev,.week-features-item .dp-next { z-index: 3; width: 38px; height: 38px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: rgba(2,6,23,0.85); border: 1px solid rgba(148,163,184,.25); box-shadow: 0 6px 16px rgba(0,0,0,.35);}.week-features-item .dp-prev:hover,.week-features-item .dp-next:hover { filter: brightness(1.1); }.week-features-item img[id^="dp-img-"] { pointer-events: none; user-select: none; }.sidebar-icon ul { list-style: none; margin: 0; padding: 0;}.sidebar-icon ul li:nth-child(2) { padding-bottom: 0; margin-bottom: 20px;}.sidebar-icon ul li:nth-child(2)::before { display: none;}.sidebar-icon ul li a { width: 56px; height: 56px; border-radius: 18px; display: inline-flex; align-items: center; justify-content: center; background: rgba(15, 23, 42, 0.72); border: 1px solid rgba(148, 163, 184, 0.18); color: #c7d2fe; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;}.sidebar-icon ul li a:hover,.sidebar-icon ul li.active a { transform: translateY(-2px); border-color: rgba(99, 102, 241, 0.55); box-shadow: 0 12px 24px rgba(99, 102, 241, 0.28); color: #fff;}.sidebar-icon ul li.sidebar-icon-primary a { border-color: rgba(165, 180, 252, 0.35);}.sidebar-icon ul li.sidebar-icon-primary a:hover,.sidebar-icon ul li.sidebar-icon-primary.active a { background: linear-gradient(145deg, rgba(91, 33, 182, 0.55), rgba(14, 165, 233, 0.35)); border-color: rgba(165, 180, 252, 0.9); box-shadow: 0 20px 38px rgba(165, 180, 252, 0.45); color: #fff;}.sidebar-icon ul li a i,.sidebar-icon ul li a span { font-size: 22px; line-height: 1;}.sidebar-icon ul li a .fas,.sidebar-icon ul li a .fi-sr { color: inherit;}.dp-icon-swords { position: relative; display: inline-flex; align-items: center; justify-content: center;}.dp-icon-swords::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; background: rgba(99, 102, 241, 0.18); z-index: -1;}.dp-thumb-round { width: 54px; height: 54px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 20px; color: #fff; box-shadow: 0 8px 20px rgba(8, 12, 24, 0.35);}.dp-thumb-round i { color: #fff;}.dp-thumb-primary { background: linear-gradient(135deg, #6644EC 0%, #DF39FD 100%);}.dp-diamond-balance { display: inline-flex; align-items: center; gap: 6px; color: #f8fafc; font-weight: 600;}.dp-diamond-balance i { color: #fbbf24;}.dp-balance-label { color: #f8fafc; font-weight: 600; letter-spacing: 0.2px;}.dp-thumb-diamond { background: linear-gradient(135deg, #DF39FD 0%, #c084fc 100%);}.dp-thumb-info { background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);}.dp-thumb-success { background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);}.dp-thumb-warning { background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);}.dp-element-card { background: linear-gradient(180deg, rgba(15, 23, 42, 0.85) 0%, rgba(17, 24, 39, 0.95) 100%); border-radius: 16px; border: 1px solid rgba(148, 163, 184, 0.28); padding: 18px; color: #e2e8f0; box-shadow: 0 12px 28px rgba(8, 12, 24, 0.45); transition: transform 0.2s ease, box-shadow 0.2s ease; min-height: 140px;}.dp-element-card:hover { transform: translateY(-3px); box-shadow: 0 18px 36px rgba(8, 12, 24, 0.55);}.dp-element-card h6 { color: #f8fafc; font-weight: 700; display: flex; align-items: center; gap: 6px;}.dp-element-card p { color: #e2e8f0; margin-bottom: 6px;}.dp-element-card p:last-child { margin-bottom: 0;}.dp-element-fire { background: linear-gradient(160deg, rgba(249, 115, 22, 0.34) 0%, rgba(67, 56, 202, 0.18) 100%); border-color: rgba(249, 115, 22, 0.55);}.dp-element-water { background: linear-gradient(160deg, rgba(59, 130, 246, 0.34) 0%, rgba(14, 116, 144, 0.2) 100%); border-color: rgba(59, 130, 246, 0.55);}.dp-element-plant { background: linear-gradient(160deg, rgba(34, 197, 94, 0.34) 0%, rgba(5, 95, 85, 0.18) 100%); border-color: rgba(34, 197, 94, 0.55);}#dp-battle-history { scroll-margin-top: 110px;}.dp-battle-history-card { background: linear-gradient(180deg, rgba(15, 23, 42, 0.9) 0%, rgba(10, 12, 26, 0.92) 100%); border: 1px solid rgba(99, 102, 241, 0.25); border-radius: 18px; padding: 24px; box-shadow: 0 12px 32px rgba(15, 23, 42, 0.45); color: #e2e8f0;}.dp-history-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; margin-bottom: 20px;}.dp-history-title { margin: 0; font-weight: 700; color: #f8fafc; letter-spacing: 0.3px;}.dp-history-subtitle { font-size: 14px; color: #94a3b8;}.dp-history-note { color: #94a3b8; font-size: 13px; font-style: italic;}.dp-history-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 36px 20px; background: rgba(15, 23, 42, 0.6); border-radius: 14px; border: 1px dashed rgba(148, 163, 184, 0.35); color: #cbd5e1; text-align: center;}.dp-history-empty i { font-size: 24px; color: #fbbf24;}.dp-history-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px;}.dp-history-item { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; background: rgba(15, 23, 42, 0.68); border: 1px solid rgba(99, 102, 241, 0.18); border-radius: 12px; padding: 14px 18px;}.dp-history-item.dp-result-win { border-color: rgba(34, 197, 94, 0.35);}.dp-history-item.dp-result-loss { border-color: rgba(239, 68, 68, 0.28);}.dp-history-item.dp-result-tie { border-color: rgba(251, 191, 36, 0.28);}.dp-history-result { min-width: 96px;}.dp-history-body { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; color: #e2e8f0; font-weight: 600;}.dp-history-opponent { min-width: 160px;}.dp-history-rounds { color: #a5b4fc;}.dp-history-date { font-size: 14px; font-weight: 600; color: #94a3b8;}.dp-result-badge { display: inline-flex; align-items: center; justify-content: center; padding: 6px 12px; border-radius: 999px; font-weight: 700; font-size: 13px; letter-spacing: 0.3px;}.dp-result-badge-win { background: rgba(34, 197, 94, 0.2); color: #22c55e; border: 1px solid rgba(34, 197, 94, 0.4);}.dp-result-badge-loss { background: rgba(239, 68, 68, 0.18); color: #f87171; border: 1px solid rgba(239, 68, 68, 0.35);}.dp-result-badge-tie { background: rgba(251, 191, 36, 0.2); color: #fbbf24; border: 1px solid rgba(251, 191, 36, 0.35);}@media (max-width: 767.98px) { .dp-history-header { flex-direction: column; align-items: flex-start; } .dp-history-item { align-items: flex-start; } .dp-history-body { width: 100%; justify-content: space-between; } .dp-history-date { width: 100%; text-align: left; }}@media (max-width: 1199.98px) { .sidebar { padding: 12px 18px calc(12px + env(safe-area-inset-bottom, 0px)); height: 90px; align-items: center; } .sidebar-icon { width: 100%; } .sidebar-icon ul { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: clamp(14px, 4vw, 22px); flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .sidebar-icon ul::-webkit-scrollbar { display: none; } .sidebar-icon ul li { margin: 0; flex: 0 0 auto; } .sidebar-icon ul li:nth-child(2) { margin-bottom: 0; } .sidebar-icon ul li a { width: 52px; height: 52px; }}@media (max-width: 575.98px) { .sidebar { height: 74px; } .sidebar-icon ul { gap: 12px; } .sidebar-icon ul li:nth-child(2) { margin-bottom: 0; } .sidebar-icon ul li a { width: 48px; height: 48px; }}.menu-area { position: relative; z-index: 1001; }.scroll-top { z-index: 1000; }.offcanvas-wrapper:not(.open) .menu-close { pointer-events: none; opacity: 0; }.offcanvas-wrapper:not(.open) .offcanvas-overly { pointer-events: none; }.dp-main-wrap { width: 100%; padding-left: 12px; padding-right: 12px; }.message-overlay { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(2,6,23,0.75); z-index: 1100;  padding: 16px;}.message-box { width: 100%; max-width: 420px; border-radius: 14px; padding: 20px 22px; background: radial-gradient(1000px 500px at 15% -10%, rgba(59,130,246,0.35) 0%, rgba(59,130,246,0) 55%), radial-gradient(1000px 500px at 120% 110%, rgba(99,102,241,0.35) 0%, rgba(99,102,241,0) 50%), linear-gradient(180deg, #0b1220 0%, #0a0f1d 100%); border: 1px solid rgba(99,102,241,0.35); box-shadow: 0 10px 30px rgba(0,0,0,0.6), 0 0 0 1px rgba(59,130,246,0.15) inset; color: #e2e8f0; animation: dpModalIn .2s ease-out forwards;}.message-title { color:#f8fafc; font-weight:800; margin: 0 0 8px; }.message-text { color:#cbd5e1; margin: 0 0 16px; }.message-icon { font-size: 28px; margin-bottom: 8px; }.message-button { display:inline-block; border:0; cursor:pointer; padding:10px 14px; border-radius:10px; background: linear-gradient(135deg, #6644EC 0%, #3b82f6 100%); color:#fff; font-weight:700;}.message-button:hover { filter: brightness(1.06); }.dp-status-banner { display: inline-flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 12px; border: 1px solid rgba(99,102,241,.25); background: linear-gradient(180deg, rgba(2,6,23,.85) 0%, rgba(15,23,42,.85) 100%); color: #e2e8f0; box-shadow: 0 6px 18px rgba(0,0,0,.35);}.dp-status-banner.ready { border-color: rgba(34,197,94,.35); background: linear-gradient(135deg, rgba(16,185,129,.18), rgba(59,130,246,.16));}.dp-status-banner.missing { border-color: rgba(245,158,11,.35); background: linear-gradient(135deg, rgba(245,158,11,.16), rgba(59,130,246,.12));}.dp-status-icon { font-size: 18px; line-height: 1; }.dp-status-label { font-weight: 800; letter-spacing: .2px; }.dp-status-meta { color: #94a3b8; font-weight: 600; }.dp-diamonds-pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; background: linear-gradient(135deg, #DF39FD 0%, #3b82f6 100%); color: #fff; box-shadow: 0 6px 16px rgba(0,0,0,.35); text-decoration: none;}.dp-diamonds-pill:hover { filter: brightness(1.05); }.dp-dia-icon { font-size: 16px; }.dp-dia-value { font-weight: 800; }.dp-dia-label { opacity: .9; font-weight: 700; }.dp-badge { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; font-weight:700; font-size:12px; }.dp-badge-success { background: rgba(16,185,129,.18); color:#34d399; border:1px solid rgba(16,185,129,.35); }.dp-badge-warning { background: rgba(245,158,11,.18); color:#fbbf24; border:1px solid rgba(245,158,11,.35); }.dp-badge-danger { background: rgba(239,68,68,.18); color:#f87171; border:1px solid rgba(239,68,68,.35); }.dp-badge-secondary { background: rgba(148,163,184,.18); color:#cbd5e1; border:1px solid rgba(148,163,184,.35); }.dp-purple { color: #DF39FD !important; }.dp-user-strip { display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:10px; flex-wrap:wrap; }.dp-user-name { font-weight:800; letter-spacing:.2px; }.dp-diamonds-pill.small { padding:6px 10px; gap:6px; font-size: 13px; }.dp-btn-logout { background: transparent; color: #DF39FD; border:1px solid rgba(223,57,253,.35); }.dp-btn-logout:hover { background: rgba(139,92,246,.12); color:#a78bfa; }.card.border-left-success { border-left: .25rem solid #22c55e !important; background: linear-gradient(180deg, rgba(2,6,23,.85) 0%, rgba(15,23,42,.85) 100%); border: 1px solid rgba(34,197,94,.25); color: #e2e8f0;}.card.border-left-danger { border-left: .25rem solid #ef4444 !important; background: linear-gradient(180deg, rgba(2,6,23,.85) 0%, rgba(15,23,42,.85) 100%); border: 1px solid rgba(239,68,68,.25); color: #e2e8f0;}.victory-badge { position: absolute; top: -6px; right: -6px; width: 28px; height: 28px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#f59e0b,#fbbf24); color: #0b1220; box-shadow: 0 6px 16px rgba(0,0,0,.35); border: 1px solid rgba(251,191,36,.5);}.battle-result-details .reward-item { background: rgba(99,102,241,.08); border: 1px solid rgba(99,102,241,.18); border-radius: 12px; padding: 12px; color: #e2e8f0; font-weight: 700;}.animated-confetti { pointer-events: none; }.dp-filter-bar { margin-top: 12px; margin-bottom: 28px;  text-align: center;}.dp-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }.dp-filter-btn { background: rgba(148,163,184,.08); border: 1px solid rgba(148,163,184,.25); color: #cbd5e1; padding: 10px 14px;  border-radius: 999px; font-weight: 700;}.dp-filter-btn.active { background: linear-gradient(135deg, #6644EC 0%, #3b82f6 100%); color: #fff; border-color: transparent;}.dp-filter-btn:hover { filter: brightness(1.06); }.top-collection-area .container, .explore-products-area .container { overflow-x: hidden; }@media (max-width: 575.98px) { .section-button { text-align: center !important; margin-top: 8px; } .breadcrumb-area .container-fluid { padding-left: 16px; padding-right: 16px; }  .dp-battle .arena-battlefield { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .dp-battle .fighter-zone { text-align: center; } .dp-battle .battle-monster { max-height: 140px; object-fit: contain; } .dp-battle .vs-section .vs-text { font-size: 22px; } .dp-battle .battle-status-text { font-size: 13px; } .dp-battle .monster-selection-epic .selection-title { font-size: 16px; margin-bottom: 8px; } .dp-battle .monster-card-epic { padding: 12px; } .dp-battle .monster-card-epic .monster-img { max-height: 120px; object-fit: contain; } .dp-battle .battle-header-epic .battle-main-title { font-size: 18px; } .dp-battle .health-bar-epic { height: auto; } .dp-battle .health-text { font-size: 12px; } .dp-battle .lives-indicator { font-size: 16px; }}@media (min-width: 768px) { .dp-filter-bar { margin-bottom: 36px; }}.dp-thumb-180 { display:flex; align-items:center; justify-content:center; min-height:180px; background:#0b1220; }.dp-fallback-180 { display:flex; align-items:center; justify-content:center; height:180px; color:#94a3b8; font-size:42px; width:100%; }.dp-fallback-hidden { display:none; }.dp-icon-gap { margin-right:6px; }.dp-pagination-center { display:flex; gap:6px; justify-content:center; }.dp-tight-top { margin-top: -12px; }.breadcrumb-area + section.dp-tight-top { margin-top: -16px; }.battle-rewards-epic { margin: 18px 0 6px; }.battle-rewards-epic .rewards-grid { display:flex; gap:10px; flex-wrap:wrap; }.battle-rewards-epic .reward-pill { background: rgba(99,102,241,.12); border: 1px solid rgba(99,102,241,.25); color: #e5e7eb; border-radius: 999px; padding: 6px 12px; font-weight: 700;}.dp-battle .battle-monster,.dp-battle .opponent-monster-img,.dp-battle .monster-img { max-width: 100%; height: auto;}.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}body.battle-fullscreen .sidebar,body.battle-fullscreen .offcanvas-wrapper,body.battle-fullscreen .offcanvas-overly,body.battle-fullscreen header,body.battle-fullscreen .breadcrumb-area,body.battle-fullscreen footer,body.battle-fullscreen .scroll-top { display: none !important;}body.battle-fullscreen .main-content { padding-top: 0 !important;}.dp-battle-hero { position: relative; padding: 40px 0 28px; overflow: hidden; background: linear-gradient(180deg, rgba(2,6,23,.9) 0%, rgba(15,23,42,.9) 100%); border-bottom: 1px solid rgba(99,102,241,.22);}.dp-battle-hero .dp-battle-title { color:#f8fafc; font-weight: 800; letter-spacing:.3px; margin:0; }.dp-battle-hero .dp-battle-sub { color:#94a3b8; margin: 6px 0 0; font-weight: 600; }.dp-breadcrumbs { display:inline-block; }.dp-breadcrumbs ol{ list-style:none; margin:0; padding:0; display:flex; gap:8px; flex-wrap:wrap; align-items:center; justify-content:flex-end; }.dp-breadcrumbs li{ color:#cbd5e1; font-weight:700; opacity:.9; }.dp-breadcrumbs a{ color:#a78bfa; text-decoration:none; }.dp-breadcrumbs a:hover{ color:#c4b5fd; }.dp-breadcrumbs li+li:before{ content:'/'; color:#334155; margin:0 6px 0 2px; font-weight:400; }.dp-battle-hero-glow { position:absolute; inset:auto auto -100px -100px; width:420px; height:420px; background: radial-gradient(closest-side, rgba(99,102,241,.35), rgba(99,102,241,0)); filter: blur(8px); pointer-events:none; }.dp-battle-hero-grid { position:absolute; inset:0; background-image: radial-gradient(#1f2937 1px, transparent 1px); background-size: 22px 22px; opacity:.25; pointer-events:none; }.dp-battle-hero-veil { position:absolute; inset:0; background: radial-gradient(1200px 600px at 120% 110%, rgba(59,130,246,0.25) 0%, rgba(59,130,246,0) 55%); pointer-events:none; }.dp-battle-hero-gradient { position:absolute; inset:0; background: radial-gradient(1000px 520px at -10% -10%, rgba(34,211,238,.18), rgba(34,211,238,0)); pointer-events:none; }.dp-battle-page { padding-top: 12px; }.menu-area { position: relative; z-index: 1001; }.main-content { position: relative; z-index: 1; }.matchmaking-epic { text-align:center; padding: 22px; border-radius:16px; border:1px solid rgba(99,102,241,.25); background: linear-gradient(180deg, rgba(2,6,23,.8), rgba(15,23,42,.8)); }.mm-vs { font-weight:800; font-size: 42px; letter-spacing:.6px; color:#f8fafc; text-shadow:0 0 24px rgba(99,102,241,.25); }.mm-row { display:flex; align-items:center; justify-content:center; gap:18px; }.mm-avatar { width:64px; height:64px; border-radius:999px; display:flex; align-items:center; justify-content:center; background: linear-gradient(135deg,#6644EC,#22d3ee); border:1px solid rgba(148,163,184,.35); box-shadow: 0 6px 16px rgba(0,0,0,.35); }.mm-avatar.enemy { background: linear-gradient(135deg,#ef4444,#f43f5e); }.pulse-dots { display:inline-flex; gap:6px; }.pulse-dots span { width:8px; height:8px; border-radius:999px; background:#fbbf24; opacity:.8; animation: pulseDot 1.2s infinite ease-in-out; }.pulse-dots span:nth-child(2){ animation-delay:.15s }.pulse-dots span:nth-child(3){ animation-delay:.3s }@keyframes pulseDot { 0%{ transform: scale(.9); opacity:.6 } 50%{ transform: scale(1.2); opacity:1 } 100%{ transform: scale(.9); opacity:.6 } }.dp-vs-beam { height: 10px; width: 180px; background: linear-gradient(90deg, rgba(99,102,241,.2), rgba(99,102,241,.55), rgba(99,102,241,.2)); border-radius:999px; box-shadow: 0 0 24px rgba(99,102,241,.25) inset; animation: shimmer 1.6s linear infinite; }@keyframes shimmer { 0%{ background-position:-180px 0 } 100%{ background-position:180px 0 } }.mm-title { color:#e5e7eb; font-weight:800; margin:10px 0 0; }.mm-sub { color:#94a3b8; margin:6px 0 0; font-weight:600; }@media (max-width: 575.98px) { .dp-battle-hero { padding: 26px 0 16px; } .dp-battle-hero .dp-battle-title { font-size: 20px; } .dp-battle-hero .dp-battle-sub { font-size: 13px; } .dp-breadcrumbs { display:none; } .mm-vs { font-size: 32px; } .mm-row { gap: 12px; }}.dp-battle-banner { margin-bottom: 12px; border-radius: 10px; box-shadow: 0 10px 20px rgba(0,0,0,.12); position: sticky; top: 8px; z-index: 2;}.dp-battle .progress { background-color: rgba(148,163,184,.25); }.dp-battle .progress-bar.bg-warning { background: linear-gradient(90deg,#f59e0b,#fbbf24); }.dp-battle .progress-bar.bg-success { background: linear-gradient(90deg,#22c55e,#16a34a); }.dp-battle-page { padding-bottom: 120px; }.dp-sticky-powers { position: fixed; left: 0; right: 0; bottom: 0; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); background: linear-gradient(180deg, rgba(2,6,23,.92) 0%, rgba(15,23,42,.95) 100%); border-top: 1px solid rgba(99,102,241,.22); display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; z-index: 1100;}.dp-power-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 800; border-radius: 12px; padding: 12px 10px; border: 0; color: #0b1220; cursor: pointer;}.dp-power-btn.fire { background: radial-gradient(140px 140px at 30% 30%, #ffedd5 0%, #fb923c 60%, #b91c1c 100%); }.dp-power-btn.water { background: radial-gradient(140px 140px at 30% 30%, #cffafe 0%, #60a5fa 60%, #2563eb 100%); }.dp-power-btn.plant { background: radial-gradient(140px 140px at 30% 30%, #dcfce7 0%, #34d399 60%, #065f46 100%); }.dp-power-btn:disabled { filter: grayscale(.25) brightness(.85); opacity: .8; cursor: not-allowed; }.dp-power-btn span { color:#0b1220; text-shadow: 0 1px 0 rgba(255,255,255,.25); }.dp-power-btn.selected { box-shadow: 0 0 0 2px rgba(148,163,184,.35) inset, 0 10px 24px rgba(0,0,0,.35); filter: brightness(1.03);}.dp-power-btn:not(:disabled):hover { transform: translateY(-1px); }.dp-carousel { overflow-x: auto; -webkit-overflow-scrolling: touch; }.dp-carousel-track { display: inline-flex; gap: 10px; padding-bottom: 6px; }.dp-carousel-img { height: 84px; width: auto; border-radius: 12px; border: 1px solid rgba(148,163,184,.25); background: rgba(2,6,23,.5); padding: 6px; }.dp-fab-wrap{ position:fixed; left:50%; transform:translateX(-50%); bottom:calc(env(safe-area-inset-bottom, 0px) + 16px); display:flex; gap:16px; z-index:1050;  pointer-events:none; }.dp-fab{ pointer-events:auto; width:56px; height:56px; border-radius:50%; display:grid; place-items:center; font-size:24px; line-height:1; border:1px solid rgba(255,255,255,.15); box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06); color:#fff; transition: transform .12s ease, filter .15s ease, box-shadow .2s ease; backdrop-filter: blur(2px);}.dp-fab.fire{ background: linear-gradient(135deg,#fb7185,#ef4444); }.dp-fab.water{ background: linear-gradient(135deg,#22d3ee,#3b82f6); }.dp-fab.plant{ background: linear-gradient(135deg,#34d399,#16a34a); }.dp-fab:hover{ transform: translateY(-2px); filter: brightness(1.05); }.dp-fab:active{ transform: translateY(0); filter: brightness(.98); }.dp-fab:focus{ outline: none; box-shadow: 0 0 0 2px rgba(15,23,42,.9), 0 0 0 4px rgba(99,102,241,.6); }.dp-fab.selected{ box-shadow: 0 0 0 2px rgba(15,23,42,.9), 0 0 0 4px rgba(255,255,255,.85), 0 12px 36px rgba(0,0,0,.45); }.dp-fab[disabled]{ opacity:.55; filter: grayscale(.15) saturate(.8); cursor:not-allowed; }@media (max-width: 420px){ .dp-fab{ width:52px; height:52px; font-size:22px; } .dp-fab-wrap{ gap:12px; bottom:calc(env(safe-area-inset-bottom, 0px) + 12px); }}.dp-battle .arena-battlefield { display: flex !important; flex-wrap: wrap; gap: 16px; margin: 12px 0 24px; }.dp-battle .arena-battlefield > [class*="col-"] { display: flex; }.dp-battle .fighter-zone .epic-battle-container,.dp-battle .opponent-card.epic-battle-container { width: 100%; }.dp-battle .vs-section { min-width: 140px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }.dp-battle .vs-section .vs-text { font-size: 36px; color:#e2e8f0; text-shadow: 0 0 18px rgba(99,102,241,.22); }.dp-battle .battle-status-text { color:#94a3b8; font-weight:600; }.dp-battle .battle-monster { max-height: 180px; object-fit: contain; }.dp-battle .text-light { color:#e5e7eb !important; font-weight:800; letter-spacing:.2px; }.dp-battle .text-muted { color:#94a3b8 !important; }.dp-diamonds-gold { color: #fbbf24 !important; }.dp-code-rounded { display: inline-block; padding: 4px 8px; border-radius: 8px; background: rgba(148,163,184,.12); border: 1px solid rgba(148,163,184,.25); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; color: #e5e7eb;}.dp-alert-center-520 { margin: 0 auto; max-width: 520px; }#preloader { background-color: #0a0f1d; height: 100vh; width: 100%; position: fixed; top: 0; left: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; transition: opacity 0.3s ease;}#loading-center { width: 100%; height: 100%; position: relative;}#loading-center-absolute { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 150px; width: 150px; display: flex; align-items: center; justify-content: center;}.object { width: 22px; height: 22px; background: linear-gradient(135deg, #DF39FD 0%, #6644EC 100%); margin: 0 8px; border-radius: 50%; box-shadow: 0 0 20px rgba(139, 92, 246, 0.5);}#object_one { animation: objectBounce 1.5s infinite;}#object_two { animation: objectBounce 1.5s infinite; animation-delay: 0.25s;}#object_three { animation: objectBounce 1.5s infinite; animation-delay: 0.5s;}@keyframes objectBounce { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(0.3); opacity: 0.5; }}body.overflow-hidden { overflow: hidden !important;}.dp-ranking-summary { padding: 60px 0 20px;}.dp-ranking-pills { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); padding: 0; margin: 0;}.dp-ranking-pill { list-style: none; background: rgba(15, 23, 42, 0.82); border: 1px solid rgba(148, 163, 184, 0.16); border-radius: 18px; padding: 16px; display: flex; align-items: center; gap: 12px; box-shadow: 0 10px 30px rgba(2, 6, 23, 0.35);}.dp-pill-icon { width: 46px; height: 46px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(99, 102, 241, 0.45), rgba(56, 189, 248, 0.45)); color: #0b1220; font-size: 20px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);}.dp-pill-label { display: block; text-transform: uppercase; font-size: 11px; letter-spacing: 0.08em; margin-bottom: 4px; color: rgba(148, 163, 184, 0.85);}.dp-pill-content strong { display: block; font-size: 20px; font-weight: 800; color: #e2e8f0;}.dp-pill-content small { display: block; color: #94a3b8; font-size: 13px; margin-top: 2px;}.dp-ranking-pill--battles .dp-pill-icon { background: linear-gradient(140deg, rgba(250, 204, 21, 0.58), rgba(249, 115, 22, 0.5)); color: #0f172a;}.dp-ranking-pill--players .dp-pill-icon { background: linear-gradient(140deg, rgba(56, 189, 248, 0.55), rgba(14, 116, 144, 0.55)); color: #0f172a;}.dp-ranking-pill--rounds .dp-pill-icon { background: linear-gradient(140deg, rgba(148, 163, 184, 0.55), rgba(99, 102, 241, 0.55)); color: #0f172a;}.dp-ranking-pill--average .dp-pill-icon { background: linear-gradient(140deg, rgba(59, 130, 246, 0.55), rgba(96, 165, 250, 0.55)); color: #0f172a;}.dp-ranking-pill--latest .dp-pill-icon { background: linear-gradient(140deg, rgba(251, 191, 36, 0.6), rgba(249, 115, 22, 0.65)); color: #0f172a;}.dp-ranking-pill--payout .dp-pill-icon { background: linear-gradient(140deg, rgba(34, 197, 94, 0.6), rgba(13, 148, 136, 0.6)); color: #032221;}.dp-ranking-area { padding-bottom: 60px;}.dp-ranking-sidebar .activity-sidebar-list { display: grid; gap: 18px;}.dp-ranking-sidebar .activity-sidebar-list li { display: flex; gap: 14px; align-items: flex-start; background: rgba(15, 23, 42, 0.75); border: 1px solid rgba(148, 163, 184, 0.16); border-radius: 16px; padding: 16px; color: #cbd5e1;}.dp-ranking-sidebar .activity-sidebar-list li .icon {.dp-meta-card-highlight { background: linear-gradient(160deg, rgba(59, 130, 246, 0.12), rgba(99, 102, 241, 0.08)); border: 1px solid rgba(99, 102, 241, 0.35);}.dp-power-wins { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));}.dp-power-wins-card { background: rgba(15, 23, 42, 0.78); border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 16px; padding: 18px; box-shadow: 0 12px 28px rgba(8, 12, 24, 0.45); display: flex; flex-direction: column; gap: 18px; min-height: 100%;}.dp-power-wins-header { display: flex; align-items: center; justify-content: space-between; gap: 12px;}.dp-power-wins-rank { font-weight: 700; font-size: 18px; color: #a5b4fc;}.dp-power-wins-label { font-weight: 700; color: #f8fafc; display: inline-flex; align-items: center; gap: 10px;}.dp-power-wins-label i { font-size: 18px; color: #fbbf24;}.dp-power-wins-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;}.dp-power-wins-metric { background: rgba(30, 41, 59, 0.72); border: 1px solid rgba(148, 163, 184, 0.18); border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; gap: 4px;}.dp-power-wins-metric .metric-label { font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; color: #cbd5e1; font-weight: 600;}.dp-power-wins-metric .metric-value { color: #fde68a; font-size: 20px; font-weight: 700;}.dp-power-wins-empty { padding: 24px; text-align: center; color: #cbd5e1; background: rgba(15, 23, 42, 0.6); border-radius: 16px; border: 1px dashed rgba(148, 163, 184, 0.35);}.dp-stats-table,.dp-power-table { width: 100%; margin: 0; background: transparent; color: #f1f5f9; border-collapse: separate; border-spacing: 0;}.dp-stats-table thead,.dp-power-table thead { background: rgba(30, 41, 59, 0.95); border-bottom: 2px solid rgba(168, 85, 247, 0.5);}.dp-stats-table thead th,.dp-power-table thead th { padding: 16px 20px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #DF39FD !important; border-bottom: none; white-space: nowrap; text-align: center; background: rgba(30, 41, 59, 0.95);}table.table.dp-stats-table thead th,table.table.dp-power-table thead th,.activity-table.dp-stats-table thead th,.activity-table.dp-power-table thead th,.dp-meta-card table.table thead th,#dp-meta-insights table thead th { color: #DF39FD !important; font-weight: 700 !important;}.dp-stats-table tbody td,.dp-power-table tbody td { padding: 18px 20px; font-size: 16px; font-weight: 600; color: #fef3c7 !important; border-bottom: 1px solid rgba(148, 163, 184, 0.2); vertical-align: middle; text-align: center; white-space: nowrap;}table.table.dp-stats-table tbody td,table.table.dp-power-table tbody td,.activity-table.dp-stats-table tbody td,.activity-table.dp-power-table tbody td,.dp-meta-card table.table tbody td,#dp-meta-insights table tbody td { color: #fef3c7 !important; font-weight: 600 !important;}.dp-stats-table tbody tr,.dp-power-table tbody tr { background: rgba(15, 23, 42, 0.7); transition: all 0.25s ease;}.dp-stats-table tbody tr:hover,.dp-power-table tbody tr:hover { background: rgba(30, 41, 59, 0.85); transform: scale(1.01);}.dp-stats-table tbody td strong,.dp-power-table tbody td strong { color: #fde68a; font-weight: 700; font-size: 17px;}.dp-rank-cell { font-weight: 700; color: #DF39FD !important; font-size: 18px !important;}.dp-element-cell { display: flex; align-items: center; gap: 10px; font-weight: 600; justify-content: center; color: #fef3c7 !important;}.dp-element-cell i { font-size: 20px; width: 24px; text-align: center;}.dp-element-fire .dp-element-cell i { color: #fb923c; text-shadow: 0 0 8px rgba(251, 146, 60, 0.6);}.dp-element-water .dp-element-cell i { color: #60a5fa; text-shadow: 0 0 8px rgba(96, 165, 250, 0.6);}.dp-element-plant .dp-element-cell i { color: #4ade80; text-shadow: 0 0 8px rgba(74, 222, 128, 0.6);}.dp-element-fire:hover { background: rgba(249, 115, 22, 0.15) !important;}.dp-element-water:hover { background: rgba(59, 130, 246, 0.15) !important;}.dp-element-plant:hover { background: rgba(34, 197, 94, 0.15) !important;}.dp-meta-summary .dp-table-scroll-wrapper,.dp-meta-card-highlight .dp-table-scroll-wrapper { margin-top: 20px; overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; border-radius: 12px; background: rgba(15, 23, 42, 0.4); padding: 4px;}.dp-table-scroll-wrapper::-webkit-scrollbar { height: 10px;}.dp-table-scroll-wrapper::-webkit-scrollbar-track { background: rgba(15, 23, 42, 0.6); border-radius: 8px;}.dp-table-scroll-wrapper::-webkit-scrollbar-thumb { background: linear-gradient(90deg, #DF39FD, #6644EC); border-radius: 8px; border: 2px solid rgba(15, 23, 42, 0.6);}.dp-table-scroll-wrapper::-webkit-scrollbar-thumb:hover { background: linear-gradient(90deg, #c084fc, #DF39FD);}.dp-table-scroll-wrapper { scrollbar-width: thin; scrollbar-color: #DF39FD rgba(15, 23, 42, 0.6);}.dp-stats-table { min-width: 900px;}.dp-power-table { min-width: 800px;}.dp-meta-summary { background: rgba(15, 23, 42, 0.72); border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 18px; padding: 26px; box-shadow: 0 12px 28px rgba(8, 12, 24, 0.4);}.dp-meta-summary-lead { color: #cbd5e1; max-width: 640px; margin-bottom: 20px;}.dp-meta-summary-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}.dp-meta-summary-item { background: rgba(30, 41, 59, 0.68); border: 1px solid rgba(148, 163, 184, 0.16); border-radius: 14px; padding: 16px 18px; display: flex; flex-direction: column; gap: 6px;}.dp-meta-summary-item .label { font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: #cbd5e1; font-weight: 600;}.dp-meta-summary-item strong { font-size: 22px; color: #fef3c7; font-weight: 700;}.dp-ranking-tabs .nav-tabs { display: flex; gap: 12px; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; border-bottom: 1px solid rgba(148, 163, 184, 0.2); padding: 0 6px 6px;}.dp-ranking-tabs .nav-item { flex: 0 0 auto;}.dp-ranking-tabs .nav-link { white-space: nowrap; min-width: 170px;}.dp-ranking-tabs .nav-tabs::-webkit-scrollbar { height: 6px;}.dp-ranking-tabs .nav-tabs::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, 0.35); border-radius: 999px;}.dp-ranking-tabs .activity-table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 6px;}.dp-ranking-tabs .activity-table-responsive::-webkit-scrollbar { height: 8px;}.dp-ranking-tabs .activity-table-responsive::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, 0.35); border-radius: 999px;}.dp-table-scroll-wrapper { width: 100%; overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; margin: 0; padding: 0 0 12px 0; position: relative;}.dp-table-scroll-wrapper::-webkit-scrollbar { height: 10px;}.dp-table-scroll-wrapper::-webkit-scrollbar-track { background: rgba(15, 23, 42, 0.5); border-radius: 6px;}.dp-table-scroll-wrapper::-webkit-scrollbar-thumb { background: rgba(168, 85, 247, 0.6); border-radius: 6px; transition: background 0.2s;}.dp-table-scroll-wrapper::-webkit-scrollbar-thumb:hover { background: rgba(168, 85, 247, 0.9);}.dp-ranking-table { min-width: 960px; width: 100%; margin-bottom: 0; table-layout: auto;}@media (min-width: 768px) { .dp-ranking-table { min-width: 1024px; }  .dp-stats-table thead th, .dp-power-table thead th { color: #fbbf24 !important; } .dp-stats-table tbody td, .dp-power-table tbody td { color: #fef3c7 !important; }}@media (min-width: 1200px) { .dp-ranking-table { min-width: 1100px; }  .dp-stats-table thead th, .dp-power-table thead th { color: #fbbf24 !important; font-size: 15px; } .dp-stats-table tbody td, .dp-power-table tbody td { color: #fef3c7 !important; font-size: 17px; }} width: 46px; height: 46px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: rgba(99, 102, 241, 0.18); color: #c7d2fe; font-size: 20px;}.dp-ranking-sidebar .dp-sidebar-card h5 { color: #f8fafc; font-size: 16px; font-weight: 700; margin-bottom: 4px;}.dp-ranking-sidebar .dp-sidebar-card p { color: #94a3b8; font-size: 13px; margin-bottom: 8px;}.dp-sidebar-link { color: #60a5fa; font-weight: 600;}.dp-sidebar-card p { color: #94a3b8; font-size: 13px; margin-bottom: 8px;}.dp-economy-card .dp-economy-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; flex: 1;}.dp-economy-list li { display: flex; justify-content: space-between; align-items: center; background: rgba(15, 23, 42, 0.6); border: 1px solid rgba(148, 163, 184, 0.12); border-radius: 12px; padding: 14px 18px; transition: all 0.2s ease;}.dp-economy-list li:hover { background: rgba(30, 41, 59, 0.7); border-color: rgba(168, 85, 247, 0.3); transform: translateX(4px);}.dp-economy-list .label { font-size: 14px; color: #cbd5e1; font-weight: 500;}.dp-economy-list strong { font-size: 17px; font-weight: 700; color: #fef3c7;}.dp-economy-card h5 { display: flex; align-items: center; gap: 8px;}.dp-economy-card h5::before { content: '\f53a'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #22d3ee;}.dp-economy-highlight { background: linear-gradient(135deg, rgba(16, 185, 129, 0.35), rgba(59, 130, 246, 0.35)); border: 1px solid rgba(16, 185, 129, 0.35);}.dp-economy-list strong#dp-economy-total-payout,.dp-economy-list strong#dp-economy-total-commission { color: #a5f3fc;}.dp-ranking-tabs .nav-link { border-radius: 999px; margin-right: 8px; margin-bottom: 10px; padding: 10px 22px; font-weight: 600; color: #cbd5e1; background: rgba(15, 23, 42, 0.65); border: 1px solid transparent;}.dp-ranking-tabs .nav-link.active { background: linear-gradient(135deg, #6644EC, #2563eb); color: #f8fafc; border-color: rgba(148, 163, 184, 0.16); box-shadow: 0 10px 24px rgba(37, 99, 235, 0.25);}.dp-top-card { background: linear-gradient(180deg, rgba(15, 23, 42, 0.9), rgba(10, 12, 24, 0.92)); border: 1px solid rgba(99, 102, 241, 0.24); border-radius: 18px; padding: 18px; min-height: 220px; display: flex; flex-direction: column; gap: 14px; position: relative; overflow: hidden; box-shadow: 0 10px 35px rgba(8, 12, 24, 0.55);}.dp-top-card::after { content: ""; position: absolute; inset: -40% auto auto -20%; width: 180px; height: 180px; background: radial-gradient(circle at 30% 30%, rgba(99, 102, 241, 0.25), rgba(99, 102, 241, 0)); z-index: 0; opacity: 0.7;}.dp-top-card-header { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1;}.dp-top-badge { background: rgba(15, 23, 42, 0.8); border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 12px; padding: 4px 12px; font-weight: 700; color: #e2e8f0;}.dp-top-card-header i { color: #fbbf24; font-size: 22px;}.dp-top-player { margin: 0; font-size: 20px; font-weight: 800; color: #f8fafc; position: relative; z-index: 1;}.dp-top-stats { display: grid; gap: 6px; position: relative; z-index: 1; color: #cbd5e1; font-size: 13px;}.dp-top-stats span i { color: #60a5fa; margin-right: 6px;}.dp-top-footer { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1; color: #94a3b8; font-size: 12px;}.dp-top-footer strong { color: #f8fafc;}.dp-top-rewards { display: flex; justify-content: flex-start; gap: 12px; font-size: 12px; color: #cbd5e1; position: relative; z-index: 1;}.dp-top-rewards span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 12px; background: rgba(56, 189, 248, 0.12); border: 1px solid rgba(56, 189, 248, 0.2); color: #f8fafc;}.dp-top-rewards span i { color: #38bdf8;}.dp-top-card.rank-1 { border-color: rgba(250, 204, 21, 0.45); box-shadow: 0 16px 40px rgba(250, 204, 21, 0.12);}.dp-top-card.rank-2 { border-color: rgba(148, 163, 184, 0.35);}.dp-top-card.rank-3 { border-color: rgba(96, 165, 250, 0.35);}.dp-ranking-table .dp-col-player { display: flex; align-items: center; gap: 12px;}.dp-ranking-table tbody td { color: #e2e8f0; font-weight: 600;}.dp-ranking-table tbody td strong,.dp-ranking-table tbody td span { color: inherit;}.dp-ranking-table .dp-player-avatar { width: 40px; height: 40px; border-radius: 12px; background: rgba(15, 23, 42, 0.7); border: 1px solid rgba(148, 163, 184, 0.16); display: inline-flex; align-items: center; justify-content: center; color: #60a5fa;}.dp-ranking-table tbody tr { transition: background 0.2s ease;}.dp-ranking-table tbody tr:hover { background: rgba(30, 41, 59, 0.55);}.dp-meta-card { background: rgba(15, 23, 42, 0.78); border: 1px solid rgba(148, 163, 184, 0.16); border-radius: 18px; padding: 20px; min-height: 280px; height: auto; display: flex; flex-direction: column; box-shadow: 0 10px 30px rgba(2, 6, 23, 0.3);}.dp-meta-card h5 { color: #f8fafc; font-weight: 700; margin-bottom: 16px; flex-shrink: 0;}.dp-economy-card { background: rgba(15, 23, 42, 0.78); border: 1px solid rgba(148, 163, 184, 0.16); border-radius: 18px; padding: 24px; min-height: 320px; height: auto; display: flex; flex-direction: column; box-shadow: 0 10px 30px rgba(2, 6, 23, 0.3);}.dp-power-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; flex: 1;}.dp-power-list li { display: grid; gap: 10px; grid-template-columns: 1fr; background: rgba(30, 41, 59, 0.7); border: 1px solid rgba(148, 163, 184, 0.14); border-radius: 14px; padding: 16px; transition: all 0.2s ease;}.dp-power-list li:hover { background: rgba(30, 41, 59, 0.9); border-color: rgba(168, 85, 247, 0.3); transform: scale(1.02);}.dp-power-list .dp-power-label { font-weight: 700; color: #f1f5f9; display: flex; gap: 8px; align-items: center; font-size: 15px;}.dp-power-list .dp-power-label i { font-size: 18px;}.dp-meta-lead { color: #cbd5e1; font-size: 14px; margin-bottom: 18px;}.dp-meta-lead strong { color: #DF39FD; font-weight: 700;}.dp-power-bar { position: relative; background: rgba(71, 85, 105, 0.45); border-radius: 999px; height: 8px; overflow: hidden;}.dp-power-bar span { display: block; height: 100%; background: linear-gradient(135deg, #22d3ee, #3b82f6); border-radius: 999px;}.dp-power-meta { display: flex; justify-content: space-between; align-items: center; color: #cbd5e1; font-size: 13px;}.dp-power-meta strong { color: #fef3c7; font-size: 18px; font-weight: 700;}.dp-power-meta small { color: #94a3b8; font-weight: 600;}.dp-meta-kpis { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px;}.dp-meta-kpis li { background: rgba(15, 23, 42, 0.75); border: 1px solid rgba(99, 102, 241, 0.2); border-radius: 12px; padding: 10px 14px;}.dp-meta-kpis .label { display: block; font-size: 12px; color: #94a3b8;}.dp-meta-kpis strong { display: block; color: #f8fafc; font-size: 18px; font-weight: 700;}@media (max-width: 991px) { .dp-ranking-summary { padding-top: 40px; } .dp-ranking-sidebar { margin-top: 30px; }}@media (max-width: 575px) { .dp-ranking-pill { flex-direction: column; align-items: flex-start; } .dp-power-wins { grid-template-columns: 1fr; } .dp-power-wins-metrics { grid-template-columns: 1fr; } .dp-meta-summary-grid { grid-template-columns: 1fr; } .dp-top-card { min-height: auto; } .dp-top-footer { flex-direction: column; gap: 6px; align-items: flex-start; }  .dp-stats-table thead th, .dp-power-table thead th { font-size: 12px; padding: 12px 10px; color: #fbbf24; } .dp-stats-table tbody td, .dp-power-table tbody td { font-size: 14px; font-weight: 600; padding: 14px 10px; color: #fef3c7; } .dp-stats-table { min-width: 750px; } .dp-power-table { min-width: 650px; } .dp-element-cell { font-size: 14px; } .dp-element-cell i { font-size: 16px; }}.dp-success-bg { background: linear-gradient(135deg, rgba(40, 167, 69, 0.1) 0%, rgba(0, 185, 174, 0.1) 100%); border-radius: 15px; min-height: 400px; display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}.dp-success-icon { color: #28a745; font-size: 180px; opacity: 0.9; display: block; margin-bottom: 20px;}.dp-success-badge { background: rgba(40, 167, 69, 0.2); border-radius: 50px; padding: 15px 30px; display: inline-block;}.dp-success-text { color: #28a745; font-weight: bold; font-size: 24px;}.dp-text-white { color: #fff; }.dp-text-light { color: #e0e0e0; }.dp-text-lighter { color: #f0f0f0; }.dp-alert-success { background: rgba(40, 167, 69, 0.15); border: 1px solid #28a745; border-radius: 10px; padding: 20px;}.dp-alert-success h5,.dp-alert-success h6 { color: #28a745; margin-bottom: 10px;}.dp-alert-warning { background: rgba(255, 193, 7, 0.15); border: 1px solid #ffc107; border-radius: 10px; padding: 15px;}.dp-alert-warning h6 { color: #ffc107;}.dp-alert-info { background: rgba(0, 185, 174, 0.15); border: 1px solid #00b9ae; border-radius: 10px;}.dp-alert-info h6 { color: #00b9ae;}.dp-icon-bg-success { background: rgba(40, 167, 69, 0.1); padding: 15px; border-radius: 50%;}.dp-icon-bg-primary { background: rgba(81, 66, 252, 0.1); padding: 15px; border-radius: 50%;}.dp-icon-bg-warning { background: rgba(255, 193, 7, 0.1); padding: 15px; border-radius: 50%;}.dp-icon-bg-info { background: rgba(0, 185, 174, 0.1); padding: 15px; border-radius: 50%;}.dp-color-success { color: #28a745; }.dp-color-info { color: #00b9ae; }.dp-color-warning { color: #ffc107; }.dp-color-primary { color: #5142fc; }.dp-btn-shop { background: linear-gradient(90deg, #5142fc 0%, #7367f0 100%); color: #fff; width: 100%; padding: 15px; border-radius: 8px; text-align: center; display: inline-block; text-decoration: none; font-weight: 500;}.dp-btn-shop:hover { color: #fff; transform: translateY(-2px); transition: all 0.3s ease;}.dp-btn-play { background: linear-gradient(90deg, #00b9ae 0%, #00d4bd 100%); color: #fff; width: 100%; padding: 15px; border-radius: 8px; text-align: center; display: inline-block; text-decoration: none; font-weight: 500;}.dp-btn-play:hover { color: #fff; transform: translateY(-2px); transition: all 0.3s ease;}.dp-text-lead { font-size: 20px; font-weight: 500;}.dp-text-md { font-size: 16px; line-height: 1.8; }.dp-text-sm { font-size: 15px; line-height: 1.6; }.dp-text-xs { font-size: 14px; }.dp-p-80 { padding: 80px 20px; }.dp-mb-30 { margin-bottom: 30px; }.dp-mt-30 { margin-top: 30px; }.dp-icon-2x { font-size: 32px; }.dp-icon-3x { font-size: 48px; }.dp-icon-huge { font-size: 100px; }.dp-dragon-img { max-height: 180px; object-fit: contain;}.dp-battle-win { color: #22c55e !important; }.dp-battle-lose { color: #ef4444 !important; }.dp-battle-tie { color: #f59e0b !important; }.dp-battle-progress { height: 25px !important; }.dp-gem-icon { font-size: 48px; }.dp-divider-subtle { border-color: rgba(255,255,255,0.1) !important; }.dp-text-tiny { font-size: 12px; }