https://splashcat.ink/

제출된 URL:
https://splashcat.ink/
보고서 완료:

링크 · 3개 결과

링크텍스트
https://splatoon3.ink/ Schedule
https://github.com/splashcat-ink/splashcatGitHub
https://discord.gg/JPFwvbSWMSDiscord

JavaScript 변수 · 6개 결과

이름유형
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
plausiblefunction
htmxobject
initShareButtonfunction

콘솔 로그 메시지 · 3개 결과

유형카테고리로그
warningother
URL
https://splashcat.ink/
텍스트
While parsing speculation rules: A rule contains an unknown key: "eagerness".
warningsecurity
URL
https://splashcat.ink/
텍스트
A preload for 'https://cdn.splashcat.ink/static/images/card-mask.b80061f662e0.svg' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
warningother
URL
https://splashcat.ink/
텍스트
The resource https://cdn.splashcat.ink/static/images/card-mask.b80061f662e0.svg was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.

HTML

<!DOCTYPE html><html lang="en" class="h-full"><head>
    <meta charset="UTF-8">
    <title>Splashcat | Splashcat</title>
    <link rel="preconnect" href="https://cdn.splashcat.ink">
    <link rel="dns-prefetch" href="https://cdn.splashcat.ink">
    <link rel="preload" as="style" href="https://cdn.splashcat.ink/static/css/styles.f8a735233146.css">
    <link rel="preload" as="script" href="https://cdn.splashcat.ink/static/js/index.7f59bf2f992b.js">
    <link rel="preload" href="https://cdn.splashcat.ink/static/fonts/splatnet3/Splatoon1-common.cf4fff542da4.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="preload" href="https://cdn.splashcat.ink/static/fonts/splatnet3/Splatoon2-common.d8993e59918b.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="preload" href="https://cdn.splashcat.ink/static/images/tapes-transparent.fe7d99ba4b08.png" as="image" fetchpriority="high">
    <link rel="preload" href="https://cdn.splashcat.ink/static/images/card-mask.b80061f662e0.svg" as="image" fetchpriority="high">

    <link rel="stylesheet" href="https://cdn.splashcat.ink/static/css/styles.f8a735233146.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="darkreader-lock">
    <meta name="description" content="Splashcat is an award-winning service that records battle data for later analysis.">
    <meta name="keywords" content="splashcat,splatoon,battle,stats,statistics">
    <link rel="canonical" href="https://splashcat.ink/">
    <link rel="icon" href="https://cdn.splashcat.ink/static/images/judd-pride.50ee2e2d30a5.png?height=192">
    <link rel="webmention" href="https://webmention.io/catgirlin.space/webmention">
    <link rel="pingback" href="https://webmention.io/catgirlin.space/xmlrpc">

    <script src="https://cdn.splashcat.ink/static/js/index.7f59bf2f992b.js" defer=""></script>
    

    <script defer="" data-domain="splashcat.ink" event-user_type="guest" src="https://plausible.io/js/script.tagged-events.pageview-props.outbound-links.js"></script>
    <script>
		window.plausible = window.plausible || function () {
			(window.plausible.q = window.plausible.q || []).push(arguments)
		}
        
		window.addEventListener("pagereveal", e => {
			if (e.viewTransition) {
				console.log("reveal", e.viewTransition, sessionStorage.getItem("direction"))
				e.viewTransition.types.add(sessionStorage.getItem("direction"));
				sessionStorage.removeItem("direction");
			}
		})
    </script>

    <script type="speculationrules">
        {
          "prefetch": [{
            "where": {
              "href_matches": "/*"
            },
            "eagerness": "moderate"
          }]
        }
    </script>

    <meta property="og:type" content="website">
    <meta property="twitter:site" content="@Splashcatink">
    
    
