.public-match-share-dialog{
  width:min(760px,calc(100vw - 32px));
  max-width:760px;
  max-height:min(920px,calc(100vh - 32px));
  padding:0;
  border:0;
  border-radius:26px;
  color:#202a39;
  background:#fff;
  box-shadow:0 32px 90px rgba(13,25,44,.28),0 0 0 1px rgba(32,42,57,.07);
  overflow:auto;
}
.public-match-share-dialog::backdrop{background:rgba(8,17,30,.64);backdrop-filter:blur(8px)}
.public-match-share-dialog__shell{position:relative;display:grid;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.public-match-share-dialog__close{
  position:absolute;z-index:2;top:18px;right:18px;width:38px;height:38px;border:1px solid rgba(255,255,255,.32);border-radius:50%;
  display:grid;place-items:center;padding:0;color:#fff;background:rgba(255,255,255,.1);font:400 25px/1 Arial,sans-serif;cursor:pointer;
}
.public-match-share-dialog__close:hover,.public-match-share-dialog__close:focus-visible{background:rgba(255,255,255,.2);outline:3px solid rgba(255,255,255,.28);outline-offset:2px}
.public-match-share-dialog__hero{
  display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;align-items:center;padding:30px 70px 28px 30px;color:#fff;
  background:radial-gradient(circle at 85% 10%,rgba(24,178,180,.38),transparent 34%),linear-gradient(135deg,#152238 0%,#26304b 52%,#6242d8 100%);
}
.public-match-share-dialog__success{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#1ec2b6,#0b918f);box-shadow:0 12px 30px rgba(13,195,181,.28)}
.public-match-share-dialog__success svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.public-match-share-dialog__hero p{margin:0 0 4px;color:#7ee1da;font-size:.72rem;font-weight:850;letter-spacing:.15em}
.public-match-share-dialog__hero h2{margin:0;outline:0;color:#fff;font-size:clamp(1.65rem,3vw,2.15rem);line-height:1.08;letter-spacing:-.035em}
.public-match-share-dialog__hero div>span{display:block;margin-top:8px;color:rgba(255,255,255,.78);font-size:.94rem;line-height:1.45}
.public-match-share-dialog__summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:20px 24px 0}
.public-match-share-dialog__summary>div{min-width:0;padding:14px;border:1px solid #dfe7ef;border-radius:15px;background:#f7fafc}
.public-match-share-dialog__summary span{display:block;margin-bottom:5px;color:#708096;font-size:.64rem;font-weight:850;letter-spacing:.12em}
.public-match-share-dialog__summary strong,.public-match-share-dialog__summary small{display:block;overflow:hidden;text-overflow:ellipsis}
.public-match-share-dialog__summary strong{color:#202a39;font-size:.9rem;line-height:1.25;white-space:nowrap}
.public-match-share-dialog__summary small{margin-top:4px;color:#74849a;font-size:.73rem;line-height:1.35;white-space:normal}
.public-match-share-dialog__growth{position:relative;margin:18px 24px 0;padding:20px 22px 20px 25px;border:1px solid #b8e1df;border-radius:18px;background:linear-gradient(135deg,#f0fbfa 0%,#f7fbff 100%);overflow:hidden}
.public-match-share-dialog__growth::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#14aaa7,#7047dc)}
.public-match-share-dialog__growth>span{display:block;margin-bottom:6px;color:#008b89;font-size:.68rem;font-weight:900;letter-spacing:.14em}
.public-match-share-dialog__growth h3{margin:0 0 9px;color:#202a39;font-size:1.08rem;line-height:1.3;letter-spacing:-.015em}
.public-match-share-dialog__growth p{margin:0;color:#53647a;font-size:.9rem;line-height:1.55}
.public-match-share-dialog__growth p+p{margin-top:7px;color:#008b89;font-weight:750}
.public-match-share-dialog__actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px;padding:20px 24px 0}
.public-match-share-dialog__actions button{min-height:52px;border-radius:14px;padding:12px 18px;font:800 .91rem/1.2 inherit;cursor:pointer}
.public-match-share-dialog__primary{border:1px solid #6941dc;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:linear-gradient(135deg,#7047dc,#6337d5);box-shadow:0 12px 24px rgba(112,71,220,.2)}
.public-match-share-dialog__primary svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.public-match-share-dialog__primary:hover,.public-match-share-dialog__primary:focus-visible{transform:translateY(-1px);box-shadow:0 15px 28px rgba(112,71,220,.27)}
.public-match-share-dialog__secondary{border:1px solid #cfd9e4;color:#334158;background:#fff}
.public-match-share-dialog__secondary:hover,.public-match-share-dialog__secondary:focus-visible{border-color:#9facbb;background:#f7f9fb}
.public-match-share-dialog__actions button:focus-visible{outline:3px solid rgba(112,71,220,.24);outline-offset:3px}
.public-match-share-dialog__actions button:disabled{opacity:.58;cursor:wait;transform:none}
.public-match-share-dialog__privacy{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin:13px 24px 22px;color:#718198;font-size:.74rem;line-height:1.4;text-align:center}
.public-match-share-dialog__privacy svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:#009b98;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:720px){
  .public-match-share-dialog{width:min(620px,calc(100vw - 22px));max-height:calc(100vh - 22px);border-radius:22px}
  .public-match-share-dialog__hero{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:24px 58px 22px 20px}
  .public-match-share-dialog__success{width:48px;height:48px;border-radius:15px}
  .public-match-share-dialog__success svg{width:25px;height:25px}
  .public-match-share-dialog__close{top:14px;right:14px;width:34px;height:34px}
  .public-match-share-dialog__summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 16px 0}
  .public-match-share-dialog__growth{margin:15px 16px 0;padding:17px 17px 17px 20px}
  .public-match-share-dialog__actions{grid-template-columns:1fr;padding:16px 16px 0}
  .public-match-share-dialog__primary{order:0}.public-match-share-dialog__secondary{order:1}
  .public-match-share-dialog__privacy{margin:12px 16px 18px}
}
@media(max-width:420px){
  .public-match-share-dialog{width:calc(100vw - 14px);max-height:calc(100vh - 14px);border-radius:19px}
  .public-match-share-dialog__hero{grid-template-columns:42px minmax(0,1fr);padding:20px 48px 19px 15px}
  .public-match-share-dialog__success{width:42px;height:42px;border-radius:13px}
  .public-match-share-dialog__hero p{font-size:.6rem}.public-match-share-dialog__hero h2{font-size:1.45rem}.public-match-share-dialog__hero div>span{font-size:.8rem}
  .public-match-share-dialog__summary{gap:8px;padding:12px 12px 0}
  .public-match-share-dialog__summary>div{padding:11px;border-radius:12px}
  .public-match-share-dialog__summary strong{font-size:.8rem}.public-match-share-dialog__summary small{font-size:.66rem}
  .public-match-share-dialog__growth{margin:12px 12px 0;padding:15px 14px 15px 17px}
  .public-match-share-dialog__growth h3{font-size:.95rem}.public-match-share-dialog__growth p{font-size:.79rem;line-height:1.45}
  .public-match-share-dialog__actions{gap:9px;padding:13px 12px 0}.public-match-share-dialog__actions button{min-height:48px;font-size:.82rem}
  .public-match-share-dialog__privacy{margin:10px 12px 15px;font-size:.66rem}
}
@media(prefers-reduced-motion:reduce){.public-match-share-dialog__actions button{transition:none!important}}