/* QuestPick 5.0 unified experience: compatible with existing 4.3.1 styles. */
:root{--xp-ice:#d187f3;--xp-cyan:#b94cec;--xp-edge:rgba(199,110,241,.37);--xp-deep:#240b2f}
.xp-eyebrow{display:block;font-size:10px;letter-spacing:2px;color:#ca76f1;font-weight:850;margin-bottom:10px;text-transform:uppercase}
.xp-hint{font-size:11px;color:#c29dd4;line-height:1.6}
.xp-lead{color:#d2b3e1;font-size:13px;line-height:1.65;margin:13px 0 18px}
.xp-justify{display:flex;align-items:center;justify-content:space-between;gap:11px;min-width:0;flex-wrap:wrap}
.xp-justify>b{display:inline-flex;align-items:center;gap:8px;color:#f4e3fc}
.xp-justify svg{width:17px;height:17px;color:#c56aef;vertical-align:middle}
.xp-justify>span,.xp-justify>small{color:#c19cd2;font-size:11px}
.xp-section{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:28px 0 15px;flex-wrap:wrap}
.xp-section h2{display:flex;align-items:center;gap:9px;margin:0;color:#f4e3fc;font-size:18px;letter-spacing:-.4px}
.xp-section svg{width:19px;height:19px;color:var(--xp-cyan)}
.xp-section>span{font-size:11px;color:#ba8fce}
.xp-progress{height:8px;background:rgba(177,109,209,.15);border-radius:20px;overflow:hidden;border:1px solid rgba(199,131,231,.13);margin:11px 0}
.xp-progress i{height:100%;display:block;border-radius:20px;background:linear-gradient(90deg,#c266ed,#b135ea,#da9ff5);box-shadow:0 0 16px rgba(179,57,235,.5);transition:width .35s ease}
.xp-hero{position:relative;overflow:hidden;border:1px solid rgba(200,112,241,.48);border-radius:23px;padding:23px;background:radial-gradient(ellipse at 100% 5%,rgba(134,28,183,.26),transparent 63%),radial-gradient(ellipse at 0% 130%,rgba(160,82,224,.18),transparent 57%),linear-gradient(145deg,#39164a,#250d30)!important;box-shadow:0 14px 42px #0005,inset 0 1px rgba(255,255,255,.1)}
.xp-hero-glow{position:absolute;width:200px;height:200px;right:-80px;top:-100px;border:1px solid rgba(210,139,244,.13);border-radius:50%;box-shadow:0 0 0 37px rgba(195,98,239,.04),0 0 0 75px rgba(197,112,237,.025);pointer-events:none}
.xp-hero-body{position:relative;z-index:1}
.xp-hero-body>h2,.xp-draw-hero>h2{font-size:clamp(22px,4vw,34px);margin:4px 0 11px;letter-spacing:-.7px}
.xp-hero-game{display:grid;grid-template-columns:115px minmax(0,1fr);gap:20px;align-items:center;min-width:0}
.xp-hero-game .cover{width:100%;aspect-ratio:2/3;box-shadow:0 10px 25px #0008,0 0 0 1px #d797f558;border-radius:13px}
.xp-hero-copy{min-width:0}.xp-hero-copy h2{font-size:clamp(24px,4vw,36px);margin:4px 0 10px;overflow-wrap:anywhere;line-height:1.15}
.xp-hero-copy p{font-size:12px;color:#cea9df;line-height:1.6;overflow-wrap:anywhere}
.xp-hero-copy .chip{margin-top:6px}
.xp-next-goal{display:flex;align-items:flex-start;gap:11px;border:1px solid rgba(195,100,240,.22);border-radius:14px;background:rgba(39,8,53,.55);padding:12px 14px;line-height:1.55;color:#e5c9f3;font-size:12px;margin:15px 0}
.xp-next-goal svg{height:20px;width:20px;flex:none;color:#c778ec}.xp-next-goal span{display:grid;gap:3px;min-width:0}.xp-next-goal b{color:#d186f3}
.xp-active-progress{margin-top:18px}.xp-active-progress strong,.xp-progress-head strong{color:#cd7cf2}
.xp-action-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:15px}.xp-action-row .btn{min-width:0;flex:1 1 142px;white-space:normal;text-align:center;line-height:1.3}
.xp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:17px 0}
.xp-stat{display:flex;flex-direction:column;gap:5px;min-width:0;background:linear-gradient(155deg,#3d164f,#270e32);padding:16px 10px;border-radius:16px;border:1px solid rgba(191,104,231,.26);text-align:center;box-shadow:inset 0 1px #ffffff12}
.xp-stat>span{color:#c368ed}.xp-stat svg{height:24px;width:24px}.xp-stat strong{font-size:clamp(17px,2.5vw,28px);letter-spacing:-.6px;color:#f4e3fc;overflow-wrap:anywhere}
.xp-stat small{color:#c49ed5;font-size:11px;line-height:1.3}
.xp-health{background:linear-gradient(140deg,#371547,#271032);border-color:#b86edb39}.xp-health .xp-progress{margin:14px 0}.xp-health small{font-size:11px}
.xp-quickgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.xp-quick{width:100%;min-width:0;display:flex;align-items:center;gap:11px;text-align:left;padding:16px 14px;border-radius:16px;border:1px solid rgba(178,91,218,.31);background:linear-gradient(145deg,#3b164d,#291035);color:#f4e3fc;box-shadow:inset 0 1px #ffffff12}
.xp-quick:hover{border-color:#c66af09c;background:linear-gradient(145deg,#481c5d,#2e103c)}.xp-quick>span:nth-child(2){flex:1;min-width:0}.xp-quick b{display:block;font-size:13px;line-height:1.3;overflow-wrap:anywhere}.xp-quick small{display:block;font-size:10px;color:#bf93d3;line-height:1.45;margin-top:4px}
.xp-quick .nav-icon{width:16px;height:16px;flex:none;color:#b96bde}.xp-quick-ic{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:12px;color:#d48ef4;background:rgba(83,20,113,.48);border:1px solid #cc7bf235}.xp-quick-ic svg{width:21px;height:21px}
.xp-callout{margin:17px 0;padding:15px;border:1px solid rgba(98,204,186,.21);background:rgba(17,70,67,.23);border-radius:14px;display:flex;align-items:center;gap:9px;color:#a9dfd7;font-size:11px;line-height:1.6}.xp-callout svg{width:21px;height:21px;flex:none}
.xp-deck{display:flex;gap:8px;margin:22px 0;align-items:center;justify-content:flex-start;overflow:visible}.xp-deck .cover{width:clamp(73px,15vw,110px);transform:none!important;animation:none!important;border-radius:12px}
/* Challenge 2.0 */
.xp-draw-hero{padding:23px}.xp-candidate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}
.xp-candidate{display:flex;flex-direction:column;min-width:0;padding:13px;border-color:#ca75f15d;border-radius:17px;background:radial-gradient(ellipse at 50% -15%,rgba(132,37,176,.22),transparent 70%),linear-gradient(145deg,#3e1750,#280d35);animation:xpCardIn .5s both;animation-delay:var(--delay,0ms)}
@keyframes xpCardIn{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.xp-candidate-top{display:flex;justify-content:space-between;align-items:center;color:#d38ef4;font-weight:850;font-size:11px;letter-spacing:1px;padding-bottom:10px}.xp-candidate-top svg{width:15px;height:15px}
.xp-candidate-cover{margin:auto;width:min(100%,165px)}.xp-candidate-cover .cover{width:100%;aspect-ratio:2/3;margin:0;border:1px solid #d6a3ed48}
.xp-candidate h3{font-size:15px;line-height:1.3;margin:13px 0 10px;overflow-wrap:anywhere}
.xp-candidate-meta{display:grid;gap:8px;color:#caa2dc;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.xp-candidate-meta>div{display:flex;align-items:center;gap:7px}.xp-candidate-meta svg{width:15px;height:15px;flex:none;color:#ca74f1}
.xp-candidate-actions{display:grid;gap:7px;margin-top:auto;padding-top:15px}.xp-candidate-actions .btn{width:100%;font-size:11px;line-height:1.3;white-space:normal}
.xp-progress-head{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:18px 0 0}.xp-progress-head b{display:inline-flex;align-items:center;gap:7px;font-size:13px}.xp-progress-head svg{width:17px;height:17px;color:#cf83f3}
.xp-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.xp-comparison .xp-stat{padding:13px 5px}.xp-comparison .xp-stat strong{font-size:19px}.xp-comparison .xp-stat small{font-size:10px}
/* Library 2.0 */
.xp-library-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:radial-gradient(ellipse at 90% 15%,#60237d55,transparent 60%),linear-gradient(145deg,#331242,#281033);border-color:#bc59ea4a;margin:0 0 16px}.xp-library-banner>div{min-width:0}.xp-library-banner h2{font-size:clamp(20px,3vw,27px);line-height:1.2;margin:0 0 7px}.xp-library-banner p{font-size:12px;color:#c7a2d8;line-height:1.55;margin:0}.xp-shelf-mark{display:grid;place-items:center;width:63px;height:63px;flex:none;border-radius:18px;background:#400d5855;border:1px solid #c568f075;box-shadow:0 0 23px #b94aed1a}.xp-shelf-mark svg{color:#d490f4;width:33px;height:33px}
.xp-tools{border-color:#c170e647;background:linear-gradient(145deg,#371547,#281033);margin-bottom:17px;padding:17px}.xp-tools .xp-justify>b{font-size:13px}.xp-tools .xp-justify{margin-bottom:10px}.xp-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid #9150af56;border-radius:99px;padding:9px 12px;background:#321341;color:#d5b5e3;font-size:11px;font-weight:750;line-height:1.15;min-height:35px;white-space:normal}.xp-chip.is-on{background:linear-gradient(115deg,#551673,#571874);border-color:#bd5fe9;color:#f0d8fb;box-shadow:inset 0 1px #ffffff1a}.xp-shelf-row{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 18px}
.xp-toolgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:14px}.xp-tools label,.xp-vault-nav label{display:grid;gap:6px;color:#cea9df;font-size:11px;font-weight:700}.xp-tools select,.xp-vault-nav select,.xp-bulkbar select{min-width:0;width:100%;min-height:43px;border-radius:10px;padding:10px 12px;border:1px solid #9953b9;background:#2a0d37;color:#f4e3fc;font-size:16px;outline:none}
.xp-bulkbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid #b85ae375;background:#341144;border-radius:13px}.xp-bulkbar b{min-width:125px;font-size:12px}.xp-bulkbar select{flex:1;max-width:320px}.xp-bulkbar button{font-size:11px}
.xp-native-library{min-width:0}.xp-native-library .pn-platform-section{margin-top:10px}
.game-row.xp-picked{border-color:#c05aef!important;box-shadow:0 0 0 2px #bc50ee3b,inset 0 0 20px #ba4ded15!important;background:linear-gradient(120deg,#45195a,#341144)!important}
.game-row.xp-picked::after{content:'✓';position:absolute;left:6px;top:6px;z-index:9;background:#b144e4;color:#210a2c;border-radius:99px;width:24px;height:24px;display:grid;place-items:center;font-size:15px;font-weight:950}
.game-row.xp-picked{position:relative}
/* Collection audit 2.0 */
.xp-audit-2{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;border-color:#b867dd64;background:linear-gradient(140deg,#3d1351,#2e103b)}
.xp-audit-2>div:first-child{flex:1;min-width:0}.xp-audit-2 h3{font-size:17px;margin:4px 0}.xp-audit-2 p{font-size:12px;color:#ceafdd;line-height:1.5;margin:0 0 10px}.xp-audit-buttons{display:flex;flex-direction:column;gap:7px}.xp-audit-buttons button{white-space:normal;text-align:center}
/* Vault 2.0 */
.xp-vault-nav{display:grid;gap:11px;margin:15px 0;padding:17px;background:linear-gradient(120deg,#3e1452,#2e103b);border-color:#b758e362}.xp-vault-nav>p{margin:0}.xp-vault-gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:stretch}.xp-memory{overflow:hidden;border:1px solid #b26cd252;border-radius:17px;background:#2a1037;min-width:0;box-shadow:0 9px 24px #0003}.xp-memory-open{display:block;width:100%;padding:0;border:0;background:linear-gradient(150deg,#44165a,#2d103a);position:relative;height:190px;color:#fff}.xp-memory-open>img{width:100%;height:100%;object-fit:cover}.xp-memory-open>span:last-child{position:absolute;left:9px;bottom:9px;max-width:calc(100% - 18px);padding:5px 8px;border-radius:99px;background:#20072bbb;border:1px solid #c885e840;font-size:10px}.xp-memory-no-image{display:grid;place-items:center;height:100%}.xp-memory-no-image svg{width:40px;height:40px;color:#c67aea}.xp-memory-caption{padding:13px}.xp-memory-caption>strong{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.xp-memory-caption>small{display:block;font-size:10px;color:#ca82eb;margin:4px 0}.xp-memory-caption p{color:#d4b5e2;font-size:11px;line-height:1.5;max-height:4.5em;overflow:hidden;overflow-wrap:anywhere}.xp-text-btn{display:flex;gap:6px;align-items:center;border:0;background:transparent;color:#cbaadb;font-size:11px;padding:5px 0}.xp-text-btn svg{width:14px;height:14px}.xp-memory-modal img{max-width:100%;max-height:55dvh;object-fit:contain;border-radius:15px}.xp-memory-modal h3{font-size:18px;margin:16px 0 6px}.xp-memory-modal p{white-space:pre-wrap;font-size:13px;line-height:1.55}.xp-memory-modal small{color:#be90d4;display:block;margin:15px 0}
/* Hall and Passport 2.0 */
.xp-hall-links{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:19px;border-color:#bd65e565;background:radial-gradient(circle at 100% 0%,#521a6c66,transparent 60%),linear-gradient(135deg,#391649,#260f31)}.xp-hall-links>div{flex:1;min-width:0}.xp-hall-links h3{font-size:18px;margin:4px 0}.xp-hall-links p{font-size:12px;color:#cfadde;line-height:1.55}.xp-hall-links button{flex:none}
.xp-passport-theme{display:grid;gap:11px;padding:17px;margin:15px 0 0;border:1px solid #c973f06a;border-radius:16px;background:linear-gradient(155deg,#421557,#2e123c)}.xp-passport-choice{display:flex;gap:9px;flex-wrap:wrap}.xp-passport-theme>.btn{width:100%}.pn-passport-full.xp-passport-platinum .xp-passport-theme{border-color:#e4bb68;background:linear-gradient(130deg,#47381d,#271f24)}.pn-passport-full.xp-passport-classic .xp-passport-theme{border-color:#cd81f0;background:linear-gradient(130deg,#5b2176,#341443)}
/* Full mobile-friendly game details tabs */
#modal-content.xp-detail-root{min-width:0}.xp-detail-wrap{min-width:0}.xp-detail-root .xp-game-head{margin-top:7px}.xp-detail-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;border:1px solid #b160d65e;border-radius:14px;background:#2a0c38;padding:5px;margin:18px 0}.xp-detail-tabs button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:52px;color:#c9a6d9;border:0;border-radius:10px;background:transparent;font-size:10px;line-height:1.25;padding:8px 4px;text-align:center;overflow-wrap:anywhere}.xp-detail-tabs button svg{width:17px;height:17px}.xp-detail-tabs button.is-on{color:#280837;background:linear-gradient(115deg,#bd56ed,#c973f1);box-shadow:0 0 15px #b142e545;font-weight:800}.xp-detail-pane[hidden]{display:none!important}.xp-detail-pane{min-width:0}.xp-detail-pane>.modal-body{margin-top:3px}.xp-detail-pane>.modal-actions{margin:15px 0}.xp-detail-preview{padding:16px;margin:5px 0 13px;border-radius:16px;border:1px solid #b35ddb55;background:linear-gradient(140deg,#381449,#2d113a)}.xp-detail-preview h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:16px}.xp-detail-preview h3 svg{height:18px;width:18px;color:#c76cf0}.xp-detail-preview p{font-size:12px;color:#cfaddf;line-height:1.55}.xp-detail-preview .btn{width:100%;margin-top:10px}.xp-detail-actions{display:flex;gap:9px;flex-wrap:wrap}.xp-detail-actions>.btn{flex:1}.xp-detail-root .pn-platform-detail{padding:13px;margin-top:8px}.xp-detail-root .pn-platform-copy{min-width:0}.xp-detail-root .pn-platform-copy>div{min-width:0;overflow-wrap:anywhere}.xp-detail-root .pn-copy-icon{width:45px;height:45px;flex:none;padding:8px;overflow:visible}.xp-detail-root .pn-copy-icon svg{display:block;width:100%;height:100%;object-fit:contain;overflow:visible}.xp-detail-root .pn-platform-copy small{line-height:1.55;font-size:11px}
/* Stats 2.0 */
.xp-analytics-kpis{margin:0 0 16px}.xp-analytics-special{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.xp-analytics-special .xp-quick{display:flex;justify-content:space-between}.xp-analytics-special .xp-quick>b{flex:1;font-size:12px}.xp-analytics-special svg{width:18px;height:18px;color:#cf83f3}.xp-metric-guidance{padding:16px;margin:17px 0;border-color:#b770d851}.xp-metric-guidance>b{display:flex;gap:8px;align-items:center;color:#f2defc;font-size:12px}.xp-metric-guidance>b svg{height:17px;width:17px;color:#cb80ed}.xp-metric-guidance>div{display:flex;gap:10px 20px;flex-wrap:wrap;margin-top:12px}.xp-metric-guidance span{display:flex;align-items:center;gap:7px;color:#cda8de;font-size:11px}.xp-dot{width:8px;height:8px;border-radius:50%}.xp-solid{background:#68f0ca}.xp-est{background:#cf82f3}.xp-no{background:#facf8d}.xp-analytics-old .pn-subnav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 17px}.xp-analytics-old .pn-subnav button{flex:1 1 115px;padding:11px 9px;font-size:12px}.xp-analytics-old .pn4-hubcards{margin-top:20px}
/* Profile 2.0 */
.xp-profile-hero{display:flex;align-items:center;gap:16px;padding:22px;background:radial-gradient(ellipse at 100% 0%,#6a258945,transparent 65%),linear-gradient(140deg,#3c184c,#2b1138);border-color:#c475e956}.xp-profile-avatar{width:76px;height:76px;flex:none;border-radius:22px;display:grid;place-items:center;background:#45125d;border:1px solid #c56aeeb3}.xp-profile-avatar svg{height:36px;width:36px;color:#d591f4}.xp-profile-avatar .pn-avatar,.xp-profile-avatar img{max-width:100%;max-height:100%;object-fit:cover}.xp-profile-hero>div:last-child{flex:1;min-width:0}.xp-profile-hero h2{font-size:23px;margin:0 0 7px}.xp-profile-hero p{color:#d1b1df;font-size:12px;margin:0 0 12px;overflow-wrap:anywhere;line-height:1.5}.xp-backup{padding:18px;margin:19px 0;border-color:#6deabf4d;background:linear-gradient(125deg,#351344,#2e103b)}.xp-backup p{color:#ceb0dd;font-size:12px;line-height:1.65}.xp-backup button{font-size:11px}.xp-more-settings{margin:22px 0;border:1px solid rgba(181,92,222,.45);background:linear-gradient(140deg,#31143f,#250d2f);border-radius:18px}.xp-more-settings>summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;font-weight:780;padding:17px 19px;color:#ebd1f6}.xp-more-settings>summary svg{width:19px;height:19px;color:#c36aec;flex:none}.xp-more-settings>summary svg:last-child{margin-left:auto}.xp-settings-body{padding:0 16px 18px;overflow:hidden}.xp-settings-body .section{margin-top:20px}
/* Typography and keyboard safety */
.xp-form label{display:grid;gap:8px}.xp-form input,.xp-form select,.xp-form textarea{width:100%;min-width:0;font-size:16px!important;line-height:1.4;min-height:45px;max-width:100%;border:1px solid #9f61bc;border-radius:11px;background:#2b0f37;color:#f4e3fc;padding:12px}.xp-form .btn{width:100%;margin-top:12px}
.xp-native-library,.xp-hero,.xp-candidate,.xp-profile-hero,.xp-detail-wrap,.xp-stats,.xp-quick,.xp-backup{min-width:0}
@media(max-width:740px){
 .xp-hero{padding:18px;border-radius:19px}.xp-hero-game{grid-template-columns:89px minmax(0,1fr);gap:13px}.xp-hero-copy h2{font-size:22px}.xp-hero-copy p{font-size:11px}
 .xp-stats{gap:7px}.xp-stat{padding:12px 6px;border-radius:12px}.xp-stat svg{height:20px;width:20px}.xp-stat strong{font-size:18px}.xp-stat small{font-size:9px}
 .xp-quickgrid{gap:9px}.xp-quick{padding:13px 10px;gap:8px;border-radius:13px}.xp-quick-ic{height:34px;width:34px;border-radius:10px}.xp-quick-ic svg{height:18px;width:18px}.xp-quick b{font-size:11px}.xp-quick small{font-size:9px}.xp-quick>.nav-icon{width:13px;height:13px}
 .xp-candidate-grid{grid-template-columns:1fr;gap:12px}.xp-candidate{display:grid;grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start;gap:7px 14px;padding:12px}.xp-candidate-top{grid-column:1/-1;padding-bottom:3px}.xp-candidate-cover{grid-column:1;grid-row:2/4;width:100%}.xp-candidate h3{grid-column:2;grid-row:2;margin:1px 0;font-size:17px}.xp-candidate-meta{grid-column:2;grid-row:3;gap:6px}.xp-candidate-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:6px}.xp-candidate-actions .btn.primary{grid-column:1/-1}.xp-candidate-meta div{font-size:10px}.xp-candidate-meta svg{height:13px;width:13px}
 .xp-library-banner{padding:16px}.xp-library-banner h2{font-size:21px}.xp-shelf-mark{height:47px;width:47px;border-radius:13px}.xp-shelf-mark svg{height:25px;width:25px}.xp-tools{padding:14px}.xp-toolgrid{gap:8px}.xp-bulkbar select{max-width:100%;flex:1 1 100%}.xp-audit-2{flex-direction:column;align-items:stretch}.xp-audit-buttons{flex-direction:row}.xp-audit-buttons .btn{flex:1 1 46%}
 .xp-vault-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.xp-memory-open{height:152px}.xp-memory-caption{padding:11px}.xp-memory-caption>strong{font-size:12px}.xp-hall-links{flex-wrap:wrap}.xp-hall-links button{width:100%}
 .xp-profile-hero{padding:16px}.xp-profile-avatar{height:57px;width:57px;border-radius:16px}.xp-profile-hero h2{font-size:21px}.xp-settings-body{padding:0 11px 14px}.xp-analytics-special{gap:8px}
}
@media(max-width:375px){.xp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-quickgrid{grid-template-columns:1fr}.xp-hero-game{grid-template-columns:72px minmax(0,1fr);gap:11px}.xp-hero-copy h2{font-size:19px}.xp-hero-copy .chip{font-size:9px}.xp-detail-tabs button{font-size:9px}.xp-analytics-special{grid-template-columns:1fr}.xp-profile-hero{gap:10px}.xp-profile-avatar{height:48px;width:48px}}
@media(prefers-reduced-motion:reduce){.xp-candidate{animation:none!important}.xp-progress i{transition:none!important}}