/* MixUp Points: approachable milestone bar and cosmetic catalogue. */
.mixup-points-summary{border:1px solid #c7b4ef;border-radius:19px;padding:14px 15px;margin:8px 0 17px;background:linear-gradient(115deg,#fbf7ff,#e8f6ff 60%,#fff3f6);color:#2f326e;box-shadow:0 7px 20px #4b3ca31a}
.mixup-points-persona{display:flex;align-items:center;gap:12px}
.mixup-points-persona>div:last-child{flex:1;min-width:0}
.mixup-points-persona strong{font-size:16px;color:#32247a;font-weight:900;display:block}
.mixup-points-persona small{display:block;font-size:12px;color:#645990;margin-top:3px}
.mixup-points-face{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:51px;height:51px;font-size:29px;background:linear-gradient(140deg,#dcd3ff,#e1f9ff);border:3px solid white;border-radius:50%;box-shadow:0 4px 10px #5444a925}
.mixup-points-face.mixup-frame-electric{border-color:#26dfff;box-shadow:0 0 13px #17d0ed9a}
.mixup-points-face.mixup-frame-aurora{border-color:#f161ed;box-shadow:0 0 9px #46dff9,0 0 17px #e75cda}
.mixup-points-meter{height:10px;margin:12px 0 8px;background:#e3def4;border-radius:99px;overflow:hidden;border:1px solid #cbc8e8}
.mixup-points-meter>div{height:100%;border-radius:99px;background:linear-gradient(90deg,#7260e7,#df4fcd,#facb67);transition:width .4s ease}
.mixup-points-bottom{display:flex;gap:9px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.mixup-points-bottom span{font-size:11px;font-weight:800;color:#615b85}
.mixup-points-bottom button{border:0;padding:8px 12px;border-radius:12px;background:#6b4fc9;color:white;font-weight:850;font-size:12px;cursor:pointer}
.mixup-points-page{max-width:740px;margin:0 auto;padding:12px 15px 34px;color:#26345a}
.mixup-points-page h2{font-size:24px;margin:22px 0 12px;color:#392968}
.mixup-points-hero{padding:27px 17px;border-radius:25px;background:linear-gradient(135deg,#29136d,#7242cb,#e346aa);color:white;text-align:center}
.mixup-points-hero h1{font-size:clamp(29px,6vw,45px);color:white;margin:11px 0;line-height:1.13}
.mixup-points-hero>span{font-size:12px;letter-spacing:.13em;color:#e1daff;font-weight:900}
.mixup-points-hero p{font-size:14px;line-height:1.5;color:#f4eaff;margin:0}
.mixup-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mixup-reward{border:1px solid #d6cff0;background:linear-gradient(140deg,#fbfaff,#f2f5ff);border-radius:19px;padding:15px;display:flex;flex-direction:column;gap:8px;min-width:0}
.mixup-reward.locked{opacity:.72;filter:grayscale(.1)}
.mixup-reward.unlocked{border-color:#b0a1ef;box-shadow:0 5px 15px #45249b17}
.mixup-reward-icon{display:flex;align-items:center;justify-content:center;font-size:38px;background:#eeebfc;width:63px;height:63px;border-radius:17px}
.mixup-reward small{font-size:11px;color:#6652b8;letter-spacing:.04em;font-weight:900}
.mixup-reward h3{font-size:17px;line-height:1.2;margin:5px 0 0;color:#363071}
.mixup-reward p{font-size:13px;line-height:1.45;color:#5e6587;min-height:38px;margin:6px 0 0}
.mixup-reward button{margin-top:auto;padding:10px;border-radius:11px;border:0;color:white;background:#6e4ccc;font-weight:900;cursor:pointer}
.mixup-reward button:disabled{background:#e1dbea;color:#56497f;cursor:default}
.mixup-locked{color:#77719b;font-weight:800;font-size:13px;margin-top:auto}
.mixup-points-legal{font-size:12px;color:#6f7892;line-height:1.6;padding:8px}
body.mixup-points-theme-glass .ff-mini-card{background:linear-gradient(135deg,#eef5ff,#f6e5fc)!important;border-color:#bbb4f8!important;box-shadow:0 7px 20px #7559b82c!important}
body.mixup-points-theme-cosmic .ff-mini-card{background:linear-gradient(135deg,#261257,#44246b)!important;border-color:#9c6fe0!important;color:white!important}
body.mixup-points-theme-cosmic .ff-mini-card .ff-mini-title,body.mixup-points-theme-cosmic .ff-mini-card .ff-mini-tag{color:#f7ebff!important}
@media(max-width:550px){.mixup-reward-grid{grid-template-columns:1fr}.mixup-points-page{padding:8px 5px 28px}}
@media(prefers-reduced-motion:reduce){.mixup-points-meter>div{transition:none}}

.mixup-avatar-options{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.mixup-avatar-options button{flex:1;font-size:23px;padding:8px;background:#eee9ff;border:1px solid #d5c7f9;border-radius:12px}
.mixup-avatar-options button:disabled{background:#c7f5fb;border-color:#3cadd9}
body.mixup-points-effect-prism #arcade-solo-end:not([hidden]),body.mixup-points-effect-prism .arcade-title{animation:mixup-prism-glow 2.6s ease-in-out infinite alternate}
@keyframes mixup-prism-glow{0%{box-shadow:0 0 13px #21d8ff45,0 5px 20px #6443cc29}100%{box-shadow:0 0 22px #e94fc6aa,0 0 30px #55d1fbaa}}
@media(prefers-reduced-motion:reduce){body.mixup-points-effect-prism #arcade-solo-end,body.mixup-points-effect-prism .arcade-title{animation:none}}

/* One MixUp wallet shown consistently on Home, Learn, Family Fun and Profile. */
.mixup-points-global{width:min(100%,760px);max-width:100%;margin:0 auto 17px;padding:0 8px;box-sizing:border-box}
.mixup-points-global .mixup-points-summary{margin-top:6px}
.mixup-points-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.mixup-points-actions button:first-child{background:#e9dfff;color:#57429b}
.mixup-profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}
.mixup-profile-stats article{background:#f5f1ff;border:1px solid #dad1f2;border-radius:15px;padding:16px 9px;display:flex;flex-direction:column;gap:6px;text-align:center}
.mixup-profile-stats strong{font-size:23px;font-weight:900;color:#4a31a0}
.mixup-profile-stats span{font-size:12px;font-weight:750;color:#777092}
.mixup-profile-cosmetics{background:#f9f7ff;border:1px solid #e4dcf5;border-radius:17px;padding:14px 17px}
.mixup-profile-cosmetics h2{margin:3px 0 8px}
.mixup-profile-cosmetics p{font-size:14px;line-height:1.6;color:#6d6684}
.mixup-profile-reward-link{background:#6b4fc9;color:white;border:none;border-radius:13px;padding:13px 17px;font-weight:900;cursor:pointer}
@media(max-width:400px){.mixup-profile-stats strong{font-size:19px}.mixup-profile-stats article{padding:12px 5px}}

/* Learning rewards are credited directly into the global MixUp Points wallet. */
.mixup-learning-reward-line{
 display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;
 gap:8px 14px;max-width:760px;margin:10px auto 16px;padding:12px 15px;
 background:linear-gradient(125deg,#f3eaff,#e6faff);
 border:1px solid #c4b0ed;border-radius:16px;box-shadow:0 5px 16px #422d9d18;
 color:#47318c;font-size:13px;
}
.mixup-learning-reward-line strong{font-size:15px;font-weight:900}
.mixup-learning-reward-line span{font-size:12px;color:#626c8a;line-height:1.4}
@media(max-width:520px){.mixup-learning-reward-line{margin:10px 6px;padding:12px 13px}}