missing match crazy shit

This commit is contained in:
2026-07-02 14:14:31 +02:00
parent 41b73574b1
commit cad393c71a
3 changed files with 161 additions and 7 deletions

View File

@@ -668,6 +668,68 @@ body {
}
}
/* ===== NESSUN MATCH: effetto pazzo ===== */
.strobe {
position: fixed;
inset: 0;
z-index: 58;
pointer-events: none;
opacity: 0;
}
.strobe.go {
animation: strobe 1s linear;
}
@keyframes strobe {
0%, 100% { opacity: 0; }
8% { opacity: 1; background: rgba(255, 0, 60, 0.45); }
16% { opacity: 1; background: rgba(0, 229, 255, 0.4); }
24% { opacity: 1; background: rgba(255, 210, 63, 0.4); }
40% { opacity: 1; background: rgba(255, 0, 60, 0.4); }
56% { opacity: 1; background: rgba(0, 229, 255, 0.38); }
72% { opacity: 1; background: rgba(255, 46, 136, 0.4); }
88% { opacity: 1; background: rgba(255, 0, 60, 0.35); }
}
.reel-window.glitch {
animation: glitch 0.08s steps(2) infinite;
}
@keyframes glitch {
0% { transform: translate(0, 0) skewX(0); filter: hue-rotate(0deg); }
25% { transform: translate(-7px, 3px) skewX(4deg); filter: hue-rotate(90deg); }
50% { transform: translate(6px, -4px) skewX(-4deg); filter: hue-rotate(200deg); }
75% { transform: translate(-5px, 5px) skewX(3deg); filter: hue-rotate(300deg); }
100% { transform: translate(0, 0) skewX(0); filter: hue-rotate(0deg); }
}
.nomatch-stamp {
position: fixed;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 59;
pointer-events: none;
}
.nomatch-stamp span {
font-family: "Anton", sans-serif;
font-size: clamp(44px, 10vw, 140px);
letter-spacing: 3px;
color: var(--red);
text-shadow: 0 0 30px var(--red), 0 0 70px #ff004c;
transform: rotate(-8deg) scale(0.3);
opacity: 0;
animation: stampIn 1.3s ease;
}
@keyframes stampIn {
0% { opacity: 0; transform: rotate(-8deg) scale(0.3); }
15% { opacity: 1; transform: rotate(-8deg) scale(1.15); }
28% { transform: rotate(-8deg) scale(1); }
82% { opacity: 1; transform: rotate(-8deg) scale(1); }
100% { opacity: 0; transform: rotate(-8deg) scale(1.05); }
}
.rr-nomatch {
color: var(--red);
text-shadow: 0 0 16px var(--red);
}
@media (max-width: 980px) {
.stage {
grid-template-columns: 1fr;