@import url('profile-awards.css');
@import url('motion.css');
@import url('rewards.css');
@import url('experience-activity.css');
.djiga-xp-bar{display:grid;gap:5px;flex-shrink:0;width:calc(100% - 30px);margin:0 15px 8px;padding:3px 0 7px;border:0;background:none;color:#e9eef7;text-align:left;font:10px/1.4 'Segoe UI',Arial,sans-serif;cursor:pointer}
.djiga-xp-bar[hidden]{display:none}.xp-bar-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.xp-bar-meta>b{font-size:9px;letter-spacing:.7px;color:#ffcc00}.xp-bar-meta>span{color:#bdc6d6}.xp-bar-meta i{font-style:normal;color:#8491a7}.xp-bar-meta em{font:18px/10px Arial;color:#ffcc00;margin-left:5px;font-style:normal}
.xp-track{display:block;height:4px;background:#354056;border-radius:5px;overflow:hidden}.xp-track>i{display:block;height:100%;background:#ffcc00;border-radius:inherit}.djiga-xp-bar:focus-visible{outline:1px solid #ffcc00;outline-offset:3px;border-radius:3px}
dialog.djiga-xp-dialog{width:370px;max-width:calc(100% - 24px);max-height:calc(100dvh - 32px);padding:22px 18px;background:#111c2d;color:#eef3fc;border:1px solid #61708b;border-radius:13px;overflow:auto;font:12px/1.5 'Segoe UI',Arial,sans-serif}
.djiga-xp-dialog::backdrop{background:#000b}.djiga-xp-dialog .xp-close{position:absolute;right:5px;top:5px;width:36px;height:36px;background:none;border:0;color:#eef3fc;font:26px Arial;cursor:pointer}.xp-close:focus{outline:none}.xp-close:focus-visible{outline:1px solid #ffcc00;border-radius:50%}
.xp-eyebrow{font-size:8px;color:#a4b5cc;letter-spacing:1px;margin:0 0 5px}.djiga-xp-dialog h2{font:27px/1.15 Impact,'Arial Narrow',sans-serif;margin:0 25px 16px 0;overflow-wrap:anywhere}.djiga-xp-dialog h3{font:600 12px/1.5 'Segoe UI',Arial,sans-serif;margin:22px 0 10px}
.xp-tabs{display:flex;gap:6px;margin-bottom:20px}.xp-tabs button{flex:1;padding:8px 5px;border:1px solid #3c506c;background:#1a2a42;color:#b9c9e2;border-radius:6px;font:600 11px/1.4 'Segoe UI',Arial,sans-serif;cursor:pointer}.xp-tabs [aria-pressed=true]{background:#ffcc00;border-color:#ffcc00;color:#121a29}
.xp-level-summary{display:flex;align-items:center;gap:13px;margin:16px 0}.xp-level-summary>strong{font:47px/1 Impact,'Arial Narrow',sans-serif;color:#ffcc00}.xp-level-summary>div{display:grid;gap:3px}.xp-level-summary span{font-size:11px;color:#aebed7}.xp-next{font-size:10px;color:#aebed7;margin-top:8px}
.xp-contribution{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #30425d;font-size:11px;color:#b6c7df}.xp-contribution b{color:#ffcc00;white-space:nowrap}.xp-description{font-size:10px;color:#92a6c1;line-height:1.7;margin-top:16px}
.xp-table-note{font-size:11px;color:#bdcce0;margin-bottom:12px}.xp-table-head,.xp-player{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px}.xp-table-head{font-size:8px;letter-spacing:.5px;color:#8ea4c3;padding:0 10px 8px}.xp-player{padding:9px 10px;border:1px solid #2d415e;background:#15263d;border-radius:7px;margin-bottom:5px;font-size:11px}.xp-player.mine{border-color:#ffcc00;background:#413e21}.xp-player>span{color:#c6b15c}.xp-player>div{display:grid;min-width:0;gap:1px}.xp-player b{overflow-wrap:anywhere}.xp-player small{font-size:9px;color:#91a7c3}.xp-player>strong{color:#ffcc00;white-space:nowrap;font-variant-numeric:tabular-nums}
.xp-player>.xp-player-name{display:flex;align-items:center;gap:8px;min-width:0}.xp-player-copy{display:grid;gap:2px;min-width:0}.xp-player-avatar{position:relative;display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;overflow:hidden;border:1px solid #435675;background:#0c1728;color:#dce6f7;border-radius:50%;font:600 10px/1 Arial,sans-serif}.xp-player-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
dialog.djiga-xp-dialog[data-xp-theme=ucl]{background:linear-gradient(145deg,#13223a,#0c1628);border-color:#465d7c;border-radius:12px}
.djiga-xp-dialog[data-xp-theme=ucl] .xp-level-summary{position:relative;padding:14px;border:1px solid #405574;border-radius:10px;background:linear-gradient(90deg,#14233bec,#14233bba),url('/ucl/assets/ucl-night-stadium.png') center 42%/cover}
.djiga-xp-dialog[data-xp-theme=ucl] .xp-table{border:1px solid #354963;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#172941,#101c30)}
.djiga-xp-dialog[data-xp-theme=ucl] .xp-player{margin:0;min-height:46px;padding:8px 10px;border:0;border-radius:0;background:transparent;color:#f0f4fb}
.djiga-xp-dialog[data-xp-theme=ucl] .xp-player+.xp-player{border-top:1px solid #33476166}
.djiga-xp-dialog[data-xp-theme=ucl] .xp-player.mine{background:linear-gradient(90deg,#ffcc0017,#ffcc0005);box-shadow:inset 3px 0 #ffcc00}
.djiga-xp-dialog[data-xp-theme=ucl] .xp-player>span{color:#a2b2ca}.djiga-xp-dialog[data-xp-theme=ucl] .xp-player.mine>span{color:#ffcc00}
.djiga-xp-dialog[data-xp-theme=ucl] .xp-player>strong{font:24px/1 Impact,'Arial Narrow',sans-serif;color:#f1f5fc}.djiga-xp-dialog[data-xp-theme=ucl] .xp-player.mine>strong{color:#ffcc00}
.djiga-xp-dialog[data-xp-theme=ucl] .xp-contribution{background:#17283f;border:1px solid #344a67;border-radius:7px;margin:6px 0;padding:10px}
dialog.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]){background:radial-gradient(ellipse at 0 0,#ffe0000b,transparent 60%),#141a15;color:#f3f1e7;border-color:#887a30;border-radius:12px}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-close{color:#f3f1e7}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-eyebrow{color:#aeb59f}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-tabs button{background:#222a22;border-color:#515843;color:#bec5b2}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-tabs [aria-pressed=true]{background:#ffe000;border-color:#ffe000;color:#151b15}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-level-summary{padding:14px;border:1px solid #77712d;border-radius:10px;background:linear-gradient(135deg,transparent 70%,#ffe0000b 70%,#ffe0000b 80%,transparent 80%),#1c241b}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-level-summary>strong{color:#ffe000}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) :is(.xp-level-summary span,.xp-next,.xp-table-note){color:#bdc4af}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-track{background:#414a39}.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-track>i{background:#ffe000}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-contribution{background:#f3efe3;color:#1c211c;border:1px solid #ded7be;border-radius:8px;margin:6px 0;padding:11px 10px}.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-contribution b{color:#1c211c}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-description{color:#aab39e}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-table-head{color:#aeb59f}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-player{min-height:52px;margin-bottom:5px;padding:8px 9px 8px 7px;border:1px solid #ded7be;border-left:4px solid #ccc7b8;border-radius:9px;background:#f3efe3;color:#1c211c}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-player.leader{border-left-color:#c5a331}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-player.mine{border:2px solid #ffe000;border-left:4px solid #ffe000;background:#fff2b2;padding:7px 8px 7px 7px}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-player>span{color:#6a6751}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-player>strong{color:#1c211c;font:24px/1 Impact,'Arial Narrow',sans-serif}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-player small{color:#77745b}
.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .xp-player-avatar{background:#222a23;border-color:#666c57;color:#f1eedf}.djiga-xp-dialog:is([data-xp-theme=rpl],[data-xp-theme=catalog]) .mine .xp-player-avatar{border-color:#b49a28;color:#ffe000}

.profile-avatar-stack{display:flex;flex-direction:column;align-items:center;gap:7px;flex:0 0 auto;position:relative}
.profile-xp-level{position:relative;z-index:2;display:block;white-space:nowrap;border:1px solid #8d792b;border-radius:12px;padding:3px 8px;background:#20291d;color:#ffe000;font:700 8px/1.3 'Segoe UI',Arial,sans-serif;letter-spacing:.4px}
.profile-xp-level[hidden]{display:none}.ucl-app .profile-avatar-stack{gap:17px}.ucl-app .profile-xp-level{background:#12233c;border-color:#8e7830;color:#ffcc00}