/* Scorpion Arena Pro v1 — additive dashboard UI only */
:root{
  --ap-bg:#07101b;
  --ap-card:rgba(14,24,39,.86);
  --ap-card2:rgba(19,31,50,.78);
  --ap-line:rgba(255,255,255,.08);
  --ap-text:#f8fbff;
  --ap-muted:#8ea2be;
  --ap-blue:#4d91ff;
  --ap-violet:#8b5cf6;
  --ap-green:#23d3a0;
  --ap-gold:#ffc857;
  --ap-red:#ff6f86;
}
.ap-wrap{display:grid;gap:13px}
.ap-hero{position:relative;overflow:hidden;padding:18px;border-radius:28px;background:
linear-gradient(145deg,rgba(24,59,112,.97),rgba(71,37,132,.93));border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 60px rgba(0,0,0,.3)}
.ap-hero:before,.ap-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.ap-hero:before{width:190px;height:190px;right:-75px;top:-100px;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 68%)}
.ap-hero:after{width:150px;height:150px;left:-65px;bottom:-95px;background:radial-gradient(circle,rgba(35,211,160,.2),transparent 68%)}
.ap-hero-top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.ap-kicker{font-size:9px;font-weight:950;letter-spacing:1.2px;color:#cad7ee}
.ap-title{margin-top:6px;font-size:24px;font-weight:1000;letter-spacing:-.6px;color:white}
.ap-sub{margin-top:5px;font-size:10px;line-height:1.55;color:#d7e2f4;max-width:260px}
.ap-live{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(35,211,160,.13);border:1px solid rgba(35,211,160,.28);font-size:9px;font-weight:950;color:#98f4d4}
.ap-dot{width:7px;height:7px;border-radius:50%;background:var(--ap-green);box-shadow:0 0 13px rgba(35,211,160,.8)}
.ap-hero-stats{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:17px}
.ap-hero-stat{padding:12px 9px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(10px)}
.ap-hero-label{font-size:8px;font-weight:900;letter-spacing:.7px;color:#c7d3e9}
.ap-hero-value{margin-top:5px;font-size:16px;font-weight:1000;color:#fff}
.ap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ap-card{padding:15px;border-radius:21px;background:var(--ap-card);border:1px solid var(--ap-line);box-shadow:0 15px 38px rgba(0,0,0,.18);backdrop-filter:blur(16px)}
.ap-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.ap-card-title{font-size:13px;font-weight:950;color:var(--ap-text)}
.ap-note{font-size:9px;color:var(--ap-muted)}
.ap-stat{padding:14px;border-radius:18px;background:linear-gradient(145deg,rgba(22,36,58,.9),rgba(10,18,31,.9));border:1px solid var(--ap-line)}
.ap-stat-label{font-size:9px;font-weight:900;letter-spacing:.7px;color:var(--ap-muted)}
.ap-stat-value{margin-top:7px;font-size:18px;font-weight:1000;color:var(--ap-text)}
.ap-stat-sub{margin-top:3px;font-size:9px;color:#7286a4}
.ap-games{display:grid;gap:9px}
.ap-game{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px;border-radius:17px;background:rgba(255,255,255,.038);border:1px solid rgba(255,255,255,.06)}
.ap-game-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,rgba(77,145,255,.18),rgba(139,92,246,.16));font-size:21px}
.ap-game-name{font-size:11px;font-weight:950;color:#eef4ff}
.ap-game-meta{margin-top:3px;font-size:9px;color:var(--ap-muted)}
.ap-game-badge{padding:6px 8px;border-radius:999px;background:rgba(35,211,160,.1);border:1px solid rgba(35,211,160,.18);color:#79edc7;font-size:8px;font-weight:950}
.ap-missions{display:grid;gap:9px}
.ap-mission{padding:12px;border-radius:17px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.ap-mission-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ap-mission-name{font-size:10px;font-weight:950;color:#eef4ff}
.ap-mission-reward{font-size:9px;font-weight:950;color:#ffd77e}
.ap-progress{height:8px;margin-top:9px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06)}
.ap-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ap-green),var(--ap-blue),var(--ap-violet))}
.ap-mission-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:8px;color:var(--ap-muted)}
.ap-feed{display:grid;gap:8px}
.ap-feed-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}
.ap-feed-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:rgba(77,145,255,.13);font-size:18px}
.ap-feed-title{font-size:10px;font-weight:950;color:#eef4ff}
.ap-feed-meta{margin-top:3px;font-size:8px;color:var(--ap-muted)}
.ap-feed-value{font-size:10px;font-weight:950;color:#dbe6f7}
.ap-positive{color:#5ce4b6}.ap-negative{color:#ff91a3}
.ap-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ap-action{border:0;padding:13px 10px;border-radius:16px;background:linear-gradient(135deg,rgba(77,145,255,.2),rgba(139,92,246,.17));border:1px solid rgba(91,145,255,.2);color:white;font-size:10px;font-weight:950;cursor:pointer}
.ap-action:active{transform:scale(.98)}
.ap-action-primary{background:linear-gradient(135deg,var(--ap-blue),var(--ap-violet))}
.ap-empty{text-align:center;padding:22px 10px;color:var(--ap-muted);font-size:11px}
.ap-skeleton{position:relative;overflow:hidden;background:rgba(255,255,255,.05)}
.ap-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:apShimmer 1.25s infinite}
@keyframes apShimmer{100%{transform:translateX(100%)}}
@media(min-width:720px){.ap-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ap-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.ap-skeleton:after{animation:none!important}.ap-action{transition:none!important}}