.social-card{width:600px;height:400px;position:relative;overflow:hidden;font-family:'Bebas Neue',sans-serif;color:#fff}.sc-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--sc-primary,#1a4d8f) 0%,var(--sc-mid,#0d1b2a) 50%,var(--sc-secondary,#8f1a1a) 100%);z-index:0}.sc-bg::after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:0.5}.sc-stripe{position:absolute;top:-50%;left:25%;width:200%;height:200%;background:linear-gradient(135deg,transparent 42%,rgba(255,255,255,0.03) 42%,rgba(255,255,255,0.03) 44%,transparent 44%,transparent 56%,rgba(255,255,255,0.03) 56%,rgba(255,255,255,0.03) 58%,transparent 58%);transform:rotate(-15deg);z-index:1;pointer-events:none}.sc-team{position:absolute;top:0;width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}.sc-team-a{left:0}.sc-team-b{right:0}.sc-initials{font-size:6rem;font-weight:700;letter-spacing:0.04em;line-height:1;opacity:0.08;text-transform:uppercase;position:absolute;user-select:none}.sc-team-a .sc-initials{right:10%}.sc-team-b .sc-initials{left:10%}.sc-flag-watermark{position:absolute;opacity:0.06;width:120px;height:auto;pointer-events:none}.sc-team-a .sc-flag-watermark{right:15%}.sc-team-b .sc-flag-watermark{left:15%}.sc-flag-circle{width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,0.3);overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);margin-bottom:8px;box-shadow:0 4px 20px rgba(0,0,0,0.5)}.sc-flag-circle .sc-flag{width:64px;height:auto;border-radius:2px;object-fit:cover}.sc-team-name{font-size:1.1rem;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,0.6)}.sc-score{font-size:5rem;font-weight:700;line-height:1;letter-spacing:0.02em;text-shadow:0 4px 24px rgba(0,0,0,0.5)}.sc-vs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.sc-vs-badge{width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.sc-vs-badge span{font-size:0.55rem;font-weight:700;letter-spacing:0.15em;color:rgba(255,255,255,0.6)}.sc-bottom{position:absolute;bottom:0;left:0;right:0;height:40px;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(0,0,0,0.5);backdrop-filter:blur(8px);z-index:6}.sc-bottom-icon{width:14px;height:14px;display:flex;align-items:center}.sc-bottom-icon svg{width:100%;height:100%;color:rgba(255,255,255,0.4)}.sc-bottom-text{font-size:0.85rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.35)}.sc-bottom-sep{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,0.2)}.sc-bottom-date{font-size:0.4rem;font-weight:400;letter-spacing:0.1em;color:rgba(255,255,255,0.25)}.sc-scorers{display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:4px}.sc-scorer{font-size:0.5rem;font-weight:500;letter-spacing:0.04em;color:rgba(255,255,255,0.5)}.sc-message{position:absolute;left:50%;transform:translateX(-50%);font-size:1.5rem;letter-spacing:0.08em;text-transform:uppercase;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,0.6);white-space:nowrap;z-index:7}.sc-message.msg-pos-bottom{bottom:48px}.sc-message.msg-pos-top{top:52px}.sc-message.msg-pos-center{top:50%;transform:translate(-50%,-50%)}