html.me-lock{overflow:hidden}.match-end{position:fixed;inset:0;z-index:1500;display:flex;padding:16px;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 50% 30%,rgba(253,187,45,0.18),transparent 55%),linear-gradient(160deg,#141d4f 0%,#2a1030 55%,#5a1414 100%);color:#fff;animation:me-fade 0.35s ease-out both}.match-end.hidden{display:none}.match-end.lost{background:radial-gradient(circle at 50% 30%,rgba(255,255,255,0.08),transparent 55%),linear-gradient(160deg,#10152e 0%,#22112a 55%,#3a1010 100%)}.me-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none}.me-rays{position:absolute;left:50%;top:42%;width:170vmax;height:170vmax;margin:-85vmax 0 0 -85vmax;background:repeating-conic-gradient(from 0deg,rgba(253,187,45,0.10) 0deg 10deg,transparent 10deg 20deg);-webkit-mask-image:radial-gradient(circle,#000 0%,transparent 55%);mask-image:radial-gradient(circle,#000 0%,transparent 55%);animation:me-spin 30s linear infinite;pointer-events:none}.match-end.lost .me-rays{opacity:0.4}.me-content{position:relative;width:min(100%,980px);margin:auto;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.me-title{margin:0;line-height:1.1;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;letter-spacing:0.02em;color:var(--gold);text-shadow:0 4px 0 var(--gold-deep),0 10px 24px rgba(0,0,0,0.45);animation:me-pop 0.5s cubic-bezier(0.2,0.9,0.3,1.4) both}.match-end.lost .me-title{color:#fff;text-shadow:0 4px 0 #7a1515,0 10px 24px rgba(0,0,0,0.45)}.match-end.draw .me-title{color:#dfe6ff;text-shadow:0 4px 0 #34406e,0 10px 24px rgba(0,0,0,0.45)}.me-sub{margin:6px 0 0;color:#d7dcf2;font-size:1rem}.me-stage{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:14px}.me-vs{align-self:center;font-size:1.6rem;font-weight:900;color:rgba(255,255,255,0.55)}.me-fighter{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;animation:me-rise 0.6s cubic-bezier(0.2,0.9,0.3,1.2) both;animation-delay:var(--d, 0s)}.me-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 16px;border-radius:999px;font-size:0.85rem;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;background:rgba(255,255,255,0.14);color:#fff}.me-fighter.winner .me-tag{background:var(--gold);color:#1a2a6c;box-shadow:0 0 0 4px rgba(253,187,45,0.25)}.me-fighter.loser .me-tag{background:#b21f1f}.me-crown{font-size:1.1rem;line-height:1}.me-frame{position:relative;width:min(100%,340px,calc((100vh - 470px) * 5 / 6));min-width:120px;aspect-ratio:5 / 6}.me-frame::before{content:"";position:absolute;inset:8% 4% 4%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,0.16),transparent)}.me-frame::after{content:"";position:absolute;left:16%;right:16%;bottom:0;height:9%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,0.5),transparent)}.me-fighter.winner .me-frame::before{background:radial-gradient(closest-side,rgba(253,187,45,0.38),transparent)}.me-img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,0.45));translate:0 var(--ground, 0%)}.me-img.is-wide{max-width:none;width:calc(100% * var(--wide, 1));margin-left:calc(50% - 50% * var(--wide, 1))}.me-fighter.winner .me-img{animation:me-glow 2.4s ease-in-out 0.9s infinite}.me-fighter.loser .me-img{filter:drop-shadow(0 10px 18px rgba(0,0,0,0.45)) saturate(0.8) brightness(0.9)}.me-id{display:flex;align-items:center;gap:10px;max-width:100%}.me-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.6);flex:none}.me-names{min-width:0;text-align:left}.me-name{font-size:1.1rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-label{font-size:0.78rem;color:#c3cbe8;font-weight:700}.me-points{display:flex;align-items:center;gap:5px}.me-points i{width:14px;height:14px;border-radius:50%;border:2px solid rgba(253,187,45,0.7)}.me-points i.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px rgba(253,187,45,0.6)}.me-points b{margin-left:4px;color:#fff;font-size:0.95rem}.me-reward{width:min(100%,520px)}.me-reward .tcg-reward{margin:0 auto;padding:10px 18px;max-width:420px;background:rgba(10,14,40,0.45);border:1px solid rgba(255,255,255,0.18);color:#e4e8fb;backdrop-filter:blur(4px)}.match-end .mr{--c: #d4a017;--size: 132px;--lift: 46px;position:relative;display:flex;align-items:center;gap:16px;margin:var(--lift) auto 0;max-width:460px;min-height:calc(var(--size) - var(--lift) + 14px);padding:12px 22px 12px calc(var(--size) + 26px);border-radius:18px;background:rgba(10,14,40,0.55);border:1.5px solid color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 16%,transparent),0 14px 30px rgba(0,0,0,0.35);text-align:left;animation:mr-in 0.45s cubic-bezier(0.2,0.9,0.3,1.2) 0.75s both}.match-end .mr.rarity-fattenium{--c: #e0453a}.match-end.lost .mr{box-shadow:0 14px 30px rgba(0,0,0,0.35)}.match-end .mr-chest{position:absolute;left:14px;bottom:8px;width:var(--size);height:var(--size)}.match-end .mr-shadow{position:absolute;left:14%;right:14%;bottom:-2%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,0.55),transparent);opacity:0}.match-end .mr.ready .mr-shadow{animation:mr-shadow-drop 0.52s ease-in 0.75s both,mr-shadow-bob 3s ease-in-out 1.9s infinite}.match-end .mr-float{position:absolute;inset:0}.match-end .mr-body{position:absolute;inset:0;transform-origin:50% 100%;opacity:0}.match-end .mr.ready .mr-body{opacity:1;animation:mr-arrive 0.95s 0.75s both}.match-end .mr.ready .mr-float{animation:mr-bob 3s ease-in-out 1.9s infinite}.match-end .mr-img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,0.5)) drop-shadow(0 0 14px color-mix(in srgb,var(--c) 55%,transparent))}.match-end .mr-icon{display:grid;place-items:center;width:100%;height:100%;font-size:4.5rem;color:var(--c)}.match-end .mr-sheen{position:absolute;inset:0;-webkit-mask:var(--img) center / contain no-repeat;mask:var(--img) center / contain no-repeat;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,0.75) 48%,transparent 58%) no-repeat;background-size:300% 100%;background-position:120% 0;mix-blend-mode:screen;animation:mr-sheen 4.2s ease-in-out 1.8s infinite}.match-end .mr-spark{position:absolute;width:16px;height:16px;color:#fff;opacity:0;animation:mr-twinkle 2.4s ease-in-out infinite}.match-end .mr-spark svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 4px var(--c))}.match-end .mr-spark:nth-of-type(1){left:-4%;top:14%;animation-delay:1.7s}.match-end .mr-spark:nth-of-type(2){right:-2%;top:4%;width:12px;height:12px;animation-delay:2.5s}.match-end .mr-spark:nth-of-type(3){right:6%;top:58%;width:10px;height:10px;animation-delay:3.2s}.match-end .mr-text{display:flex;flex-direction:column;gap:2px;min-width:0}.match-end .mr-kicker{font-size:0.72rem;font-weight:900;letter-spacing:0.12em;text-transform:uppercase;color:#c3cbe8}.match-end .mr-name{font-family:"Lilita One","Segoe UI",sans-serif;font-weight:400;font-size:1.65rem;line-height:1.1;color:color-mix(in srgb,var(--c) 70%,#fff);text-shadow:0 2px 0 rgba(0,0,0,0.35)}.match-end .mr-hint{font-size:0.9rem;color:#e4e8fb}.me-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.me-actions button{min-height:44px;min-width:150px}@media (max-width: 640px){.me-stage{gap:6px}.me-vs{font-size:1.1rem}.me-tag{font-size:0.7rem;padding:4px 10px;letter-spacing:0.06em}.me-avatar{width:30px;height:30px}.me-name{font-size:0.9rem}.me-size i{width:14px;height:6px}.me-actions{width:100%}.me-actions button{flex:1 1 140px}.match-end .mr{--size: 104px;--lift: 36px;gap:10px;padding:10px 14px 10px calc(var(--size) + 18px)}.match-end .mr-chest{left:8px}.match-end .mr-name{font-size:1.3rem}.match-end .mr-hint{font-size:0.82rem}}@keyframes me-fade{from{opacity:0}to{opacity:1}}@keyframes me-spin{to{transform:rotate(360deg)}}@keyframes me-pop{from{opacity:0;transform:scale(0.6)}to{opacity:1;transform:scale(1)}}@keyframes me-rise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes me-glow{0%,100%{filter:drop-shadow(0 0 10px rgba(253,187,45,0.55)) drop-shadow(0 10px 18px rgba(0,0,0,0.45))}50%{filter:drop-shadow(0 0 22px rgba(253,187,45,0.85)) drop-shadow(0 10px 18px rgba(0,0,0,0.45))}}@keyframes mr-in{from{opacity:0;transform:translateY(16px) scale(0.96)}to{opacity:1;transform:none}}@keyframes mr-arrive{0%{opacity:0;transform:translateY(-160px) rotate(-8deg);animation-timing-function:cubic-bezier(0.5,0,0.75,0)}10%{opacity:1}55%{transform:translateY(0) rotate(0) scale(1);animation-timing-function:ease-out}64%{transform:scale(1.18,0.8);animation-timing-function:ease-out}80%{transform:translateY(-10px) scale(0.92,1.1);animation-timing-function:ease-in-out}91%{transform:scale(1.04,0.97)}100%{opacity:1;transform:none}}@keyframes mr-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes mr-shadow-drop{from{transform:scaleX(0.3);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes mr-shadow-bob{0%,100%{transform:scaleX(1)}50%{transform:scaleX(0.88)}}@keyframes mr-sheen{0%,55%{background-position:120% 0}85%,100%{background-position:-20% 0}}@keyframes mr-twinkle{0%,100%{opacity:0;transform:scale(0.3) rotate(0deg)}20%{opacity:1;transform:scale(1) rotate(45deg)}40%{opacity:0;transform:scale(0.3) rotate(90deg)}}@media (prefers-reduced-motion: reduce){.match-end,.me-title,.me-fighter{animation:none}.me-rays,.me-fighter.winner .me-img{animation:none}.match-end .mr-shadow{opacity:1}.match-end .mr,.match-end .mr.ready .mr-shadow,.match-end .mr.ready .mr-body,.match-end .mr.ready .mr-float,.match-end .mr-sheen,.match-end .mr-spark{animation:none}.match-end .mr-spark{opacity:0.8}}
