- ID de l'analyse :
- b28ecf1d-e74a-4fb2-8234-8f51f560e284Terminée
- URL soumise :
- https://splashcat.ink/
- Fin du rapport :
Liens : 3 trouvé(s)
Liens sortants identifiés à partir de la page
Lien | texte |
---|---|
https://splatoon3.ink/ | Schedule |
https://github.com/splashcat-ink/splashcat | GitHub |
https://discord.gg/JPFwvbSWMS | Discord |
Variables JavaScript : 6 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | Type |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
plausible | function |
htmx | object |
initShareButton | function |
Messages de journal de console : 3 trouvé(s)
Messages consignés dans la console web
Type | Catégorie | Enregistrement |
---|---|---|
warning | other |
|
warning | security |
|
warning | other |
|
HTML
Le corps HTML de la page en données brutes
<!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="{"X-CSRFToken": "7XMlwcGbEnHG6DHWAye0oj0XZvCPzuCGXbFrgU1PcsVtLANkOJVj6EyXYS5vBDHq"}" 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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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&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&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&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&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&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&height=72&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>