<style>                      .htmx-indicator{opacity:0;transition: opacity 200ms ease-in;}                      .htmx-request .htmx-indicator{opacity:1}                      .htmx-request.htmx-indicator{opacity:1}                    </style></head>
<body hx-headers="{&quot;X-CSRFToken&quot;: &quot;7XMlwcGbEnHG6DHWAye0oj0XZvCPzuCGXbFrgU1PcsVtLANkOJVj6EyXYS5vBDHq&quot;}" class="h-full flex flex-col">
    <input type="hidden" name="csrfmiddlewaretoken" value="7XMlwcGbEnHG6DHWAye0oj0XZvCPzuCGXbFrgU1PcsVtLANkOJVj6EyXYS5vBDHq">
    <header>
        
<nav class="bg-gray-800">
    <div class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8">
        <div class="relative flex h-20 items-center justify-between">
            <div class="flex items-center md:hidden">
                <!-- Mobile menu button-->
                <button type="button" class="inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" aria-controls="mobile-menu" aria-expanded="false" _="on click toggle between .hidden and .block on .mobile-menu">
                    <span class="sr-only">Open main menu</span>
                    <!--
                    Icon when menu is closed.

                    Menu open: "hidden", Menu closed: "block"
                    -->
                    <svg class="block h-6 w-6 mobile-menu" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>
                    </svg>
                    <!--
                    Icon when menu is open.

                    Menu open: "block", Menu closed: "hidden"
                    -->
                    <svg class="hidden h-6 w-6 mobile-menu" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                    </svg>
                </button>
            </div>
            <div class="flex flex-1 items-center justify-start">
                <a href="/" class="flex flex-shrink-0 items-center">
                    <img class="block h-16 w-auto bg-gray-900/25 rounded" src="https://cdn.splashcat.ink/static/images/judd-pride.50ee2e2d30a5.png?height=128" alt="Splashcat" height="2048" width="2048">
                </a>
                <div class="hidden md:ml-6 md:block text-lg">
                    <div class="flex space-x-4">
                        <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
                        <a href="/" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium" aria-current="page">Home</a>


                        <a href="/groups/" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium" aria-current="page">Groups</a>


                        <a href="/assistant/threads/" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium" aria-current="page">Assistant</a>

                        <a href="https://splatoon3.ink/" target="_blank" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium">
                            Schedule
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 inline">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path>
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
            <div class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0">
                <a href="/sponsor/" class="text-gray-800 bg-gray-200 hover:bg-gray-100 hover:text-black rounded-md px-3 py-2 text-sm font-medium">
                    <img src="https://cdn.splashcat.ink/static/images/splashcat-sponsor-badge.48c8057e1d02.png?format=png" alt="" class="h-6 w-auto inline [image-rendering:pixelated]" height="16" width="16">
                    Sponsor
                </a>

                
                    <a class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium" href="/users/register/">Register</a>
                    <a class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium" href="/users/login/">Login</a>
                
            </div>
        </div>
    </div>

    <!-- Mobile menu, show/hide based on menu state. -->
    <div class="md:hidden hidden mobile-menu">
        <div class="space-y-1 px-2 pt-2 pb-3">
            <a href="/" class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium">Home</a>

            <a href="/groups/" class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium">Groups</a>

            <a href="/assistant/threads/" class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium">Assistant</a>

            <a href="https://splatoon3.ink/" target="_blank" class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium">
                Schedule
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 inline">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path>
                </svg>
            </a>

            <a href="/sponsor/" class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium">
                <img src="https://cdn.splashcat.ink/static/images/splashcat-sponsor-badge.48c8057e1d02.png?format=png" alt="" class="h-6 w-auto inline [image-rendering:pixelated]" height="16" width="16">
                Sponsor
            </a>
        </div>
    </div>
