.snippet.cyberpunk-synthwave{position:relative;width:600px;height:400px;overflow:hidden;font-family:'Orbitron','Rajdhani',sans-serif;color:#fff;background:#0d0221}.cyber-bg{position:absolute;inset:0;background:linear-gradient(180deg,#0d0221 0%,#1a0533 25%,#3d0f5c 45%,#7b2d8e 55%,#ff2a6d 65%,#ff6b35 72%,#ffbe0b 78%,#0d0221 80%,#0d0221 100%);z-index:0}.cyber-sun{position:absolute;width:200px;height:200px;left:50%;top:38%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(180deg,#ffbe0b 0%,#ff6b35 30%,#ff2a6d 60%,#7b2d8e 100%);0 0 calc(80px * var(--cyber-glow)) rgba(255,107,53,0.2);z-index:1}.cyber-sun-lines{position:absolute;width:200px;height:200px;left:50%;top:38%;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;z-index:2}.cyber-sun-lines::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( #0d0221 8px );opacity:0.7}.cyber-grid{position:absolute;bottom:0;left:-50%;width:200%;height:55%;background:repeating-linear-gradient( rgba(255,42,109,0.15) 50px repeating-linear-gradient( rgba(5,217,232,0.1) 50px );transform:perspective(200px) rotateX(60deg);transform-origin:center top;z-index:3}.cyber-mountains{position:absolute;bottom:20%;left:0;right:0;height:60px;z-index:2}.cyber-mountains::before{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:#0d0221;clip-path:polygon(0% 100%,8% 40%,15% 65%,25% 20%,35% 55%,45% 10%,55% 45%,65% 15%,75% 50%,85% 25%,92% 60%,100% 35%,100% 100%)}.cyber-horizon{position:absolute;bottom:20%;left:0;right:0;height:2px;background:var(--cyber-primary);0 0 calc(30px * var(--cyber-glow)) var(--cyber-primary);z-index:4}.cyber-scanlines{position:absolute;inset:0;background:repeating-linear-gradient( rgba(0,0,0,0.08) 4px );z-index:10;pointer-events:none}.cyber-flare{position:absolute;width:120px;height:4px;top:35%;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,190,11,0.6),transparent);filter:blur(2px);z-index:5}.cyber-header{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--cyber-accent);z-index:11}.cyber-header-icon{font-size:0.7rem;filter:drop-shadow(0 0 4px var(--cyber-secondary))}.cyber-content{position:absolute;top:50px;left:0;right:0;bottom:50px;display:flex;align-items:center;justify-content:center;gap:24px;z-index:11;padding:0 40px}.cyber-team{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.cyber-flag-frame{position:relative;padding:3px;background:linear-gradient(135deg,var(--cyber-accent),var(--cyber-secondary),var(--cyber-primary));border-radius:4px;margin-bottom:4px}.cyber-flag-frame .cyber-flag{width:60px;height:auto;border-radius:2px;display:block}.cyber-team-name{font-size:1.1rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;background:linear-gradient(180deg,var(--cyber-accent) 0%,#fff 50%,var(--cyber-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 calc(4px * var(--cyber-glow)) var(--cyber-primary))}.cyber-team-a .cyber-team-name{filter:drop-shadow(0 0 calc(4px * var(--cyber-glow)) var(--cyber-primary))}.cyber-team-b .cyber-team-name{filter:drop-shadow(0 0 calc(4px * var(--cyber-glow)) var(--cyber-secondary))}.cyber-score{font-family:'Bebas Neue',sans-serif;font-size:5rem;line-height:1;letter-spacing:0.04em;background:linear-gradient(180deg,#fff 0%,var(--cyber-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 calc(8px * var(--cyber-glow)) var(--cyber-primary))}.cyber-team-b .cyber-score{filter:drop-shadow(0 0 calc(8px * var(--cyber-glow)) var(--cyber-secondary))}.cyber-vs{display:flex;flex-direction:column;align-items:center;gap:4px}.cyber-vs-diamond{width:8px;height:8px;background:var(--cyber-primary);transform:rotate(45deg);box-shadow:0 0 calc(6px * var(--cyber-glow)) var(--cyber-primary)}.cyber-vs-text{font-size:0.8rem;letter-spacing:0.3em;color:var(--cyber-accent);text-shadow:0 0 calc(6px * var(--cyber-glow)) var(--cyber-secondary)}.cyber-scorers{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px}.cyber-scorer{font-size:0.5rem;letter-spacing:0.06em;opacity:0.7}.cyber-scorer-a{color:var(--cyber-primary)}.cyber-scorer-b{color:var(--cyber-secondary)}.cyber-bottom-bar{position:absolute;bottom:0;left:0;right:0;height:36px;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(13,2,33,0.8);border-top:1px solid rgba(255,42,109,0.3);font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--cyber-accent);z-index:11}.cyber-bottom-glyph{color:var(--cyber-primary);font-size:0.6rem}.cyber-bottom-sep{color:rgba(255,255,255,0.2)}.cyber-bottom-date{color:rgba(255,255,255,0.5)}.cyber-message{position:absolute;left:50%;transform:translateX(-50%);font-size:1.6rem;letter-spacing:0.08em;text-shadow:0 0 calc(10px * var(--cyber-glow)) var(--cyber-primary);z-index:12;white-space:nowrap}.cyber-message.msg-pos-bottom{bottom:44px}.cyber-message.msg-pos-top{top:48px}.cyber-message.msg-pos-center{top:50%;transform:translate(-50%,-50%)}