PageSourceSearch

https://numbergoup.gg/smugglers-market

html numbergoup.gg collected 2026-09-24 11:05:44 UTC 217,554 bytes, 2,929 lines download raw bytes

1<!DOCTYPE html>
2<html
3    lang="en"
4    class="w-full min-h-screen dark"
5>
6<head>
7    <meta charset="utf-8"/>
8    <meta name="viewport" content="width=device-width, initial-scale=1"/>
9    <meta name="csrf-token" content="a15bmfseauvBZgWzIUXEabFtkV8FkjI1GAZZHGY8">
10
11    <title>Number Go Up</title>
12
13    <link rel="icon" type="image/png" href="/img/favico/favicon-96x96.png" sizes="96x96">
14<link rel="icon" type="image/svg+xml" href="/img/favico/favicon.svg">
15<link rel="shortcut icon" href="/img/favico/favicon.ico">
16<link rel="apple-touch-icon" sizes="180x180" href="/img/favico/apple-touch-icon.png">
17<link rel="manifest" href="/img/favico/site.webmanifest">
18<meta name="theme-color" content="#081512">
19    <link rel="preload" as="style" href="https://numbergoup.gg/build/assets/app-BWuoH69w.css" /><link rel="stylesheet" href="https://numbergoup.gg/build/assets/app-BWuoH69w.css" data-navigate-track="reload" />
20    
20<script type="text/javascript" src="/js/vendor/msal-browser.min.js"></script>
20
21
22            
22<script src="https://cdn.onesignal.com/sdks/web/v16/OneSignalSDK.page.js" defer></script>
22
23        
23<script>
24            window.OneSignalDeferred = window.OneSignalDeferred || [];
25            OneSignalDeferred.push(async function (OneSignal) {
26                await OneSignal.init({ appId: '76074049-f5f6-4c70-baac-062bba8759b1' });
27
28                // Tie the browser's push subscription to the NGU user id so the
29                // backend can target it by External ID; drop the association on
30                // logout so a shared browser doesn't leak notifications.
31                                    await OneSignal.logout();
32                            });
33        </script>
33
34    
35            
35<script src="https://cdn.usefathom.com/script.js" data-site="JQZSFTIB" defer></script>
35
36        
36<script>
37            document.addEventListener('livewire:navigated', () => {
38                if (window.fathom) { window.fathom.trackPageview(); }
39            });
40        </script>
40
41    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
42</head>
43<body
44    class="w-full min-h-screen bg-abyss-950 font-inter text-white antialiased"
45>
46<div
47    class="sticky top-0 z-50 bg-abyss-950/60 backdrop-blur-xl py-3 px-4 lg:px-8">
48    <nav class="container m-auto relative flex items-center justify-between gap-x-5 min-h-11">
49        <a wire:navigate href="https://numbergoup.gg"
50           class="flex items-center gap-x-2.5 shrink-0 transition-opacity duration-200 hover:opacity-80">
51            <img class="size-8" src="https://numbergoup.gg/img/logo.png" alt="Number Go Up Logo"/>
52            <span class="hidden sm:inline font-display text-xl tracking-tight text-gold-100">Number Go Up</span>
53        </a>
54
55        <div class="absolute left-1/2 -translate-x-1/2 hidden lg:flex items-center gap-x-1 rounded-full bg-abyss-900/70 ring-1 ring-abyss-700/50 backdrop-blur px-1.5 py-1.5 shadow-sm">
56                            <a wire:navigate class="inline-flex items-center rounded-full px-4 py-1.5 text-sm font-medium text-seafoam-200/70 hover:text-gold-100 hover:bg-abyss-700/60 focus:outline-hidden transition-all duration-200" href="https://numbergoup.gg">
57    Home
58</a>
59            
60            
61            <a wire:navigate class="inline-flex items-center rounded-full px-4 py-1.5 text-sm font-medium text-seafoam-200/70 hover:text-gold-100 hover:bg-abyss-700/60 focus:outline-hidden transition-all duration-200" href="https://numbergoup.gg/cosmetics">
62    Cosmetics
63</a>
64
65            <a wire:navigate class="inline-flex items-center rounded-full px-4 py-1.5 text-sm font-semibold text-seafoam-200 bg-abyss-700 shadow-sm ring-1 ring-abyss-600/70 focus:outline-hidden transition-all duration-200" href="https://numbergoup.gg/smugglers-market">
66    Smuggler's Market
67</a>
68
69            <a wire:navigate class="inline-flex items-center rounded-full px-4 py-1.5 text-sm font-medium text-seafoam-200/70 hover:text-gold-100 hover:bg-abyss-700/60 focus:outline-hidden transition-all duration-200" href="https://numbergoup.gg/events">
70    Events
71</a>
72
73            <a wire:navigate class="inline-flex items-center rounded-full px-4 py-1.5 text-sm font-medium text-seafoam-200/70 hover:text-gold-100 hover:bg-abyss-700/60 focus:outline-hidden transition-all duration-200" href="https://numbergoup.gg/tools">
74    Tools
75</a>
76
77                        <div class="group/more relative">
78                <button
79                    type="button"
80                    id="more-menu-button"
81                    aria-expanded="false"
82                    aria-haspopup="true"
83                    class="inline-flex items-center gap-x-1 rounded-full px-4 py-1.5 text-sm font-medium text-seafoam-200/70 hover:text-gold-100 hover:bg-abyss-700/60 focus:outline-hidden transition-all duration-200"
84                >
85                    More
86                    <svg class="size-4 -rotate-90 transition-transform duration-200 group-hover/more:translate-y-
86px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
87  <path fill-rule="evenodd" d="M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd" />
88</svg>
89                </button>
90
91                <div class="absolute left-1/2 -translate-x-1/2 hidden origin-top pt-4 group-hover/more:block z-40">
92                    <div
93                        class="w-48 divide-y divide-abyss-700/70 rounded-2xl bg-abyss-900/95 backdrop-blur-xl shadow-lg ring-1 ring-abyss-700/50 focus:outline-hidden"
94                        role="menu"
95                        aria-orientation="vertical"
96                        aria-labelledby="more-menu-button"
97                        tabindex="-1"
98                    >
99                        <div class="group py-1" role="none">
100                            <a wire:navigate href="https://numbergoup.gg/tools/custom-seas-servers">
101                                <button
102	type="button"
103	class="cursor-pointer px-4 py-2 w-full flex items-center group-hover:bg-abyss-700/60 font-medium text-seafoam-100 group-hover:text-gold-100 text-sm transition-colors duration-200"
104	role="menuitem"
105	tabindex="-1"
106>
107	<svg class="mr-3 h-5 w-5 text-seafoam-200/70 group-hover:text-seafoam-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
108  <circle cx="12" cy="12" r="9.25" />
109  <path d="M15.6 8.4 13.5 13.5 8.4 15.6 10.5 10.5 15.6 8.4Z" fill="currentColor" stroke="none" />
110  <circle cx="12" cy="12" r="1" fill="currentColor" stroke="none" />
111</svg>
112	Custom Seas
113</button>                            </a>
114                        </div>
115                        <div class="group py-1" role="none">
116                            <a href="https://numbergoup.gg#faq">
117                                <button
118	type="button"
119	class="cursor-pointer px-4 py-2 w-full flex items-center group-hover:bg-abyss-700/60 font-medium text-seafoam-100 group-hover:text-gold-100 text-sm transition-colors duration-200"
120	role="menuitem"
121	tabindex="-1"
122>
123	<svg class="mr-3 h-5 w-5 text-seafoam-200/70 group-hover:text-seafoam-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
124  <path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z" />
125</svg>	FAQ
126</button>                            </a>
127                        </div>
128                        <div class="group py-1" role="none">
129                            <a wire:navigate href="https://numbergoup.gg/support">
130                                <button
131	type="button"
132	class="cursor-pointer px-4 py-2 w-full flex items-center group-hover:bg-abyss-700/60 font-medium text-seafoam-100 group-hover:text-gold-100 text-sm transition-colors duration-200"
133	role="menuitem"
134	tabindex="-1"
135>
136	<svg class="mr-3 h-5 w-5 text-seafoam-200/70 group-hover:text-seafoam-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
137    <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z" />
138</svg>
139	Support
140</button>                            </a>
141                        </div>
142                        <div class="group py-1" role="none">
143                            <a wire:navigate href="https://numbergoup.gg/release-notes">
144                                <button
145	type="button"
146	class="cursor-pointer px-4 py-2 w-full flex items-center group-hover:bg-abyss-700/60 font-medium text-seafoam-100 group-hover:text-gold-100 text-sm transition-colors duration-200"
147	role="menuitem"
148	tabindex="-1"
149>
150	<svg class="mr-3 h-5 w-5 text-seafoam-200/70 group-hover:text-seafoam-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
151  <path fill-rule="evenodd" d="M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.
151036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z" clip-rule="evenodd" />
152</svg>	Release Notes
153</button>                            </a>
154                        </div>
155                        <div class="group py-1" role="none">
156                            <a wire:navigate href="https://numbergoup.gg/about">
157                                <button
158	type="button"
159	class="cursor-pointer px-4 py-2 w-full flex items-center group-hover:bg-abyss-700/60 font-medium text-seafoam-100 group-hover:text-gold-100 text-sm transition-colors duration-200"
160	role="menuitem"
161	tabindex="-1"
162>
163	<svg class="mr-3 h-5 w-5 text-seafoam-200/70 group-hover:text-seafoam-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
164    <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
165</svg>
166	About
167</button>                            </a>
168                        </div>
169                        <div class="group py-1" role="none">
170                            <a href="https://ko-fi.com/numbergoup" target="_blank" rel="noopener">
171                                <button
172	type="button"
173	class="cursor-pointer px-4 py-2 w-full flex items-center group-hover:bg-abyss-700/60 font-medium text-seafoam-100 group-hover:text-gold-100 text-sm transition-colors duration-200"
174	role="menuitem"
175	tabindex="-1"
176>
177	<svg class="mr-3 h-5 w-5 text-seafoam-200/70 group-hover:text-seafoam-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
178    <path fill-rule="evenodd"
179          d="M2.25 7.5A1.5 1.5 0 0 1 3.75 6h12a1.5 1.5 0 0 1 1.5 1.5v.75h1.125a3.375 3.375 0 1 1 0 6.75h-1.36a6.75 6.75 0 0 1-6.265 4.5h-3a6.75 6.75 0 0 1-6.75-6.75V7.5Zm15 5.25h1.125a1.875 1.875 0 1 0 0-3.75H17.25v3.75Z"
180          clip-rule="evenodd"/>
181    <path d="M4.5 21a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9A.75.75 0 0 1 4.5 21Z"/>
182</svg>
183	Buy me a Coffee
184</button>                            </a>
185                        </div>
186                    </div>
187                </div>
188            </div>
189        </div>
190
191        <div x-data="{ sidebarOpen: false }" x-on:sidebar-state.window="sidebarOpen = $event.detail.open"
192             class="ml-auto flex items-center gap-x-3">
193            
194                            <div class="hidden md:flex items-center gap-x-3">
195                    <a href="/login/microsoft"
196                       class="rounded-full px-5 py-2 text-sm font-semibold text-seafoam-100 ring-1 ring-inset ring-abyss-600 hover:ring-seafoam-500/60 hover:text-seafoam-300 transition-all duration-200">
197                        Login
198                    </a>
199
200                    <a wire:navigate href="https://numbergoup.gg/signup"
201                       class="group inline-flex items-center gap-x-2 rounded-full bg-gradient-to-b from-seafoam-500 to-seafoam-600 px-5 py-2 text-sm font-semibold text-white shadow-lg shadow-seafoam-600/25 ring-1 ring-inset ring-white/15 hover:from-seafoam-400 hover:to-seafoam-500 hover:shadow-seafoam-500/40 hover:-translate-y-px transition-all duration-200">
202                        <svg class="size-4 transition-transform duration-200 group-hover:-translate-y-0.5 group-hover:translate-x-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
203  <path fill-rule="evenodd" d="M9.315 7.584C12.195 3.883 16.695 1.5 21.75 1.5a.75.75 0 0 1 .75.75c0 5.056-2.383 9.555-6.084 12.436A6.75 6.75 0 0 1 9.75 22.5a.75.75 0 0 1-.75-.75v-4.131A15.838 15.838 0 0 1 6.382 15H2.25a.75.75 0 0 1-.75-.75 6.75 6.75 0 0 1 7.815-6.666ZM15 6.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" clip-rule="evenodd" />
204  <path d="M5.26 17.242a.75.75 0 1 0-.897-1.203 5.243 5.243 0 0 0-2.05 5.022.75.75 0 0 0 .625.627 5.243 5.243 0 0 0 5.022-2.051.75.75 0 1 0-1.202-.897 3.744 3.744 0 0 1-3.008 1.51c0-1.23.592-2.323 1.51-3.008Z" />
205</svg>
206                        Sign Up
207                    </a>
208                </div>
209            
210            <button
211                type="button"
212                x-on:click="sidebarOpen ? $dispatch('close-sidebar') : $dispatch('open-sidebar', ['partials.mobile-navigation'])"
213                :aria-expanded="sidebarOpen"
214                class="lg:hidden p-2 -mr-2 rounded-full text-seafoam-200 hover:bg-abyss-800 transition-colors cursor-pointer"
215            >
216                <span class="sr-only">Toggle menu</span>
217                <template x-if="!sidebarOpen">
218                    <svg
219    class="size-6 stroke-gray-100"
220    xmlns="http://www.w3.org/2000/svg"
221    fill="none"
222    viewBox="0 0 24 24"
223    stroke-width="1.5"
224    stroke="currentColor"
225>
226    <path
227        stroke-linecap="round"
228        stroke-linejoin="round"
229        d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
230    />
231</svg>
232                </template>
233                <template x-if="sidebarOpen">
234                    <svg class="size-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
235                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
236                    </svg>
237                </template>
238            </button>
239        </div>
240    </nav>
241</div>
242
243<main class="w-full inline-block m-auto min-h-screen pb-20 text-gray-100">
244    <div wire:key="lw-3437951620-0-0-1" wire:snapshot="{&quot;data&quot;:{&quot;component&quot;:null,&quot;properties&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;udHh6fEQUf8TWgTb7JMI&quot;,&quot;name&quot;:&quot;layout.sidebar&quot;,&quot;path&quot;:&quot;smugglers-market&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;bccbbcbcc0af2694837653d420b7ece0901bf60e26d35e98b71e8885dabec737&quot;}" wire:effects="[]" wire:id="udHh6fEQUf8TWgTb7JMI" wire:name="layout.sidebar"
245    x-cloak
246    x-data="{ show: false }"
247    x-init="
248        $watch('show', (value) => {
249            if (value) {
250                document.body.classList.add('overflow-y-hidden')
251            } else {
252                document.body.classList.remove('overflow-y-hidden')
253            }
254            $dispatch('sidebar-state', { open: value })
255        })
256    "
257    x-on:open-sidebar.window="
258        () => {
259            $wire.component = $event.detail[0]
260            $wire.properties = $event.detail[1]
261            $wire.$refresh()
262            show = true
263        }
264    "
265    x-on:close-sidebar.window="show = false"
266    x-on:close.stop="show = false"
267    x-on:keydown.escape.window="show = false"
268    x-show="show"
269    id="sidebar-container"
270    class="fixed inset-0 z-40"
271    aria-labelledby="slide-over-title"
272    role="dialog"
273    aria-modal="true"
274>
275    
276    <div class="fixed inset-0 flex justify-end" x-on:click.self="show = false">
277        
278        <div
279            x-show="show"
280            class="absolute inset-0 bg-black/50 backdrop-blur-sm"
281            x-transition:enter="duration-300 ease-out"
282            x-transition:enter-start="opacity-0"
283            x-transition:enter-end="opacity-100"
284            x-transition:leave="duration-200 ease-in"
285            x-transition:leave-start="opacity-100"
286            x-transition:leave-end="opacity-0"
287        ></div>
288
289        
290        <div
291            x-show="show"
292            class="relative w-screen max-w-sm"
293            x-transition:enter="transition duration-300 ease-out"
294            x-transition:enter-start="translate-x-full"
295            x-transition:enter-end="translate-x-0"
296            x-transition:leave="transition duration-200 ease-in"
297            x-transition:leave-start="translate-x-0"
298            x-transition:leave-end="translate-x-full"
299        >
300            <div class="flex h-full flex-col bg-abyss-900 shadow-2xl">
301                
302                <div class="flex items-center justify-between px-5 py-4 border-b border-abyss-800">
303                    <div class="flex items-center gap-x-3">
304                        <img class="size-8" src="https://numbergoup.gg/img/logo.png" alt="Number Go Up Logo"/>
305                        <span class="text-lg font-bold text-white">Number Go Up</span>
306                    </div>
307                    <button
308                        type="button"
309                        x-on:click="show = false"
310                        class="close-button p-2 -mr-2 rounded-lg text-seafoam-300/60 hover:text-seafoam-100 hover:bg-abyss-700 transition-colors cursor-pointer"
311                    >
312                        <span class="sr-only">Close menu</span>
313                        <svg class="size-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
314                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
315                        </svg>
316                    </button>
317                </div>
318
319                
320                <div class="flex-1 overflow-y-auto px-3 py-4">
321                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
322            </div>
323        </div>
324    </div>
325</div>    <div
326    x-cloak
327    x-init="
328        $watch('show', (on) => {
329            if (on) {
330                let numberRuns = showFor / 100 - 1
331
332                progressBarInterval = setInterval(() => {
333                    let runningWidth =
334                        progressBar.style.width || progressBar.offsetWidth
335
336                    let decreaseBy = container.offsetWidth / numberRuns
337
338                    progressBar.style.width = parseInt(runningWidth) - decreaseBy + 'px'
339                }, 100)
340            } else {
341                clearInterval(progressBarInterval)
342            }
343        })
344    "
345    x-data="{
346        show: false,
347        type: 'success',
348        title: null,
349        message: null,
350        showFor: 3500,
351        size: 'small',
352        themes: {
353            'success': {
354                'icon': 'text-seafoam-400',
355                'ring': 'ring-seafoam-500/30',
356                'glow': 'shadow-seafoam-950/40',
357                'bar': 'bg-gradient-to-r from-seafoam-600 to-seafoam-400',
358            },
359            'error': {
360                'icon': 'text-rose-400',
361                'ring': 'ring-rose-500/30',
362                'glow': 'shadow-rose-950/40',
363                'bar': 'bg-gradient-to-r from-rose-600 to-rose-400',
364            },
365        },
366        timeout: null,
367        container: document.getElementById('large-status-message-container'),
368        progressBar: document.getElementById('status-message-progress-bar'),
369        progressBarInterval: null,
370    }"
371    x-on:show-message.window="
372        () => {
373            clearTimeout(timeout)
374            title = event.detail[0].title || null
375            message = event.detail[0].message || 'Saved'
376            type = event.detail[0].type || 'success'
377            size = event.detail[0].size || 'small'
378            showFor = event.detail[0].showFor || showFor
379            show = true
380            timeout = setTimeout(() => {
381                show = false
382            }, showFor)
383        }
384    "
385    x-on:hide-message.window="show = false"
386    x-show="show"
387    class="z-50"
388>
389    
390    <div
391        x-show="size == 'small' && show"
392        class="fixed left-1/2 top-5 z-50 flex min-w-fit -translate-x-1/2 -translate-y-0 transform items-center gap-x-3 overflow-hidden rounded-2xl border px-4 py-3 shadow-lg ring-1 backdrop-blur-xl transition-all border-abyss-600/70 bg-abyss-900/90"
393        :class="themes[type].ring + ' ' + themes[type].glow"
394        x-transition:enter="transition duration-300 ease-out"
395        x-transition:enter-start="-translate-y-3 scale-95 opacity-0"
396        x-transition:enter-end="translate-y-0 scale-100 opacity-100"
397        x-transition:leave="transition duration-200 ease-in"
398        x-transition:leave-start="translate-y-0 scale-100 opacity-100"
399        x-transition:leave-end="-translate-y-3 scale-95 opacity-0"
400    >
401        <div class="shrink-0" :class="themes[type].icon">
402            <span x-show="type == 'success'">
403                <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
404  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
405</svg>            </span>
406            <span x-show="type == 'error'">
407                <svg class="size-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
408  <path stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
409</svg>            </span>
410        </div>
411        <p
412            x-text="message"
413            class="whitespace-nowrap text-sm font-medium text-gold-100"
414        ></p>
415    </div>
416
417    
418    <div
419        id="large-status-message-container"
420        x-show="size == 'large' && show"
421        class="fixed left-1/2 top-5 z-50 w-11/12 min-w-fit max-w-md -translate-x-1/2 transform overflow-hidden rounded-2xl border shadow-xl ring-1 backdrop-blur-xl transition-all border-abyss-600/70 bg-abyss-900/90"
422        :class="themes[type].ring + ' ' + themes[type].glow"
423        x-transition:enter="transition duration-300 ease-out"
424        x-transition:enter-start="-translate-y-3 scale-95 opacity-0"
425        x-transition:enter-end="translate-y-0 scale-100 opacity-100"
426        x-transition:leave="transition duration-200 ease-in"
427        x-transition:leave-start="translate-y-0 scale-100 opacity-100"
428        x-transition:leave-end="-translate-y-3 scale-95 opacity-0"
429    >
430        <div class="flex p-4">
431            <div class="shrink-0" :class="themes[type].icon">
432                <span x-show="type == 'success'">
433                    <svg class="size-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
434  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
435</svg>                </span>
436                <span x-show="type == 'error'">
437                    <svg class="size-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
438  <path stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
439</svg>                </span>
440            </div>
441            <div class="ml-3 flex-1">
442                <h3
443                    class="text-sm font-semibold text-gold-100"
444                    x-text="title"
445                    x-show="title"
446                ></h3>
447                <div class="text-sm text-gold-100/70" :class="title ? 'mt-1' : ''">
448                    <p x-text="message"></p>
449                </div>
450            </div>
451            <div class="ml-auto pl-3">
452                <div class="-mx-1.5 -my-1.5">
453                    <button
454                        @click="show = false"
455                        type="button"
456                        class="inline-flex cursor-pointer rounded-lg p-1.5 transition text-gold-100/50 hover:bg-abyss-800/70 hover:text-gold-100"
457                    >
458                        <span class="sr-only">Dismiss</span>
459                        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
460  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
461</svg>                    </button>
462                </div>
463            </div>
464        </div>
465        <div class="h-1 w-full bg-abyss-950/70">
466            <div
467                id="status-message-progress-bar"
468                class="h-1 w-full rounded-r-full"
469                :class="themes[type].bar"
470            ></div>
471        </div>
472    </div>
473</div>
474    <div wire:snapshot="{&quot;data&quot;:{&quot;selectedItemId&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;WCPbTsWdtG7PQL0QPoQv&quot;,&quot;name&quot;:&quot;pages.smugglers-market.index&quot;,&quot;path&quot;:&quot;smugglers-market&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;850103d887c7bb00b349c4ed2f3910ff75e79a445cfd9e3294a6da151239df64&quot;}" wire:effects="[]" wire:id="WCPbTsWdtG7PQL0QPoQv" wire:name="pages.smugglers-market.index">
475    
476    <section class="relative overflow-hidden">
477        <div class="absolute inset-0 -z-10 hero-glow"></div>
478        <div class="absolute inset-0 -z-10 map-grain opacity-50"></div>
479        <div class="pointer-events-none absolute inset-x-0 bottom-0 -z-10 h-48 bg-gradient-to-b from-transparent to-abyss-950"></div>
480        <div class="pointer-events-none absolute inset-x-0 top-0 -z-10 h-px bg-gradient-to-r from-transparent via-gold-500/30 to-transparent"></div>
481
482        <div class="max-w-3xl mx-auto px-5 pt-12 lg:pt-20 pb-8 text-center">
483            <p class="text-sm font-semibold uppercase tracking-[0.25em] text-gold-400">The Smuggler's Market</p>
484            <h1 class="mt-4 font-display text-4xl lg:text-6xl tracking-tight text-gold-100">Duke &amp; Larinna</h1>
485            <p class="mt-5 text-base lg:text-lg text-seafoam-200/80">
486                Where to find them, and everything they'll trade you for Doubloons.
487            </p>
488
489            <!--[if BLOCK]><![endif]-->                <p class="mt-5 text-sm text-seafoam-200/60">
490                    <a wire:navigate href="https://numbergoup.gg/login" class="font-semibold text-seafoam-400 hover:text-seafoam-300">Sign in</a>
491                    to see your balance, what you already own, and what you can afford.
492                </p>
493            <!--[if ENDBLOCK]><![endif]-->
494            
495            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
496    </section>
497
498    <div class="max-w-6xl mx-auto px-5 pb-16 lg:pb-24">
499        
500        <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
501            <section class="grid lg:gap-x-8 lg:grid-cols-[16rem_minmax(0,1fr)] mt-10" wire:key="vendor-1">
502    
503    <div class="flex flex-col items-center self-start ">
504        <!--[if BLOCK]><![endif]-->            <img
505                src="/img/games/sea-of-thieves/events/duke.png"
506                alt="Duke"
507                class="pointer-events-none h-[18rem] w-auto max-w-none object-contain object-bottom
508                       drop-shadow-[0_16px_32px_rgba(0,0,0,0.65)] lg:h-[26rem]"
509            />
510        <!--[if ENDBLOCK]><![endif]-->
511        <div class="pt-3 text-center">
512            <h2 class="font-display text-3xl tracking-tight text-gold-100 lg:text-4xl">Duke</h2>
513            <!--[if BLOCK]><![endif]-->                <p class="text-xs font-semibold uppercase tracking-[0.2em] text-gold-400/90">The Smuggler&#039;s Market</p>
514            <!--[if ENDBLOCK]><![endif]-->        </div>
515    </div>
516
517    
518    <div
519        x-data="{
520            hideOwned: false,
521            page: 1,
522            perPage: 24,
523            owned: JSON.parse('[false,false,false,false,false,false,false,false,false,false,false,false,false,false,false]'),
524            get shown() {
525                return this.owned.reduce((keep, isOwned, index) => {
526                    if (! (this.hideOwned && isOwned)) {
527                        keep.push(index);
528                    }
529
530                    return keep;
531                }, []);
532            },
533            get pages() {
534                return Math.max(1, Math.ceil(this.shown.length / this.perPage));
535            },
536            onPage(index) {
537                const at = this.shown.indexOf(index);
538
539                return at >= (this.page - 1) * this.perPage && at < this.page * this.perPage;
540            },
541        }"
542        class="mt-6 flex flex-col rounded-2xl border border-abyss-600/70 bg-abyss-800/40 p-5 lg:mt-0 lg:p-6 "
543    >
544        
545        <!--[if BLOCK]><![endif]-->            <div class="flex flex-wrap items-center gap-3 rounded-xl border border-gold-500/20 bg-gold-500/5 px-4 py-3">
546                <!--[if BLOCK]><![endif]-->                    <div class="min-w-0">
547                        <p class="text-xs font-semibold uppercase tracking-[0.2em] text-gold-400/80">Currently at</p>
548                        <p class="mt-1 font-display text-xl tracking-tight text-gold-100">Kraken&#039;s Fall</p>
549                        <!--[if BLOCK]><![endif]-->                            <p class="mt-0.5 text-sm text-seafoam-200/80">Southern Cave</p>
550                        <!--[if ENDBLOCK]><![endif]-->                    </div>
551                <!--[if ENDBLOCK]><![endif]-->
552                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
553        <!--[if ENDBLOCK]><![endif]-->
554        <!--[if BLOCK]><![endif]-->            
555            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
556            <div class="mt-5 grid grid-cols-3 gap-3 sm:grid-cols-4 lg:grid-cols-6">
557                <!--[if BLOCK]><![endif]-->                    
558                    
559                    <div
560                        wire:key="offer-55"
561                        x-show="onPage(0)"
562                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
563                    >
564                        <button
565                            type="button"
566                            wire:click="showItem('b0fdb9e4-1401-484a-a7f4-245977a211a0')"
567                            aria-label="View Silver Coin Sails"
568                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
569                        >
570                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/b0fdb9e4-1401-484a-a7f4-245977a211a0.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
570X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=bf2fcaf24ca8d4fe1c2f5473da5c8226c721165178eaa9e32a8e5180d18d307e" alt="Silver Coin Sails"
571                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
572                            <!--[if ENDBLOCK]><![endif]-->
573                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
574
575                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
576                            
577                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
578                                Silver Coin Sails
579                            </p>
580
581                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
582                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
583<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
584                                        1,500
585                                    </span>
586                                </div>
587                            <!--[if ENDBLOCK]><![endif]-->
588                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
589                    </div>
590                                    
591                    
592                    <div
593                        wire:key="offer-53"
594                        x-show="onPage(1)"
595                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
596                    >
597                        <button
598                            type="button"
599                            wire:click="showItem('3945ef04-f1e9-48c8-9eba-cf44ca71bf83')"
600                            aria-label="View Forsaken Ashes Cutlass"
601                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
602                        >
603                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/3945ef04-f1e9-48c8-9eba-cf44ca71bf83.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
603X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=9ee842aa806f0116b69bdd29b09a50efab7eb690f42aa3595e7eb90104caed01" alt="Forsaken Ashes Cutlass"
604                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
605                            <!--[if ENDBLOCK]><![endif]-->
606                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
607
608                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
609                            
610                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
611                                Forsaken Ashes Cutlass
612                            </p>
613
614                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
615                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
616<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
617                                        500
618                                    </span>
619                                </div>
620                            <!--[if ENDBLOCK]><![endif]-->
621                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
622                    </div>
623                                    
624                    
625                    <div
626                        wire:key="offer-54"
627                        x-show="onPage(2)"
628                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
629                    >
630                        <button
631                            type="button"
632                            wire:click="showItem('5b04b974-9276-49f1-aafb-07e63e0d9c67')"
633                            aria-label="View Wheel of the Wailing Barnacle"
634                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
635                        >
636                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/5b04b974-9276-49f1-aafb-07e63e0d9c67.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
636X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=9dbe3382404296dbb47640a1c1d88275db262c717a18133a6a73e555d9e1104e" alt="Wheel of the Wailing Barnacle"
637                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
638                            <!--[if ENDBLOCK]><![endif]-->
639                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
640
641                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
642                            
643                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
644                                Wheel of the Wailing Barnacle
645                            </p>
646
647                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
648                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
649<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
650                                        500
651                                    </span>
652                                </div>
653                            <!--[if ENDBLOCK]><![endif]-->
654                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
655                    </div>
656                                    
657                    
658                    <div
659                        wire:key="offer-1"
660                        x-show="onPage(3)"
661                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
662                    >
663                        <button
664                            type="button"
665                            wire:click="showItem('8ed3ffe8-8e3d-4a5d-914d-95e3f04a176f')"
666                            aria-label="View Silver Coin Hull"
667                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
668                        >
669                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/8ed3ffe8-8e3d-4a5d-914d-95e3f04a176f.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
669X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=7aa70a9f862b31ff8c7019537d84cf7bada96b4decd3938d9481213f59611db7" alt="Silver Coin Hull"
670                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
671                            <!--[if ENDBLOCK]><![endif]-->
672                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
673
674                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
675                            
676                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
677                                Silver Coin Hull
678                            </p>
679
680                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
681                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
682<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
683                                        1,500
684                                    </span>
685                                </div>
686                            <!--[if ENDBLOCK]><![endif]-->
687                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
688                    </div>
689                                    
690                    
691                    <div
692                        wire:key="offer-2"
693                        x-show="onPage(4)"
694                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
695                    >
696                        <button
697                            type="button"
698                            wire:click="showItem('891fb056-62ea-434f-9e37-43427a45a171')"
699                            aria-label="View Mercenary Cannons"
700                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
701                        >
702                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/891fb056-62ea-434f-9e37-43427a45a171.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
702X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=8260e30b211df4b030c17ac67ea787c7f973ce0a5b3abfaad4455eaa68b57b9c" alt="Mercenary Cannons"
703                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
704                            <!--[if ENDBLOCK]><![endif]-->
705                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
706
707                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
708                            
709                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
710                                Mercenary Cannons
711                            </p>
712
713                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
714                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
715<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
716                                        500
717                                    </span>
718                                </div>
719                            <!--[if ENDBLOCK]><![endif]-->
720                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
721                    </div>
722                                    
723                    
724                    <div
725                        wire:key="offer-3"
726                        x-show="onPage(5)"
727                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
728                    >
729                        <button
730                            type="button"
731                            wire:click="showItem('5fae8668-7cb1-4c79-b56f-51a0b665bfd7')"
732                            aria-label="View Bone Crusher Hat"
733                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
734                        >
735                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/5fae8668-7cb1-4c79-b56f-51a0b665bfd7.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
735X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=626fd624c76c56a1e31e7dca7681d1719023037634c72672a51c81b5912370a3" alt="Bone Crusher Hat"
736                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
737                            <!--[if ENDBLOCK]><![endif]-->
738                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
739
740                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
741                            
742                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
743                                Bone Crusher Hat
744                            </p>
745
746                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
747                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
748<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
749                                        500
750                                    </span>
751                                </div>
752                            <!--[if ENDBLOCK]><![endif]-->
753                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
754                    </div>
755                                    
756                    
757                    <div
758                        wire:key="offer-4"
759                        x-show="onPage(6)"
760                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
761                    >
762                        <button
763                            type="button"
764                            wire:click="showItem('033dfa6c-f236-456d-8c98-19f57afa554a')"
765                            aria-label="View Silver Coin Figurehead"
766                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
767                        >
768                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/033dfa6c-f236-456d-8c98-19f57afa554a.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
768X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=6aab1879e7fc6b233899ecd74bda70cc3cda943a8ea748c834d5b0cb942f82c3" alt="Silver Coin Figurehead"
769                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
770                            <!--[if ENDBLOCK]><![endif]-->
771                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
772
773                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
774                            
775                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
776                                Silver Coin Figurehead
777                            </p>
778
779                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
780                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
781<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
782                                        1,500
783                                    </span>
784                                </div>
785                            <!--[if ENDBLOCK]><![endif]-->
786                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
787                    </div>
788                                    
789                    
790                    <div
791                        wire:key="offer-5"
792                        x-show="onPage(7)"
793                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
794                    >
795                        <button
796                            type="button"
797                            wire:click="showItem('0efb3bc3-6a8f-4428-80b9-e03880424c8b')"
798                            aria-label="View Curse of Ill Omen"
799                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
800                        >
801                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/0efb3bc3-6a8f-4428-80b9-e03880424c8b.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
801X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=132efadf1d38ad84363cb9d2df82be9ce6f51b4b190589378e5087e730e3c0ee" alt="Curse of Ill Omen"
802                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
803                            <!--[if ENDBLOCK]><![endif]-->
804                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
805
806                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
807                            
808                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
809                                Curse of Ill Omen
810                            </p>
811
812                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
813                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
814<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
815                                        1,500
816                                    </span>
817                                </div>
818                            <!--[if ENDBLOCK]><![endif]-->
819                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
820                    </div>
821                                    
822                    
823                    <div
824                        wire:key="offer-6"
825                        x-show="onPage(8)"
826                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
827                    >
828                        <button
829                            type="button"
830                            wire:click="showItem('0f4b8fa0-b850-45f0-ac93-79914e7c74fb')"
831                            aria-label="View Mercenary Sails"
832                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
833                        >
834                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/0f4b8fa0-b850-45f0-ac93-79914e7c74fb.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
834X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=47b996facf65135b4f81535110731d04a07d9bfadc04b076724ccf5742de9407" alt="Mercenary Sails"
835                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
836                            <!--[if ENDBLOCK]><![endif]-->
837                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
838
839                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
840                            
841                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
842                                Mercenary Sails
843                            </p>
844
845                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
846                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
847<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
848                                        500
849                                    </span>
850                                </div>
851                            <!--[if ENDBLOCK]><![endif]-->
852                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
853                    </div>
854                                    
855                    
856                    <div
857                        wire:key="offer-7"
858                        x-show="onPage(9)"
859                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
860                    >
861                        <button
862                            type="button"
863                            wire:click="showItem('40a6d91f-80b0-4090-b906-a4d97ce6481f')"
864                            aria-label="View Bone Crusher Figurehead"
865                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
866                        >
867                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/40a6d91f-80b0-4090-b906-a4d97ce6481f.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
867X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=bfc6bb57f34bfc4009d3772ce298349b206ec93640aad79ce54c5ba9c9f02137" alt="Bone Crusher Figurehead"
868                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
869                            <!--[if ENDBLOCK]><![endif]-->
870                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
871
872                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
873                            
874                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
875                                Bone Crusher Figurehead
876                            </p>
877
878                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
879                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
880<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
881                                        500
882                                    </span>
883                                </div>
884                            <!--[if ENDBLOCK]><![endif]-->
885                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
886                    </div>
887                                    
888                    
889                    <div
890                        wire:key="offer-8"
891                        x-show="onPage(10)"
892                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
893                    >
894                        <button
895                            type="button"
896                            wire:click="showItem('32e34a04-b688-469d-8a86-c53d32450679')"
897                            aria-label="View Bone Crusher Jacket"
898                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
899                        >
900                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/32e34a04-b688-469d-8a86-c53d32450679.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
900X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=1d551dd5fa7195e9f3472328cbcda89d178e28d6817057a2eee407c2be783dfb" alt="Bone Crusher Jacket"
901                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
902                            <!--[if ENDBLOCK]><![endif]-->
903                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
904
905                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
906                            
907                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
908                                Bone Crusher Jacket
909                            </p>
910
911                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
912                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
913<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
914                                        500
915                                    </span>
916                                </div>
917                            <!--[if ENDBLOCK]><![endif]-->
918                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
919                    </div>
920                                    
921                    
922                    <div
923                        wire:key="offer-9"
924                        x-show="onPage(11)"
925                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
926                    >
927                        <button
928                            type="button"
929                            wire:click="showItem('df4ec2bd-3b47-491f-b85c-892fc3f407bc')"
930                            aria-label="View Mercenary Eye of Reach"
931                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
932                        >
933                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/df4ec2bd-3b47-491f-b85c-892fc3f407bc.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
933X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=c138ce961643d6b5adfea138a7791c0898ab7ba7358cb7ed2e2085480d58ff5d" alt="Mercenary Eye of Reach"
934                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
935                            <!--[if ENDBLOCK]><![endif]-->
936                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
937
938                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
939                            
940                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
941                                Mercenary Eye of Reach
942                            </p>
943
944                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
945                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
946<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
947                                        500
948                                    </span>
949                                </div>
950                            <!--[if ENDBLOCK]><![endif]-->
951                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
952                    </div>
953                                    
954                    
955                    <div
956                        wire:key="offer-10"
957                        x-show="onPage(12)"
958                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
959                    >
960                        <button
961                            type="button"
962                            wire:click="showItem('1e45ea7d-9bc3-4d1e-a3ab-e7bc11a94393')"
963                            aria-label="View Silver Coin Flag"
964                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
965                        >
966                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/1e45ea7d-9bc3-4d1e-a3ab-e7bc11a94393.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
966X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=054abfcfcde00a97cd8dc51463fb03703fe075cb953cd331fe494cd7ad6036ac" alt="Silver Coin Flag"
967                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
968                            <!--[if ENDBLOCK]><![endif]-->
969                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
970
971                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
972                            
973                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
974                                Silver Coin Flag
975                            </p>
976
977                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
978                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
979<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
980                                        1,500
981                                    </span>
982                                </div>
983                            <!--[if ENDBLOCK]><![endif]-->
984                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
985                    </div>
986                                    
987                    
988                    <div
989                        wire:key="offer-11"
990                        x-show="onPage(13)"
991                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
992                    >
993                        <button
994                            type="button"
995                            wire:click="showItem('ca611a04-7d78-4f46-8277-36d08015729f')"
996                            aria-label="View Mercenary Figurehead"
997                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
998                        >
999                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/ca611a04-7d78-4f46-8277-36d08015729f.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
999X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=ce1c20af623d4a4b4248a6ab01efc909045c28082db6a096324037ea723a2b77" alt="Mercenary Figurehead"
1000                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1001                            <!--[if ENDBLOCK]><![endif]-->
1002                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1003
1004                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1005                            
1006                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1007                                Mercenary Figurehead
1008                            </p>
1009
1010                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1011                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1012<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1013                                        500
1014                                    </span>
1015                                </div>
1016                            <!--[if ENDBLOCK]><![endif]-->
1017                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1018                    </div>
1019                                    
1020                    
1021                    <div
1022                        wire:key="offer-12"
1023                        x-show="onPage(14)"
1024                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1025                    >
1026                        <button
1027                            type="button"
1028                            wire:click="showItem('cdaf3a9e-6aea-42e1-8a37-3ad1f93e8295')"
1029                            aria-label="View Bone Crusher Cutlass"
1030                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1031                        >
1032                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/cdaf3a9e-6aea-42e1-8a37-3ad1f93e8295.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1032X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=80886cb685a0f5859ff128c45c70acf2a357a0c1778535015b0ff979ee8e6a6e" alt="Bone Crusher Cutlass"
1033                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1034                            <!--[if ENDBLOCK]><![endif]-->
1035                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1036
1037                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1038                            
1039                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1040                                Bone Crusher Cutlass
1041                            </p>
1042
1043                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1044                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1045<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1046                                        500
1047                                    </span>
1048                                </div>
1049                            <!--[if ENDBLOCK]><![endif]-->
1050                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1051                    </div>
1052                <!--[if ENDBLOCK]><![endif]-->            </div>
1053
1054            
1055            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->    </div>
1056</section>
1057                    <!--[if BLOCK]><![endif]-->                
1058                <div class="mt-12 h-px bg-gradient-to-r from-transparent via-gold-500/40 to-transparent" aria-hidden="true"></div>
1059            <!--[if ENDBLOCK]><![endif]-->
1060            <section class="grid lg:gap-x-8 lg:grid-cols-[minmax(0,1fr)_16rem] mt-10" wire:key="vendor-2">
1061    
1062    <div class="flex flex-col items-center self-start lg:order-2">
1063        <!--[if BLOCK]><![endif]-->            <img
1064                src="/img/games/sea-of-thieves/events/larinna.png"
1065                alt="Larinna"
1066                class="pointer-events-none h-[18rem] w-auto max-w-none object-contain object-bottom
1067                       drop-shadow-[0_16px_32px_rgba(0,0,0,0.65)] lg:h-[26rem]"
1068            />
1069        <!--[if ENDBLOCK]><![endif]-->
1070        <div class="pt-3 text-center">
1071            <h2 class="font-display text-3xl tracking-tight text-gold-100 lg:text-4xl">Larinna</h2>
1072            <!--[if BLOCK]><![endif]-->                <p class="text-xs font-semibold uppercase tracking-[0.2em] text-gold-400/90">The Bilge Rats</p>
1073            <!--[if ENDBLOCK]><![endif]-->        </div>
1074    </div>
1075
1076    
1077    <div
1078        x-data="{
1079            hideOwned: false,
1080            page: 1,
1081            perPage: 24,
1082            owned: JSON.parse('[false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false]'),
1083            get shown() {
1084                return this.owned.reduce((keep, isOwned, index) => {
1085                    if (! (this.hideOwned && isOwned)) {
1086                        keep.push(index);
1087                    }
1088
1089                    return keep;
1090                }, []);
1091            },
1092            get pages() {
1093                return Math.max(1, Math.ceil(this.shown.length / this.perPage));
1094            },
1095            onPage(index) {
1096                const at = this.shown.indexOf(index);
1097
1098                return at >= (this.page - 1) * this.perPage && at < this.page * this.perPage;
1099            },
1100        }"
1101        class="mt-6 flex flex-col rounded-2xl border border-abyss-600/70 bg-abyss-800/40 p-5 lg:mt-0 lg:p-6 lg:order-1"
1102    >
1103        
1104        <!--[if BLOCK]><![endif]-->            <div class="flex flex-wrap items-center gap-3 rounded-xl border border-gold-500/20 bg-gold-500/5 px-4 py-3">
1105                <!--[if BLOCK]><![endif]-->                    <div class="min-w-0">
1106                        <p class="text-xs font-semibold uppercase tracking-[0.2em] text-gold-400/80">Currently at</p>
1107                        <p class="mt-1 font-display text-xl tracking-tight text-gold-100">Any Outpost</p>
1108                        <!--[if BLOCK]><![endif]-->                            <p class="mt-0.5 text-sm text-seafoam-200/80">Outside the tavern</p>
1109                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1110                <!--[if ENDBLOCK]><![endif]-->
1111                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1112        <!--[if ENDBLOCK]><![endif]-->
1113        <!--[if BLOCK]><![endif]-->            
1114            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1115            <div class="mt-5 grid grid-cols-3 gap-3 sm:grid-cols-4 lg:grid-cols-6">
1116                <!--[if BLOCK]><![endif]-->                    
1117                    
1118                    <div
1119                        wire:key="offer-13"
1120                        x-show="onPage(0)"
1121                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1122                    >
1123                        <button
1124                            type="button"
1125                            wire:click="showItem('6379f024-361e-4131-a108-2b7797a9821d')"
1126                            aria-label="View Bloodstone Dragon Gold Pin Hair"
1127                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1128                        >
1129                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/6379f024-361e-4131-a108-2b7797a9821d.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1129X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=f3ab72bb4ca930254b4d9bc1cd0149617a69f9d87e443f6a0b161cce82685a59" alt="Bloodstone Dragon Gold Pin Hair"
1130                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1131                            <!--[if ENDBLOCK]><![endif]-->
1132                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1133
1134                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1135                            
1136                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1137                                Bloodstone Dragon Gold Pin Hair
1138                            </p>
1139
1140                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1141                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1142<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1143                                        100
1144                                    </span>
1145                                </div>
1146                            <!--[if ENDBLOCK]><![endif]-->
1147                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1148                    </div>
1149                                    
1150                    
1151                    <div
1152                        wire:key="offer-14"
1153                        x-show="onPage(1)"
1154                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1155                    >
1156                        <button
1157                            type="button"
1158                            wire:click="showItem('bfd6d25b-f1e8-41d4-b4bc-c925428117d9')"
1159                            aria-label="View Hungering One Hunter&#039;s Gloves"
1160                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1161                        >
1162                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/bfd6d25b-f1e8-41d4-b4bc-c925428117d9.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1162X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=a3da9dbdb263b0758dd747362efb5f29409bee83825cd79b174d915e784cb96b" alt="Hungering One Hunter&#039;s Gloves"
1163                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1164                            <!--[if ENDBLOCK]><![endif]-->
1165                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1166
1167                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1168                            
1169                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1170                                Hungering One Hunter&#039;s Gloves
1171                            </p>
1172
1173                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1174                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1175<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1176                                        100
1177                                    </span>
1178                                </div>
1179                            <!--[if ENDBLOCK]><![endif]-->
1180                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1181                    </div>
1182                                    
1183                    
1184                    <div
1185                        wire:key="offer-15"
1186                        x-show="onPage(2)"
1187                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1188                    >
1189                        <button
1190                            type="button"
1191                            wire:click="showItem('9cf213ad-1efb-401b-aad8-3dccebdbaae5')"
1192                            aria-label="View Shadow Tide Jacket"
1193                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1194                        >
1195                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/9cf213ad-1efb-401b-aad8-3dccebdbaae5.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1195X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=fb639d959729566723395c1f88dce74db80096380e7759c4abed4feaf10849b8" alt="Shadow Tide Jacket"
1196                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1197                            <!--[if ENDBLOCK]><![endif]-->
1198                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1199
1200                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1201                            
1202                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1203                                Shadow Tide Jacket
1204                            </p>
1205
1206                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1207                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1208<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1209                                        100
1210                                    </span>
1211                                </div>
1212                            <!--[if ENDBLOCK]><![endif]-->
1213                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1214                    </div>
1215                                    
1216                    
1217                    <div
1218                        wire:key="offer-16"
1219                        x-show="onPage(3)"
1220                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1221                    >
1222                        <button
1223                            type="button"
1224                            wire:click="showItem('6b4cc0f0-d7e9-4988-9741-e042abc5c536')"
1225                            aria-label="View Shadow Tide Boots"
1226                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1227                        >
1228                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/6b4cc0f0-d7e9-4988-9741-e042abc5c536.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1228X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=07f5629920ffb6dc64dd0fcecb6a8e325bd05865a257876b62e24ee4a813908c" alt="Shadow Tide Boots"
1229                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1230                            <!--[if ENDBLOCK]><![endif]-->
1231                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1232
1233                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1234                            
1235                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1236                                Shadow Tide Boots
1237                            </p>
1238
1239                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1240                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1241<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1242                                        100
1243                                    </span>
1244                                </div>
1245                            <!--[if ENDBLOCK]><![endif]-->
1246                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1247                    </div>
1248                                    
1249                    
1250                    <div
1251                        wire:key="offer-17"
1252                        x-show="onPage(4)"
1253                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1254                    >
1255                        <button
1256                            type="button"
1257                            wire:click="showItem('93b715b9-b762-4516-aaad-de0be17fb2ef')"
1258                            aria-label="View Famous Pirate Eyepatch"
1259                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1260                        >
1261                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/93b715b9-b762-4516-aaad-de0be17fb2ef.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1261X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=912064b1c281852e4c5d113e19b21a75e45f56c1aa429bae2255e6a7b38cd36e" alt="Famous Pirate Eyepatch"
1262                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1263                            <!--[if ENDBLOCK]><![endif]-->
1264                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1265
1266                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1267                            
1268                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1269                                Famous Pirate Eyepatch
1270                            </p>
1271
1272                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1273                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1274<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1275                                        100
1276                                    </span>
1277                                </div>
1278                            <!--[if ENDBLOCK]><![endif]-->
1279                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1280                    </div>
1281                                    
1282                    
1283                    <div
1284                        wire:key="offer-18"
1285                        x-show="onPage(5)"
1286                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1287                    >
1288                        <button
1289                            type="button"
1290                            wire:click="showItem('c5b89a84-a252-4ad5-ba42-4983ed955dd9')"
1291                            aria-label="View Master of the High Seas Shirt"
1292                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1293                        >
1294                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/c5b89a84-a252-4ad5-ba42-4983ed955dd9.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1294X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=f646c66fbd6df4c37f0d4becea08d96ba4caac8aa162143a896d30249ec52e00" alt="Master of the High Seas Shirt"
1295                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1296                            <!--[if ENDBLOCK]><![endif]-->
1297                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1298
1299                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1300                            
1301                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1302                                Master of the High Seas Shirt
1303                            </p>
1304
1305                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1306                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1307<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1308                                        100
1309                                    </span>
1310                                </div>
1311                            <!--[if ENDBLOCK]><![endif]-->
1312                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1313                    </div>
1314                                    
1315                    
1316                    <div
1317                        wire:key="offer-19"
1318                        x-show="onPage(6)"
1319                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1320                    >
1321                        <button
1322                            type="button"
1323                            wire:click="showItem('454d7272-8219-49eb-b141-43bfbe9f039b')"
1324                            aria-label="View Spider&#039;s Venom Dress"
1325                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1326                        >
1327                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/454d7272-8219-49eb-b141-43bfbe9f039b.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1327X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=b109ea9632392446f85002d19fe7b49d5a062a407e589189b5204a4fa26ad061" alt="Spider&#039;s Venom Dress"
1328                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1329                            <!--[if ENDBLOCK]><![endif]-->
1330                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1331
1332                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1333                            
1334                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1335                                Spider&#039;s Venom Dress
1336                            </p>
1337
1338                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1339                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1340<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1341                                        100
1342                                    </span>
1343                                </div>
1344                            <!--[if ENDBLOCK]><![endif]-->
1345                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1346                    </div>
1347                                    
1348                    
1349                    <div
1350                        wire:key="offer-20"
1351                        x-show="onPage(7)"
1352                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1353                    >
1354                        <button
1355                            type="button"
1356                            wire:click="showItem('88ffe9ec-1fac-471e-98ca-ad1db56093b4')"
1357                            aria-label="View Spider&#039;s Venom Hook"
1358                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1359                        >
1360                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/88ffe9ec-1fac-471e-98ca-ad1db56093b4.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1360X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=31629e351ce2cd2cb37e71d9a4a590703f50a93c7623144d6d2225e7745c390f" alt="Spider&#039;s Venom Hook"
1361                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1362                            <!--[if ENDBLOCK]><![endif]-->
1363                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1364
1365                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1366                            
1367                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1368                                Spider&#039;s Venom Hook
1369                            </p>
1370
1371                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1372                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1373<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1374                                        100
1375                                    </span>
1376                                </div>
1377                            <!--[if ENDBLOCK]><![endif]-->
1378                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1379                    </div>
1380                                    
1381                    
1382                    <div
1383                        wire:key="offer-21"
1384                        x-show="onPage(8)"
1385                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1386                    >
1387                        <button
1388                            type="button"
1389                            wire:click="showItem('ebe6f5e0-0c91-4930-bce0-6d8fc4f8df99')"
1390                            aria-label="View Legendary Hunter&#039;s Call Pistol"
1391                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1392                        >
1393                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/ebe6f5e0-0c91-4930-bce0-6d8fc4f8df99.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1393X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=9988b2a09c60534dabc8d19c004fceb3351493720b84de19ceb5381ed768b6fb" alt="Legendary Hunter&#039;s Call Pistol"
1394                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1395                            <!--[if ENDBLOCK]><![endif]-->
1396                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1397
1398                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1399                            
1400                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1401                                Legendary Hunter&#039;s Call Pistol
1402                            </p>
1403
1404                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1405                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1406<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1407                                        100
1408                                    </span>
1409                                </div>
1410                            <!--[if ENDBLOCK]><![endif]-->
1411                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1412                    </div>
1413                                    
1414                    
1415                    <div
1416                        wire:key="offer-22"
1417                        x-show="onPage(9)"
1418                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1419                    >
1420                        <button
1421                            type="button"
1422                            wire:click="showItem('ecb9aac7-2bc1-4aac-ad83-d61a338c3266')"
1423                            aria-label="View Power Chord"
1424                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1425                        >
1426                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/ecb9aac7-2bc1-4aac-ad83-d61a338c3266.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1426X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=36fee7618c9cadd58fd086e1de0f3b1e17b77df3b69f9c36b3f07d08bf10dc1c" alt="Power Chord"
1427                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1428                            <!--[if ENDBLOCK]><![endif]-->
1429                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1430
1431                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1432                            
1433                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1434                                Power Chord
1435                            </p>
1436
1437                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1438                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1439<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1440                                        50
1441                                    </span>
1442                                </div>
1443                            <!--[if ENDBLOCK]><![endif]-->
1444                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1445                    </div>
1446                                    
1447                    
1448                    <div
1449                        wire:key="offer-23"
1450                        x-show="onPage(10)"
1451                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1452                    >
1453                        <button
1454                            type="button"
1455                            wire:click="showItem('1608c065-e677-464d-a931-3ca21243486f')"
1456                            aria-label="View Bloodstone Dragon Hat"
1457                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1458                        >
1459                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/1608c065-e677-464d-a931-3ca21243486f.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1459X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=b94c5d99c545c98b33e51f270d66be5440bf2542aba6eadbea757ec08e3ee0ac" alt="Bloodstone Dragon Hat"
1460                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1461                            <!--[if ENDBLOCK]><![endif]-->
1462                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1463
1464                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1465                            
1466                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1467                                Bloodstone Dragon Hat
1468                            </p>
1469
1470                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1471                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1472<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1473                                        100
1474                                    </span>
1475                                </div>
1476                            <!--[if ENDBLOCK]><![endif]-->
1477                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1478                    </div>
1479                                    
1480                    
1481                    <div
1482                        wire:key="offer-24"
1483                        x-show="onPage(11)"
1484                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1485                    >
1486                        <button
1487                            type="button"
1488                            wire:click="showItem('b4401181-a509-4cf4-aef1-8f961198be61')"
1489                            aria-label="View Bloodstone Dragon Gloves"
1490                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1491                        >
1492                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/b4401181-a509-4cf4-aef1-8f961198be61.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1492X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=9baea07ecc1049915f9dfb533951dfb00932d5e86e71a916b6a64bc012e752e5" alt="Bloodstone Dragon Gloves"
1493                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1494                            <!--[if ENDBLOCK]><![endif]-->
1495                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1496
1497                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1498                            
1499                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1500                                Bloodstone Dragon Gloves
1501                            </p>
1502
1503                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1504                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1505<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1506                                        100
1507                                    </span>
1508                                </div>
1509                            <!--[if ENDBLOCK]><![endif]-->
1510                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1511                    </div>
1512                                    
1513                    
1514                    <div
1515                        wire:key="offer-25"
1516                        x-show="onPage(12)"
1517                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1518                    >
1519                        <button
1520                            type="button"
1521                            wire:click="showItem('86a9f628-f2b7-4845-9dbb-868fec63c4e6')"
1522                            aria-label="View Bloodstone Dragon Shirt"
1523                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1524                        >
1525                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/86a9f628-f2b7-4845-9dbb-868fec63c4e6.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1525X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=cdc1ed0a87a87e6a7737de2aa657fe53f4b4cae4b54c86b98a7910d38095001a" alt="Bloodstone Dragon Shirt"
1526                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1527                            <!--[if ENDBLOCK]><![endif]-->
1528                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1529
1530                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1531                            
1532                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1533                                Bloodstone Dragon Shirt
1534                            </p>
1535
1536                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1537                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1538<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1539                                        100
1540                                    </span>
1541                                </div>
1542                            <!--[if ENDBLOCK]><![endif]-->
1543                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1544                    </div>
1545                                    
1546                    
1547                    <div
1548                        wire:key="offer-26"
1549                        x-show="onPage(13)"
1550                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1551                    >
1552                        <button
1553                            type="button"
1554                            wire:click="showItem('2f7422ff-7ab3-4ec6-b445-f8641e5ae5f0')"
1555                            aria-label="View Bloodstone Dragon Pegleg"
1556                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1557                        >
1558                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/2f7422ff-7ab3-4ec6-b445-f8641e5ae5f0.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1558X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=3fcd307066fefba2cb69cdb55246322a3f9a253b8792651f39dfdb66bbfe16dc" alt="Bloodstone Dragon Pegleg"
1559                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1560                            <!--[if ENDBLOCK]><![endif]-->
1561                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1562
1563                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1564                            
1565                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1566                                Bloodstone Dragon Pegleg
1567                            </p>
1568
1569                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1570                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1571<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1572                                        100
1573                                    </span>
1574                                </div>
1575                            <!--[if ENDBLOCK]><![endif]-->
1576                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1577                    </div>
1578                                    
1579                    
1580                    <div
1581                        wire:key="offer-27"
1582                        x-show="onPage(14)"
1583                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1584                    >
1585                        <button
1586                            type="button"
1587                            wire:click="showItem('a9210ee9-db2c-4d84-8491-2538406f759b')"
1588                            aria-label="View Hungering One Hunter&#039;s Eyepatch"
1589                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1590                        >
1591                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/a9210ee9-db2c-4d84-8491-2538406f759b.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1591X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=c6124022940bfd741e8c6a32f895977933ab638c57e51df00e63c05738f4d409" alt="Hungering One Hunter&#039;s Eyepatch"
1592                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1593                            <!--[if ENDBLOCK]><![endif]-->
1594                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1595
1596                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1597                            
1598                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1599                                Hungering One Hunter&#039;s Eyepatch
1600                            </p>
1601
1602                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1603                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1604<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1605                                        100
1606                                    </span>
1607                                </div>
1608                            <!--[if ENDBLOCK]><![endif]-->
1609                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1610                    </div>
1611                                    
1612                    
1613                    <div
1614                        wire:key="offer-28"
1615                        x-show="onPage(15)"
1616                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1617                    >
1618                        <button
1619                            type="button"
1620                            wire:click="showItem('719398e6-4bf2-4260-8287-84840d412e53')"
1621                            aria-label="View Hungering One Hunter&#039;s Hook"
1622                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1623                        >
1624                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/719398e6-4bf2-4260-8287-84840d412e53.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1624X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=f4223a7e3338b98ffc1eff0a18c4e6cca34987eb57e047d8c6527ec3347dc912" alt="Hungering One Hunter&#039;s Hook"
1625                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1626                            <!--[if ENDBLOCK]><![endif]-->
1627                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1628
1629                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1630                            
1631                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1632                                Hungering One Hunter&#039;s Hook
1633                            </p>
1634
1635                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1636                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1637<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1638                                        100
1639                                    </span>
1640                                </div>
1641                            <!--[if ENDBLOCK]><![endif]-->
1642                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1643                    </div>
1644                                    
1645                    
1646                    <div
1647                        wire:key="offer-29"
1648                        x-show="onPage(16)"
1649                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1650                    >
1651                        <button
1652                            type="button"
1653                            wire:click="showItem('87c3ff5c-1543-42da-8c90-d725029bb56a')"
1654                            aria-label="View Hungering One Hunter&#039;s Trousers"
1655                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1656                        >
1657                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/87c3ff5c-1543-42da-8c90-d725029bb56a.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1657X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=f1a4b0c6248e82e1157386733e137f906f34114b3f287ba0e5c95a623ed64b04" alt="Hungering One Hunter&#039;s Trousers"
1658                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1659                            <!--[if ENDBLOCK]><![endif]-->
1660                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1661
1662                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1663                            
1664                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1665                                Hungering One Hunter&#039;s Trousers
1666                            </p>
1667
1668                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1669                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1670<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1671                                        100
1672                                    </span>
1673                                </div>
1674                            <!--[if ENDBLOCK]><![endif]-->
1675                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1676                    </div>
1677                                    
1678                    
1679                    <div
1680                        wire:key="offer-30"
1681                        x-show="onPage(17)"
1682                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1683                    >
1684                        <button
1685                            type="button"
1686                            wire:click="showItem('0febd09a-08cc-4403-b6ab-75588bd25c7c')"
1687                            aria-label="View Hungering One Hunter&#039;s Boots"
1688                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1689                        >
1690                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/0febd09a-08cc-4403-b6ab-75588bd25c7c.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1690X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=d141a6d8cb435732ad5c7f60da4d152851c6d83db313eb49c4d21155c0d77d2e" alt="Hungering One Hunter&#039;s Boots"
1691                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1692                            <!--[if ENDBLOCK]><![endif]-->
1693                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1694
1695                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1696                            
1697                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1698                                Hungering One Hunter&#039;s Boots
1699                            </p>
1700
1701                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1702                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1703<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1704                                        100
1705                                    </span>
1706                                </div>
1707                            <!--[if ENDBLOCK]><![endif]-->
1708                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1709                    </div>
1710                                    
1711                    
1712                    <div
1713                        wire:key="offer-31"
1714                        x-show="onPage(18)"
1715                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1716                    >
1717                        <button
1718                            type="button"
1719                            wire:click="showItem('1bfa3fa0-ff64-4c9f-8dba-b2e6c0d9fe68')"
1720                            aria-label="View Shadow Tide Serene Hair"
1721                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1722                        >
1723                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/1bfa3fa0-ff64-4c9f-8dba-b2e6c0d9fe68.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1723X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=efb157c96f3b265ec7c35ae2a4658b046f92ccccb27c4d2d315f947d609b8142" alt="Shadow Tide Serene Hair"
1724                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1725                            <!--[if ENDBLOCK]><![endif]-->
1726                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1727
1728                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1729                            
1730                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1731                                Shadow Tide Serene Hair
1732                            </p>
1733
1734                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1735                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1736<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1737                                        100
1738                                    </span>
1739                                </div>
1740                            <!--[if ENDBLOCK]><![endif]-->
1741                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1742                    </div>
1743                                    
1744                    
1745                    <div
1746                        wire:key="offer-32"
1747                        x-show="onPage(19)"
1748                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1749                    >
1750                        <button
1751                            type="button"
1752                            wire:click="showItem('e8babb86-5383-4853-9e2f-e855144873a4')"
1753                            aria-label="View Shadow Tide Fox Mask"
1754                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1755                        >
1756                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/e8babb86-5383-4853-9e2f-e855144873a4.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1756X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=864677ba3b35953e748711c724040a29df1ac26e6378c7e82b0f056cf1a829ad" alt="Shadow Tide Fox Mask"
1757                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1758                            <!--[if ENDBLOCK]><![endif]-->
1759                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1760
1761                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1762                            
1763                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1764                                Shadow Tide Fox Mask
1765                            </p>
1766
1767                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1768                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1769<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1770                                        100
1771                                    </span>
1772                                </div>
1773                            <!--[if ENDBLOCK]><![endif]-->
1774                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1775                    </div>
1776                                    
1777                    
1778                    <div
1779                        wire:key="offer-33"
1780                        x-show="onPage(20)"
1781                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1782                    >
1783                        <button
1784                            type="button"
1785                            wire:click="showItem('00762ac7-b9be-4b50-b722-657ba53a0db2')"
1786                            aria-label="View Shadow Tide Hook"
1787                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1788                        >
1789                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/00762ac7-b9be-4b50-b722-657ba53a0db2.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1789X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=7412c12ece1b31f76c11cb68eb40d3d1ebdc1947bdf800a1b93fe58ee0ac0a93" alt="Shadow Tide Hook"
1790                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1791                            <!--[if ENDBLOCK]><![endif]-->
1792                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1793
1794                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1795                            
1796                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1797                                Shadow Tide Hook
1798                            </p>
1799
1800                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1801                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1802<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1803                                        100
1804                                    </span>
1805                                </div>
1806                            <!--[if ENDBLOCK]><![endif]-->
1807                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1808                    </div>
1809                                    
1810                    
1811                    <div
1812                        wire:key="offer-34"
1813                        x-show="onPage(21)"
1814                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1815                    >
1816                        <button
1817                            type="button"
1818                            wire:click="showItem('d4649cbe-df8e-49b8-8069-05a8a6984449')"
1819                            aria-label="View Shadow Tide Belt"
1820                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1821                        >
1822                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/d4649cbe-df8e-49b8-8069-05a8a6984449.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=2b85ba613130cffc5b0a8e9970c3368395d56d02d3928f5eec062dab82dcf0c9" alt="Shadow Tide Belt"
1823                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1824                            <!--[if ENDBLOCK]><![endif]-->
1825                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1826
1827                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1828                            
1829                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1830                                Shadow Tide Belt
1831                            </p>
1832
1833                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1834                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1835<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1836                                        100
1837                                    </span>
1838                                </div>
1839                            <!--[if ENDBLOCK]><![endif]-->
1840                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1841                    </div>
1842                                    
1843                    
1844                    <div
1845                        wire:key="offer-35"
1846                        x-show="onPage(22)"
1847                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1848                    >
1849                        <button
1850                            type="button"
1851                            wire:click="showItem('468168a1-503c-4223-a592-fa297a37d863')"
1852                            aria-label="View Famous Pirate Jacket"
1853                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1854                        >
1855                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/468168a1-503c-4223-a592-fa297a37d863.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1855X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=ed9e6588a5a660f30757e94eb81d9c15b9e56de039d8a1d574cf4de04c247356" alt="Famous Pirate Jacket"
1856                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1857                            <!--[if ENDBLOCK]><![endif]-->
1858                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1859
1860                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1861                            
1862                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1863                                Famous Pirate Jacket
1864                            </p>
1865
1866                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1867                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1868<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1869                                        100
1870                                    </span>
1871                                </div>
1872                            <!--[if ENDBLOCK]><![endif]-->
1873                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1874                    </div>
1875                                    
1876                    
1877                    <div
1878                        wire:key="offer-36"
1879                        x-show="onPage(23)"
1880                                                class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1881                    >
1882                        <button
1883                            type="button"
1884                            wire:click="showItem('4567c90c-ac22-4c65-a95a-02f880e4bcdb')"
1885                            aria-label="View Famous Pirate Dress"
1886                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1887                        >
1888                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/4567c90c-ac22-4c65-a95a-02f880e4bcdb.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1888X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=bc5e80b4c3b34d091c9f2d32c6f7b4225ef2e5f84e1608e8a691616e37d3e93d" alt="Famous Pirate Dress"
1889                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1890                            <!--[if ENDBLOCK]><![endif]-->
1891                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1892
1893                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1894                            
1895                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1896                                Famous Pirate Dress
1897                            </p>
1898
1899                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1900                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1901<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1902                                        100
1903                                    </span>
1904                                </div>
1905                            <!--[if ENDBLOCK]><![endif]-->
1906                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1907                    </div>
1908                                    
1909                    
1910                    <div
1911                        wire:key="offer-37"
1912                        x-show="onPage(24)"
1913                         style="display: none"                         class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1914                    >
1915                        <button
1916                            type="button"
1917                            wire:click="showItem('876828f5-7b9f-4309-849b-136bc85d426c')"
1918                            aria-label="View Famous Pirate Belt"
1919                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1920                        >
1921                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/876828f5-7b9f-4309-849b-136bc85d426c.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1921X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=5dde6b5d569ab5453cc35eb78d913e154d80f56329908efa8259e255bdfdd952" alt="Famous Pirate Belt"
1922                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1923                            <!--[if ENDBLOCK]><![endif]-->
1924                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1925
1926                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1927                            
1928                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1929                                Famous Pirate Belt
1930                            </p>
1931
1932                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1933                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1934<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1935                                        100
1936                                    </span>
1937                                </div>
1938                            <!--[if ENDBLOCK]><![endif]-->
1939                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1940                    </div>
1941                                    
1942                    
1943                    <div
1944                        wire:key="offer-38"
1945                        x-show="onPage(25)"
1946                         style="display: none"                         class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1947                    >
1948                        <button
1949                            type="button"
1950                            wire:click="showItem('d38bdf39-6d6d-45c4-a92c-b7ad63d1a1cc')"
1951                            aria-label="View Famous Pirate Boots"
1952                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1953                        >
1954                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/d38bdf39-6d6d-45c4-a92c-b7ad63d1a1cc.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1954X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=d56c351acad9d008089f93f97aada7cf77f8d6eee143d48f1dbc349156e7b28d" alt="Famous Pirate Boots"
1955                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1956                            <!--[if ENDBLOCK]><![endif]-->
1957                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1958
1959                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1960                            
1961                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1962                                Famous Pirate Boots
1963                            </p>
1964
1965                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1966                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
1967<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
1968                                        100
1969                                    </span>
1970                                </div>
1971                            <!--[if ENDBLOCK]><![endif]-->
1972                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1973                    </div>
1974                                    
1975                    
1976                    <div
1977                        wire:key="offer-39"
1978                        x-show="onPage(26)"
1979                         style="display: none"                         class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
1980                    >
1981                        <button
1982                            type="button"
1983                            wire:click="showItem('40a31214-4689-4ce6-bf01-3e5ad698e40f')"
1984                            aria-label="View Legendary Smith of Bones Belt"
1985                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
1986                        >
1987                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/40a31214-4689-4ce6-bf01-3e5ad698e40f.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1987X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=dd808184467d1bee55f50051000f1562cbef9050ddcbdb45ee8f885331aeec5b" alt="Legendary Smith of Bones Belt"
1988                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
1989                            <!--[if ENDBLOCK]><![endif]-->
1990                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1991
1992                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
1993                            
1994                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
1995                                Legendary Smith of Bones Belt
1996                            </p>
1997
1998                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
1999                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
2000<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
2001                                        100
2002                                    </span>
2003                                </div>
2004                            <!--[if ENDBLOCK]><![endif]-->
2005                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
2006                    </div>
2007                                    
2008                    
2009                    <div
2010                        wire:key="offer-40"
2011                        x-show="onPage(27)"
2012                         style="display: none"                         class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
2013                    >
2014                        <button
2015                            type="button"
2016                            wire:click="showItem('1f2df979-c3cd-4b2c-8c46-ad58b55ba887')"
2017                            aria-label="View Wild Rose Music Box"
2018                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
2019                        >
2020                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/1f2df979-c3cd-4b2c-8c46-ad58b55ba887.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
2020X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=1278575825e6b60707475ea09a2b18714f7c7bb6f1c67d3ac0f8e12934e53fb7" alt="Wild Rose Music Box"
2021                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
2022                            <!--[if ENDBLOCK]><![endif]-->
2023                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
2024
2025                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
2026                            
2027                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
2028                                Wild Rose Music Box
2029                            </p>
2030
2031                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
2032                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
2033<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
2034                                        100
2035                                    </span>
2036                                </div>
2037                            <!--[if ENDBLOCK]><![endif]-->
2038                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
2039                    </div>
2040                                    
2041                    
2042                    <div
2043                        wire:key="offer-41"
2044                        x-show="onPage(28)"
2045                         style="display: none"                         class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
2046                    >
2047                        <button
2048                            type="button"
2049                            wire:click="showItem('f4ca3a44-f30b-4fe2-a2c2-a29b28a11c7e')"
2050                            aria-label="View Shimmy Dance"
2051                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
2052                        >
2053                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/f4ca3a44-f30b-4fe2-a2c2-a29b28a11c7e.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
2053X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=1f269c5dd70edfe18f08c39bf87d083f7e8e1112825921b0732423a7310a5cfa" alt="Shimmy Dance"
2054                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
2055                            <!--[if ENDBLOCK]><![endif]-->
2056                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
2057
2058                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
2059                            
2060                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
2061                                Shimmy Dance
2062                            </p>
2063
2064                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
2065                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
2066<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
2067                                        50
2068                                    </span>
2069                                </div>
2070                            <!--[if ENDBLOCK]><![endif]-->
2071                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
2072                    </div>
2073                                    
2074                    
2075                    <div
2076                        wire:key="offer-42"
2077                        x-show="onPage(29)"
2078                         style="display: none"                         class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
2079                    >
2080                        <button
2081                            type="button"
2082                            wire:click="showItem('1ecc111f-6890-4059-bcab-43202d0a8c00')"
2083                            aria-label="View Scorecard"
2084                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
2085                        >
2086                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/1ecc111f-6890-4059-bcab-43202d0a8c00.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
2086X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=8cd62c72e75d5959686507b27e435d5a69f366c9741d7e1ec7c7067b58120d29" alt="Scorecard"
2087                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
2088                            <!--[if ENDBLOCK]><![endif]-->
2089                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
2090
2091                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
2092                            
2093                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
2094                                Scorecard
2095                            </p>
2096
2097                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
2098                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
2099<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
2100                                        50
2101                                    </span>
2102                                </div>
2103                            <!--[if ENDBLOCK]><![endif]-->
2104                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
2105                    </div>
2106                                    
2107                    
2108                    <div
2109                        wire:key="offer-43"
2110                        x-show="onPage(30)"
2111                         style="display: none"                         class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
2112                    >
2113                        <button
2114                            type="button"
2115                            wire:click="showItem('1ceddaf4-a191-4e42-9942-2142459eadd2')"
2116                            aria-label="View Famous Pirate Shirt"
2117                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
2118                        >
2119                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/1ceddaf4-a191-4e42-9942-2142459eadd2.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
2119X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=b0ef4e476aaeadb5dcde0488694e64f22a2a598df29225f6b11f88cf25128fc5" alt="Famous Pirate Shirt"
2120                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
2121                            <!--[if ENDBLOCK]><![endif]-->
2122                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
2123
2124                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
2125                            
2126                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
2127                                Famous Pirate Shirt
2128                            </p>
2129
2130                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
2131                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
2132<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
2133                                        100
2134                                    </span>
2135                                </div>
2136                            <!--[if ENDBLOCK]><![endif]-->
2137                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
2138                    </div>
2139                                    
2140                    
2141                    <div
2142                        wire:key="offer-44"
2143                        x-show="onPage(31)"
2144                         style="display: none"                         class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
2145                    >
2146                        <button
2147                            type="button"
2148                            wire:click="showItem('edc45e6d-0497-47b4-af18-5b18f01f3c7d')"
2149                            aria-label="View Bloodstone Dragon Trousers"
2150                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
2151                        >
2152                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/edc45e6d-0497-47b4-af18-5b18f01f3c7d.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
2152X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=0deb93cff53b573727be04ae9672bf567cbb37f30377970cb1e8f987f3da0a08" alt="Bloodstone Dragon Trousers"
2153                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
2154                            <!--[if ENDBLOCK]><![endif]-->
2155                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
2156
2157                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
2158                            
2159                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
2160                                Bloodstone Dragon Trousers
2161                            </p>
2162
2163                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
2164                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
2165<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
2166                                        100
2167                                    </span>
2168                                </div>
2169                            <!--[if ENDBLOCK]><![endif]-->
2170                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
2171                    </div>
2172                                    
2173                    
2174                    <div
2175                        wire:key="offer-45"
2176                        x-show="onPage(32)"
2177                         style="display: none"                         class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
2178                    >
2179                        <button
2180                            type="button"
2181                            wire:click="showItem('00aae12b-2dd9-4101-b995-6d205238d200')"
2182                            aria-label="View Famous Pirate Hat"
2183                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
2184                        >
2185                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/00aae12b-2dd9-4101-b995-6d205238d200.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
2185X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=4f1c2ae08775f1e8ee0c0cca7d767292440b3a69738a52e731d600dc9649f656" alt="Famous Pirate Hat"
2186                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
2187                            <!--[if ENDBLOCK]><![endif]-->
2188                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
2189
2190                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
2191                            
2192                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
2193                                Famous Pirate Hat
2194                            </p>
2195
2196                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
2197                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
2198<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
2199                                        100
2200                                    </span>
2201                                </div>
2202                            <!--[if ENDBLOCK]><![endif]-->
2203                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
2204                    </div>
2205                                    
2206                    
2207                    <div
2208                        wire:key="offer-46"
2209                        x-show="onPage(33)"
2210                         style="display: none"                         class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
2211                    >
2212                        <button
2213                            type="button"
2214                            wire:click="showItem('c98a9e0a-a174-4151-a361-4ad5b4f280ee')"
2215                            aria-label="View Spider&#039;s Venom Eyepatch"
2216                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
2217                        >
2218                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/c98a9e0a-a174-4151-a361-4ad5b4f280ee.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
2218X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=1b27ba0b208bbc34df194b3bad47024f858a657baf69122c8ff7fd412a5ecc25" alt="Spider&#039;s Venom Eyepatch"
2219                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
2220                            <!--[if ENDBLOCK]><![endif]-->
2221                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
2222
2223                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
2224                            
2225                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
2226                                Spider&#039;s Venom Eyepatch
2227                            </p>
2228
2229                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
2230                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
2231<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
2232                                        100
2233                                    </span>
2234                                </div>
2235                            <!--[if ENDBLOCK]><![endif]-->
2236                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
2237                    </div>
2238                                    
2239                    
2240                    <div
2241                        wire:key="offer-47"
2242                        x-show="onPage(34)"
2243                         style="display: none"                         class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
2244                    >
2245                        <button
2246                            type="button"
2247                            wire:click="showItem('aa7cbbfa-db1f-44e9-982d-b00e4f682514')"
2248                            aria-label="View Master of the High Seas Boots"
2249                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
2250                        >
2251                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/aa7cbbfa-db1f-44e9-982d-b00e4f682514.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
2251X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=da612d4be94ef408c7bb27d93e7a1c8576e8bc9c50b2d039448d9e1d5522fd02" alt="Master of the High Seas Boots"
2252                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
2253                            <!--[if ENDBLOCK]><![endif]-->
2254                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
2255
2256                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
2257                            
2258                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
2259                                Master of the High Seas Boots
2260                            </p>
2261
2262                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
2263                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
2264<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
2265                                        100
2266                                    </span>
2267                                </div>
2268                            <!--[if ENDBLOCK]><![endif]-->
2269                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
2270                    </div>
2271                                    
2272                    
2273                    <div
2274                        wire:key="offer-48"
2275                        x-show="onPage(35)"
2276                         style="display: none"                         class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
2277                    >
2278                        <button
2279                            type="button"
2280                            wire:click="showItem('f725c910-7b2f-4c0a-b9db-43f41d27cf9b')"
2281                            aria-label="View Hungering One Hunter&#039;s Belt"
2282                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
2283                        >
2284                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/f725c910-7b2f-4c0a-b9db-43f41d27cf9b.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
2284X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=86368bdba88be0b85cd99e84a0eb30d233aeef51e2af2cfff497851e920bd96b" alt="Hungering One Hunter&#039;s Belt"
2285                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
2286                            <!--[if ENDBLOCK]><![endif]-->
2287                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
2288
2289                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
2290                            
2291                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
2292                                Hungering One Hunter&#039;s Belt
2293                            </p>
2294
2295                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
2296                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
2297<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
2298                                        100
2299                                    </span>
2300                                </div>
2301                            <!--[if ENDBLOCK]><![endif]-->
2302                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
2303                    </div>
2304                                    
2305                    
2306                    <div
2307                        wire:key="offer-49"
2308                        x-show="onPage(36)"
2309                         style="display: none"                         class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
2310                    >
2311                        <button
2312                            type="button"
2313                            wire:click="showItem('1a14ed85-b1ef-4ecf-90c7-cf501f998af8')"
2314                            aria-label="View Pegleg of Boneward Blade"
2315                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
2316                        >
2317                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/1a14ed85-b1ef-4ecf-90c7-cf501f998af8.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
2317X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=abda73a6f43c4fa3dc6cbdf61a820e1c4d9ee5698f1db72f0808b3033230c998" alt="Pegleg of Boneward Blade"
2318                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
2319                            <!--[if ENDBLOCK]><![endif]-->
2320                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
2321
2322                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
2323                            
2324                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
2325                                Pegleg of Boneward Blade
2326                            </p>
2327
2328                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
2329                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
2330<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
2331                                        100
2332                                    </span>
2333                                </div>
2334                            <!--[if ENDBLOCK]><![endif]-->
2335                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
2336                    </div>
2337                                    
2338                    
2339                    <div
2340                        wire:key="offer-50"
2341                        x-show="onPage(37)"
2342                         style="display: none"                         class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
2343                    >
2344                        <button
2345                            type="button"
2346                            wire:click="showItem('4dc2dae4-f52e-4cd9-89c2-222c93bb3af5')"
2347                            aria-label="View Shadow Tide Suave Hair"
2348                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
2349                        >
2350                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/4dc2dae4-f52e-4cd9-89c2-222c93bb3af5.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
2350X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=23fdbc97d0f8b1fe8b7ee6e887110e9c04dff5bda6b238d70942ffce3e5d3106" alt="Shadow Tide Suave Hair"
2351                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
2352                            <!--[if ENDBLOCK]><![endif]-->
2353                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
2354
2355                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
2356                            
2357                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
2358                                Shadow Tide Suave Hair
2359                            </p>
2360
2361                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
2362                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
2363<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
2364                                        100
2365                                    </span>
2366                                </div>
2367                            <!--[if ENDBLOCK]><![endif]-->
2368                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
2369                    </div>
2370                                    
2371                    
2372                    <div
2373                        wire:key="offer-51"
2374                        x-show="onPage(38)"
2375                         style="display: none"                         class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
2376                    >
2377                        <button
2378                            type="button"
2379                            wire:click="showItem('ed514443-bd2b-42cc-9c45-57b705c68a0c')"
2380                            aria-label="View Devilish Duchess Dress"
2381                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
2382                        >
2383                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/ed514443-bd2b-42cc-9c45-57b705c68a0c.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
2383X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=4a37ac890b1513ac0f53bd1e59f1987031ea9af7400849e84dc4f2d16efaf52f" alt="Devilish Duchess Dress"
2384                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
2385                            <!--[if ENDBLOCK]><![endif]-->
2386                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
2387
2388                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
2389                            
2390                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
2391                                Devilish Duchess Dress
2392                            </p>
2393
2394                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
2395                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
2396<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
2397                                        100
2398                                    </span>
2399                                </div>
2400                            <!--[if ENDBLOCK]><![endif]-->
2401                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
2402                    </div>
2403                                    
2404                    
2405                    <div
2406                        wire:key="offer-52"
2407                        x-show="onPage(39)"
2408                         style="display: none"                         class="flex flex-col overflow-hidden rounded-xl border border-abyss-600/70 bg-abyss-800/60"
2409                    >
2410                        <button
2411                            type="button"
2412                            wire:click="showItem('3afc84c8-1b3e-4021-b760-821d0c057182')"
2413                            aria-label="View Touch Grass"
2414                            class="relative aspect-square cursor-pointer bg-gradient-to-b from-abyss-700/50 to-abyss-950/80"
2415                        >
2416                            <!--[if BLOCK]><![endif]-->                                <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/items/3afc84c8-1b3e-4021-b760-821d0c057182.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
2416X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20260924%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20260924T110544Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=cb62d1befd023bddc553c24c37a88f61dabfc489fce04ffe545f8ee3551f6149" alt="Touch Grass"
2417                                     class="absolute inset-0 size-full object-contain p-3.5" loading="lazy"/>
2418                            <!--[if ENDBLOCK]><![endif]-->
2419                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
2420
2421                        <div class="flex flex-1 flex-col gap-y-1 border-t border-abyss-600/50 bg-abyss-900/40 p-3">
2422                            
2423                            <p class="text-sm font-semibold leading-tight text-balance text-gold-100">
2424                                Touch Grass
2425                            </p>
2426
2427                            <!--[if BLOCK]><![endif]-->                                <div class="mt-auto flex items-center gap-x-1.5 pt-1">
2428                                    <!--[if BLOCK]><![endif]-->    <img class="size-4 shrink-0" src="https://numbergoup.gg/img/games/sea-of-thieves/currencies/doubloons.svg" alt="Doubloons">
2429<!--[if ENDBLOCK]><![endif]-->                                    <span class="text-sm font-bold tabular-nums text-gold-200">
2430                                        50
2431                                    </span>
2432                                </div>
2433                            <!--[if ENDBLOCK]><![endif]-->
2434                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
2435                    </div>
2436                <!--[if ENDBLOCK]><![endif]-->            </div>
2437
2438            
2439            <!--[if BLOCK]><![endif]-->                <div x-show="pages > 1" class="mt-5 flex items-center justify-center gap-x-4">
2440                    <button
2441                        type="button"
2442                        x-on:click="page = Math.max(1, page - 1)"
2443                        :disabled="page === 1"
2444                        aria-label="Previous page"
2445                        class="flex size-8 cursor-pointer items-center justify-center rounded-lg border border-abyss-600/70
2446                               bg-abyss-900/40 text-seafoam-200/80 transition-colors hover:bg-abyss-800/60
2447                               disabled:cursor-not-allowed disabled:opacity-30 disabled:hover:bg-abyss-900/40"
2448                    >
2449                        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
2450  <path fill-rule="evenodd" d="M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd" />
2451</svg>
2452                    </button>
2453
2454                    <p class="text-xs font-semibold uppercase tracking-[0.2em] text-seafoam-200/60">
2455                        Page <span x-text="page" class="text-gold-200"></span> of <span x-text="pages" class="text-gold-200"></span>
2456                    </p>
2457
2458                    <button
2459                        type="button"
2460                        x-on:click="page = Math.min(pages, page + 1)"
2461                        :disabled="page === pages"
2462                        aria-label="Next page"
2463                        class="flex size-8 cursor-pointer items-center justify-center rounded-lg border border-abyss-600/70
2464                               bg-abyss-900/40 text-seafoam-200/80 transition-colors hover:bg-abyss-800/60
2465                               disabled:cursor-not-allowed disabled:opacity-30 disabled:hover:bg-abyss-900/40"
2466                    >
2467                        <svg class="size-4 rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
2468  <path fill-rule="evenodd" d="M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd" />
2469</svg>
2470                    </button>
2471                </div>
2472            <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->    </div>
2473</section>
2474        <!--[if ENDBLOCK]><![endif]-->    </div>
2475
2476    <div
2477    x-data="{ show: false }"
2478    x-on:click="show = false"
2479    x-on:open-lightbox.window="show = true"
2480    x-on:close-lightbox.window="show = false"
2481    x-on:close.stop="show = false"
2482    x-on:keydown.escape.window="show = false"
2483    x-show="show"
2484    id="lightbox-container"
2485    class="fixed inset-0 z-40 overflow-y-auto px-4 py-6 sm:px-0"
2486    style="display: none"
2487>
2488    <div
2489        x-show="show"
2490        class="fixed inset-0 transform transition-all"
2491        x-on:click="show = false"
2492        x-transition:enter="duration-300 ease-out"
2493        x-transition:enter-start="opacity-0"
2494        x-transition:enter-end="opacity-100"
2495        x-transition:leave="duration-200 ease-in"
2496        x-transition:leave-start="opacity-100"
2497        x-transition:leave-end="opacity-0"
2498    >
2499        <div
2500            class="absolute inset-0 z-40 bg-abyss-950/80 backdrop-blur-sm"
2501        ></div>
2502    </div>
2503
2504    <div
2505        x-show="show"
2506        class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transform overflow-hidden rounded-2xl ring-1 ring-gold-500/25 shadow-2xl shadow-black/50 transition-all sm:mx-auto"
2507        x-transition:enter="duration-300 ease-out"
2508        x-transition:enter-start="opacity-0 sm:scale-95"
2509        x-transition:enter-end="opacity-100 sm:scale-100"
2510        x-transition:leave="duration-200 ease-in"
2511        x-transition:leave-start="opacity-100 sm:scale-100"
2512        x-transition:leave-end="opacity-0 sm:scale-95"
2513    >
2514        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
2515</div>
2516</div>
2517    </main>
2518
2519<footer class="border-t border-abyss-700/60 bg-abyss-900/40">
2520    <div class="container m-auto px-4 py-14 lg:px-8 lg:py-16">
2521        <div class="grid gap-10 lg:grid-cols-[minmax(0,1.6fr)_repeat(3,minmax(0,1fr))] lg:gap-8">
2522            
2523            <div class="max-w-sm">
2524                <a wire:navigate href="https://numbergoup.gg"
2525                   class="flex items-center gap-x-2.5 transition-opacity duration-200 hover:opacity-80">
2526                    <img class="size-8" src="https://numbergoup.gg/img/logo.png" alt="Number Go Up Logo"/>
2527                    <span class="font-display text-xl tracking-tight text-gold-100">Number Go Up</span>
2528                </a>
2529                <p class="mt-4 text-sm leading-6 text-seafoam-300/70">
2530                    Your Sea of Thieves companion. Track your commendations, achievements, chest,
2531                    cosmetics, guilds, fleet, events, and the Smuggler's Market all in one place
2532                    &mdash; and watch the number go up.
2533                </p>
2534                <div class="mt-6">
2535                    <div class="flex flex-wrap items-center gap-3 justify-center lg:justify-start">
2536                    <a href="https://apps.apple.com/us/app/number-go-up-pirates-log/id6784696493" target="_blank" rel="noopener noreferrer"
2537               class="transition-transform duration-200 hover:-translate-y-0.5">
2538                <img class="h-[44px] w-[122px] object-contain"
2539                     src="https://numbergoup.gg/img/marketing/download-numbergoup-on-the-app-store.webp"
2540                     alt="Download Number Go Up on the App Store"/>
2541            </a>
2542                            <a href="https://play.google.com/store/apps/details?id=com.hopperlabs.numbergoup" target="_blank" rel="noopener noreferrer"
2543               class="transition-transform duration-200 hover:-translate-y-0.5">
2544                <img class="h-[44px] w-[122px] object-contain"
2545                     src="https://numbergoup.gg/img/marketing/download-numbergoup-in-the-android-play-store.png"
2546                     alt="Get Number Go Up on Google Play"/>
2547            </a>
2548            </div>
2549                </div>
2550            </div>
2551
2552            
2553            <div>
2554                <p class="text-[0.7rem] font-semibold uppercase tracking-[0.18em] text-seafoam-300/40">Explore</p>
2555                <ul class="mt-4 flex flex-col gap-y-3 text-sm">
2556                    <li><a wire:navigate href="https://numbergoup.gg/cosmetics" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Cosmetics</a></li>
2557                    <li><a wire:navigate href="https://numbergoup.gg/smugglers-market" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Smuggler's Market</a></li>
2558                    <li><a wire:navigate href="https://numbergoup.gg/events" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Events</a></li>
2559                    <li><a wire:navigate href="https://numbergoup.gg/tools" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Tools</a></li>
2560                    <li><a wire:navigate href="https://numbergoup.gg/tools/custom-seas-servers" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Custom Seas</a></li>
2561                </ul>
2562            </div>
2563
2564            
2565            <div>
2566                <p class="text-[0.7rem] font-semibold uppercase tracking-[0.18em] text-seafoam-300/40">Help</p>
2567                <ul class="mt-4 flex flex-col gap-y-3 text-sm">
2568                    <li><a wire:navigate href="https://numbergoup.gg/support" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Support</a></li>
2569                    <li><a wire:navigate href="https://numbergoup.gg/about" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">About</a></li>
2570                    <li><a wire:navigate href="https://numbergoup.gg/release-notes" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Release Notes</a></li>
2571                    <li><a href="https://ko-fi.com/numbergoup" target="_blank" rel="noopener" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Buy me a Coffee</a></li>
2572                </ul>
2573            </div>
2574
2575            
2576            <div>
2577                <p class="text-[0.7rem] font-semibold uppercase tracking-[0.18em] text-seafoam-300/40">Legal</p>
2578                <ul class="mt-4 flex flex-col gap-y-3 text-sm">
2579                    <li><a wire:navigate href="https://numbergoup.gg/privacy-policy" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Privacy Policy</a></li>
2580                    <li><a wire:navigate href="https://numbergoup.gg/data-deletion" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Data Deletion</a></li>
2581                </ul>
2582            </div>
2583        </div>
2584
2585        
2586        <div class="mt-12 flex flex-col gap-y-4 border-t border-abyss-800/70 pt-6 text-xs text-seafoam-300/50 sm:flex-row sm:items-center sm:justify-between">
2587            <div class="flex flex-col items-center gap-y-1 text-center sm:flex-row sm:items-center sm:gap-x-4 sm:text-left">
2588                <p class="flex items-center gap-x-1">
2589                    Made by <strong class="font-semibold text-seafoam-300/70">Mr Mancer</strong>
2590                    <svg class="size-3.5 text-red-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2591    <path
2592        d="m11.645 20.91-.007-.003-.022-.012a15.247 15.247 0 0 1-.383-.218 25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17 15.247 15.247 0 0 1-.383.219l-.022.012-.007.004-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z"/>
2593</svg>
2594                </p>
2595            </div>
2596            <p class="max-w-md text-center sm:text-right">
2597                Not affiliated with, endorsed by, or associated with Rare Ltd or Microsoft.
2598            </p>
2599        </div>
2600    </div>
2601</footer>
2602
2603<div x-persist="pirate-chatbot">
2604    
2605    <div
2606    x-cloak
2607    x-data="aiChatbot(true, false, null)"
2608    x-show="visible"
2609    x-on:keydown.escape.window="open = false"
2610    x-on:polly-visibility-changed.window="visible = $event.detail.visible; if (! visible) { open = false; }"
2611>
2612    
2613    <div x-show="!open" class="fixed bottom-6 right-6 z-50 flex flex-col items-end gap-4">
2614        
2615        <div
2616            x-show="!dismissed"
2617            x-transition:leave="transition ease-in duration-200"
2618            x-transition:leave-start="opacity-100"
2619            x-transition:leave-end="opacity-0"
2620            class="relative bg-abyss-900/95 backdrop-blur-xl ring-1 ring-gold-500/25 rounded-2xl pl-4 pr-6 py-3 shadow-lg shadow-abyss-950/40 max-w-64 text-left"
2621        >
2622            <button x-on:click.stop="dismiss()" class="absolute top-1.5 right-2 text-seafoam-200/70 hover:text-seafoam-300 text-sm leading-none cursor-pointer">&times;</button>
2623            <p class="flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-widest text-gold-400">
2624                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-3 h-3"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm3.5-11.5L10 11l-1.5 4.5L14 13l1.5-4.5Z"/></svg>
2625                Pirate Assistant
2626            </p>
2627            <p class="mt-1 text-sm font-bold text-gold-100">
2627Charting a course, matey?</p>
2628            <p class="mt-0.5 text-xs text-seafoam-200/70">Tap the compass and I'll help ye with commendations, lore &amp; more.</p>
2629            
2630            <div class="absolute -bottom-2 right-7">
2631                <div class="w-4 h-4 bg-abyss-900/95 border-b border-r border-gold-500/25 rotate-45"></div>
2632            </div>
2633        </div>
2634
2635        
2636        <button
2637            x-transition:enter="transition ease-out duration-200"
2638            x-transition:enter-start="opacity-0 scale-75"
2639            x-transition:enter-end="opacity-100 scale-100"
2640            x-on:click="toggle()"
2641            aria-label="Open the Pirate Assistant"
2642            class="group relative w-16 h-16 cursor-pointer"
2643        >
2644            
2645            <span aria-hidden="true" class="absolute inset-0 rounded-full fab-pulse"></span>
2646
2647            
2648            <span aria-hidden="true" class="absolute -inset-1 rounded-full compass-ring opacity-80 group-hover:opacity-100 transition-opacity duration-300"></span>
2649
2650            
2651            <span class="absolute inset-0 rounded-full overflow-hidden flex items-center justify-center bg-gradient-to-b from-abyss-700 to-abyss-950 ring-2 ring-inset ring-gold-400/60 shadow-lg shadow-abyss-950/50 transition-all duration-300 group-hover:ring-gold-300 group-hover:scale-105">
2652                <img src="/img/ai-chatbot.png" alt="" class="w-10 h-10 object-contain -scale-x-100 drop-shadow-md transition-transform duration-300 group-hover:scale-110">
2653                
2654                <span aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-0 h-1/2 bg-gradient-to-b from-white/20 to-transparent"></span>
2655            </span>
2656
2657            
2658            <span aria-hidden="true" class="absolute top-0.5 right-0.5 flex h-3.5 w-3.5">
2659                <span class="absolute inline-flex h-full w-full rounded-full bg-seafoam-400 opacity-75 animate-ping"></span>
2660                <span class="relative inline-flex h-3.5 w-3.5 rounded-full bg-seafoam-400 ring-2 ring-abyss-900"></span>
2661            </span>
2662        </button>
2663    </div>
2664
2665    
2666    <div
2667        x-show="open"
2668        x-transition:enter="transition ease-out duration-300"
2669        x-transition:enter-start="opacity-0 translate-y-4 scale-95"
2670        x-transition:enter-end="opacity-100 translate-y-0 scale-100"
2671        x-transition:leave="transition ease-in duration-200"
2672        x-transition:leave-start="opacity-100 translate-y-0 scale-100"
2673        x-transition:leave-end="opacity-0 translate-y-4 scale-95"
2674        class="fixed inset-0 sm:inset-auto sm:bottom-6 sm:right-6 z-50 w-full sm:w-96 h-[100dvh] sm:h-[600px] flex flex-col bg-abyss-950/95 backdrop-blur-xl rounded-none sm:rounded-2xl shadow-2xl shadow-abyss-950/30 ring-0 sm:ring-1 sm:ring-gold-500/25 overflow-hidden"
2675    >
2676        
2677        <div class="relative flex items-center gap-3 px-4 py-3 bg-abyss-900/80 border-b border-abyss-700/60">
2678            
2679            <div class="pointer-events-none absolute inset-x-0 bottom-0 h-px bg-gradient-to-r from-transparent via-gold-500/40 to-transparent"></div>
2680
2681            
2682            <span class="relative w-11 h-11 shrink-0 rounded-full overflow-hidden flex items-center justify-center bg-gradient-to-b from-abyss-700 to-abyss-950 ring-2 ring-inset ring-gold-400/60 shadow-md shadow-abyss-950/40">
2683                <img src="/img/ai-chatbot.png" alt="Pirate Assistant" class="w-7 h-7 object-contain drop-shadow">
2684                <span aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-0 h-1/2 bg-gradient-to-b from-white/20 to-transparent"></span>
2685            </span>
2686
2687            <div class="flex-1">
2688                <h3 class="font-display text-lg leading-tight tracking-tight text-gold-100">Polly</h3>
2689                <p class="flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-widest text-gold-400">
2690                    <span class="relative flex h-1.5 w-1.5">
2691                        <span class="absolute inline-flex h-full w-full rounded-full bg-seafoam-400 opacity-75 animate-ping"></span>
2692                        <span class="relative inline-flex h-1.5 w-1.5 rounded-full bg-seafoam-500"></span>
2693                    </span>
2694                    Sea of Thieves Guide
2695                </p>
2696            </div>
2697            <button x-on:click.stop="open = false" aria-label="Close" class="p-1.5 rounded-full text-seafoam-200/70 hover:text-seafoam-300 hover:bg-abyss-800/60 transition-colors cursor-pointer">
2698                <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
2699                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
2700                </svg>
2701            </button>
2702        </div>
2703
2704        
2705        <div x-ref="messages" class="relative flex-1 overflow-y-auto px-4 py-4 space-y-5">
2706            
2707            <div class="pointer-events-none absolute inset-0 map-grain opacity-40 opacity-60"></div>
2708
2709            <template x-for="(msg, i) in messages" :key="i">
2710                <div class="relative" x-show="msg.role === 'user' || msg.text">
2711                    
2712                    <template x-if="msg.role === 'user'">
2713                        <div class="flex justify-end">
2714                            <div
2715                                class="bg-gradient-to-b from-gold-300 to-gold-400 text-abyss-950 rounded-2xl px-4 py-2.5 max-w-[85%] text-sm leading-relaxed break-words shadow-sm shadow-gold-600/20 [&_a]:underline [&_a]:font-semibold"
2716                                x-html="formatMessage(msg.text)"
2717                            ></div>
2718                        </div>
2719                    </template>
2720                    
2721                    <template x-if="msg.role === 'bot'">
2722                        <div>
2723                            <img src="/img/ai-chatbot.png" alt="Polly" class="w-8 h-8 object-contain drop-shadow mb-1.5">
2724                            <div
2725                                class="text-[15px] leading-relaxed break-words text-seafoam-50 [&>p:first-child]:indent-0 [&_a]:text-seafoam-300 [&_a]:underline [&_p]:my-0 [&_p+p]:mt-3 [&_ul]:list-disc [&_ul]:pl-5 [&_ul]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_ol]:my-2 [&_li]:my-1 [&_li]:pl-1 [&_strong]:font-bold [&_strong]:text-white [&_em]:italic [&_code]:bg-abyss-950/60 [&_code]:px-1 [&_code]:rounded [&_code]:text-xs [&_pre]:bg-abyss-950 [&_pre]:p-2 [&_pre]:rounded [&_pre]:my-2 [&_pre]:overflow-x-auto [&_h1]:font-display [&_h1]:text-base [&_h1]:my-1.5 [&_h2]:font-display [&_h2]:text-sm [&_h2]:my-1.5 [&_h3]:font-semibold [&_h3]:my-1 [&_blockquote]:border-l-2 [&_blockquote]:border-gold-400/50 [&_blockquote]:pl-2 [&_blockquote]:italic [&_table]:my-2 [&_table]:w-full [&_table]:border-collapse [&_th]:px-2 [&_th]:py-1 [&_th]:text-left [&_td]:px-2 [&_td]:py-1"
2726                                x-html="formatMessage(msg.text)"
2727                            ></div>
2728                        </div>
2729                    </template>
2730                </div>
2731            </template>
2732
2733            
2734            <div x-show="loading && (!messages.length || !messages[messages.length - 1].text)" class="flex items-center gap-2.5">
2735                <img src="/img/ai-chatbot.png" alt="Polly" class="w-8 h-8 object-contain animate-bounce" style="animation-duration: 1.2s">
2736                <span class="text-sm text-seafoam-200/60">Polly is thinking&hellip;</span>
2737            </div>
2738        </div>
2739
2740        
2741        <div class="relative p-3 border-t border-abyss-700/60 bg-abyss-900/80">
2742            <div class="pointer-events-none absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-gold-500/40 to-transparent"></div>
2743            <form x-on:submit.prevent="send()" class="flex items-center gap-2">
2744                <input
2745                    x-ref="input"
2746                    x-model="question"
2747                    type="text"
2748                    :placeholder="disabled ? 'Polly isn\'t takin\' yer questions.' : 'Speak yer mind, sailor…'"
2749                    maxlength="500"
2750                    :disabled="disabled"
2751                    class="flex-1 !rounded-full !py-2.5 !px-4 text-sm !ring-1 !ring-inset !ring-abyss-700/70 !bg-abyss-800/70 focus:!ring-2 focus:!ring-gold-500/40 disabled:opacity-50 disabled:cursor-not-allowed"
2752                >
2753                <button
2754                    type="submit"
2755                    :disabled="disabled || loading || cooldown || !question.trim()"
2756                    aria-label="Send"
2757                    class="shrink-0 grid place-items-center w-10 h-10 rounded-full bg-gradient-to-b from-gold-400 to-gold-500 hover:from-gold-300 hover:to-gold-400 ring-1 ring-inset ring-white/15 disabled:opacity-40 text-abyss-950 transition-all duration-200 cursor-pointer disabled:cursor-not-allowed"
2758                >
2759                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
2760                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 19V5M5 12l7-7 7 7"/>
2761                    </svg>
2762                </button>
2763            </form>
2764            <p class="mt-2 text-center text-[10px] text-seafoam-200/50">Not affiliated with Rare Ltd or Microsoft. AI-generated responses may contain mistakes.</p>
2765        </div>
2766    </div>
2767</div>
2768
2769<script>
2770document.addEventListener('alpine:init', () => {
2771    Alpine.data('aiChatbot', (visible = true, disabled = false, disabledMessage = null) => ({
2772        visible,
2773        disabled,
2774        disabledMessage: disabledMessage || 'Arrr, I\'ll not be takin\' yer questions, matey. Yer access to Polly has been revoked.',
2775        open: false,
2776        dismissed: localStorage.getItem('chatbot-dismissed') === '1',
2777        messages: [],
2778        question: '',
2779        loading: false,
2780        cooldown: false,
2781        welcomed: false,
2782        newConversation: true,
2783        firstWelcome: 'Ahoy, matey! I be Polly, yer trusty pirate guide for Sea of Thieves. Here be the sorts o\' questions I can answer:\n\n- **Commendations** \u2014 how to earn \u2018em, what they unlock, and which ye still be missin\u2019\n- **Lore & tall tales** \u2014 the stories, factions, and secrets o\u2019 the seas\n- **Strategies & tips** \u2014 voyages, emissaries, combat, and gold-makin\u2019\n- **Yer own progress** \u2014 ask about yer stats, reputation, and what to chase next\n\nWhat be on yer mind, sailor?',
2784        returnWelcome: 'Arrr, what can I do for ye?',
2785
2786        formatMessage(text) {
2787            return window.renderPirateMessage(text);
2788        },
2789
2790        dismiss() {
2791            this.dismissed = true;
2792            localStorage.setItem('chatbot-dismissed', '1');
2793        },
2794
2795        toggle() {
2796            this.open = !this.open;
2797            this.dismiss();
2798            if (this.open) {
2799                if (!this.welcomed) {
2800                    if (this.disabled) {
2801                        this.typeWelcome(this.disabledMessage);
2802                    } else {
2803                        const seen = localStorage.getItem('pirate-assistant-welcomed');
2804                        const message = seen ? this.returnWelcome : this.firstWelcome;
2805                        this.typeWelcome(message);
2806                        if (!seen) localStorage.setItem('pirate-assistant-welcomed', '1');
2807                    }
2808                    this.welcomed = true;
2809                }
2810                this.$nextTick(() => this.$refs.input?.focus());
2811            }
2812        },
2813
2814        async typeWelcome(message) {
2815            this.messages.push({ role: 'bot', text: '' });
2816            const idx = this.messages.length - 1;
2817            for (let i = 0; i < message.length; i++) {
2818                this.messages[idx].text += message[i];
2819                await new Promise(r => setTimeout(r, 15));
2820                this.scrollToBottom();
2821            }
2822        },
2823
2824        scrollToBottom() {
2825            this.$nextTick(() => {
2826                const el = this.$refs.messages;
2827                if (el) el.scrollTop = el.scrollHeight;
2828            });
2829        },
2830
2831        async send() {
2832            const question = this.question.trim();
2833            if (!question || this.loading || this.cooldown || this.disabled) return;
2834
2835            this.messages.push({ role: 'user', text: question });
2836            this.question = '';
2837            this.loading = true;
2838            this.scrollToBottom();
2839
2840            this.messages.push({ role: 'bot', text: '' });
2841            const botIdx = this.messages.length - 1;
2842
2843            try {
2844                const response = await fetch('/pirate-chat/stream', {
2845                    method: 'POST',
2846                    headers: {
2847                        'Content-Type': 'application/json',
2848                        'Accept': 'text/event-stream',
2849                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
2850                    },
2851                    body: JSON.stringify({ question, new_conversation: this.newConversation }),
2852                });
2853
2854                if (response.status === 419) {
2855                    this.messages[botIdx].text = 'Session expired, please refresh the page.';
2856                    this.loading = false;
2857                    return;
2858                }
2859
2860                // An admin can revoke access mid-session; lock the composer the
2861                // moment the server says so rather than on the next page load.
2862                if (response.status === 403) {
2863                    const body = await response.json().catch(() => ({}));
2864                    this.disabled = true;
2865                    this.disabledMessage = body.message || this.disabledMessage;
2866                    this.messages[botIdx].text = this.disabledMessage;
2867                    this.loading = false;
2868                    return;
2869                }
2870
2871                if (!response.ok) {
2872                    this.messages[botIdx].text = 'Arrr, something went wrong! Try again, matey.';
2873                    this.loading = false;
2874                    return;
2875                }
2876
2877                const reader = response.body.getReader();
2878                const decoder = new TextDecoder();
2879                let buffer = '';
2880
2881                while (true) {
2882                    const { done, value } = await reader.read();
2883                    if (done) break;
2884
2885                    buffer += decoder.decode(value, { stream: true });
2886                    const lines = buffer.split('\n');
2887                    buffer = lines.pop();
2888
2889                    for (const line of lines) {
2890                        if (!line.startsWith('data: ')) continue;
2891                        const data = line.slice(6);
2892
2893                        if (data === '[DONE]') break;
2894
2895                        try {
2896                            const parsed = JSON.parse(data);
2897                            if (parsed.type === 'text_delta' && parsed.delta) {
2898                                this.messages[botIdx].text += parsed.delta;
2899                                this.scrollToBottom();
2900                            }
2901                        } catch (e) {}
2902                    }
2903                }
2904
2905                if (this.messages[botIdx].text) {
2906                    this.messages[botIdx].text = this.messages[botIdx].text.trim();
2907                }
2908            } catch (e) {
2909                this.messages[botIdx].text = 'Arrr, something went wrong! Try again, matey.';
2910            }
2911
2912            this.loading = false;
2913            this.newConversation = false;
2914            this.cooldown = true;
2915            setTimeout(() => this.cooldown = false, 3000);
2916            this.scrollToBottom();
2917            this.$nextTick(() => this.$refs.input?.focus());
2918        },
2919    }));
2920});
2921</script>
2921
2922</div>
2923
2924<script src="https://numbergoup.gg/flux/flux.min.js?id=1ea4120f" data-navigate-once></script>
vendor: 1 bytes, line 2924
2924
2925<script src="https://numbergoup.gg/livewire-8a07a834/livewire.min.js?id=1c586ae0"   data-csrf="a15bmfseauvBZgWzIUXEabFtkV8FkjI1GAZZHGY8" data-module-url="https://numbergoup.gg/livewire-8a07a834" data-update-uri="https://numbergoup.gg/livewire-8a07a834/update" data-navigate-once="true"></script>
vendor: 1 bytes, line 2925
2925
2926<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a40150d1b88672d1',t:'MTc5MDI0Nzk0Mw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
2926</body>
2927
2928<link rel="modulepreload" as="script" href="https://numbergoup.gg/build/assets/app-BnVb_3Ow.js" />
2928<script type="module" src="https://numbergoup.gg/build/assets/app-BnVb_3Ow.js" data-navigate-track="reload"></script>
2928
2929</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.