</nav>
    </header>

    <div class="container flex-grow"> <!-- Add flex-grow here -->
        

        <main role="main" class="py-3 flex-grow"> <!-- Add flex-grow here -->
            
    <h1 class="text-3xl font-splatoon1">
        Splashcat
    </h1>
    <p class="text-xl">An award-winning service to track Splatoon 3 battles</p>

    
        <div class="flex flex-col gap-4 px-1">
            <div class="flex flex-col md:flex-row gap-4">
                <div class="basis-1/2 card-mask -rotate-1 bg-gray-400 p-4 pt-2 rounded bg-contain bg-[url('../images/tapes-transparent.png')] mx-auto max-w-fit">
                    <img src="https://cdn.splashcat.ink/static/images/tape/tape-1.3622133845fc.png?height=72" alt="" height="136" width="600" class="rotate-6 drop-shadow z-10 mx-auto relative h-12 w-auto top-6">
                    <img src="https://cdn.splashcat.ink/static/images/home/battles.da6ee8f0954a.png?height=482" alt="battle cards" class="drop-shadow-lg border-4 rounded border-gray-700 h-auto w-full mx-auto" height="768" width="1542" srcset="https://cdn.splashcat.ink/static/images/home/battles.da6ee8f0954a.png?width=400 400w,
                                 https://cdn.splashcat.ink/static/images/home/battles.da6ee8f0954a.png?width=500 500w,
                                 https://cdn.splashcat.ink/static/images/home/battles.da6ee8f0954a.png?width=600 600w,
                                 https://cdn.splashcat.ink/static/images/home/battles.da6ee8f0954a.png?width=700 700w,
                                 https://cdn.splashcat.ink/static/images/home/battles.da6ee8f0954a.png?width=716 716w,
                                 https://cdn.splashcat.ink/static/images/home/battles.da6ee8f0954a.png?width=1000 1000w,
                                 https://cdn.splashcat.ink/static/images/home/battles.da6ee8f0954a.png 1542w" sizes="(min-width: 768px) 40vw, 90vw">
                </div>
                <div class="basis-1/2 flex justify-center items-center">
                    <div class="inline-block text-center px-2 py-1 bg-splatoon-blue rotate-1 font-splatoon1 text-3xl">
    <div class="relative">
        <div class="absolute squid-tape-tl top-0 left-0"></div>
        <div class="absolute squid-tape-br bottom-0 right-0"></div>
        <div class="squid-tape-label border p-4">
            Track your battles!
        </div>
    </div>
</div>
                </div>
            </div>

            <div class="flex flex-col md:flex-row-reverse gap-4">
                <div class="basis-1/2 card-mask rotate-1 bg-gray-400 p-4 pt-2 rounded bg-contain bg-[url('../images/tapes-transparent.png')] mx-auto max-w-fit overflow-hidden">
                    <img src="https://cdn.splashcat.ink/static/images/tape/tape-2.5f6fa4f00914.png?height=96" alt="" height="147" width="332" class="-rotate-6 drop-shadow z-10 mx-auto relative h-16 w-auto top-6">
                    <img src="https://cdn.splashcat.ink/static/images/home/statistics.feee32b44e34.png" alt="a player's statistics" class="drop-shadow-lg border-4 rounded border-gray-700 h-auto w-full mx-auto" height="274" srcset="https://cdn.splashcat.ink/static/images/home/statistics.feee32b44e34.png?width=400 400w,
                                 https://cdn.splashcat.ink/static/images/home/statistics.feee32b44e34.png?width=500 500w,
                                 https://cdn.splashcat.ink/static/images/home/statistics.feee32b44e34.png?width=600 600w,
                                 https://cdn.splashcat.ink/static/images/home/statistics.feee32b44e34.png?width=700 700w,
                                 https://cdn.splashcat.ink/static/images/home/statistics.feee32b44e34.png?width=800 800w,
                                 https://cdn.splashcat.ink/static/images/home/statistics.feee32b44e34.png 900w" sizes="(min-width: 768px) 40vw, 90vw" width="900">
                    <img src="https://cdn.splashcat.ink/static/images/tape/tape-1.3622133845fc.png?height=72" alt="" height="136" width="600" class="relative z-10 drop-shadow h-10 w-auto bottom-8 left-[85%] -rotate-45">
                </div>
                <div class="basis-1/2 flex justify-center items-center">
                    <div class="inline-block text-center px-2 py-1 bg-splatoon-purple -rotate-1 font-splatoon1 text-3xl">
    <div class="relative">
        <div class="absolute squid-tape-tl top-0 left-0"></div>
        <div class="absolute squid-tape-br bottom-0 right-0"></div>
        <div class="squid-tape-label border p-4">
            View battle statistics!
        </div>
    </div>
