/* XP display and rewards panels. Profile positioning and width belong to town-shell.css. */
.player-card .player-summary{min-width:0}.player-card #playerRank{display:block;font-size:9px;max-width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.town-xp-meter{--xp-fill:0%;display:block;position:relative;height:6px;margin-top:6px;border-radius:9px;overflow:hidden;background:#ded7e8;border:1px solid #c3b6d1;min-width:104px}.town-xp-meter::after{content:"";display:block;width:var(--xp-fill);height:100%;border-radius:inherit;background:linear-gradient(90deg,#b282cc,#e5a5c7);transition:width .35s ease}.player-card #profileXPText{display:block;text-align:right;font-size:7px;margin:3px 0 0;color:#8f789a}.xp-notice{position:absolute;right:18px;top:111px;z-index:9;max-width:min(340px,calc(100% - 28px));padding:11px 16px;border:1px solid #c9afd6;border-radius:13px;background:#fff8ffed;color:#825788;box-shadow:0 4px 20px #68548720;font-size:11px;font-weight:bold;pointer-events:none}.xp-notice.xp-level-up{border-color:#d6b571;background:#fff5d6ed;color:#99743b}.levels-heading{display:flex;align-items:center;gap:21px;margin:15px 0 22px}.levels-heading h2{margin:0 0 7px!important}.levels-heading p{margin:0!important}.levels-medal{flex:none;width:94px;height:102px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;background:linear-gradient(155deg,#fbdaea,#e6cef7);border:3px solid #c796b7;border-radius:29px 29px 40px 40px;box-shadow:inset 0 0 0 4px #fff7fb,0 7px 0 #eedce9;color:#97719e}.levels-medal span{font-size:8px;font-weight:bold;letter-spacing:2px}.levels-medal b{font-size:42px}.levels-progress{padding:18px;background:#faf0f7;border:1px solid #e4cddd;border-radius:15px}.levels-progress>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.levels-progress>div span{font-size:10px;color:#95839e}.levels-progress progress{display:block;width:100%;height:11px;accent-color:#c68fb8;margin:13px 0}.levels-progress small{font-size:10px;color:#927c99}.levels-actions{display:flex;gap:10px;align-items:center;margin:18px 0 28px}.levels-actions .primary{margin:0!important}.xp-ways{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 27px}.xp-ways>div{display:flex;gap:10px;align-items:flex-start}.xp-way-icon{width:34px;height:34px;display:grid;place-items:center;background:#f2e7f4;border-radius:11px;color:#ae83b1;font-size:22px;flex:none}.xp-ways b{display:block;font-size:11px;margin:2px 0 5px}.xp-ways small{display:block;font-size:10px;color:#93839d;line-height:1.7}.level-milestones{display:grid;gap:8px;margin-top:14px}.level-milestone{display:flex;align-items:center;gap:13px;border:1px solid #e4d9e8;border-radius:11px;padding:12px}.level-milestone>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#f0e8f4;color:#a18cae;font-size:12px;font-weight:bold}.level-milestone.is-earned{background:#fffbef;border-color:#e4d3b1}.level-milestone.is-earned>span{color:#ad8550;background:#fbeac2}.level-milestone>div{flex:1}.level-milestone b{font-size:11px;display:block}.level-milestone small{font-size:10px;color:#95849b;display:block;margin-top:4px;line-height:1.5}.level-milestone em{font-style:normal;font-size:9px;white-space:nowrap;color:#a08baa}.activity-result-stats:has(.activity-result-xp){grid-template-columns:repeat(4,minmax(0,1fr))}.activity-result-xp b{color:#b47fab!important}.activity-xp-fact{color:#a277a7}.royal-portrait{position:relative;background:#f6dce8;border:2px solid #d4acc3;border-radius:24px;overflow:hidden;margin:20px 0;background-size:cover;background-position:center;aspect-ratio:1.65}.royal-portrait::after{content:"";position:absolute;inset:12px;border:1px solid #f9e5b7;border-radius:17px;pointer-events:none}.royal-portrait canvas{display:block;width:100%;height:100%}.royal-welcome-card{padding:17px 20px;border:1px solid #ead6bd;border-radius:15px;background:#fff7e5;margin:18px 0}.royal-welcome-card b{font-size:12px}.royal-welcome-card p{margin:7px 0 0!important}.royal-actions{display:flex;gap:9px;flex-wrap:wrap}.royal-actions .primary{margin:0!important}.royal-label{text-align:center;color:#a17b95;font-size:10px;letter-spacing:2px;margin-top:-7px}.royal-panel .primary{margin-top:15px}
@media(max-width:700px){.player-card #playerRank{display:block!important;font-size:7px;max-width:115px}.player-card #profileXPText{display:none!important}.town-xp-meter{min-width:85px;height:5px;margin-top:4px}.xp-notice{right:10px;top:87px;font-size:9px;max-width:210px;padding:8px 11px}.levels-heading{gap:15px}.levels-medal{width:72px;height:81px;border-radius:22px 22px 31px 31px}.levels-medal b{font-size:31px}.levels-heading h2{font-size:22px!important}.levels-progress>div{font-size:11px;flex-direction:column;gap:6px}.levels-actions{align-items:stretch;flex-direction:column}.levels-actions .choice{text-align:center}.xp-ways{grid-template-columns:1fr;gap:14px}.level-milestone{padding:10px;gap:9px}.level-milestone em{font-size:8px}.level-milestone>span{width:32px;height:32px}.activity-result-stats:has(.activity-result-xp){grid-template-columns:repeat(2,minmax(0,1fr))}.royal-portrait{aspect-ratio:1.15}.royal-actions{flex-direction:column}.royal-actions button{text-align:center}}
@media(prefers-reduced-motion:reduce){.town-xp-meter::after{transition:none}}

@media(max-width:360px){.player-card #playerRank{max-width:92px}.town-xp-meter{min-width:78px}.location-tag small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}}