.match-call-dock{top:max(10px, env(safe-area-inset-top));z-index:45;width:min(32rem, calc(100vw - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.match-call-card{pointer-events:auto;border-color:#deb65cbf;border-radius:10px;align-items:center;gap:12px;padding:10px 12px 13px 14px;animation:.34s cubic-bezier(.2,.9,.3,1.15) both match-call-enter;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0009,inset 0 1px #e8c88240,inset 0 0 18px #00000073,0 10px 30px -8px #000000d9,0 0 22px -6px #d4a04c73}.match-call-card:before{content:"";background:linear-gradient(#c8141b 0%,#7a0d10 100%);width:4px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 10px #c8141b99}@keyframes match-call-enter{0%{opacity:0;transform:translateY(-14px)scale(.97)}to{opacity:1;transform:none}}.match-call-body{flex:auto;min-width:0}.match-call-title{font-family:var(--font-cinzel), serif;text-transform:uppercase;letter-spacing:.02em;color:#f4dc9c;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px #000c;margin:0;font-size:.95rem;font-weight:700;line-height:1.3;overflow:hidden}.match-call-swords{vertical-align:-.08em;color:#e9c46a;filter:drop-shadow(0 0 4px #c8141b8c);margin-right:6px;font-family:Apple Symbols,Segoe UI Symbol,"Noto Sans Symbols 2",Noto Sans Symbols,DejaVu Sans,sans-serif;font-size:1.15em;line-height:1;display:inline-block}.match-call-meta{color:#f5f0e8cc;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 0;font-size:.74rem;line-height:1.2;display:flex}.match-call-mode{letter-spacing:.06em;text-transform:uppercase;color:#e9c46a;white-space:nowrap;background:#c9a24b24;border:1px solid #c9a24b8c;border-radius:999px;padding:2px 8px;font-weight:700}.match-call-league{background:#0000004d;border:1px solid #c9a24b66;border-radius:999px;align-items:center;gap:5px;min-width:0;padding:2px 8px 2px 3px;display:inline-flex}.match-call-league-dot{flex:none;width:14px;height:14px}.match-call-league-name{text-overflow:ellipsis;white-space:nowrap;max-width:11rem;overflow:hidden}.match-call-timer{font-family:var(--font-jetbrains), monospace;font-variant-numeric:tabular-nums;color:#e9c46a;white-space:nowrap;margin-left:auto;font-weight:600}.match-call-actions{flex:none;align-items:center;gap:8px;display:flex}.match-call-join,.match-call-close{min-height:34px}.match-call-join:focus-visible,.match-call-close:focus-visible{outline-offset:2px;outline:2px solid #f4dc9c}.match-call-bar{background:#00000073;height:3px;position:absolute;bottom:0;left:0;right:0}.match-call-bar-fill{transform-origin:0;background:linear-gradient(90deg,#a8782f 0%,#f0d292 100%);height:100%;transition:transform .25s linear;display:block}@media (max-height:480px){.match-call-dock{top:max(6px, env(safe-area-inset-top))}.match-call-card{gap:10px;padding:7px 10px 10px 12px}.match-call-title{font-size:.86rem}.match-call-meta{margin-top:3px;font-size:.7rem}.match-call-join,.match-call-close{min-height:30px}}@media (max-width:520px){.match-call-card{flex-wrap:wrap}.match-call-actions{justify-content:flex-end;width:100%}}@media (prefers-reduced-motion:reduce){.match-call-card{animation:none}.match-call-bar-fill{transition:none}}