.live-vfx-canvas{z-index:var(--z-vfx,7);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.match-result{pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0}.match-result-dim{z-index:6;background:radial-gradient(at 50% 46%,#05070dc7,#05070df2 78%);animation:.4s ease-out both match-fade;position:absolute;inset:0}.match-result-body{z-index:var(--z-popup,10);width:100%;font-family:var(--font-ui,"Be Vietnam Pro",system-ui,sans-serif);color:#ece6d8;justify-items:center;display:grid;position:relative}.match-result-heading{animation:.7s cubic-bezier(.16,.84,.24,1) .15s both match-title-in;display:grid}.match-result-title,.match-result-shine{letter-spacing:.14em;text-transform:uppercase;color:#0000;-webkit-background-clip:text;background-clip:text;grid-area:1/1;margin:-.28em 0 -.08em;padding:.28em 0 .08em .12em;font-size:clamp(30px,5.8cqw,64px);font-weight:700;line-height:1}.match-result-title{background:var(--title-fill);filter:drop-shadow(0 0 22px var(--title-glow)) drop-shadow(0 4px 10px #000c);-webkit-background-clip:text;background-clip:text}.match-result-shine{background:linear-gradient(110deg,#fff0 42%,#ffffffd9 50%,#fff0 58%) 160% 0/250% 100% no-repeat;pointer-events:none;will-change:transform;-webkit-background-clip:text;background-clip:text;animation:1.1s ease-in-out .85s both match-title-sweep}.match-result.is-win{--title-fill:linear-gradient(180deg,#fff7df 0%,#f6dc8d 44%,#c8954a 100%);--title-glow:#ffcd6e80}.match-result.is-loss{--title-fill:linear-gradient(180deg,#f4f6f9 0%,#b8c2cd 52%,#6f7b89 100%);--title-glow:#9fb4d04d}.match-result.is-draw{--title-fill:linear-gradient(180deg,#fbf3df 0%,#e6c484 60%,#a7834a 100%);--title-glow:#e6c48459}.match-result-reason{letter-spacing:.04em;color:#f1e3c0;background:linear-gradient(90deg,#0000,#070b12d9 20% 80%,#0000);border-block:1px solid;border-image:linear-gradient(90deg,#0000,#e6c484b3 20% 80%,#0000) 1;margin:clamp(10px,1.6cqw,18px) 0 0;padding:.75em 3.2em;font-size:clamp(12px,1.35cqw,15px);font-weight:500;animation:.45s ease-out .55s both match-rise}.match-result-players{grid-template-columns:1fr 1fr;gap:clamp(18px,5cqw,64px);width:min(780px,84%);margin-top:clamp(22px,3.6cqw,44px);display:grid}.match-plate{background:linear-gradient(90deg,#0b141ef2,#0b141ea6);border-radius:12px;align-items:center;gap:12px;height:clamp(42px,5.4cqw,58px);padding:0 16px;animation:.5s cubic-bezier(.2,.8,.2,1) .8s both match-plate-in;display:flex;position:relative;box-shadow:inset 0 0 0 1px #e6c4842e,0 10px 24px #0008}.match-plate:before{content:"";background:linear-gradient(90deg,transparent,var(--plate-accent) 30%,var(--plate-accent) 70%,transparent);border-radius:2px;height:2px;position:absolute;top:0;left:12px;right:12px}.match-plate.is-local{--plate-accent:#e6c484;padding-left:clamp(62px,7.8cqw,84px)}.match-plate.is-opponent{--plate-accent:#d9786c;text-align:right;flex-direction:row-reverse;padding-right:clamp(62px,7.8cqw,84px);animation-delay:.9s}.match-plate-name{text-overflow:ellipsis;white-space:nowrap;color:#ece6d8;min-width:0;font-size:clamp(12px,1.35cqw,15px);font-weight:600;overflow:hidden}.match-plate-avatar{aspect-ratio:1;width:clamp(60px,7.6cqw,84px);position:absolute;top:50%;translate:0 -50%}.match-plate.is-local .match-plate-avatar{left:-10px}.match-plate.is-opponent .match-plate-avatar{right:-10px}.match-avatar.ui-avatar{aspect-ratio:1;width:100%;height:auto;display:block}.match-plate:not(.is-winner) .ui-avatar-face{filter:saturate(.55)brightness(.85)}.match-plate-crown{z-index:1;color:#f6dc8d;filter:drop-shadow(0 0 8px #ffcd6eb3);animation:.5s cubic-bezier(.2,.9,.3,1.3) 1.2s both match-crown-in;position:absolute;bottom:calc(100% - 8px);left:50%;translate:-50%}.match-result-body .match-result-ok{cursor:pointer;color:#140e04;min-width:136px;height:34px;font:700 12px/1 var(--font-ui,"Be Vietnam Pro",system-ui,sans-serif);letter-spacing:.2em;opacity:0;pointer-events:none;background:linear-gradient(#f7e2b0,#e6c484 58%,#c99f5c);border:0;border-radius:999px;margin-top:clamp(20px,3.2cqw,36px);padding:0 26px;transition:opacity .35s,translate .35s,transform .1s;position:relative;overflow:hidden;translate:0 8px;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #7a5a2a66,0 6px 16px #0009,0 0 18px #e6c48433}.match-result-ok>span{z-index:1;padding-left:.2em;position:relative}.match-result-body .match-result-ok:disabled{opacity:0}.match-result-body .match-result-ok.is-ready{opacity:1;pointer-events:auto;translate:0}.match-result-ok:after{content:"";pointer-events:none;will-change:translate;background:linear-gradient(90deg,#fff0,#ffffffb3 50%,#fff0);width:34%;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-20deg)}.match-result-ok.is-ready:after{animation:2.8s ease-in-out .4s 3 match-ok-sweep}.match-result-ok:active{transform:scale(.97)}.match-result-ok:focus-visible{outline-offset:3px;outline:2px solid #fff0c8}:is(.live-board:has(>.match-rewards)>:not(.match-rewards),.live-stage:has(.match-rewards)>.live-hud){visibility:hidden}.match-rewards{z-index:var(--z-popup-top,12);box-sizing:border-box;color:#ece6d8;font:300 12px/1.45 var(--font-ui,"Be Vietnam Pro",system-ui,sans-serif);background:radial-gradient(at 18% -10%,#e6c4841f,#0000 55%),linear-gradient(115deg,#fff0 0 34%,#ffffff08 34% 52%,#fff0 52% 60%,#ffffff06 60% 64%,#fff0 64%),#05070d;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,1.8cqw,20px);padding:clamp(14px,2.6cqw,30px) clamp(18px,5cqw,64px);animation:.3s ease-out both match-fade;display:grid;position:absolute;inset:0;overflow:hidden}.match-rewards-head h2{letter-spacing:.32em;text-transform:uppercase;color:#e6c484;border-bottom:1px solid;border-image:linear-gradient(90deg,#e6c48499,#0000 60%) 1;margin:0;padding-bottom:8px;font-size:10px;font-weight:500}.match-rewards-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-content:center;gap:clamp(10px,1.6cqw,18px);width:min(880px,100%);min-height:0;margin:0 auto;display:grid}.match-rewards-card{background:#0b141ec7;border-radius:12px;align-content:start;gap:7px;padding:12px 14px;animation:.4s ease-out both match-rise;display:grid;box-shadow:inset 0 0 0 1px #e6c48438,0 12px 28px #0007}.match-rewards-card.is-match{grid-row:span 2}.match-rewards-card.is-rewards{animation-delay:80ms}.match-rewards-card.is-level{animation-delay:.16s}.match-rewards-card h3{letter-spacing:.28em;text-transform:uppercase;color:#e6c484;margin:0 0 2px;font-size:9.5px;font-weight:500}.match-rewards-outcome{letter-spacing:.14em;text-transform:uppercase;background:var(--title-fill);color:#0000;-webkit-background-clip:text;background-clip:text;margin:-.28em 0 -.08em;padding:.28em 0 .08em;font-size:clamp(18px,2.3cqw,25px);font-weight:600;line-height:1.1}.match-rewards.is-win{--title-fill:linear-gradient(180deg,#fff7df,#f6dc8d 45%,#c8954a)}.match-rewards.is-loss{--title-fill:linear-gradient(180deg,#f4f6f9,#b8c2cd 52%,#6f7b89)}.match-rewards.is-draw{--title-fill:linear-gradient(180deg,#fbf3df,#e6c484 60%,#a7834a)}.match-rewards-reason{color:#c9c4b6;margin:0}.match-rewards-facts{border-top:1px solid #ffffff14;gap:5px;margin:4px 0 0;padding-top:8px;display:grid}.match-rewards-facts div{justify-content:space-between;gap:12px;display:flex}.match-rewards-facts dt{color:#9d988b}.match-rewards-facts dd{text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:500;overflow:hidden}.match-rewards-amounts{flex-wrap:wrap;gap:6px 16px;display:flex}.match-rewards-amounts span{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:12.5px;font-weight:500;display:inline-flex}.match-rewards-amounts .is-gold{color:#f6dc8d}.match-rewards-amounts .is-gold i{background:var(--ui-coin) center/contain no-repeat;width:15px;height:15px}.match-rewards-amounts .is-xp{color:#a9c4ff}.match-rewards-none{color:#a9a497;margin:0;font-size:12.5px}.match-rewards-note{color:#a9a497;margin:0;font-size:11px}.match-rewards-wait{color:#c9c4b6;align-items:center;gap:8px;margin:0;display:flex}.match-rewards-spinner{border:2px solid #e6c48440;border-top-color:#e6c484;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite match-spin}.match-rewards-level{align-items:center;gap:12px;display:flex}.match-rewards-level .match-avatar{width:48px}.match-rewards-level-text{flex:1;gap:4px;min-width:0;display:grid}.match-rewards-level-text strong{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.match-rewards-level-text em{color:#f6dc8d;letter-spacing:.04em;background:#e6c48426;border-radius:999px;padding:2px 8px;font-size:10px;font-style:normal;font-weight:500;animation:.4s cubic-bezier(.2,.9,.3,1.3) both match-badge-in}.match-rewards-level-text small{color:#a9a497;font-variant-numeric:tabular-nums;font-size:10.5px}.match-rewards-bar{background:#ffffff14;border-radius:3px;height:5px;display:block;position:relative;overflow:hidden}.match-rewards-fill{border-radius:inherit;background:linear-gradient(90deg,#b88a46,#f6dc8d);width:100%;height:100%;display:block;translate:-100%;box-shadow:0 0 8px #f6dc8d66}.match-rewards-actions{justify-content:flex-end;gap:10px;width:min(880px,100%);margin:0 auto;display:flex}.match-rewards .match-rewards-button{min-width:140px;height:34px;font:600 11.5px/1 var(--font-ui,"Be Vietnam Pro",system-ui,sans-serif);letter-spacing:.06em;cursor:pointer;border-radius:999px;padding:0 20px;transition:transform .1s,filter .15s;position:relative;overflow:hidden}.match-rewards-button:active:not(:disabled){transform:scale(.97)}.match-rewards-button:disabled{opacity:.5;cursor:default}.match-rewards-button.is-primary{color:#1a1306;background:linear-gradient(#f3d9a1,#e6c484 60%,#c99f5c);border:0;box-shadow:inset 0 1px #ffffff59}.match-rewards-button.is-secondary{color:#ece6d8;background:#ffffff0f;border:1px solid #ffffff2e}.match-rewards-button:focus-visible{outline-offset:3px;outline:2px solid #fff0c8}.match-rewards-button>span{z-index:1;position:relative}.match-rewards-button:after{content:"";pointer-events:none;will-change:translate;background:linear-gradient(90deg,#fff0,var(--sweep,#ffffffb3) 50%,#fff0);width:34%;animation:2.8s ease-in-out .8s 3 match-ok-sweep;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-20deg)}.match-rewards-button.is-secondary{--sweep:#ffffff3d}.match-rewards-button:disabled:after{opacity:0;animation:none}@keyframes match-fade{0%{opacity:0}}@keyframes match-rise{0%{opacity:0;translate:0 10px}}@keyframes match-title-in{0%{opacity:0;scale:1.22}}@keyframes match-title-sweep{to{background-position:-60% 0}}@keyframes match-plate-in{0%{opacity:0;translate:0 14px}}@keyframes match-crown-in{0%{opacity:0;translate:-50% -10px;scale:.6}}@keyframes match-spin{to{rotate:1turn}}@keyframes match-ok-sweep{0%{translate:0}45%,to{translate:470%}}@keyframes match-badge-in{0%{opacity:0;scale:.7}}@media (prefers-reduced-motion:reduce){.match-result *,.match-result-ok:after,.match-rewards,.match-rewards *,.match-rewards-button:after{animation:none!important}}.reduced-effects .match-result-ok:after,.reduced-effects .match-rewards-button:after{animation:none}.match-end-preview{z-index:var(--z-popup,10);box-sizing:border-box;color:#ece6d8;width:min(560px,86%);max-height:90%;font:400 12px/1.4 var(--font-ui,"Be Vietnam Pro",system-ui,sans-serif);background:#0b141ef2;border-radius:14px;gap:10px;padding:14px 16px 16px;display:grid;position:absolute;top:50%;left:50%;overflow:auto;translate:-50% -50%;box-shadow:inset 0 0 0 1px #e6c48459,0 16px 40px #000b}.match-end-preview header{justify-content:space-between;align-items:center;display:flex}.match-end-preview h2{letter-spacing:.28em;text-transform:uppercase;color:#e6c484;margin:0;font-size:11px;font-weight:600}.match-end-preview header a{color:#a9a497;place-items:center;width:30px;height:30px;display:grid}.match-end-preview p{color:#a9a497;margin:0;font-size:11.5px}.match-end-preview-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.match-end-preview-list button{color:#ece6d8;min-height:38px;font:inherit;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;padding:6px 12px;font-weight:600}.match-end-preview-list button:before{content:"";background:var(--dot);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.match-end-preview-list .is-win{--dot:#f6dc8d}.match-end-preview-list .is-loss{--dot:#9fb4d0}.match-end-preview-list .is-draw{--dot:#e6c484}.match-end-preview-list button:active{transform:scale(.98)}