.xpt{position:fixed;inset-inline:0;bottom:calc(env(safe-area-inset-bottom, 0px) + 88px);z-index:1200;display:flex;justify-content:center;padding-inline:16px;pointer-events:none}.xpt[data-player]{position:absolute;top:12px;bottom:auto}.xpt[data-edge=top] .xpt-card{animation-name:xpt-in-top}@keyframes xpt-in-top{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}.xpt-card{min-width:176px;max-width:min(320px,100%);padding:9px 14px 8px;border-radius:16px;background:color-mix(in srgb,var(--surface-raised) 94%,transparent);border:1px solid color-mix(in srgb,var(--brand) 22%,var(--border));box-shadow:var(--shadow-lg);color:var(--text);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:xpt-in var(--dur-slow) var(--ease) both}.xpt[data-leaving] .xpt-card{animation:xpt-out .2s var(--ease) both}.xpt[data-player] .xpt-card{background:color-mix(in srgb,var(--stage-2) 86%,transparent);border-color:color-mix(in srgb,var(--caption-highlight) 30%,transparent);color:var(--stage-text)}.xpt-row{display:flex;align-items:center;gap:8px}.xpt-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;flex:none;color:var(--accent-ink);background:var(--accent-soft)}.xpt[data-player] .xpt-icon{color:var(--stage);background:var(--caption-highlight)}.xpt-total{display:inline-flex;align-items:baseline;gap:4px;font-size:1.25rem;line-height:1;letter-spacing:-.01em;animation:xpt-pop .26s var(--ease) both}.xpt-total small{font-size:.72rem;font-weight:700;color:var(--muted)}.xpt[data-player] .xpt-total small{color:var(--stage-muted)}.xpt-mult{margin-inline-start:auto;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:700;color:var(--brand-ink);background:var(--brand-soft)}.xpt[data-player] .xpt-mult{color:var(--stage-text);background:color-mix(in srgb,var(--stage-text) 14%,transparent)}.xpt-level{margin-inline-start:auto;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:800;color:var(--on-success);background:var(--success)}.xpt-mult+.xpt-level{margin-inline-start:0}.xpt-bar{height:4px;margin-top:8px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--brand) 14%,var(--track))}.xpt[data-player] .xpt-bar{background:color-mix(in srgb,var(--stage-text) 16%,transparent)}.xpt-bar i{display:block;height:100%;border-radius:inherit;background:var(--brand);transition:width .6s var(--ease)}.xpt[data-player] .xpt-bar i{background:var(--caption-highlight)}.xpt[data-levelup] .xpt-bar i{background:var(--success)}.xpt-meta{display:block;margin-top:5px;font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xpt[data-player] .xpt-meta{color:var(--stage-muted)}@keyframes xpt-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes xpt-out{to{opacity:0;transform:translateY(6px)}}@keyframes xpt-pop{0%{transform:scale(.92)}to{transform:none}}@media (prefers-reduced-motion:reduce){.xpt-card,.xpt-total,.xpt[data-edge=top] .xpt-card,.xpt[data-leaving] .xpt-card{animation-duration:1ms;animation-name:xpt-fade}.xpt[data-leaving] .xpt-card{opacity:0}.xpt-bar i{transition:none}}@keyframes xpt-fade{0%{opacity:.99}to{opacity:1}}.xpt-stack{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:100%}.xpt-card[data-leaving]{animation:xpt-out .2s var(--ease) both}.xpt-award{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--surface-raised)),color-mix(in srgb,var(--surface-raised) 94%,transparent) 70%)}.xpt-award .aw-emblem{animation:xpt-award-pop .52s var(--ease-spring) both}.xpt-award-text{display:grid;min-width:0}.xpt-award-text small{font-size:.72rem;font-weight:800;color:var(--accent-ink)}.xpt-award-text b{font-size:.92rem;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xpt[data-player] .xpt-award{background:color-mix(in srgb,var(--stage-2) 88%,transparent)}.xpt[data-player] .xpt-award-text small{color:var(--caption-highlight)}@keyframes xpt-award-pop{0%{opacity:0;transform:scale(.6) rotate(-12deg)}}@media (prefers-reduced-motion:reduce){.xpt-award .aw-emblem{animation:none}}