.arcade-profile { max-width:1500px; display:grid; grid-template-columns:auto minmax(180px,1fr) auto auto minmax(260px,1.4fr); align-items:center; gap:22px; margin:0 auto 34px; padding:18px 22px; border:1px solid #343434; background:linear-gradient(100deg,rgba(77,225,255,.09),rgba(255,63,129,.07),rgba(255,212,74,.06)); }
.arcade-profile span { display:block; margin-bottom:5px; color:#777; font-size:.65rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.arcade-profile strong { font:700 .88rem/1.25 Inter,sans-serif; }
.arcade-profile-copy strong { color:#4de1ff; font:400 1.35rem/1 Archivo Black,sans-serif; text-transform:uppercase; }
.arcade-profile-progress { height:8px; overflow:hidden; border-radius:999px; background:#202020; }
.arcade-profile-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#4de1ff,#ff3f81,#ffd44a); box-shadow:0 0 14px rgba(77,225,255,.4); transition:width .35s ease; }
.arcade-profile-challenge { padding-left:20px; border-left:1px solid #3a3a3a; }
.w4-xp-toast { position:fixed; left:50%; bottom:92px; z-index:80; transform:translate(-50%,20px); padding:13px 18px; border:1px solid #ffd44a; border-radius:999px; background:#050505; box-shadow:0 0 28px rgba(255,212,74,.22); color:#fff; font:800 .78rem Inter,sans-serif; opacity:0; transition:.22s ease; }
.w4-xp-toast.show { transform:translate(-50%,0); opacity:1; }
@media (max-width:820px) { .arcade-profile { grid-template-columns:1fr 1fr; gap:16px; padding:16px; } .arcade-profile-progress,.arcade-profile-challenge { grid-column:1/-1; } .arcade-profile-challenge { padding:14px 0 0; border-top:1px solid #333; border-left:0; } }