From ae116f52f9e073f929fa280f493d607584ff2210 Mon Sep 17 00:00:00 2001
From: Kroonk <Tom.misch2@gmail.com>
Date: Thu, 21 May 2026 17:48:53 +0200
Subject: [PATCH] style: Remove card hover peek raccoon

---
 style.css | 27 +--------------------------
 1 file changed, 1 insertion(+), 26 deletions(-)

diff --git a/style.css b/style.css
index d3d94c3..0d541e2 100644
--- a/style.css
+++ b/style.css
@@ -287,23 +287,6 @@ main {
     pointer-events: none;
 }
 
-.card::after {
-    content: "";
-    position: absolute;
-    top: -36px;
-    right: 1.1rem;
-    z-index: 0;
-    width: 78px;
-    height: 62px;
-    background-image: url("data:image/svg+xml,%3Csvg width='96' height='76' viewBox='0 0 96 76' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 31 17 7l22 13 18-1L79 7l-5 24c7 6 11 14 11 23 0 17-16 22-37 22S11 71 11 54c0-9 4-17 11-23Z' fill='%23f7c98f'/%3E%3Cpath d='M24 30 20 13l16 10M72 30l4-17-16 10' fill='%23f09f7f'/%3E%3Cellipse cx='35' cy='45' rx='6.5' ry='7.5' fill='%2325221f'/%3E%3Cellipse cx='61' cy='45' rx='6.5' ry='7.5' fill='%2325221f'/%3E%3Ccircle cx='37' cy='42' r='2.1' fill='%23fff8ef'/%3E%3Ccircle cx='63' cy='42' r='2.1' fill='%23fff8ef'/%3E%3Ccircle cx='33' cy='48' r='1.1' fill='%23fff8ef' opacity='.75'/%3E%3Ccircle cx='59' cy='48' r='1.1' fill='%23fff8ef' opacity='.75'/%3E%3Cpath d='M48 52c-2 0-4 1-4 3s2 3 4 3 4-1 4-3-2-3-4-3Z' fill='%23b65f53'/%3E%3Cpath d='M48 58c-3 5-9 5-12 1M48 58c3 5 9 5 12 1' fill='none' stroke='%2325221f' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M24 51H4M26 58H7M72 51h20M70 58h19' stroke='%2325221f' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M19 31c8-7 18-10 29-10s21 3 29 10' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
-    background-repeat: no-repeat;
-    background-size: contain;
-    opacity: 0;
-    transform: translateY(28px) rotate(-7deg);
-    transition: opacity 0.18s ease, transform 0.24s ease;
-    pointer-events: none;
-}
-
 .card:hover,
 .card:focus-visible {
     border-color: color-mix(in srgb, var(--accent) 48%, var(--border-strong));
@@ -311,12 +294,6 @@ main {
     transform: translateY(-2px);
 }
 
-.card:hover::after,
-.card:focus-visible::after {
-    opacity: 1;
-    transform: translateY(-9px) rotate(-7deg);
-}
-
 .card:focus-visible {
     outline: 3px solid rgba(103, 232, 249, 0.2);
     outline-offset: 3px;
@@ -801,9 +778,7 @@ main {
 }
 
 @media (hover: none) {
-    .card::after {
-        display: none;
-    }
+
 
     .card:hover {
         transform: none;