.halftone-pop{width:600px;height:400px;position:relative;overflow:hidden;font-family:'Bangers',cursive;color:#1a1a2e;background:var(--halftone-bg)}.halftone-dots{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0.15;background-image:radial-gradient(circle,var(--halftone-primary) calc(1px * var(--halftone-dots)),transparent calc(1.5px * var(--halftone-dots)));background-size:calc(8px * var(--halftone-dots)) calc(8px * var(--halftone-dots))}.halftone-flash{position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:500px;height:500px;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,0.1),transparent,rgba(255,255,255,0.1),transparent,rgba(255,255,255,0.1),transparent,rgba(255,255,255,0.1),transparent);z-index:0;pointer-events:none}.halftone-badge{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;z-index:6}.halftone-badge svg{width:16px;height:16px}.halftone-badge span{font-size:0.85rem;letter-spacing:0.15em;color:#1a1a2e;opacity:0.5}.halftone-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;padding:50px 30px}.halftone-team{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:3px solid #1a1a2e;border-radius:8px;padding:20px 10px;box-shadow:4px 4px 0 #1a1a2e}.halftone-team-name{font-size:1.4rem;letter-spacing:0.06em;text-transform:uppercase}.halftone-team-a .halftone-team-name{color:var(--halftone-primary);text-shadow:0 1px 3px rgba(0,0,0,0.15)}.halftone-team-b .halftone-team-name{color:var(--halftone-secondary);text-shadow:0 1px 3px rgba(0,0,0,0.15)}.halftone-score{font-size:4rem;line-height:1;color:#1a1a2e;-webkit-text-stroke:2px #1a1a2e}.halftone-vs{display:flex;align-items:center;justify-content:center;width:50px;flex-shrink:0}.halftone-vs span{font-size:1.2rem;color:#1a1a2e;-webkit-text-stroke:1.5px #1a1a2e}.halftone-flag-wrap{margin-bottom:6px}.halftone-flag-wrap .halftone-flag{width:60px;height:auto;border:2px solid #1a1a2e;border-radius:2px}.halftone-scorers{display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:4px}.halftone-scorer{font-family:'DM Sans',sans-serif;font-size:0.45rem;font-weight:600}.halftone-scorer-a{color:var(--halftone-primary)}.halftone-scorer-b{color:var(--halftone-secondary)}.halftone-message{position:absolute;left:50%;transform:translateX(-50%);font-size:1.8rem;letter-spacing:0.06em;color:#1a1a2e;white-space:nowrap;z-index:7;-webkit-text-stroke:1.5px #1a1a2e}.halftone-message.msg-pos-bottom{bottom:14px}.halftone-message.msg-pos-top{top:48px}.halftone-message.msg-pos-center{top:50%;transform:translate(-50%,-50%)}.halftone-footer{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-family:'DM Sans',sans-serif;font-size:0.95rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:#1a1a2e;opacity:0.4;z-index:10;display:flex;align-items:center;justify-content:center;gap:6px}.halftone-footer svg{width:10px;height:10px}.halftone-footer-sep{opacity:0.3}