.xp-portrait-halo{fill:none;stroke:#ffe4a1;stroke-width:1.8px;transform-origin:50px 48px;animation:3.2s ease-out both xp-halo}.xp-portrait-rays{fill:#fff0c5;transform-origin:50px 48px;animation:3.2s ease-out both xp-rays}.xp-portrait-label{fill:#fff4cb;stroke:#15130e;stroke-width:1.4px;paint-order:stroke;text-anchor:middle;font:700 15px Georgia,serif;animation:3.2s ease-out both xp-label}.xp-portrait-effect[data-paused=true] *{animation-play-state:paused}@keyframes xp-halo{0%{opacity:0;transform:scale(.65)}15%{opacity:1}65%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}@keyframes xp-rays{0%{opacity:0;transform:rotate(-25deg)scale(.45)}20%{opacity:1}80%{opacity:.8}to{opacity:0;transform:rotate(25deg)scale(1.1)}}@keyframes xp-label{0%{opacity:0;transform:translateY(12px)}18%,80%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.xp-announcement{z-index:90;bottom:calc(24px + env(safe-area-inset-bottom));pointer-events:none;max-width:calc(100vw - 32px);position:fixed;right:24px}.xp-reward-card{color:#f5e6bc;background:#151b1cf5;border:1px solid #b69a5c;border-radius:8px;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 12px 42px #0009}.xp-reward-card strong,.xp-reward-card span,.xp-reward-card small{display:block}.xp-reward-card strong{color:#ffe7a3;font:700 27px Georgia,serif}.xp-reward-card span{margin:4px 0;font-size:14px}.xp-reward-card small{font-size:var(--font-caption);color:#c4baa6}.xp-reward-portraits{display:flex}.xp-reward-portraits .portrait{border:1px solid #a68a54;border-radius:30px 30px 4px 4px;width:52px;height:64px}.xp-reward-portraits .portrait+.portrait{margin-left:-8px}.xp-inline{max-width:100%;min-height:105px;margin-top:18px;position:static}.xp-preview{color:#e7dcc4;border-top:1px solid #65583d;margin:24px;padding:24px}.xp-preview h3{margin:0 0 8px;font:26px Georgia,serif}.xp-preview p{color:#c4baa6;font-size:13px}.xp-preview-portraits{justify-content:center;gap:32px;margin:28px 0;display:flex}.xp-preview-portraits .portrait{border:1px solid #a68a54;border-radius:65px 65px 8px 8px;width:130px;height:150px}.xp-preview-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.xp-preview-actions button{color:#ffe7a3;cursor:pointer;background:#272720;border:1px solid #a68a54;border-radius:4px;min-height:44px;padding:10px 16px}.xp-preview-actions button:focus-visible{outline-offset:3px;outline:2px solid #ffe7a3}@media (max-width:600px){.xp-announcement:not(.xp-inline){right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}.xp-preview{margin:16px 0;padding:16px}.xp-preview-portraits{gap:20px}.xp-preview-portraits .portrait{width:110px;height:130px}.xp-reward-card{gap:10px;padding:12px}.xp-reward-portraits .portrait{width:40px;height:50px}}@media (prefers-reduced-motion:reduce){.xp-portrait-halo,.xp-portrait-rays,.xp-portrait-label{animation:none}.xp-portrait-rays{display:none}}