.mmr-packet{position:fixed;left:0;top:0;z-index:24;pointer-events:none;will-change:transform,opacity;width:132px;height:80px;display:grid;place-items:center;transform-origin:center;--energy:#ffe69b;--energy-glow:#ffb92c88;--energy-dark:#84500c;opacity:0}
.mmr-packet.is-violet{--energy:#efd5ff;--energy-glow:#b271ffb0;--energy-dark:#684195}
.mmr-core{position:relative;display:grid;place-items:center;width:112px;height:66px;border:1px solid #fffbe7e0;border-radius:25px;background:radial-gradient(ellipse at 50% 0%,#fff,transparent 80%),linear-gradient(150deg,#fff9d7ed,var(--energy));box-shadow:inset 0 1px 2px #fff,0 0 22px var(--energy-glow),0 8px 30px #51675230;color:var(--energy-dark);font-size:41px;font-weight:950;letter-spacing:-1.8px;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 1px #fff8}
.mmr-core:after{content:"";position:absolute;inset:3px;border:1px solid #fff9;border-radius:22px;pointer-events:none}
.mmr-orbit{position:absolute;inset:-5px;border:1px solid var(--energy);border-left-color:transparent;border-right-color:transparent;border-radius:50%;box-shadow:0 0 8px var(--energy-glow);transform:rotate(-24deg)}
.mmr-orbit:nth-child(2){inset:-13px 8px;transform:rotate(37deg);opacity:.55;border-width:1px}
.mmr-spark{position:absolute;width:5px;height:5px;left:20px;top:-5px;background:#fffbe8;box-shadow:0 0 8px var(--energy),0 0 14px var(--energy);transform:rotate(45deg)}
.mmr-spark.s2{left:auto;right:10px;top:58px;width:4px;height:4px}

.mmr-stage{position:fixed;inset:0;pointer-events:none!important;z-index:2147482000;overflow:hidden;contain:strict;font-family:system-ui,sans-serif}.mmr-stage canvas{position:absolute;inset:0;width:100%;height:100%}.mmr-praise{position:absolute;left:0;top:0;width:220px;text-align:center;color:#fffdf0;font-size:28px;font-weight:900;letter-spacing:-1px;text-shadow:0 2px 5px #536552,0 0 20px #ffcb62}.mmr-praise small{display:block;font-size:10px;letter-spacing:1.6px;font-weight:750}.mmr-card-glow{filter:brightness(1.2);box-shadow:0 0 12px #fff3b5,0 0 26px #ffc45c!important}.mmr-arrive{animation:mmr-impact .62s ease-out;position:relative;text-shadow:0 0 12px #ffc95f}.mmr-calm .mmr-orbit,.mmr-calm .mmr-spark{display:none}@keyframes mmr-impact{0%,100%{scale:1}22%{scale:1.15}55%{scale:.98}}@media(prefers-reduced-motion:reduce){.mmr-arrive{animation:none}}