</div>
                </div>
            </div>

            <div class="flex flex-col md:flex-row gap-4">
                <div class="flex flex-row justify-center items-center basis-1/3">
                    <img src="https://cdn.splashcat.ink/static/images/splashcat-sponsor-badge.48c8057e1d02.png?format=png" alt="sponsor badge" height="16" width="16" class="[image-rendering:pixelated] h-full w-auto min-h-[8rem] aspect-square">
                </div>
                <div class="basis-2/3 flex flex-col justify-center items-center gap-2">
                    <div class="inline-block text-center px-2 py-1 bg-splatoon-purple rotate-1 font-splatoon1 text-3xl">
    <div class="relative">
        <div class="absolute squid-tape-tl top-0 left-0"></div>
        <div class="absolute squid-tape-br bottom-0 right-0"></div>
        <div class="squid-tape-label border p-4">
            Support Splashcat!
        </div>
    </div>
</div>

                    <p class="max-w-lg text-lg text-center">
                        Sponsor Splashcat to support future development and receive a sponsor badge and profile
                        customizations!
                    </p>

                    <a href="/sponsor/" class="p-4 bg-white text-black rounded text-lg"><img src="https://cdn.splashcat.ink/static/images/splashcat-sponsor-badge.48c8057e1d02.png?format=png" alt="" class="h-8 w-8 inline [image-rendering:pixelated]" height="16" width="16">
                        Sponsor</a>
                </div>
            </div>
        </div>
    

    <h2 class="text-2xl font-splatoon1">Recent Battles</h2>
    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-ranked battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl " href="/battles/21560/">
    

    

    <div class="text-xl float-right p-1">10/19/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Humpback Pump Track</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21560/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21560/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-yellow-200">
        Victory
    </div>
    <div>
        Anarchy Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/asari.a1599b376c54.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Clam Blitz
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/8000.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Splatana Stamper
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_4_owTL" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/2.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(49, 196, 169, 1.0)" mask="url(#__mask_id_4_owTL)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/2.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_15_bPNZ" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/3.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(49, 196, 169, 1.0)" mask="url(#__mask_id_15_bPNZ)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/3.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-ranked battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl brightness-[0.80]" href="/battles/21559/">
    

    

    <div class="text-xl float-right p-1">10/19/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Humpback Pump Track</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21559/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21559/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-gray-300">
        Defeat
    </div>
    <div>
        Anarchy Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/asari.a1599b376c54.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Clam Blitz
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/8000.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Splatana Stamper
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_4_eTOm" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/2.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(93, 171, 33, 1.0)" mask="url(#__mask_id_4_eTOm)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/2.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_15_uI7h" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/3.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(93, 171, 33, 1.0)" mask="url(#__mask_id_15_uI7h)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/3.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-ranked battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl " href="/battles/21558/">
    

    

    <div class="text-xl float-right p-1">10/19/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Humpback Pump Track</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21558/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21558/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-yellow-200">
        Victory
    </div>
    <div>
        Anarchy Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/asari.a1599b376c54.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Clam Blitz
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/8000.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Splatana Stamper
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_4_NH8c" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/2.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(49, 196, 169, 1.0)" mask="url(#__mask_id_4_NH8c)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/2.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_15_cWfw" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/3.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(49, 196, 169, 1.0)" mask="url(#__mask_id_15_cWfw)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/3.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-ranked battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl " href="/battles/21557/">
    

    

    <div class="text-xl float-right p-1">10/19/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Humpback Pump Track</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21557/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21557/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-yellow-200">
        Victory
    </div>
    <div>
        Anarchy Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/asari.a1599b376c54.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Clam Blitz
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/8000.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Splatana Stamper
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_4_Gox0" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/2.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(148, 201, 33, 1.0)" mask="url(#__mask_id_4_Gox0)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/2.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_15_1UYc" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/3.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(148, 201, 33, 1.0)" mask="url(#__mask_id_15_1UYc)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/3.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-ranked battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl " href="/battles/21556/">
    

    

    <div class="text-xl float-right p-1">10/19/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Humpback Pump Track</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21556/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21556/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-yellow-200">
        Victory
    </div>
    <div>
        Anarchy Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/asari.a1599b376c54.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Clam Blitz
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/8000.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Splatana Stamper
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_4_BJAy" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/2.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(93, 171, 33, 1.0)" mask="url(#__mask_id_4_BJAy)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/2.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_15_1TmP" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/3.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(93, 171, 33, 1.0)" mask="url(#__mask_id_15_1TmP)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/3.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-ranked battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl brightness-[0.80]" href="/battles/21555/">
    

    

    <div class="text-xl float-right p-1">10/19/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Manta Maria</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21555/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21555/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-gray-300">
        Defeat
    </div>
    <div>
        Anarchy Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/asari.a1599b376c54.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Clam Blitz
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/8000.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Splatana Stamper
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_4_3ZTl" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/2.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(225, 130, 13, 1.0)" mask="url(#__mask_id_4_3ZTl)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/2.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_15_QeA7" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/3.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(225, 130, 13, 1.0)" mask="url(#__mask_id_15_QeA7)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/3.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-regular battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl " href="/battles/21554/">
    

    

    <div class="text-xl float-right p-1">10/19/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Manta Maria</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21554/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21554/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-yellow-200">
        Victory
    </div>
    <div>
        Regular Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/regular.2e1dfb0f6ca3.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Turf War
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/8000.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Splatana Stamper
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_4_qyE7" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/2.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(78, 78, 221, 1.0)" mask="url(#__mask_id_4_qyE7)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/2.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_15_5f4j" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/3.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(78, 78, 221, 1.0)" mask="url(#__mask_id_15_5f4j)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/3.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-regular battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl " href="/battles/21553/">
    

    

    <div class="text-xl float-right p-1">10/19/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Brinewater Springs</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21553/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21553/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-yellow-200">
        Victory
    </div>
    <div>
        Regular Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/regular.2e1dfb0f6ca3.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Turf War
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/2001.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            New Squiffer
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_5_ygOS" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/7.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(93, 171, 33, 1.0)" mask="url(#__mask_id_5_ygOS)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/7.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_15_y9Y9" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/3.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(93, 171, 33, 1.0)" mask="url(#__mask_id_15_y9Y9)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/3.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-regular battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl " href="/battles/21552/">
    

    

    <div class="text-xl float-right p-1">10/19/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Manta Maria</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21552/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21552/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-yellow-200">
        Victory
    </div>
    <div>
        Regular Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/regular.2e1dfb0f6ca3.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Turf War
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/2001.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            New Squiffer
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_5_UVwv" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/7.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(13, 13, 220, 1.0)" mask="url(#__mask_id_5_UVwv)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/7.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_15_GIgZ" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/3.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(13, 13, 220, 1.0)" mask="url(#__mask_id_15_GIgZ)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/3.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-regular battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl " href="/battles/21551/">
    

    

    <div class="text-xl float-right p-1">10/19/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Manta Maria</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21551/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21551/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-yellow-200">
        Victory
    </div>
    <div>
        Regular Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/regular.2e1dfb0f6ca3.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Turf War
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/2001.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            New Squiffer
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_5_deU2" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/7.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(148, 201, 33, 1.0)" mask="url(#__mask_id_5_deU2)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/7.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_15_tKvM" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/3.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(148, 201, 33, 1.0)" mask="url(#__mask_id_15_tKvM)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/3.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-regular battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl " href="/battles/21550/">
    

    

    <div class="text-xl float-right p-1">10/19/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Brinewater Springs</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21550/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21550/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-yellow-200">
        Victory
    </div>
    <div>
        Regular Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/regular.2e1dfb0f6ca3.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Turf War
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/2011.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Z+F Splat Charger
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_12_nd6e" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/4.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(148, 201, 33, 1.0)" mask="url(#__mask_id_12_nd6e)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/4.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_16_jrVW" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/14.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(148, 201, 33, 1.0)" mask="url(#__mask_id_16_jrVW)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/14.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-regular battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl brightness-[0.80]" href="/battles/21549/">
    

    

    <div class="text-xl float-right p-1">10/19/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Manta Maria</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21549/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21549/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-gray-300">
        Defeat
    </div>
    <div>
        Regular Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/regular.2e1dfb0f6ca3.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Turf War
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/2011.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Z+F Splat Charger
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_12_frnj" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/4.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(205, 205, 52, 1.0)" mask="url(#__mask_id_12_frnj)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/4.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_16_GttK" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/14.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(205, 205, 52, 1.0)" mask="url(#__mask_id_16_GttK)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/14.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-regular battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl brightness-[0.80]" href="/battles/21548/">
    

    

    <div class="text-xl float-right p-1">10/19/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Brinewater Springs</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21548/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21548/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-gray-300">
        Draw
    </div>
    <div>
        Regular Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/regular.2e1dfb0f6ca3.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Turf War
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/2011.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Z+F Splat Charger
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_12_kCxU" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/4.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(205, 205, 52, 1.0)" mask="url(#__mask_id_12_kCxU)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/4.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_16_0r5E" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/14.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(205, 205, 52, 1.0)" mask="url(#__mask_id_16_0r5E)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/14.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-regular battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl " href="/battles/21547/">
    

    

    <div class="text-xl float-right p-1">10/19/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Manta Maria</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21547/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21547/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-yellow-200">
        Victory
    </div>
    <div>
        Regular Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/regular.2e1dfb0f6ca3.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Turf War
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/2011.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Z+F Splat Charger
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_12_FSCZ" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/4.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(93, 171, 33, 1.0)" mask="url(#__mask_id_12_FSCZ)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/4.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_16_qG3y" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/14.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(93, 171, 33, 1.0)" mask="url(#__mask_id_16_qG3y)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/14.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-regular battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl brightness-[0.80]" href="/battles/21546/">
    

    

    <div class="text-xl float-right p-1">10/18/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Eeltail Alley</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21546/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21546/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-gray-300">
        Defeat
    </div>
    <div>
        Regular Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/regular.2e1dfb0f6ca3.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Turf War
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/2011.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Z+F Splat Charger
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_12_4TLH" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/4.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(93, 171, 33, 1.0)" mask="url(#__mask_id_12_4TLH)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/4.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_16_YknB" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/14.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(93, 171, 33, 1.0)" mask="url(#__mask_id_16_YknB)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/14.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-regular battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl brightness-[0.80]" href="/battles/21545/">
    

    

    <div class="text-xl float-right p-1">10/18/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Eeltail Alley</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21545/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21545/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-gray-300">
        Defeat
    </div>
    <div>
        Regular Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/regular.2e1dfb0f6ca3.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Turf War
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/2011.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Z+F Splat Charger
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_12_Uwo7" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/4.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(225, 130, 13, 1.0)" mask="url(#__mask_id_12_Uwo7)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/4.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_16_I8H3" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/14.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(225, 130, 13, 1.0)" mask="url(#__mask_id_16_I8H3)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/14.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-regular battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl brightness-[0.80]" href="/battles/21544/">
    

    

    <div class="text-xl float-right p-1">10/18/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Flounder Heights</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21544/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21544/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-gray-300">
        Defeat
    </div>
    <div>
        Regular Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/regular.2e1dfb0f6ca3.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Turf War
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/2011.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Z+F Splat Charger
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_12_xq62" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/4.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(205, 67, 166, 1.0)" mask="url(#__mask_id_12_xq62)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/4.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_16_r1xk" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/14.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(205, 67, 166, 1.0)" mask="url(#__mask_id_16_r1xk)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/14.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-regular battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl brightness-[0.80]" href="/battles/21543/">
    

    

    <div class="text-xl float-right p-1">10/18/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Flounder Heights</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21543/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21543/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-gray-300">
        Defeat
    </div>
    <div>
        Regular Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/regular.2e1dfb0f6ca3.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Turf War
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/2011.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Z+F Splat Charger
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_12_JG5l" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/4.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(225, 130, 13, 1.0)" mask="url(#__mask_id_12_JG5l)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/4.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_16_ARqq" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/14.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(225, 130, 13, 1.0)" mask="url(#__mask_id_16_ARqq)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/14.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-regular battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl brightness-[0.80]" href="/battles/21542/">
    

    

    <div class="text-xl float-right p-1">10/18/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Flounder Heights</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21542/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21542/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-gray-300">
        Draw
    </div>
    <div>
        Regular Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/regular.2e1dfb0f6ca3.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Turf War
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/2011.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Z+F Splat Charger
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_12_7pRh" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/4.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(182, 46, 167, 1.0)" mask="url(#__mask_id_12_7pRh)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/4.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_16_y2W0" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/14.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(182, 46, 167, 1.0)" mask="url(#__mask_id_16_y2W0)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/14.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-regular battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl brightness-[0.80]" href="/battles/21541/">
    

    

    <div class="text-xl float-right p-1">10/17/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Eeltail Alley</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21541/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21541/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-gray-300">
        Defeat
    </div>
    <div>
        Regular Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/regular.2e1dfb0f6ca3.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Turf War
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/2001.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            New Squiffer
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_5_dkJI" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/7.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(49, 196, 169, 1.0)" mask="url(#__mask_id_5_dkJI)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/7.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_15_oHPZ" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/3.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(49, 196, 169, 1.0)" mask="url(#__mask_id_15_oHPZ)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/3.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-regular battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl " href="/battles/21540/">
    

    

    <div class="text-xl float-right p-1">10/17/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Eeltail Alley</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21540/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21540/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-yellow-200">
        Victory
    </div>
    <div>
        Regular Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/regular.2e1dfb0f6ca3.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Turf War
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/2001.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            New Squiffer
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_5_gybQ" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/7.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(78, 78, 221, 1.0)" mask="url(#__mask_id_5_gybQ)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/7.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_15_hyfK" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/3.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(78, 78, 221, 1.0)" mask="url(#__mask_id_15_hyfK)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/3.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-ranked battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl brightness-[0.80]" href="/battles/21539/">
    

    

    <div class="text-xl float-right p-1">10/17/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Crableg Capital</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21539/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21539/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-gray-300">
        Defeat
    </div>
    <div>
        Anarchy Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/asari.a1599b376c54.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Clam Blitz
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/8000.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Splatana Stamper
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_4_CucD" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/2.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(205, 67, 166, 1.0)" mask="url(#__mask_id_4_CucD)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/2.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_15_3gGu" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/3.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(205, 67, 166, 1.0)" mask="url(#__mask_id_15_3gGu)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/3.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-ranked battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl brightness-[0.80]" href="/battles/21538/">
    

    

    <div class="text-xl float-right p-1">10/17/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Marlin Airport</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21538/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21538/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-gray-300">
        Defeat
    </div>
    <div>
        Anarchy Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/area.71911faa0bdc.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Splat Zones
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/8000.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Splatana Stamper
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_4_9ckF" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/2.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(225, 130, 13, 1.0)" mask="url(#__mask_id_4_9ckF)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/2.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_15_9pGm" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/3.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(225, 130, 13, 1.0)" mask="url(#__mask_id_15_9pGm)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/3.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
            


<a class="group hover:z-10  hover:[view-transition-name:battle-card] card-mask rounded-2xl bg-splatoon-battle-regular battle-card-background transition duration-200 hover:rotate-2 odd:hover:-rotate-2 drop-shadow-lg hover:drop-shadow-2xl " href="/battles/21537/">
    

    

    <div class="text-xl float-right p-1">10/17/2024</div>
    
        <div class="bg-black/50 mt-8 p-2 h-full splashcat-battle-card">
    
    <div class="flex flex-col gap-1 float-right items-end">
        <div class="text-lg block">Eeltail Alley</div>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21537/?share" title="Share" data-content-type="BattleCard" data-share-type="webShare" data-init-share="true" style="display: none;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 inline">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"></path>
            </svg>
        </button>

        <button class="share-button block transition-transform scale-0 group-hover:scale-100" data-url="https://splashcat.ink/battles/21537/?share" title="Copy Link" data-content-type="BattleCard" data-share-type="clipboard" data-init-share="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8 inline">
                <path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z" clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>

    <div class="font-splatoon1 text-2xl text-yellow-200">
        Victory
    </div>
    <div>
        Regular Battle

        
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/static/images/rule-icons/regular.2e1dfb0f6ca3.svg" class="inline-block h-8 w-8" alt="" width="35" height="35">
        
        Turf War
    </div>
    <div class="text-lg">
        
            <img src="https://cdn.splashcat.ink/splatnet_assets/weapon/8000.png?height=80&amp;width=80" class="inline-block h-10 w-10" alt="" width="80" height="80">
            Splatana Stamper
            
            


    <svg class="inline h-6 w-6" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_4_xlLA" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_mask/2.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="64" height="64" fill="rgba(205, 205, 52, 1.0)" mask="url(#__mask_id_4_xlLA)"></rect>
        <image x="0" y="0" width="64" height="64" href="https://cdn.splashcat.ink/splatnet_assets/sub_overlay/2.png?height=48&amp;width=48">
        </image>
    </svg>

            


    <svg class="inline h-6 w-6" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" preserveAspectRatio="xMidYMid slice">
        <mask id="__mask_id_15_ANYk" maskUnits="userSpaceOnUse" style="mask-type: alpha;">
            <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_mask/3.png?height=48&amp;width=48">
            </image>
        </mask>
        <rect x="0" y="0" width="128" height="128" fill="rgba(205, 205, 52, 1.0)" mask="url(#__mask_id_15_ANYk)"></rect>
        <image x="0" y="0" width="128" height="128" href="https://cdn.splashcat.ink/splatnet_assets/special_overlay/3.png?height=48&amp;width=48">
        </image>
    </svg>

        
    </div>
    
        
            <div class="flex flex-row gap-1 items-center my-0.5 w-fit">
                
                    <img src="https://cdn.splashcat.ink/profile_pictures/identicon-f48348ffe7090fef9ebf53f82fc2a1a7264038319faa09a14049d04036b33b19.png?optimizer=image&amp;height=72&amp;width=72" alt="Marina" class="h-12 w-12 group-hover:scale-110 transition object-cover rounded-lg" height="72" width="72">
                
                <div class="flex flex-col">
                    <div class="text-xl">
                        Marina
                        
                    </div>
                    <div class="text-sm text-gray-400 h-0 scale-y-0 group-hover:h-4 group-hover:scale-y-100 transition-[transform,_height]">
                        @yangyb</div>
                </div>
            </div>
        
    
    </div>
</a>
        
    </div>

    <h2 class="text-2xl font-splatoon1 pt-2">Data</h2>
    <div class="flex flex-row gap-4">
        <a href="/battles/global-data-export/" class="py-2 px-3 rounded bg-pink-700 hover:bg-pink-800">Global Battle
            Data</a>
    </div>

        </main>
    </div>

    <footer class="border-top footer text-muted bg-gray-800/70 py-4">
        <div class="container mx-auto">
            <a href="/">
                <img src="https://cdn.splashcat.ink/static/images/judd-pride.50ee2e2d30a5.png?height=192" alt="Judd with a LGBTQ and transgender pride flag" class="float-right h-32 w-auto" height="2048" width="2048" loading="lazy">
            </a>
            <div class="text-lg">Splashcat</div>
            <div class="text-sm">This website is not affiliated with Nintendo. All product names, logos, and brands are
                property of their respective owners.
            </div>
            <a href="/uploaders-information/" class="text-blue-500 underline p-2 pl-0">Information on Available
                Uploaders</a>
            <a href="/legal/" class="text-blue-500 underline p-2">Legal Stuff</a>
            <a href="/about/" class="text-blue-500 underline p-2">About Splashcat</a>
            <div class="py-4 flex flex-row flex-wrap gap-4">
                <a href="https://github.com/splashcat-ink/splashcat" class="my-auto">
                    <img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/splashcat-ink/splashcat" loading="lazy" decoding="async">
                </a>
                <a href="https://github.com/splashcat-ink/splashcat" class="bg-purple-600 hover:bg-purple-700 rounded px-4 py-2 my-auto">GitHub</a>
                <a href="https://discord.gg/JPFwvbSWMS" class="bg-purple-600 hover:bg-purple-700 rounded px-4 py-2 my-auto">Discord</a>
            </div>
        </div>
    </footer>



</body></html>