<html class="inter_fe8b9d92-module__LINzvG__variable jetbrains_mono_8dec50e9-module__V6cRDq__variable h-full" lang="en">
    <head>
        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta charSet="utf-8">
        <meta content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-visual" name="viewport">
        <link as="image" href="/uploads/blog-images/bd94d651-afb1-45e0-a45e-6c4ff9f079d3.webp" rel="preload">
        <link as="image" href="/uploads/avatars/f2c40ad2-5d0a-49dd-8441-651b29ee2a0d.jpg" rel="preload">
        <link data-precedence="next" href="/_next/static/chunks/07zvmlu_1t9vi.css" rel="stylesheet">
        <link data-precedence="next" href="/_next/static/chunks/16c1-yr~g~64e.css" rel="stylesheet">
        <link data-precedence="next" href="/_next/static/chunks/18a39-pa3h1p2.css" rel="stylesheet">
        <link as="script" fetchPriority="low" href="/_next/static/chunks/074prxct1iqr1.js" rel="preload">
        <script async="" src="/_next/static/chunks/0~k6u5_j-9bf2.js"></script><script async="" src="/_next/static/chunks/0sakz7prekwto.js"></script><script async="" src="/_next/static/chunks/02w3av0_0dls1.js"></script><script async="" src="/_next/static/chunks/18cilrg3kkkfk.js"></script><script async="" src="/_next/static/chunks/04.i-__.as.dk.js"></script><script async="" src="/_next/static/chunks/turbopack-0scak6eqgmkh2.js"></script><script async="" src="/_next/static/chunks/0kqk~qmr9uwty.js"></script><script async="" src="/_next/static/chunks/0i.l9589uvx0j.js"></script><script async="" src="/_next/static/chunks/0cnku73vddbk5.js"></script><script async="" src="/_next/static/chunks/0q.kh4dboq84e.js"></script><script async="" src="/_next/static/chunks/03ey0wt-b.7de.js"></script><script async="" src="/_next/static/chunks/05q93m-241.c_.js"></script><script async="" src="/_next/static/chunks/07yiw-otyptpc.js"></script><script async="" src="/_next/static/chunks/0cu0d~xlsprkn.js"></script><script async="" src="/_next/static/chunks/02snyy59pgeli.js"></script><script async="" src="/_next/static/chunks/0c06obk7j402r.js"></script><script async="" src="/_next/static/chunks/04o~ax.x-c6l9.js"></script><script async="" src="/_next/static/chunks/0qk0t2ke9fibt.js"></script><script async="" src="/_next/static/chunks/0xoafg53_nwkt.js"></script><script async="" src="/_next/static/chunks/0q8r1hftv7jw5.js"></script>
        <meta content="" name="next-size-adjust">
        <meta content="#000000" name="theme-color">
        <meta content="dark" name="color-scheme">
        <title>The Diary | Diary of a Pro Gambler</title>
        <meta content="The Diary of a Pro Gambler &mdash; weekly long-form articles on bankroll, mindset, betting strategy and the grind, written by Allsopp." name="description">
        <link href="/manifest.json" rel="manifest">
        <meta content="index, follow" name="robots">
        <meta content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1" name="googlebot">
        <link href="https://diaryofaprogambler.com/diary/rss.xml" rel="alternate" type="application/rss+xml">
        <meta content="telephone=no" name="format-detection">
        <meta content="yes" name="mobile-web-app-capable">
        <meta content="Diary" name="apple-mobile-web-app-title">
        <link href="/icons/splash/splash-1179x2556.png" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image">
        <link href="/icons/splash/splash-1290x2796.png" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image">
        <link href="/icons/splash/splash-1170x2532.png" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image">
        <link href="/icons/splash/splash-1284x2778.png" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image">
        <link href="/icons/splash/splash-1125x2436.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image">
        <link href="/icons/splash/splash-828x1792.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
        <link href="/icons/splash/splash-750x1334.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
        <link href="/icons/splash/splash-1242x2688.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image">
        <link href="/icons/splash/splash-1488x2266.png" media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
        <link href="/icons/splash/splash-1640x2360.png" media="(device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
        <link href="/icons/splash/splash-2048x2732.png" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
        <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
        <meta content="The Diary | Diary of a Pro Gambler" property="og:title">
        <meta content="Weekly long-form articles on bankroll, mindset, betting strategy and the grind." property="og:description">
        <meta content="website" property="og:type">
        <meta content="summary_large_image" name="twitter:card">
        <meta content="The Diary | Diary of a Pro Gambler" name="twitter:title">
        <meta content="Weekly long-form articles on bankroll, mindset, betting strategy and the grind." name="twitter:description">
        <meta content="https://diaryofaprogambler.com/images/og-default.png" name="twitter:image">
        <link href="/favicon.ico?favicon.0x3dzn~oxb6tn.ico" rel="icon" sizes="256x256" type="image/x-icon">
        <link href="/icons/icon.svg" rel="icon" type="image/svg+xml">
        <link href="/icons/icon-192.png" rel="icon" sizes="192x192" type="image/png">
        <link href="/icons/icon-512.png" rel="icon" sizes="512x512" type="image/png">
        <link href="/icons/apple-touch-icon.png" rel="apple-touch-icon">
        <script noModule="" src="/_next/static/chunks/03~yq9q893hmn.js"></script>
    </head>
    <body class="min-h-full flex flex-col bg-bg-primary text-text-primary">
        <div hidden="">
            <!--$-->
            <!--/$-->
        </div>
        <script>window.addEventListener('beforeinstallprompt',function(e){e.preventDefault();window.__dopgInstallPrompt=e;});</script>
        <div aria-hidden="true" class="boot-splash"></div>
        <div data-sport-theme="ufc" style="--color-accent-primary:#3b82f6;--color-accent-secondary:#ef4444;--color-accent-blue:#3b82f6;--color-accent-blue-deep:#2563eb;--color-accent-blue-bright:#60A5FA;--color-accent-red:#ef4444;--color-accent-red-deep:#dc2626;--color-accent-red-bright:#F87171;--color-success-bright:#4ADE80;--color-blue-glow:rgba(59, 130, 246, 0.35);--color-red-glow:rgba(239, 68, 68, 0.35);--color-green-glow:rgba(34, 197, 94, 0.35)">
            <div class="flex flex-col min-h-screen pb-[calc(4rem+env(safe-area-inset-bottom,0px))] md:pb-0">
                <script type="application/ld+json">[{"@context":"https://schema.org","@type":"Organization","@id":"https://diaryofaprogambler.com/#organization","name":"Diary of a Pro Gambler","url":"https://diaryofaprogambler.com","logo":{"@type":"ImageObject","url":"https://diaryofaprogambler.com/icons/icon-512.png","width":512,"height":512},"image":"https://diaryofaprogambler.com/images/og-default.png","sameAs":["https://www.youtube.com/@DiaryofaProGambler"],"founder":{"@id":"https://diaryofaprogambler.com/#chris-allsopp"}},{"@context":"https://schema.org","@type":"WebSite","@id":"https://diaryofaprogambler.com/#website","name":"Diary of a Pro Gambler","url":"https://diaryofaprogambler.com","publisher":{"@id":"https://diaryofaprogambler.com/#organization"}},{"@context":"https://schema.org","@type":"Person","@id":"https://diaryofaprogambler.com/#chris-allsopp","name":"Chris Allsopp","alternateName":"Allsopp","jobTitle":"Professional Gambler","description":"Professional gambler for 15 years specialising in UFC live betting and football betting. Sharing every bet publicly since 2013.","url":"https://diaryofaprogambler.com","sameAs":["https://www.youtube.com/@DiaryofaProGambler"],"worksFor":{"@id":"https://diaryofaprogambler.com/#organization"}}]</script><a class="skip-link" href="#main">Skip to main content</a>
                <div class="sticky top-0 z-50 pt-[env(safe-area-inset-top,0px)]">
                    <div aria-hidden="true" class="absolute top-0 inset-x-0 h-[env(safe-area-inset-top,0px)] bg-bg-primary z-20"></div>
                    <div class="group/scroll-header" data-scrolled="false" data-transparent="false">
                        <header class="relative z-10 bg-bg-primary border-b border-border group-data-[transparent=true]/scroll-header:bg-transparent group-data-[transparent=true]/scroll-header:border-transparent group-data-[scrolled=true]/scroll-header:bg-bg-primary/70 group-data-[scrolled=true]/scroll-header:backdrop-blur-xl group-data-[scrolled=true]/scroll-header:border-white/10 motion-safe:transition-[background-color,backdrop-filter,border-color] motion-safe:duration-200 motion-safe:ease-out">
                            <div class="max-w-7xl mx-auto pl-[max(1rem,env(safe-area-inset-left,0px))] pr-[max(1rem,env(safe-area-inset-right,0px))] flex items-center justify-between h-14 gap-4 group-data-[scrolled=true]/scroll-header:h-11 group-data-[scrolled=true]/scroll-header:gap-3 motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out">
                                <a aria-label="Diary of a Pro Gambler &mdash; home" class="flex items-center justify-center flex-shrink-0 cursor-pointer group min-w-[44px] min-h-[44px] -mx-2 px-2" href="/"><span class="sm:hidden font-black uppercase tracking-[0.12em] text-text-primary text-sm group-data-[scrolled=true]/scroll-header:text-[11px] motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out">DOAPG</span><span class="hidden sm:inline font-black uppercase tracking-[0.12em] text-text-primary text-sm group-data-[scrolled=true]/scroll-header:text-[11px] motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out">Diary of a Pro Gambler</span></a>
                                <nav class="hidden md:flex items-stretch self-stretch flex-1 justify-center min-w-0 overflow-x-auto gap-0 group-data-[scrolled=true]/scroll-header:gap-1 motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out">
                                    <a class="group relative h-full inline-flex items-center gap-1.5 px-3 text-sm tracking-[-0.005em] cursor-pointer transition-colors focus-visible:outline-none focus-visible:text-text-primary text-text-secondary font-medium hover:text-text-primary" href="/chat" style="--nav-accent:#3b82f6"><span>Chat</span><span aria-hidden="true" class="absolute inset-x-3 bottom-0 h-[2px] rounded-t-sm origin-left transform-gpu motion-safe:transition-[transform,opacity,background-color] motion-safe:duration-500 motion-safe:ease-out bg-text-secondary opacity-0 scale-x-0 group-hover:opacity-40 group-hover:scale-x-100"></span></a><a class="group relative h-full inline-flex items-center gap-1.5 px-3 text-sm tracking-[-0.005em] cursor-pointer transition-colors focus-visible:outline-none focus-visible:text-text-primary text-text-secondary font-medium hover:text-text-primary" href="/ufc" style="--nav-accent:#3b82f6"><span>UFC</span><span aria-hidden="true" class="absolute inset-x-3 bottom-0 h-[2px] rounded-t-sm origin-left transform-gpu motion-safe:transition-[transform,opacity,background-color] motion-safe:duration-500 motion-safe:ease-out bg-text-secondary opacity-0 scale-x-0 group-hover:opacity-40 group-hover:scale-x-100"></span></a><a class="group relative h-full inline-flex items-center gap-1.5 px-3 text-sm tracking-[-0.005em] cursor-pointer transition-colors focus-visible:outline-none focus-visible:text-text-primary text-text-secondary font-medium hover:text-text-primary" href="/football" style="--nav-accent:#3b82f6"><span>Football</span><span aria-hidden="true" class="absolute inset-x-3 bottom-0 h-[2px] rounded-t-sm origin-left transform-gpu motion-safe:transition-[transform,opacity,background-color] motion-safe:duration-500 motion-safe:ease-out bg-text-secondary opacity-0 scale-x-0 group-hover:opacity-40 group-hover:scale-x-100"></span></a><a class="group relative h-full inline-flex items-center gap-1.5 px-3 text-sm tracking-[-0.005em] cursor-pointer transition-colors focus-visible:outline-none focus-visible:text-text-primary text-text-secondary font-medium hover:text-text-primary" href="/research" style="--nav-accent:#3b82f6"><span>Research</span><span aria-hidden="true" class="absolute inset-x-3 bottom-0 h-[2px] rounded-t-sm origin-left transform-gpu motion-safe:transition-[transform,opacity,background-color] motion-safe:duration-500 motion-safe:ease-out bg-text-secondary opacity-0 scale-x-0 group-hover:opacity-40 group-hover:scale-x-100"></span></a><a class="group relative h-full inline-flex items-center gap-1.5 px-3 text-sm tracking-[-0.005em] cursor-pointer transition-colors focus-visible:outline-none focus-visible:text-text-primary text-text-secondary font-medium hover:text-text-primary" href="/odds" style="--nav-accent:#3b82f6"><span>Odds</span><span aria-hidden="true" class="absolute inset-x-3 bottom-0 h-[2px] rounded-t-sm origin-left transform-gpu motion-safe:transition-[transform,opacity,background-color] motion-safe:duration-500 motion-safe:ease-out bg-text-secondary opacity-0 scale-x-0 group-hover:opacity-40 group-hover:scale-x-100"></span></a><a aria-current="page" class="group relative h-full inline-flex items-center gap-1.5 px-3 text-sm tracking-[-0.005em] cursor-pointer transition-colors focus-visible:outline-none focus-visible:text-text-primary text-text-primary font-semibold" href="/diary" style="--nav-accent:#3b82f6"><span>Diary</span><span aria-hidden="true" class="absolute inset-x-3 bottom-0 h-[2px] rounded-t-sm origin-left transform-gpu motion-safe:transition-[transform,opacity,background-color] motion-safe:duration-500 motion-safe:ease-out bg-[var(--nav-accent)] opacity-100 scale-x-100"></span></a>
                                    <div class="relative h-full inline-flex items-center">
                                        <button aria-expanded="false" aria-haspopup="menu" class="group relative h-full inline-flex items-center gap-1.5 px-3 text-sm tracking-[-0.005em] cursor-pointer transition-colors focus-visible:outline-none focus-visible:text-text-primary text-text-secondary font-medium hover:text-text-primary" type="button"><span>Tools</span>
                                            <svg aria-hidden="true" class="w-3 h-3 transition-transform duration-150 " fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24">
                                                <path d="m19.5 8.25-7.5 7.5-7.5-7.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                            </svg>
                                            <span aria-hidden="true" class="absolute inset-x-3 bottom-0 h-[2px] rounded-t-sm origin-left transform-gpu motion-safe:transition-[transform,opacity,background-color] motion-safe:duration-500 motion-safe:ease-out bg-text-secondary opacity-0 scale-x-0 group-hover:opacity-40 group-hover:scale-x-100"></span></button>
                                    </div>
                                    <a class="group relative h-full inline-flex items-center gap-1.5 px-3 text-sm tracking-[-0.005em] cursor-pointer transition-colors focus-visible:outline-none focus-visible:text-text-primary text-text-secondary font-medium hover:text-text-primary" href="/pricing" style="--nav-accent:#3b82f6"><span>Pricing</span><span aria-hidden="true" class="absolute inset-x-3 bottom-0 h-[2px] rounded-t-sm origin-left transform-gpu motion-safe:transition-[transform,opacity,background-color] motion-safe:duration-500 motion-safe:ease-out bg-text-secondary opacity-0 scale-x-0 group-hover:opacity-40 group-hover:scale-x-100"></span></a>
                                </nav>
                                <div class="hidden md:block w-px h-6 bg-border flex-shrink-0"></div>
                                <div class="flex items-center flex-shrink-0 gap-2 group-data-[scrolled=true]/scroll-header:gap-1.5 motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out">
                                    <a aria-label="Sign in" class="inline-flex items-center justify-center gap-1.5 min-w-11 min-h-11 sm:min-w-0 sm:min-h-0 sm:px-3 sm:py-2 font-medium text-sm tracking-[-0.005em] text-text-secondary hover:text-[var(--nav-accent)] rounded-md cursor-pointer transition-colors" href="/login" style="--nav-accent:#3b82f6">
                                        <svg class="w-5 h-5 sm:hidden" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
                                            <path d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>
                                        <span class="hidden sm:inline">Sign in</span></a><a class="lk-upgrade-cta inline-flex items-center justify-center gap-1.5 rounded-md font-extrabold uppercase tracking-wider text-bg-primary cursor-pointer px-3 py-1.5 text-[11px]  " href="/pricing">
                                        <svg aria-hidden="true" class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24">
                                            <path d="M12 2.25a.75.75 0 0 1 .722.547l1.275 4.508 4.508 1.275a.75.75 0 0 1 0 1.444l-4.508 1.275-1.275 4.508a.75.75 0 0 1-1.444 0L9.997 11.299 5.49 10.024a.75.75 0 0 1 0-1.444l4.508-1.275 1.275-4.508A.75.75 0 0 1 12 2.25Zm6 12a.6.6 0 0 1 .577.438l.788 2.785 2.785.788a.6.6 0 0 1 0 1.155l-2.785.788-.788 2.785a.6.6 0 0 1-1.155 0l-.788-2.785-2.785-.788a.6.6 0 0 1 0-1.155l2.785-.788.788-2.785A.6.6 0 0 1 18 14.25Z"></path>
                                        </svg>
                                        <span><span class="sm:hidden">Join Us</span><span class="hidden sm:inline">Join Us</span></span></a>
                                </div>
                            </div>
                        </header>
                        <div aria-atomic="false" aria-live="polite" class="border-y border-border bg-bg-primary group-data-[transparent=true]/scroll-header:bg-transparent group-data-[transparent=true]/scroll-header:border-transparent group-data-[scrolled=true]/scroll-header:bg-bg-primary/70 group-data-[scrolled=true]/scroll-header:backdrop-blur-xl group-data-[scrolled=true]/scroll-header:border-white/10 motion-safe:transition-[background-color,backdrop-filter,border-color] motion-safe:duration-200 motion-safe:ease-out">
                            <div>
                                <div class="max-w-7xl mx-auto px-4 max-[380px]:px-2.5 py-2 flex items-center gap-3 max-[380px]:gap-2 min-h-10 overflow-x-clip">
                                    <span class="navbar-session-pill is-next" role="status"><span aria-hidden="true" class="navbar-session-pill-dot"></span><span class="hidden sm:inline">Allsopp goes live in:</span><span class="sm:hidden">Live in:</span><span class="tabular-nums navbar-session-pill-countdown">04:29:32</span></span>
                                    <div class="flex-1 min-w-0 hidden min-[430px]:flex items-center">
                                        <div class="flex-1 min-w-0 overflow-hidden mask-fade-x">
                                            <div class="lk-ticker-track" style="--lk-ticker-duration:36s">
                                                <div class="flex items-center gap-6 flex-shrink-0 pr-6">
                                                    <a class="inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-bg-elevated/60 border border-success/15 hover:border-success/35 text-text-muted hover:text-text-primary cursor-pointer transition-colors whitespace-nowrap" href="/football"><span aria-label="Flag: Japan" class="fi fi-jp text-sm leading-none flex-shrink-0" title="Japan"></span><span class="text-[12.5px] font-semibold tracking-[-0.005em] ">Japanese J1 League</span></a><a class="inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-bg-elevated/60 border border-success/15 hover:border-success/35 text-text-muted hover:text-text-primary cursor-pointer transition-colors whitespace-nowrap" href="/football"><span aria-label="Flag: Japan" class="fi fi-jp text-sm leading-none flex-shrink-0" title="Japan"></span><span class="text-[12.5px] font-semibold tracking-[-0.005em] ">Japanese J1 League</span></a><a class="inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-bg-elevated/60 border border-success/15 hover:border-success/35 text-text-muted hover:text-text-primary cursor-pointer transition-colors whitespace-nowrap" href="/football"><span aria-label="Flag: Japan" class="fi fi-jp text-sm leading-none flex-shrink-0" title="Japan"></span><span class="text-[12.5px] font-semibold tracking-[-0.005em] ">Japanese J1 League</span></a><a class="inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-bg-elevated/60 border border-success/15 hover:border-success/35 text-text-muted hover:text-text-primary cursor-pointer transition-colors whitespace-nowrap" href="/football"><span aria-label="Flag: Japan" class="fi fi-jp text-sm leading-none flex-shrink-0" title="Japan"></span><span class="text-[12.5px] font-semibold tracking-[-0.005em] ">Japanese J1 League</span></a><a class="inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-bg-elevated/60 border border-success/15 hover:border-success/35 text-text-muted hover:text-text-primary cursor-pointer transition-colors whitespace-nowrap" href="/football"><span aria-label="Flag: Japan" class="fi fi-jp text-sm leading-none flex-shrink-0" title="Japan"></span><span class="text-[12.5px] font-semibold tracking-[-0.005em] ">Japanese J1 League</span></a><a class="inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-bg-elevated/60 border border-success/15 hover:border-success/35 text-text-muted hover:text-text-primary cursor-pointer transition-colors whitespace-nowrap" href="/football"><span aria-label="Flag: Japan" class="fi fi-jp text-sm leading-none flex-shrink-0" title="Japan"></span><span class="text-[12.5px] font-semibold tracking-[-0.005em] ">Japanese J1 League</span></a>
                                                </div>
                                                <div aria-hidden="true" class="flex items-center gap-6 flex-shrink-0 pr-6">
                                                    <a class="inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-bg-elevated/60 border border-success/15 hover:border-success/35 text-text-muted hover:text-text-primary cursor-pointer transition-colors whitespace-nowrap" href="/football"><span aria-label="Flag: Japan" class="fi fi-jp text-sm leading-none flex-shrink-0" title="Japan"></span><span class="text-[12.5px] font-semibold tracking-[-0.005em] ">Japanese J1 League</span></a><a class="inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-bg-elevated/60 border border-success/15 hover:border-success/35 text-text-muted hover:text-text-primary cursor-pointer transition-colors whitespace-nowrap" href="/football"><span aria-label="Flag: Japan" class="fi fi-jp text-sm leading-none flex-shrink-0" title="Japan"></span><span class="text-[12.5px] font-semibold tracking-[-0.005em] ">Japanese J1 League</span></a><a class="inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-bg-elevated/60 border border-success/15 hover:border-success/35 text-text-muted hover:text-text-primary cursor-pointer transition-colors whitespace-nowrap" href="/football"><span aria-label="Flag: Japan" class="fi fi-jp text-sm leading-none flex-shrink-0" title="Japan"></span><span class="text-[12.5px] font-semibold tracking-[-0.005em] ">Japanese J1 League</span></a><a class="inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-bg-elevated/60 border border-success/15 hover:border-success/35 text-text-muted hover:text-text-primary cursor-pointer transition-colors whitespace-nowrap" href="/football"><span aria-label="Flag: Japan" class="fi fi-jp text-sm leading-none flex-shrink-0" title="Japan"></span><span class="text-[12.5px] font-semibold tracking-[-0.005em] ">Japanese J1 League</span></a><a class="inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-bg-elevated/60 border border-success/15 hover:border-success/35 text-text-muted hover:text-text-primary cursor-pointer transition-colors whitespace-nowrap" href="/football"><span aria-label="Flag: Japan" class="fi fi-jp text-sm leading-none flex-shrink-0" title="Japan"></span><span class="text-[12.5px] font-semibold tracking-[-0.005em] ">Japanese J1 League</span></a><a class="inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-bg-elevated/60 border border-success/15 hover:border-success/35 text-text-muted hover:text-text-primary cursor-pointer transition-colors whitespace-nowrap" href="/football"><span aria-label="Flag: Japan" class="fi fi-jp text-sm leading-none flex-shrink-0" title="Japan"></span><span class="text-[12.5px] font-semibold tracking-[-0.005em] ">Japanese J1 League</span></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div aria-hidden="true" class="flex-1 min-[430px]:hidden"></div>
                                    <div class="flex items-center gap-2 flex-shrink-0">
                                        <a class="navbar-secondary-cta-tap" href="/calendar"><span class="navbar-secondary-cta">View schedule</span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <main class="flex-1" id="main">
                    <div class="animate-in fade-in">
                        <div class="dia">
                            <style>
.dia {
  --dia-bg: #000;
  --dia-bg2: #07090C;
  --dia-panel: #0E1115;
  --dia-panel2: #131820;
  --dia-line: #1d242d;
  --dia-hair: #161B22;
  --dia-ink: #F5F7FA;
  --dia-ink-soft: #C2C9D2;
  /* Lifted from the pure-design palette (#7C8794 / #5B6571) so both
     dim and faint clear WCAG AA 4.5:1 against the diary's deepest
     bg (#000) used in the vitals strip. The deepest used here is
     #000 → faint=#8A929E ≈ 5.0:1, dim=#9098A3 ≈ 5.3:1. */
  --dia-ink-dim: #9098A3;
  --dia-ink-faint: #8A929E;
  --dia-amber: #d9a441;
  --dia-amber-deep: #B58330;
  --dia-amber-ink: #1a0f00;
  --dia-green: #22c55e;
  --dia-green-bright: #4ADE80;
  --dia-blue: #3b82f6;
  --dia-blue-bright: #60A5FA;
  --dia-red: #ef4444;
  background: var(--dia-bg);
  color: var(--dia-ink);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 14px;
}

/* ============ HERO ============ */
.dia-hero {
  position: relative;
  padding: 64px 32px 56px;
  background:
    radial-gradient(1200px 600px at 50% 0%, rgba(217,164,65,0.10), transparent 60%),
    radial-gradient(900px 480px at 90% 100%, rgba(217,164,65,0.05), transparent 65%),
    linear-gradient(180deg, #0c0a08 0%, var(--dia-bg) 100%);
  border-bottom: 1px solid var(--dia-hair);
  overflow: hidden;
}
.dia-hero::before {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 26px 26px;
  mask-image: radial-gradient(ellipse 60% 50% at 50% 30%, #000 0%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse 60% 50% at 50% 30%, #000 0%, transparent 75%);
  pointer-events: none;
}
.dia-hero-inner {
  position: relative; max-width: 1280px; margin: 0 auto;
  display: flex; flex-direction: column; gap: 16px;
}
.dia-hero-kicker {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--dia-amber);
  display: inline-flex; align-items: center; gap: 10px;
}
.dia-hero-kicker-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--dia-amber);
  box-shadow: 0 0 0 4px rgba(217,164,65,0.18), 0 0 10px var(--dia-amber);
  animation: dia-pulse 1.8s ease-in-out infinite;
}
@keyframes dia-pulse {
  0%,100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.55; transform: scale(0.85); }
}
.dia-hero-h {
  font-family: 'Inter', sans-serif;
  font-size: clamp(36px, 5vw, 64px); font-weight: 900;
  letter-spacing: -0.04em; line-height: 1.02;
  text-transform: uppercase; color: var(--dia-ink); margin: 0;
}
.dia-hero-h em { font-style: normal; color: var(--dia-amber); }
.dia-hero-p {
  font-size: 16px; color: var(--dia-ink-soft); line-height: 1.6;
  max-width: 42em; margin: 0;
}

/* ============ VITALS ============ */
.dia-vitals {
  border-bottom: 1px solid var(--dia-hair);
  background: linear-gradient(180deg, rgba(255,255,255,0.012), transparent);
}
.dia-vitals-inner {
  max-width: 1280px; margin: 0 auto;
  display: grid; grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 720px) {
  .dia-vitals-inner { grid-template-columns: repeat(2, 1fr); }
  /* When the grid is 2 columns, every other cell sits at the right
     edge — its border-right would dangle as a hanging line. Strip it. */
  .dia-vital:nth-child(2n) { border-right: none; }
  .dia-vital:nth-child(-n+2) { border-bottom: 1px solid var(--dia-hair); }
}
.dia-vital {
  padding: 22px 24px;
  border-right: 1px solid var(--dia-hair);
  display: flex; flex-direction: column; gap: 6px;
}
.dia-vital:last-child { border-right: none; }
.dia-vital-k {
  font-family: 'Inter', sans-serif;
  font-size: 10px; font-weight: 700;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--dia-ink-faint);
}
.dia-vital-v {
  font-family: 'JetBrains Mono', monospace;
  font-size: 26px; font-weight: 800;
  letter-spacing: -0.025em; line-height: 1;
  color: var(--dia-ink);
}
.dia-vital-v.a { color: var(--dia-amber); }
.dia-vital-sub {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; color: var(--dia-ink-faint); letter-spacing: 0.04em;
}

/* ============ BODY ============ */
.dia-body {
  max-width: 1280px; margin: 0 auto;
  padding: 56px 32px 80px;
}
@media (max-width: 900px) {
  .dia-hero { padding: 44px 18px 36px; }
  .dia-body { padding: 40px 18px 60px; }
}

/* ============ FEATURED ARTICLE ============ */
.dia-featured {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 0; align-items: stretch;
  background: var(--dia-panel);
  border: 1px solid var(--dia-line);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 48px;
  text-decoration: none; color: inherit;
  transition: border-color .2s, transform .2s, box-shadow .2s;
}
.dia-featured:hover {
  border-color: rgba(217,164,65,0.4);
  transform: translateY(-3px);
  box-shadow: 0 24px 48px -24px rgba(0,0,0,0.7);
}
@media (max-width: 900px) { .dia-featured { grid-template-columns: 1fr; } }

.dia-featured-cover {
  position: relative;
  background:
    radial-gradient(circle at 30% 30%, rgba(217,164,65,0.32), transparent 55%),
    radial-gradient(circle at 80% 70%, rgba(220,38,38,0.2), transparent 55%),
    linear-gradient(135deg, #16110a 0%, #0a0807 100%);
  overflow: hidden;
}
/* Only enforce the tall 360px stage when there's an actual image to
   fill it. Empty gradient covers shouldn't eat a full mobile screen
   on phones where the card stacks. */
.dia-featured-cover.has-image { min-height: 360px; }
.dia-featured-cover img {
  display: block; width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  transition: transform .4s ease;
}
.dia-featured:hover .dia-featured-cover img { transform: scale(1.04); }
.dia-featured-tag {
  position: absolute; top: 18px; right: 22px;
  display: inline-flex; align-items: center; gap: 7px;
  padding: 4px 10px;
  background: var(--dia-amber); color: var(--dia-amber-ink);
  border-radius: 4px;
  font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 800;
  letter-spacing: 0.18em; text-transform: uppercase;
  z-index: 1;
}
.dia-featured-tag-dot {
  width: 5px; height: 5px; border-radius: 50%;
  background: var(--dia-amber-ink);
  animation: dia-pulse 1.4s infinite ease-in-out;
}
.dia-featured-body {
  padding: 36px;
  display: flex; flex-direction: column; gap: 16px; justify-content: center;
}
.dia-featured-cat {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--dia-amber);
}
.dia-featured-h {
  font-family: 'Inter', sans-serif;
  font-size: clamp(24px, 2.8vw, 34px); font-weight: 900;
  letter-spacing: -0.025em; line-height: 1.1;
  text-transform: uppercase; color: var(--dia-ink);
  margin: 0;
}
.dia-featured-excerpt {
  font-size: 15px; color: var(--dia-ink-soft); line-height: 1.6;
  margin: 0;
}
.dia-featured-meta {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin-top: 6px;
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  color: var(--dia-ink-faint); letter-spacing: 0.04em;
}
.dia-author-chip {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--dia-ink-soft); font-weight: 700;
}
.dia-author-av {
  width: 24px; height: 24px; border-radius: 50%;
  background: linear-gradient(135deg, var(--dia-amber), var(--dia-amber-deep));
  color: var(--dia-amber-ink);
  display: inline-flex; align-items: center; justify-content: center;
  font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 900;
  overflow: hidden;
}
.dia-author-av img { width: 100%; height: 100%; object-fit: cover; }
.dia-engage {
  display: inline-flex; align-items: center; gap: 4px;
  color: var(--dia-ink-faint);
  font-family: 'JetBrains Mono', monospace;
  font-weight: 700;
}
.dia-engage svg { color: var(--dia-amber); }
.dia-featured-cta {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 18px;
  background: var(--dia-amber); color: var(--dia-amber-ink);
  border-radius: 7px;
  font-family: 'Inter', sans-serif; font-size: 11.5px; font-weight: 800;
  letter-spacing: 0.14em; text-transform: uppercase;
  transition: gap .2s, filter .2s;
  align-self: flex-start; margin-top: 4px;
}
.dia-featured:hover .dia-featured-cta { gap: 12px; filter: brightness(1.08); }

/* ============ FILTERS ROW ============
   justify-content space-between with wrap produces chaotic alignment
   at mid-widths (one row when everything fits, ragged columns when it
   doesn't). Use gap-based layout with margin-left:auto pushing the
   search right at desktop, then stack cleanly on phones. */
.dia-filters {
  display: flex; align-items: center;
  gap: 12px 16px; flex-wrap: wrap; margin-bottom: 20px;
}
.dia-filters .dia-search { margin-left: auto; }
@media (max-width: 720px) {
  .dia-filters {
    flex-direction: column; align-items: stretch; gap: 12px;
  }
  .dia-filters .dia-search { margin-left: 0; width: 100%; min-width: 0; }
}
.dia-filters-h {
  font-family: 'Inter', sans-serif;
  font-size: 11px; font-weight: 800;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--dia-ink-dim);
}
.dia-chips { display: inline-flex; gap: 8px; flex-wrap: wrap; }
.dia-chip {
  padding: 8px 14px; min-height: 36px;
  display: inline-flex; align-items: center;
  border-radius: 999px;
  background: var(--dia-panel); border: 1px solid var(--dia-line);
  font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--dia-ink-soft);
  text-decoration: none;
  transition: background .15s, color .15s, border-color .15s;
  white-space: nowrap; cursor: pointer;
}
.dia-chip:hover { color: var(--dia-ink); border-color: var(--dia-ink-faint); }
.dia-chip.active {
  background: var(--dia-amber); color: var(--dia-amber-ink);
  border-color: var(--dia-amber);
  box-shadow: 0 4px 10px -3px rgba(217,164,65,0.45);
}

/* ============ SEARCH ============ */
.dia-search {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 12px 6px 10px;
  background: var(--dia-panel); border: 1px solid var(--dia-line); border-radius: 8px;
  min-width: 240px; flex: 0 1 auto;
}
.dia-search svg { color: var(--dia-ink-faint); flex-shrink: 0; }
.dia-search input {
  background: none; border: none; outline: none;
  color: var(--dia-ink); font-family: 'Inter', sans-serif;
  font-size: 12.5px; font-weight: 500; width: 100%; min-width: 0;
}
.dia-search input::placeholder { color: var(--dia-ink-faint); }
.dia-search input::-webkit-search-cancel-button { display: none; }
.dia-search-clear {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px;
  color: var(--dia-ink-faint); cursor: pointer; background: none;
  border: none; padding: 0; border-radius: 4px;
}
.dia-search-clear:hover { color: var(--dia-ink); }

/* ============ SERIES ROW ============
   Renders below the tag-chip row. Smaller visual weight than tag
   chips so they read as "long-form arcs" rather than the primary
   filter axis. */
.dia-series-row {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  margin: -8px 0 28px;
  padding: 12px 14px;
  background: rgba(255,255,255,0.012);
  border: 1px dashed var(--dia-hair);
  border-radius: 10px;
}
.dia-series-h {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--dia-ink-faint);
  margin-right: 6px;
}
.dia-chip.series {
  background: transparent;
  border-color: rgba(217,164,65,0.4);
  color: var(--dia-amber);
  min-height: 32px;
  padding: 6px 12px;
  font-size: 10.5px;
}
.dia-chip.series:hover {
  background: rgba(217,164,65,0.08);
  border-color: var(--dia-amber);
  color: var(--dia-amber);
}

/* ============ EMPTY ============ */
.dia-empty {
  padding: 64px 24px; text-align: center;
  display: flex; flex-direction: column; align-items: center; gap: 14px;
}
.dia-empty-h { font-size: 16px; font-weight: 700; color: var(--dia-ink-soft); }
.dia-empty-clear {
  padding: 9px 18px;
  background: var(--dia-amber); color: var(--dia-amber-ink); border-radius: 7px;
  font-family: 'Inter', sans-serif; font-size: 11.5px; font-weight: 800;
  letter-spacing: 0.14em; text-transform: uppercase;
  text-decoration: none;
}
.dia-empty-clear:hover { filter: brightness(1.08); }

/* ============ GRID + ARTICLE CARD ============ */
.dia-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 1000px) {
  .dia-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
}
@media (max-width: 640px) { .dia-grid { grid-template-columns: 1fr; } }

.dia-article {
  display: flex; flex-direction: column;
  background: var(--dia-panel);
  border: 1px solid var(--dia-line);
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none; color: inherit;
  transition: border-color .2s, transform .2s, box-shadow .2s;
}
.dia-article:hover {
  border-color: rgba(217,164,65,0.32);
  transform: translateY(-3px);
  box-shadow: 0 18px 36px -18px rgba(0,0,0,0.65);
}
.dia-article-cover {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}
.dia-article-cover img {
  display: block; width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  transition: transform .4s ease;
}
.dia-article:hover .dia-article-cover img { transform: scale(1.04); }
/* Tinted fallback gradients when no coverImageUrl — picked by the
   first-tag-hash mapping in PostCard so each tag reads consistently. */
.dia-article-cover.amber {
  background:
    radial-gradient(circle at 30% 40%, rgba(217,164,65,0.3), transparent 60%),
    linear-gradient(135deg, #16110a 0%, #08090a 100%);
}
.dia-article-cover.green {
  background:
    radial-gradient(circle at 40% 40%, rgba(34,197,94,0.3), transparent 60%),
    linear-gradient(135deg, #0a1a10 0%, #050a07 100%);
}
.dia-article-cover.blue {
  background:
    radial-gradient(circle at 60% 40%, rgba(59,130,246,0.3), transparent 60%),
    linear-gradient(135deg, #0a121e 0%, #050709 100%);
}
.dia-article-cover.red {
  background:
    radial-gradient(circle at 40% 30%, rgba(239,68,68,0.28), transparent 60%),
    linear-gradient(135deg, #1a0808 0%, #08090a 100%);
}
.dia-article-cat-pill {
  position: absolute; bottom: 14px; left: 16px;
  display: inline-flex; align-items: center; padding: 3px 9px;
  background: rgba(0,0,0,0.55); backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 4px;
  font-family: 'Inter', sans-serif; font-size: 9.5px; font-weight: 800;
  letter-spacing: 0.16em; text-transform: uppercase;
  z-index: 1;
}
.dia-article-cat-pill.amber { color: var(--dia-amber); }
.dia-article-cat-pill.green { color: var(--dia-green-bright); }
.dia-article-cat-pill.blue  { color: var(--dia-blue-bright); }
.dia-article-cat-pill.red   { color: var(--dia-red); }
.dia-article-body {
  padding: 20px 22px 22px;
  display: flex; flex-direction: column; gap: 10px; flex: 1;
}
.dia-article-h {
  font-family: 'Inter', sans-serif;
  font-size: 17px; font-weight: 800;
  letter-spacing: -0.015em; line-height: 1.25;
  color: var(--dia-ink); margin: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.dia-article-excerpt {
  font-size: 13.5px; color: var(--dia-ink-soft); line-height: 1.55;
  margin: 0;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden; flex: 1;
}
.dia-article-meta {
  display: flex; align-items: center; gap: 6px 10px; flex-wrap: wrap;
  margin-top: auto; padding-top: 12px;
  border-top: 1px dashed var(--dia-hair);
  font-family: 'JetBrains Mono', monospace; font-size: 10.5px;
  color: var(--dia-ink-faint); letter-spacing: 0.04em;
}
/* Bind the · separator to the item that follows so it wraps with it
   rather than dropping onto a fresh line as an orphan bullet. */
.dia-article-meta > * + *::before,
.dia-featured-meta > * + *::before {
  content: "·"; margin-right: 8px; color: var(--dia-ink-faint);
}
.dia-featured-meta {
  gap: 6px 10px;
}

/* ============ PAGINATION ============ */
.dia-pagination {
  display: flex; align-items: center; justify-content: center;
  gap: 8px; margin-top: 40px; flex-wrap: wrap;
}
.dia-pag-btn, .dia-pag-num {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 9px 14px; min-height: 38px;
  background: var(--dia-panel); border: 1px solid var(--dia-line); border-radius: 7px;
  font-family: 'Inter', sans-serif; font-size: 11.5px; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--dia-ink-soft);
  text-decoration: none; cursor: pointer;
  transition: color .15s, background .15s, border-color .15s;
}
.dia-pag-btn:hover:not(.disabled), .dia-pag-num:hover {
  color: var(--dia-ink); border-color: var(--dia-ink-faint);
}
.dia-pag-btn.disabled {
  opacity: 0.35; cursor: not-allowed; pointer-events: none;
}
.dia-pag-nums { display: inline-flex; gap: 4px; }
.dia-pag-num.active {
  background: var(--dia-amber); color: var(--dia-amber-ink); border-color: var(--dia-amber);
}
.dia-pag-gap {
  display: inline-flex; align-items: center; padding: 0 4px;
  color: var(--dia-ink-faint);
}

/* ============ NEWSLETTER ============ */
.dia-newsletter {
  margin-top: 64px; padding: 48px 36px;
  background: linear-gradient(135deg, rgba(217,164,65,0.06) 0%, rgba(255,255,255,0.014) 100%);
  border: 1px solid rgba(217,164,65,0.28); border-radius: 14px;
  text-align: center; position: relative; overflow: hidden;
}
.dia-newsletter::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--dia-amber), transparent);
}
.dia-newsletter-kicker {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--dia-amber);
  display: inline-block; margin-bottom: 12px;
}
.dia-newsletter-h {
  font-family: 'Inter', sans-serif;
  font-size: clamp(24px, 3vw, 36px); font-weight: 900;
  letter-spacing: -0.025em; line-height: 1.1;
  text-transform: uppercase; color: var(--dia-ink);
  max-width: 22em; margin: 0 auto;
}
.dia-newsletter-h em { font-style: normal; color: var(--dia-amber); }
.dia-newsletter-p {
  font-size: 14.5px; color: var(--dia-ink-soft); line-height: 1.55;
  margin: 14px auto 24px; max-width: 36em;
}
.dia-newsletter-form {
  display: inline-flex; gap: 8px; max-width: 460px; width: 100%;
  flex-wrap: wrap; justify-content: center;
}
.dia-newsletter-input {
  flex: 1; min-width: 200px;
  padding: 12px 16px;
  background: var(--dia-bg2); border: 1px solid var(--dia-line); border-radius: 8px;
  color: var(--dia-ink); font-family: 'Inter', sans-serif; font-size: 14px;
  outline: none; transition: border-color .2s, background .2s;
}
.dia-newsletter-input:focus { border-color: var(--dia-amber); background: var(--dia-panel); }
.dia-newsletter-input::placeholder { color: var(--dia-ink-faint); }
.dia-newsletter-submit {
  padding: 12px 20px;
  background: var(--dia-amber); color: var(--dia-amber-ink); border-radius: 8px;
  font-family: 'Inter', sans-serif; font-size: 11.5px; font-weight: 800;
  letter-spacing: 0.14em; text-transform: uppercase;
  border: none; cursor: pointer;
  transition: filter .15s, transform .15s;
}
.dia-newsletter-submit:hover { filter: brightness(1.08); transform: translateY(-1px); }
.dia-newsletter-fine {
  font-family: 'JetBrains Mono', monospace; font-size: 10.5px;
  color: var(--dia-ink-faint); letter-spacing: 0.04em; margin-top: 14px;
}
.dia-newsletter-rss {
  color: var(--dia-amber); text-decoration: none;
  border-bottom: 1px dotted rgba(217,164,65,0.4);
}
.dia-newsletter-rss:hover { color: var(--dia-amber); border-bottom-color: var(--dia-amber); }
.dia-newsletter-done {
  display: inline-block; padding: 16px 24px;
  background: rgba(34,197,94,0.08); border: 1px solid rgba(34,197,94,0.3);
  border-radius: 10px;
  color: var(--dia-green-bright);
  font-family: 'JetBrains Mono', monospace; font-size: 13px; font-weight: 700;
  letter-spacing: 0.04em;
}

/* Touch-only hit-area expansion: keeps the dense chrome visually
   compact on desktop while honouring the 44×44 touch-target rule on
   coarse-pointer devices. Uses position:relative + an ::after
   pseudo-element so the visual pill stays its design size but the
   click target satisfies WCAG. */
@media (hover: none) and (pointer: coarse) {
  .dia-chip,
  .dia-pag-btn,
  .dia-pag-num,
  .dia-search-clear {
    position: relative;
  }
  .dia-chip::after,
  .dia-pag-btn::after,
  .dia-pag-num::after,
  .dia-search-clear::after {
    content: ""; position: absolute; inset: 50% 0 0 50%;
    width: 44px; height: 44px;
    transform: translate(-50%, -50%);
  }
}

/* ============ FOCUS ============ */
.dia-chip:focus-visible,
.dia-empty-clear:focus-visible,
.dia-pag-btn:focus-visible,
.dia-pag-num:focus-visible,
.dia-search-clear:focus-visible,
.dia-newsletter-submit:focus-visible {
  outline: 2px solid var(--dia-amber);
  outline-offset: 2px;
}
.dia-search input:focus-visible,
.dia-newsletter-input:focus-visible {
  outline: 2px solid var(--dia-amber);
  outline-offset: 2px;
}
.dia-featured:focus-visible,
.dia-article:focus-visible {
  outline: 2px solid var(--dia-amber);
  outline-offset: 4px;
}
</style>
                            <div class="dia-hero">
                                <div class="dia-hero-inner">
                                    <span class="dia-hero-kicker"><span aria-hidden="true" class="dia-hero-kicker-dot"></span>The Diary</span>
                                    <h1 class="dia-hero-h">
                                        The Diary of a <em>Pro Gambler.</em>
                                    </h1>
                                    <p class="dia-hero-p">Allsopp shares his thoughts on betting strategy, sports and life&hellip;</p>
                                </div>
                            </div>
                            <div class="dia-body">
                                <a aria-label="How to tail my Football Bets [Even if you don't know anything about Football]" class="dia-featured" href="/diary/how-to-tail-my-football-bets-even-if-you-dont-know-anything-about-football">
                                    <div class="dia-featured-cover has-image">
                                        <img alt="" src="/uploads/blog-images/bd94d651-afb1-45e0-a45e-6c4ff9f079d3.webp"><span class="dia-featured-tag"><span aria-hidden="true" class="dia-featured-tag-dot"></span>New &middot; this week</span>
                                    </div>
                                    <div class="dia-featured-body">
                                        <span class="dia-featured-cat">guides</span>
                                        <h2 class="dia-featured-h">How to tail my Football Bets [Even if you don't know anything about Football]</h2>
                                        <p class="dia-featured-excerpt">You might never have watched a full Football match. That does not prevent you from following my Football bets. You don't even need to watch the games...</p>
                                        <div class="dia-featured-meta">
                                            <span class="dia-author-chip"><span aria-hidden="true" class="dia-author-av"><img alt="" src="/uploads/avatars/f2c40ad2-5d0a-49dd-8441-651b29ee2a0d.jpg"></span>Allsopp</span><span>30 Jul 2026</span><span>18
                                                <!-- --> min read</span><span aria-label="3 reactions" class="dia-engage">
                                                <svg aria-hidden="true" fill="none" focusable="false" height="11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2" viewBox="0 0 24 24" width="11">
                                                    <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                                                </svg>
                                                3</span>
                                        </div>
                                        <span class="dia-featured-cta">Read the entry
                                            <svg aria-hidden="true" fill="none" focusable="false" height="13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" viewBox="0 0 24 24" width="13">
                                                <line x1="5" x2="19" y1="12" y2="12"></line>
                                                <polyline points="12 5 19 12 12 19"></polyline>
                                            </svg>
                                        </span>
                                    </div>
                                </a>
                                <div class="dia-filters">
                                    <h2 class="dia-filters-h">
                                        Browse &middot; 
                                        <!-- -->
                                        14
                                        <!-- -->
                                         entr
                                        <!-- -->
                                        ies
                                    </h2>
                                    <form action="/diary" class="dia-search" method="get" role="search">
                                        <svg aria-hidden="true" fill="none" focusable="false" height="13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="13">
                                            <circle cx="11" cy="11" r="7"></circle>
                                            <line x1="21" x2="16.65" y1="21" y2="16.65"></line>
                                        </svg>
                                        <input aria-label="Search diary entries" name="q" placeholder="Search entries&hellip;" type="search" value="">
                                    </form>
                                    <div aria-label="Filter by tag" class="dia-chips" role="group">
                                        <a aria-current="true" class="dia-chip active" href="/diary">All</a><a class="dia-chip" href="/diary?tag=football">Football</a><a class="dia-chip" href="/diary?tag=results">Results</a><a class="dia-chip" href="/diary?tag=guides">guides</a>
                                    </div>
                                </div>
                                <div class="dia-grid">
                                    <a aria-label="We hit a new all time high!" class="dia-article" href="/diary/we-hit-a-new-all-time-high">
                                        <div class="dia-article-cover blue">
                                            <img alt="We hit a new all time high!" loading="lazy" src="/uploads/blog-images/81099ab4-8f14-4a3b-93ea-aa690517b2f3.webp"><span class="dia-article-cat-pill blue">Results</span>
                                        </div>
                                        <div class="dia-article-body">
                                            <h3 class="dia-article-h">We hit a new all time high!</h3>
                                            <p class="dia-article-excerpt">Over the last few years, I have been through some incredibly dark periods. Depression. Performance anxiety. Chronic stress.</p>
                                            <div class="dia-article-meta">
                                                <span>18 Jul 2026</span><span>5
                                                    <!-- --> min read</span><span aria-label="4 reactions" class="dia-engage">
                                                    <svg aria-hidden="true" fill="none" focusable="false" height="10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2" viewBox="0 0 24 24" width="10">
                                                        <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                                                    </svg>
                                                    4</span>
                                            </div>
                                        </div>
                                    </a><a aria-label="7 Straight Months of Profit" class="dia-article" href="/diary/7-straight-months-of-profit">
                                        <div class="dia-article-cover blue">
                                            <img alt="" loading="lazy" src="/uploads/blog-images/0f5e41b3-3aa1-4773-9bd7-25b570a88ec7.webp"><span class="dia-article-cat-pill blue">Results</span>
                                        </div>
                                        <div class="dia-article-body">
                                            <h3 class="dia-article-h">7 Straight Months of Profit</h3>
                                            <p class="dia-article-excerpt">One of the biggest misconceptions about being a professional gambler is that you make money purely from knowing a lot about a sport. In my experience, that's simply not true...</p>
                                            <div class="dia-article-meta">
                                                <span>10 Jul 2026</span><span>3
                                                    <!-- --> min read</span><span aria-label="3 reactions" class="dia-engage">
                                                    <svg aria-hidden="true" fill="none" focusable="false" height="10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2" viewBox="0 0 24 24" width="10">
                                                        <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                                                    </svg>
                                                    3</span><span aria-label="1 comment" class="dia-engage">
                                                    <svg aria-hidden="true" fill="none" focusable="false" height="10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2" viewBox="0 0 24 24" width="10">
                                                        <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
                                                    </svg>
                                                    1</span>
                                            </div>
                                        </div>
                                    </a><a aria-label="What is the Maurice Revello Tournament?" class="dia-article" href="/diary/what-is-the-maurice-revello-tournament">
                                        <div class="dia-article-cover green">
                                            <img alt="" loading="lazy" src="/uploads/blog-images/1d33a960-55ec-48fd-afd7-82480e30801b.webp"><span class="dia-article-cat-pill green">Football</span>
                                        </div>
                                        <div class="dia-article-body">
                                            <h3 class="dia-article-h">What is the Maurice Revello Tournament?</h3>
                                            <p class="dia-article-excerpt">The Maurice Revello Tournament is an annual international youth football competition held every June in the south of France...</p>
                                            <div class="dia-article-meta">
                                                <span>9 Jun 2026</span><span>8
                                                    <!-- --> min read</span>
                                            </div>
                                        </div>
                                    </a><a aria-label="Who is Maurice Revello?" class="dia-article" href="/diary/who-is-maurice-revello">
                                        <div class="dia-article-cover green">
                                            <img alt="Maurice Revello" loading="lazy" src="/uploads/blog-images/6793946d-97ef-487f-bde0-64c03e938389.webp"><span class="dia-article-cat-pill green">Football</span>
                                        </div>
                                        <div class="dia-article-body">
                                            <h3 class="dia-article-h">Who is Maurice Revello?</h3>
                                            <p class="dia-article-excerpt">Maurice Revello was a French football administrator and passionate football enthusiast.</p>
                                            <div class="dia-article-meta">
                                                <span>9 Jun 2026</span><span>5
                                                    <!-- --> min read</span>
                                            </div>
                                        </div>
                                    </a><a aria-label="Strike &amp; Takedown Handicap Betting in UFC: A Complete Guide" class="dia-article" href="/diary/strike-and-handicap-betting-in-the-ufc">
                                        <div class="dia-article-cover amber"></div>
                                        <div class="dia-article-body">
                                            <h3 class="dia-article-h">Strike &amp; Takedown Handicap Betting in UFC: A Complete Guide</h3>
                                            <p class="dia-article-excerpt">[vcrow pixparticlescheck=&rdquo;&rdquo;][vccolumn][vccolumntext css=&rdquo;.vccustom1745635859692{padding-top: 20px !important;}&rdquo;] While most UFC bettors focus on moneylines, round totals, or fight spreads, a sharp and growing market is Strike and Takedown Handicap Betting. Instead of betting on w</p>
                                            <div class="dia-article-meta">
                                                <span>26 Apr 2025</span><span>2
                                                    <!-- --> min read</span>
                                            </div>
                                        </div>
                                    </a><a aria-label="How UFC Handicap Betting Works&hellip;" class="dia-article" href="/diary/how-ufc-handicap-betting-works">
                                        <div class="dia-article-cover red"></div>
                                        <div class="dia-article-body">
                                            <h3 class="dia-article-h">How UFC Handicap Betting Works&hellip;</h3>
                                            <p class="dia-article-excerpt">[vcrow pixparticlescheck=&rdquo;&rdquo;][vccolumn][vccolumntext css=&rdquo;.vccustom1745623143981{padding-top: 20px !important;}&rdquo;] When most people think about betting on the UFC, they jump straight to moneyline bets &mdash; picking who they think will win. It&rsquo;s simple, popular, and effective. But when </p>
                                            <div class="dia-article-meta">
                                                <span>26 Apr 2025</span><span>4
                                                    <!-- --> min read</span>
                                            </div>
                                        </div>
                                    </a><a aria-label="How UFC Fight Spread Betting Works on DraftKings and Bet365" class="dia-article" href="/diary/how-ufc-fight-spread-betting-works-on-draftkings-and-bet365">
                                        <div class="dia-article-cover red"></div>
                                        <div class="dia-article-body">
                                            <h3 class="dia-article-h">How UFC Fight Spread Betting Works on DraftKings and Bet365</h3>
                                            <p class="dia-article-excerpt">[vcrow pixparticlescheck=&rdquo;&rdquo;][vccolumn][vccolumntext css=&rdquo;.vccustom1745621069152{padding-top: 20px !important;}&rdquo;] When betting on the UFC, you&rsquo;ll sometimes come across a market labelled &ldquo;Fight Spread&rdquo; &mdash; and if you&rsquo;re not familiar with it, it can look confusing at first glance. But</p>
                                            <div class="dia-article-meta">
                                                <span>25 Apr 2025</span><span>2
                                                    <!-- --> min read</span>
                                            </div>
                                        </div>
                                    </a><a aria-label="March 2025: The Coldest Deck of My 15 Year Career" class="dia-article" href="/diary/march-2025-the-coldest-deck-of-my-15-year-career">
                                        <div class="dia-article-cover green"></div>
                                        <div class="dia-article-body">
                                            <h3 class="dia-article-h">March 2025: The Coldest Deck of My 15 Year Career</h3>
                                            <p class="dia-article-excerpt">[vcrow pixparticlescheck=&rdquo;&rdquo;][vccolumn][vcvideo link=&rdquo;https://videopress.com/v/iTrGFETG&rdquo; css=&rdquo;&rdquo;][vcvideo link=&rdquo;https://videopress.com/v/OQrBllNh&rdquo; css=&rdquo;&rdquo;][vcvideo link=&rdquo;https://videopress.com/v/3LXguJfI&rdquo; css=&rdquo;&rdquo;][vcvideo link=&rdquo;https://videopress.com/v/BTA131OP&rdquo; css=&rdquo;&rdquo;][vcvideo link=</p>
                                            <div class="dia-article-meta">
                                                <span>2 Apr 2025</span><span>2
                                                    <!-- --> min read</span>
                                            </div>
                                        </div>
                                    </a><a aria-label="Changes to latency have caused us big problems in UFC Live Betting" class="dia-article" href="/diary/changes-to-latency-have-caused-us-big-problems-in-ufc-live-betting">
                                        <div class="dia-article-cover amber"></div>
                                        <div class="dia-article-body">
                                            <h3 class="dia-article-h">Changes to latency have caused us big problems in UFC Live Betting</h3>
                                            <p class="dia-article-excerpt">I&rsquo;ve been live betting on the UFC for 15 years, and during that time, everything has been very consistent. Like anything, we&rsquo;ve had occasional rough patches, but nothing ever felt different. The odds moved as expected, and the volume of&hellip;</p>
                                            <div class="dia-article-meta">
                                                <span>10 Aug 2024</span><span>5
                                                    <!-- --> min read</span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <nav aria-label="Pagination" class="dia-pagination">
                                    <span aria-disabled="true" class="dia-pag-btn disabled">
                                        <svg aria-hidden="true" fill="none" focusable="false" height="12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" viewBox="0 0 24 24" width="12">
                                            <polyline points="15 18 9 12 15 6"></polyline>
                                        </svg>
                                        Prev</span>
                                    <div class="dia-pag-nums">
                                        <a aria-current="page" class="dia-pag-num active" href="/diary">1</a><a class="dia-pag-num" href="/diary?page=2">2</a>
                                    </div>
                                    <a class="dia-pag-btn" href="/diary?page=2" rel="next">Next
                                        <svg aria-hidden="true" fill="none" focusable="false" height="12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" viewBox="0 0 24 24" width="12">
                                            <polyline points="9 18 15 12 9 6"></polyline>
                                        </svg>
                                    </a>
                                </nav>
                                <section aria-labelledby="dia-newsletter-h" class="dia-newsletter">
                                    <span class="dia-newsletter-kicker">Get every entry</span>
                                    <h2 class="dia-newsletter-h" id="dia-newsletter-h">
                                        Get the diary in your inbox <em>every Tuesday.</em>
                                    </h2>
                                    <p class="dia-newsletter-p">One email a week. The latest entry, plus the bets I'm watching. No spam, no sales calls &mdash; cancel any time.</p>
                                    <form class="dia-newsletter-form">
                                        <input aria-label="Email address" autoComplete="email" class="dia-newsletter-input" inputMode="email" placeholder="you@example.com" required="" type="email" value=""><button class="dia-newsletter-submit" data-umami-event="newsletter-signup" type="submit">Subscribe &rarr;</button>
                                    </form>
                                    <div class="dia-newsletter-fine">
                                        Free &middot; cancel any time &middot; 18+ &middot;
                                        <!-- -->
                                         <a class="dia-newsletter-rss" href="/diary/rss.xml">Prefer RSS?</a>
                                    </div>
                                </section>
                            </div>
                        </div>
                        <!--$-->
                        <!--/$-->
                    </div>
                </main>
                <div>
                    <footer aria-labelledby="footer-heading" class="border-t border-white/10 bg-bg-primary">
                        <h2 class="sr-only" id="footer-heading">Site footer</h2>
                        <div class="max-w-7xl mx-auto px-4 py-12">
                            <div class="grid grid-cols-2 sm:grid-cols-4 md:grid-cols-6 gap-x-8 gap-y-10">
                                <div class="col-span-2 sm:col-span-4 md:col-span-2">
                                    <a class="inline-block font-black text-xl uppercase tracking-[0.12em] text-text-primary hover:text-text-primary/90 transition-colors" href="/">Diary of a Pro Gambler</a>
                                    <p class="text-text-secondary text-sm mt-3 max-w-md leading-relaxed">Join a supportive Sports Betting Community with a long history of making money and gain instant access to the exact bets a Professional Gambler is placing themselves.</p>
                                </div>
                                <nav aria-label="Services">
                                    <h3 class="font-mono text-[10px] font-bold uppercase tracking-[0.18em] text-text-muted mb-3">Services</h3>
                                    <ul class="space-y-2">
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/ufc">UFC Live Betting</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/football">Football Tips</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/pricing">Pricing</a>
                                        </li>
                                    </ul>
                                </nav>
                                <nav aria-label="Results">
                                    <h3 class="font-mono text-[10px] font-bold uppercase tracking-[0.18em] text-text-muted mb-3">Results</h3>
                                    <ul class="space-y-2">
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/ufc">UFC Live Results</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/football-results">Football Results</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/results">Monthly Archive</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/diary">The Diary</a>
                                        </li>
                                    </ul>
                                </nav>
                                <nav aria-label="Free tools">
                                    <h3 class="font-mono text-[10px] font-bold uppercase tracking-[0.18em] text-text-muted mb-3">Free Tools</h3>
                                    <ul class="space-y-2">
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/research">Research</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/odds">Odds</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/bets">Bet Tracker</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/calculators/implied">Betting Calculators</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/fighters">Fighter Database</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/events">UFC Events</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/calendar">Schedule</a>
                                        </li>
                                    </ul>
                                </nav>
                                <nav aria-label="Company">
                                    <h3 class="font-mono text-[10px] font-bold uppercase tracking-[0.18em] text-text-muted mb-3">Company</h3>
                                    <ul class="space-y-2">
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/about">About</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/faq">FAQ</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/support">Contact</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/chat">Chat</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/terms">Terms of Service</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/privacy">Privacy Policy</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="/cookies">Cookie Policy</a>
                                        </li>
                                        <li>
                                            <a class="inline-flex items-center gap-1.5 py-1 text-sm text-text-secondary hover:text-text-primary transition-colors" href="https://www.begambleaware.org/" rel="noopener noreferrer" target="_blank">BeGambleAware</a>
                                        </li>
                                    </ul>
                                </nav>
                            </div>
                            <div class="mt-10 flex flex-col md:flex-row items-start md:items-center gap-6 md:gap-8">
                                <p class="text-xs text-text-muted leading-relaxed flex-1">
                                    <strong class="text-text-secondary">18+ only.</strong> 
                                    <!-- -->Gambling can be harmful. Content on this site is opinion and entertainment, not financial advice. By using this website you agree to our
                                    <!-- --> <a class="underline text-text-secondary hover:text-text-primary transition-colors" href="/terms">terms of service</a> 
                                    <!-- -->and
                                    <!-- --> <a class="underline text-text-secondary hover:text-text-primary transition-colors" href="/privacy">privacy policy</a>. Please gamble responsibly. Free, confidential help is available 24/7 on the National Gambling Helpline:
                                    <!-- --> <a class="underline text-text-secondary hover:text-text-primary transition-colors" href="tel:08088020133">0808 8020 133</a>.
                                </p>
                                <a aria-label="GambleAware (18+) &mdash; opens in a new tab" class="inline-flex flex-shrink-0" href="https://www.gambleaware.org/" rel="noopener noreferrer" target="_blank"><img alt="GambleAware &mdash; 18+" decoding="async" height="40" loading="lazy" src="/gambleaware-logo.png" style="height:auto;max-width:160px;aspect-ratio:160 / 40" width="160"></a>
                            </div>
                            <div class="border-t border-border mt-8 pt-6 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
                                <p class="font-medium text-[11px] uppercase tracking-[0.14em] text-text-faint">
                                    &copy; 
                                    <!-- -->
                                    2026
                                    <!-- -->
                                     Diary of a Pro Gambler. All rights reserved.
                                </p>
                                <ul class="flex flex-wrap items-center gap-x-5 gap-y-2">
                                    <li>
                                        <a class="inline-flex items-center py-1 font-medium text-[11px] uppercase tracking-[0.14em] text-text-faint hover:text-text-secondary transition-colors" href="/terms">Terms</a>
                                    </li>
                                    <li>
                                        <a class="inline-flex items-center py-1 font-medium text-[11px] uppercase tracking-[0.14em] text-text-faint hover:text-text-secondary transition-colors" href="/privacy">Privacy</a>
                                    </li>
                                    <li>
                                        <a class="inline-flex items-center py-1 font-medium text-[11px] uppercase tracking-[0.14em] text-text-faint hover:text-text-secondary transition-colors" href="/cookies">Cookies</a>
                                    </li>
                                    <li>
                                        <a class="inline-flex items-center py-1 font-medium text-[11px] uppercase tracking-[0.14em] text-text-faint hover:text-text-secondary transition-colors" href="https://www.begambleaware.org/" rel="noopener noreferrer" target="_blank">BeGambleAware</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </footer>
                </div>
                <nav aria-label="Primary mobile navigation" class="md:hidden fixed bottom-0 left-0 right-0 bg-bg-primary border-t border-border z-50 pb-[env(safe-area-inset-bottom,0px)] pl-[env(safe-area-inset-left,0px)] pr-[env(safe-area-inset-right,0px)] backdrop-blur-md" data-bottom-nav="true">
                    <div class="flex justify-around items-center h-16 px-2">
                        <a class="group relative flex flex-col items-center justify-center gap-1 min-w-[3rem] min-h-[44px] px-2 py-1.5 cursor-pointer no-callout select-none transition-[color,transform] duration-150 active:scale-95 text-text-muted hover:text-text-primary active:text-text-primary" href="/ufc" style="--nav-accent:#3b82f6"><span class="relative">
                                <svg class="w-5 h-5 transition-transform duration-150 group-hover:scale-105" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
                                    <path d="M9 3.5h6l-1 3.5h-4L9 3.5z" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M10 7c-3 1.5-6 5-6 9.5 0 2.8 3.5 4 8 4s8-1.2 8-4c0-4.5-3-8-6-9.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M12 11v7M14 12.2c-.5-.5-1.2-.8-2-.8-1.1 0-2 .6-2 1.4s.9 1.4 2 1.4 2 .6 2 1.4-.9 1.4-2 1.4c-.8 0-1.5-.3-2-.8" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                            </span><span class="font-semibold text-[10px] leading-tight tracking-[0.04em]">UFC</span><span aria-hidden="true" class="absolute top-0 left-1/2 -translate-x-1/2 h-[2px] w-8 rounded-b-sm bg-[var(--nav-accent)] transition-opacity duration-150 opacity-0"></span></a><a class="group relative flex flex-col items-center justify-center gap-1 min-w-[3rem] min-h-[44px] px-2 py-1.5 cursor-pointer no-callout select-none transition-[color,transform] duration-150 active:scale-95 text-text-muted hover:text-text-primary active:text-text-primary" href="/football" style="--nav-accent:#3b82f6"><span class="relative">
                                <svg class="w-5 h-5 transition-transform duration-150 group-hover:scale-105" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
                                    <path d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                            </span><span class="font-semibold text-[10px] leading-tight tracking-[0.04em]">Football</span><span aria-hidden="true" class="absolute top-0 left-1/2 -translate-x-1/2 h-[2px] w-8 rounded-b-sm bg-[var(--nav-accent)] transition-opacity duration-150 opacity-0"></span></a><a class="group relative flex flex-col items-center justify-center gap-1 min-w-[3rem] min-h-[44px] px-2 py-1.5 cursor-pointer no-callout select-none transition-[color,transform] duration-150 active:scale-95 text-text-muted hover:text-text-primary active:text-text-primary" href="/chat" style="--nav-accent:#3b82f6"><span class="relative">
                                <svg class="w-5 h-5 transition-transform duration-150 group-hover:scale-105" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
                                    <path d="M12 20.25c4.97 0 9-3.694 9-8.25s-4.03-8.25-9-8.25S3 7.444 3 12c0 2.104.859 4.023 2.273 5.48.432.447.74 1.04.586 1.641a4.483 4.483 0 0 1-.923 1.785A5.969 5.969 0 0 0 6 21c1.282 0 2.47-.402 3.445-1.087.81.22 1.668.337 2.555.337Z" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                            </span><span class="font-semibold text-[10px] leading-tight tracking-[0.04em]">Chat</span><span aria-hidden="true" class="absolute top-0 left-1/2 -translate-x-1/2 h-[2px] w-8 rounded-b-sm bg-[var(--nav-accent)] transition-opacity duration-150 opacity-0"></span></a><a class="group relative flex flex-col items-center justify-center gap-1 min-w-[3rem] min-h-[44px] px-2 py-1.5 cursor-pointer no-callout select-none transition-[color,transform] duration-150 active:scale-95 text-text-muted hover:text-text-primary active:text-text-primary" href="/pricing" style="--nav-accent:#3b82f6"><span class="relative">
                                <svg class="w-5 h-5 transition-transform duration-150 group-hover:scale-105" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
                                    <path d="M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Z" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                            </span><span class="font-semibold text-[10px] leading-tight tracking-[0.04em]">Pricing</span><span aria-hidden="true" class="absolute top-0 left-1/2 -translate-x-1/2 h-[2px] w-8 rounded-b-sm bg-[var(--nav-accent)] transition-opacity duration-150 opacity-0"></span></a><a class="group relative flex flex-col items-center justify-center gap-1 min-w-[3rem] min-h-[44px] px-2 py-1.5 cursor-pointer no-callout select-none transition-[color,transform] duration-150 active:scale-95 text-text-muted hover:text-text-primary active:text-text-primary" href="/login" style="--nav-accent:#3b82f6"><span class="relative">
                                <svg class="w-5 h-5 transition-transform duration-150 group-hover:scale-105" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
                                    <path d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                            </span><span class="font-semibold text-[10px] leading-tight tracking-[0.04em]">Sign in</span><span aria-hidden="true" class="absolute top-0 left-1/2 -translate-x-1/2 h-[2px] w-8 rounded-b-sm bg-[var(--nav-accent)] transition-opacity duration-150 opacity-0"></span></a>
                    </div>
                </nav>
                <div class="fixed z-[70] bottom-[calc(5rem+env(safe-area-inset-bottom,0px))] left-4 md:bottom-4 md:left-4 transition-[opacity,transform] duration-200 opacity-100 translate-y-0">
                    <button aria-label="Chat with Allsopp" class="relative flex items-center gap-2.5 rounded-full shadow-xl shadow-black/40 cursor-pointer transition-transform duration-200 text-white px-4 py-3 lk-support-cta scale-100" title="Chat with Allsopp" type="button"><span class="relative z-[1] flex-shrink-0">
                            <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.8" viewBox="0 0 24 24">
                                <path d="M2.25 12.76c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 0 1 .778-.332 48.294 48.294 0 0 0 5.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z" stroke-linecap="round" stroke-linejoin="round"></path>
                            </svg>
                        </span><span class="hidden sm:flex flex-col items-start leading-tight relative z-[1]"><span class="text-xs font-bold uppercase tracking-wide">Chat with Allsopp</span></span></button>
                </div>
            </div>
            <button aria-hidden="true" aria-label="Scroll back to top" class="scroll-top-fab fixed z-[70] right-4 bottom-[calc(5rem+env(safe-area-inset-bottom,0px))] md:bottom-4 flex h-12 w-12 items-center justify-center rounded-full border border-white/10 bg-bg-card text-text-primary shadow-lg shadow-black/40 backdrop-blur cursor-pointer transition-all duration-200 ease-out hover:border-success/40 hover:bg-bg-elevated hover:shadow-[0_8px_24px_-8px_rgba(34,197,94,0.55)] hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-success motion-reduce:transition-none opacity-0 pointer-events-none translate-y-2" tabindex="-1" type="button">
                <svg aria-hidden="true" class="h-5 w-5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2" viewBox="0 0 24 24">
                    <path d="m5 15 7-7 7 7"></path>
                </svg>
            </button>
        </div>
        <script data-tag="guest" data-website-id="a5017022-e3d7-4ab4-bb57-beda4a067582" defer src="/u/script.js"></script><script async="" id="_R_" src="/_next/static/chunks/074prxct1iqr1.js"></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n4:I[339756,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\"],\"default\"]\n5:I[837457,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\"],\"default\"]\n7:I[897367,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\"],\"OutletBoundary\"]\n8:\"$Sreact.suspense\"\nb:I[897367,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\"],\"ViewportBoundary\"]\nd:I[897367,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\"],\"MetadataBoundary\"]\nf:I[253348,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\",\"/_next/static/chunks/0q.kh4dboq84e.js\"],\"default\"]\n13:I[522016,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\",\"/_next/static/chunks/03ey0wt-b.7de.js\",\"/_next/static/chunks/05q93m-241.c_.js\",\"/_next/static/chunks/07yiw-otyptpc.js\",\"/_next/static/chunks/0cu0d~xlsprkn.js\",\"/_next/static/chunks/02snyy59pgeli.js\",\"/_next/static/chunks/0c06obk7j402r.js\",\"/_next/static/chunks/04o~ax.x-c6l9.js\",\"/_next/static/chunks/0qk0t2ke9fibt.js\",\"/_next/static/chunks/0xoafg53_nwkt.js\"],\"\"]\n19:I[612378,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\",\"/_next/static/chunks/03ey0wt-b.7de.js\",\"/_next/static/chunks/05q93m-241.c_.js\",\"/_next/static/chunks/07yiw-otyptpc.js\",\"/_next/static/chunks/0cu0d~xlsprkn.js\",\"/_next/static/chunks/02snyy59pgeli.js\",\"/_next/static/chunks/0c06obk7j402r.js\",\"/_next/static/chunks/04o~ax.x-c6l9.js\",\"/_next/static/chunks/0qk0t2ke9fibt.js\"],\"Footer\"]\n1a:I[67938,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\",\"/_next/static/chunks/03ey0wt-b.7de.js\",\"/_next/static/chunks/05q93m-241.c_.js\",\"/_next/static/chunks/07yiw-otyptpc.js\",\"/_next/static/chunks/0cu0d~xlsprkn.js\",\"/_next/static/chunks/02snyy59pgeli.js\",\"/_next/static/chunks/0c06obk7j402r.js\",\"/_next/static/chunks/04o~ax.x-c6l9.js\",\"/_next/static/chunks/0qk0t2ke9fibt.js\"],\"MobileBottomNav\"]\n1b:I[124720,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\",\"/_next/static/chunks/03ey0wt-b.7de.js\",\"/_next/static/chunks/05q93m-241.c_.js\",\"/_next/static/chunks/07yiw-otyptpc.js\",\"/_next/static/chunks/0cu0d~xlsprkn.js\",\"/_next/static/chunks/02snyy59pgeli.js\",\"/_next/static/chunks/0c06obk7j402r.js\",\"/_next/static/chunks/04o~ax.x-c6l9.js\",\"/_next/static/chunks/0qk0t2ke9fibt.js\"],\"SupportChatButton\"]\n21:I[27201,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\"],\"IconMark\"]\n:HL[\"/_next/static/chunks/07zvmlu_1t9vi.css\",\"style\"]\n:HL[\"/_next/static/chunks/16c1-yr~g~64e.css\",\"style\"]\n:HL[\"/_next/static/chunks/18a39-pa3h1p2.css\",\"style\"]\n:HL[\"/_next/static/media/70bc3e132a0a741e-s.p.1409xf.ylxg8g.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"diary\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(public)\",{\"children\":[\"diary\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/07zvmlu_1t9vi.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/16c1-yr~g~64e.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/18a39-pa3h1p2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0i.l9589uvx0j.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0cnku73vddbk5.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/03ey0wt-b.7de.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/05q93m-241.c_.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/07yiw-otyptpc.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0cu0d~xlsprkn.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/02snyy59pgeli.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/0c06obk7j402r.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/04o~ax.x-c6l9.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/0qk0t2ke9fibt.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L3\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L6\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0xoafg53_nwkt.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@9\"}]}]]}],{},null,false,null]},null,false,\"$@a\"]},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/07zvmlu_1t9vi.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/16c1-yr~g~64e.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/18a39-pa3h1p2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":false,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"b1787961069499\"}\n"])</script><script>self.__next_f.push([1,"10:[]\na:\"$W10\"\n11:T4be,[{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"@id\":\"https://diaryofaprogambler.com/#organization\",\"name\":\"Diary of a Pro Gambler\",\"url\":\"https://diaryofaprogambler.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://diaryofaprogambler.com/icons/icon-512.png\",\"width\":512,\"height\":512},\"image\":\"https://diaryofaprogambler.com/images/og-default.png\",\"sameAs\":[\"https://www.youtube.com/@DiaryofaProGambler\"],\"founder\":{\"@id\":\"https://diaryofaprogambler.com/#chris-allsopp\"}},{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"@id\":\"https://diaryofaprogambler.com/#website\",\"name\":\"Diary of a Pro Gambler\",\"url\":\"https://diaryofaprogambler.com\",\"publisher\":{\"@id\":\"https://diaryofaprogambler.com/#organization\"}},{\"@context\":\"https://schema.org\",\"@type\":\"Person\",\"@id\":\"https://diaryofaprogambler.com/#chris-allsopp\",\"name\":\"Chris Allsopp\",\"alternateName\":\"Allsopp\",\"jobTitle\":\"Professional Gambler\",\"description\":\"Professional gambler for 15 years specialising in UFC live betting and football betting. Sharing every bet publicly since 2013.\",\"url\":\"https://diaryofaprogambler.com\",\"sameAs\":[\"https://www.youtube.com/@DiaryofaProGambler\"],\"worksFor\":{\"@id\":\"https://diaryofaprogambler.com/#organization\"}}]"])</script><script>self.__next_f.push([1,"3:[\"$\",\"div\",null,{\"className\":\"flex flex-col min-h-screen pb-[calc(4rem+env(safe-area-inset-bottom,0px))] md:pb-0\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$11\"}}],[\"$\",\"a\",null,{\"href\":\"#main\",\"className\":\"skip-link\",\"children\":\"Skip to main content\"}],\"$L12\",[\"$\",\"main\",null,{\"id\":\"main\",\"className\":\"flex-1\",\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"div\",null,{\"className\":\"animate-in fade-in\",\"children\":[\"$\",\"$L5\",null,{}]}],\"templateStyles\":[],\"templateScripts\":[],\"notFound\":[[\"$\",\"main\",null,{\"className\":\"flex min-h-screen flex-col items-center justify-center px-6 py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full max-w-lg text-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-mono text-sm font-bold uppercase tracking-[0.3em] text-text-faint\",\"children\":\"404\"}],[\"$\",\"h1\",null,{\"className\":\"mt-3 font-display text-4xl font-black tracking-tight text-text-primary sm:text-5xl\",\"children\":\"This page doesn't exist\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-base text-text-secondary\",\"children\":\"The link may be old or mistyped — but every tip, result and tool is still right here.\"}],[\"$\",\"div\",null,{\"className\":\"mt-10 grid gap-3\",\"children\":[[\"$\",\"$L13\",null,{\"href\":\"/\",\"className\":\"block rounded-lg bg-accent-primary py-3 text-center text-xs font-bold uppercase tracking-wide text-white cursor-pointer hover:bg-accent-primary/90 transition-all\",\"children\":\"Back to Home\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 gap-3\",\"children\":[[\"$\",\"$L13\",\"/ufc\",{\"href\":\"/ufc\",\"className\":\"block rounded-lg border border-border bg-bg-card py-3 text-center text-xs font-bold uppercase tracking-wide text-text-primary cursor-pointer hover:bg-bg-elevated hover:border-text-faint/40 transition-all\",\"children\":\"UFC Live Betting\"}],[\"$\",\"$L13\",\"/football\",{\"href\":\"/football\",\"className\":\"block rounded-lg border border-border bg-bg-card py-3 text-center text-xs font-bold uppercase tracking-wide text-text-primary cursor-pointer hover:bg-bg-elevated hover:border-text-faint/40 transition-all\",\"children\":\"Football Tips\"}],[\"$\",\"$L13\",\"/football-results\",{\"href\":\"/football-results\",\"className\":\"block rounded-lg border border-border bg-bg-card py-3 text-center text-xs font-bold uppercase tracking-wide text-text-primary cursor-pointer hover:bg-bg-elevated hover:border-text-faint/40 transition-all\",\"children\":\"Football Results\"}],\"$L14\",\"$L15\"]}]]}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],\"$L16\",\"$L17\",\"$L18\"]}]\n"])</script><script>self.__next_f.push([1,"14:[\"$\",\"$L13\",\"/diary\",{\"href\":\"/diary\",\"className\":\"block rounded-lg border border-border bg-bg-card py-3 text-center text-xs font-bold uppercase tracking-wide text-text-primary cursor-pointer hover:bg-bg-elevated hover:border-text-faint/40 transition-all\",\"children\":\"The Diary\"}]\n15:[\"$\",\"$L13\",\"/pricing\",{\"href\":\"/pricing\",\"className\":\"block rounded-lg border border-border bg-bg-card py-3 text-center text-xs font-bold uppercase tracking-wide text-text-primary cursor-pointer hover:bg-bg-elevated hover:border-text-faint/40 transition-all col-span-2\",\"children\":\"Pricing\"}]\n16:[\"$\",\"div\",null,{\"className\":\"$undefined\",\"children\":[\"$\",\"$L19\",null,{}]}]\n17:[\"$\",\"$L1a\",null,{\"session\":null}]\n18:[\"$\",\"$L1b\",null,{\"isAdmin\":false,\"currentUser\":null}]\nc:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-visual\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#000000\"}],[\"$\",\"meta\",\"3\",{\"name\":\"color-scheme\",\"content\":\"dark\"}]]\n9:null\n"])</script><script>self.__next_f.push([1,"e:[[\"$\",\"title\",\"0\",{\"children\":\"The Diary | Diary of a Pro Gambler\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"The Diary of a Pro Gambler — weekly long-form articles on bankroll, mindset, betting strategy and the grind, written by Allsopp.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"4\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"link\",\"5\",{\"rel\":\"alternate\",\"type\":\"application/rss+xml\",\"href\":\"https://diaryofaprogambler.com/diary/rss.xml\"}],[\"$\",\"meta\",\"6\",{\"name\":\"format-detection\",\"content\":\"telephone=no\"}],[\"$\",\"meta\",\"7\",{\"name\":\"mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"8\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Diary\"}],[\"$\",\"link\",\"9\",{\"href\":\"/icons/splash/splash-1179x2556.png\",\"media\":\"(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3)\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"link\",\"10\",{\"href\":\"/icons/splash/splash-1290x2796.png\",\"media\":\"(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3)\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"link\",\"11\",{\"href\":\"/icons/splash/splash-1170x2532.png\",\"media\":\"(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3)\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"link\",\"12\",{\"href\":\"/icons/splash/splash-1284x2778.png\",\"media\":\"(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3)\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"link\",\"13\",{\"href\":\"/icons/splash/splash-1125x2436.png\",\"media\":\"(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"link\",\"14\",{\"href\":\"/icons/splash/splash-828x1792.png\",\"media\":\"(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"link\",\"15\",{\"href\":\"/icons/splash/splash-750x1334.png\",\"media\":\"(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"link\",\"16\",{\"href\":\"/icons/splash/splash-1242x2688.png\",\"media\":\"(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"link\",\"17\",{\"href\":\"/icons/splash/splash-1488x2266.png\",\"media\":\"(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2)\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"link\",\"18\",{\"href\":\"/icons/splash/splash-1640x2360.png\",\"media\":\"(device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2)\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"link\",\"19\",{\"href\":\"/icons/splash/splash-2048x2732.png\",\"media\":\"(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"meta\",\"20\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:title\",\"content\":\"The Diary | Diary of a Pro Gambler\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:description\",\"content\":\"Weekly long-form articles on bankroll, mindset, betting strategy and the grind.\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:title\",\"content\":\"The Diary | Diary of a Pro Gambler\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:description\",\"content\":\"Weekly long-form articles on bankroll, mindset, betting strategy and the grind.\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:image\",\"content\":\"https://diaryofaprogambler.com/images/og-default.png\"}],[\"$\",\"link\",\"28\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0x3dzn~oxb6tn.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],\"$L1c\",\"$L1d\",\"$L1e\",\"$L1f\",\"$L20\"]\n"])</script><script>self.__next_f.push([1,"1c:[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/icons/icon.svg\",\"type\":\"image/svg+xml\"}]\n1d:[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/icons/icon-192.png\",\"sizes\":\"192x192\",\"type\":\"image/png\"}]\n1e:[\"$\",\"link\",\"31\",{\"rel\":\"icon\",\"href\":\"/icons/icon-512.png\",\"sizes\":\"512x512\",\"type\":\"image/png\"}]\n1f:[\"$\",\"link\",\"32\",{\"rel\":\"apple-touch-icon\",\"href\":\"/icons/apple-touch-icon.png\"}]\n20:[\"$\",\"$L21\",\"33\",{}]\n"])</script><script>self.__next_f.push([1,"22:I[149053,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\"],\"BootSplash\"]\n23:I[265927,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\"],\"VersionWatcher\"]\n24:I[729630,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\"],\"ServiceWorkerRegistrar\"]\n25:I[769529,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\"],\"ThemeProvider\"]\n26:I[36360,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\"],\"OddsFormatProvider\"]\n27:I[979553,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\"],\"TrialModeProvider\"]\n28:I[196615,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\"],\"LiveAudioProvider\"]\n29:I[545752,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\"],\"TipNotificationAudioProvider\"]\n2a:I[408821,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\",\"/_next/static/chunks/0q8r1hftv7jw5.js\"],\"default\"]\n2b:I[109711,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\"],\"GlobalBetCelebration\"]\n2c:I[415406,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\"],\"ScrollToTopButton\"]\n"])</script><script>self.__next_f.push([1,"2:[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"inter_fe8b9d92-module__LINzvG__variable jetbrains_mono_8dec50e9-module__V6cRDq__variable h-full\",\"children\":[\"$\",\"body\",null,{\"className\":\"min-h-full flex flex-col bg-bg-primary text-text-primary\",\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"window.addEventListener('beforeinstallprompt',function(e){e.preventDefault();window.__dopgInstallPrompt=e;});\"}}],[\"$\",\"$L22\",null,{}],[\"$\",\"$L23\",null,{}],[\"$\",\"$L24\",null,{}],[\"$\",\"$L25\",null,{\"defaultSport\":\"ufc\",\"children\":[\"$\",\"$L26\",null,{\"initial\":\"decimal\",\"children\":[\"$\",\"$L27\",null,{\"enabled\":false,\"children\":[\"$\",\"$L28\",null,{\"children\":[\"$\",\"$L29\",null,{\"children\":[[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$2a\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0q8r1hftv7jw5.js\",\"async\":true}]],\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"main\",null,{\"className\":\"flex min-h-screen flex-col items-center justify-center px-6 py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full max-w-lg text-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-mono text-sm font-bold uppercase tracking-[0.3em] text-text-faint\",\"children\":\"404\"}],[\"$\",\"h1\",null,{\"className\":\"mt-3 font-display text-4xl font-black tracking-tight text-text-primary sm:text-5xl\",\"children\":\"This page doesn't exist\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-base text-text-secondary\",\"children\":\"The link may be old or mistyped — but every tip, result and tool is still right here.\"}],[\"$\",\"div\",null,{\"className\":\"mt-10 grid gap-3\",\"children\":[[\"$\",\"$L13\",null,{\"href\":\"/\",\"className\":\"block rounded-lg bg-accent-primary py-3 text-center text-xs font-bold uppercase tracking-wide text-white cursor-pointer hover:bg-accent-primary/90 transition-all\",\"children\":\"Back to Home\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 gap-3\",\"children\":[[\"$\",\"$L13\",\"/ufc\",{\"href\":\"/ufc\",\"className\":\"block rounded-lg border border-border bg-bg-card py-3 text-center text-xs font-bold uppercase tracking-wide text-text-primary cursor-pointer hover:bg-bg-elevated hover:border-text-faint/40 transition-all\",\"children\":\"UFC Live Betting\"}],[\"$\",\"$L13\",\"/football\",{\"href\":\"/football\",\"className\":\"block rounded-lg border border-border bg-bg-card py-3 text-center text-xs font-bold uppercase tracking-wide text-text-primary cursor-pointer hover:bg-bg-elevated hover:border-text-faint/40 transition-all\",\"children\":\"Football Tips\"}],[\"$\",\"$L13\",\"/football-results\",{\"href\":\"/football-results\",\"className\":\"block rounded-lg border border-border bg-bg-card py-3 text-center text-xs font-bold uppercase tracking-wide text-text-primary cursor-pointer hover:bg-bg-elevated hover:border-text-faint/40 transition-all\",\"children\":\"Football Results\"}],[\"$\",\"$L13\",\"/diary\",{\"href\":\"/diary\",\"className\":\"block rounded-lg border border-border bg-bg-card py-3 text-center text-xs font-bold uppercase tracking-wide text-text-primary cursor-pointer hover:bg-bg-elevated hover:border-text-faint/40 transition-all\",\"children\":\"The Diary\"}],[\"$\",\"$L13\",\"/pricing\",{\"href\":\"/pricing\",\"className\":\"block rounded-lg border border-border bg-bg-card py-3 text-center text-xs font-bold uppercase tracking-wide text-text-primary cursor-pointer hover:bg-bg-elevated hover:border-text-faint/40 transition-all col-span-2\",\"children\":\"Pricing\"}]]}]]}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L2b\",null,{\"userId\":null}],[\"$\",\"$L2c\",null,{}]]}]}]}]}]}],[\"$\",\"script\",null,{\"defer\":true,\"src\":\"/u/script.js\",\"data-website-id\":\"a5017022-e3d7-4ab4-bb57-beda4a067582\",\"data-tag\":\"guest\"}]]}]}]\n"])</script><script>self.__next_f.push([1,"2d:I[565240,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\",\"/_next/static/chunks/03ey0wt-b.7de.js\",\"/_next/static/chunks/05q93m-241.c_.js\",\"/_next/static/chunks/07yiw-otyptpc.js\",\"/_next/static/chunks/0cu0d~xlsprkn.js\",\"/_next/static/chunks/02snyy59pgeli.js\",\"/_next/static/chunks/0c06obk7j402r.js\",\"/_next/static/chunks/04o~ax.x-c6l9.js\",\"/_next/static/chunks/0qk0t2ke9fibt.js\"],\"ScrollAwareHeader\"]\n2e:I[370786,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\",\"/_next/static/chunks/03ey0wt-b.7de.js\",\"/_next/static/chunks/05q93m-241.c_.js\",\"/_next/static/chunks/07yiw-otyptpc.js\",\"/_next/static/chunks/0cu0d~xlsprkn.js\",\"/_next/static/chunks/02snyy59pgeli.js\",\"/_next/static/chunks/0c06obk7j402r.js\",\"/_next/static/chunks/04o~ax.x-c6l9.js\",\"/_next/static/chunks/0qk0t2ke9fibt.js\"],\"ChatNavLink\"]\n2f:I[940857,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\",\"/_next/static/chunks/03ey0wt-b.7de.js\",\"/_next/static/chunks/05q93m-241.c_.js\",\"/_next/static/chunks/07yiw-otyptpc.js\",\"/_next/static/chunks/0cu0d~xlsprkn.js\",\"/_next/static/chunks/02snyy59pgeli.js\",\"/_next/static/chunks/0c06obk7j402r.js\",\"/_next/static/chunks/04o~ax.x-c6l9.js\",\"/_next/static/chunks/0qk0t2ke9fibt.js\"],\"NavLinkActive\"]\n30:I[838385,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\",\"/_next/static/chunks/03ey0wt-b.7de.js\",\"/_next/static/chunks/05q93m-241.c_.js\",\"/_next/static/chunks/07yiw-otyptpc.js\",\"/_next/static/chunks/0cu0d~xlsprkn.js\",\"/_next/static/chunks/02snyy59pgeli.js\",\"/_next/static/chunks/0c06obk7j402r.js\",\"/_next/static/chunks/04o~ax.x-c6l9.js\",\"/_next/static/chunks/0qk0t2ke9fibt.js\"],\"NavDropdown\"]\n31:I[558499,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\",\"/_next/static/chunks/03ey0wt-b.7de.js\",\"/_next/static/chunks/05q93m-241.c_.js\",\"/_next/static/chunks/07yiw-otyptpc.js\",\"/_next/static/chunks/0cu0d~xlsprkn.js\",\"/_next/static/chunks/02snyy59pgeli.js\",\"/_next/static/chunks/0c06obk7j402r.js\",\"/_next/static/chunks/04o~ax.x-c6l9.js\",\"/_next/static/chunks/0qk0t2ke9fibt.js\"],\"HeaderSignInLink\"]\n"])</script><script>self.__next_f.push([1,"12:[\"$\",\"div\",null,{\"className\":\"sticky top-0 z-50 pt-[env(safe-area-inset-top,0px)]\",\"children\":[[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"absolute top-0 inset-x-0 h-[env(safe-area-inset-top,0px)] bg-bg-primary z-20\"}],null,[\"$\",\"$L2d\",null,{\"children\":[[\"$\",\"header\",null,{\"className\":\"relative z-10 bg-bg-primary border-b border-border group-data-[transparent=true]/scroll-header:bg-transparent group-data-[transparent=true]/scroll-header:border-transparent group-data-[scrolled=true]/scroll-header:bg-bg-primary/70 group-data-[scrolled=true]/scroll-header:backdrop-blur-xl group-data-[scrolled=true]/scroll-header:border-white/10 motion-safe:transition-[background-color,backdrop-filter,border-color] motion-safe:duration-200 motion-safe:ease-out\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-7xl mx-auto pl-[max(1rem,env(safe-area-inset-left,0px))] pr-[max(1rem,env(safe-area-inset-right,0px))] flex items-center justify-between h-14 gap-4 group-data-[scrolled=true]/scroll-header:h-11 group-data-[scrolled=true]/scroll-header:gap-3 motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out\",\"children\":[[\"$\",\"$L13\",null,{\"href\":\"/\",\"className\":\"flex items-center justify-center flex-shrink-0 cursor-pointer group min-w-[44px] min-h-[44px] -mx-2 px-2\",\"aria-label\":\"Diary of a Pro Gambler — home\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sm:hidden font-black uppercase tracking-[0.12em] text-text-primary text-sm group-data-[scrolled=true]/scroll-header:text-[11px] motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out\",\"children\":\"DOAPG\"}],[\"$\",\"span\",null,{\"className\":\"hidden sm:inline font-black uppercase tracking-[0.12em] text-text-primary text-sm group-data-[scrolled=true]/scroll-header:text-[11px] motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out\",\"children\":\"Diary of a Pro Gambler\"}]]}],[\"$\",\"nav\",null,{\"className\":\"hidden md:flex items-stretch self-stretch flex-1 justify-center min-w-0 overflow-x-auto gap-0 group-data-[scrolled=true]/scroll-header:gap-1 motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out\",\"children\":[[\"$\",\"$1\",\"/chat\",{\"children\":[\"$\",\"$L2e\",null,{\"href\":\"/chat\",\"icon\":\"chat\",\"label\":\"Chat\",\"enabled\":false}]}],[\"$\",\"$1\",\"/ufc\",{\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/ufc\",\"icon\":\"money-bag\",\"label\":\"UFC\"}]}],[\"$\",\"$1\",\"/football\",{\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/football\",\"icon\":\"trending-up\",\"label\":\"Football\"}]}],[\"$\",\"$1\",\"/research\",{\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/research\",\"icon\":\"search\",\"label\":\"Research\"}]}],[\"$\",\"$1\",\"/odds\",{\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/odds\",\"icon\":\"odds\",\"label\":\"Odds\"}]}],[\"$\",\"$1\",\"/diary\",{\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/diary\",\"icon\":\"book\",\"label\":\"Diary\"}]}],[\"$\",\"$L30\",\"dropdown-Tools\",{\"label\":\"Tools\",\"icon\":\"wrench\",\"items\":[{\"href\":\"/calendar\",\"label\":\"Calendar\",\"icon\":\"calendar\",\"description\":\"Upcoming UFC, football \u0026 live betting\"},{\"href\":\"/bets\",\"label\":\"Bet Tracker\",\"icon\":\"chart\",\"description\":\"Log every bet, silo into strategies, see real ROI\"},{\"href\":\"/calculators\",\"label\":\"Calculators\",\"icon\":\"calc\",\"description\":\"EV, Kelly, parlay, hedge, vig\"},{\"href\":\"/fighters\",\"label\":\"Fighter Database\",\"icon\":\"user\",\"description\":\"UFC fighter profiles + records\"},{\"href\":\"/events\",\"label\":\"UFC Events\",\"icon\":\"calendar\",\"description\":\"Fight cards, odds \u0026 results for every card\"}]}],[\"$\",\"$1\",\"/pricing\",{\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/pricing\",\"icon\":\"pricing\",\"label\":\"Pricing\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"hidden md:block w-px h-6 bg-border flex-shrink-0\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center flex-shrink-0 gap-2 group-data-[scrolled=true]/scroll-header:gap-1.5 motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out\",\"children\":[[\"$\",\"$L31\",null,{}],[\"$\",\"$L13\",null,{\"href\":\"/pricing\",\"className\":\"lk-upgrade-cta inline-flex items-center justify-center gap-1.5 rounded-md font-extrabold uppercase tracking-wider text-bg-primary cursor-pointer px-3 py-1.5 text-[11px]  \",\"children\":[\"$L32\",\"$L33\"]}]]}]]}]}],\"$L34\"]}]]}]\n"])</script><script>self.__next_f.push([1,"35:I[984316,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\",\"/_next/static/chunks/03ey0wt-b.7de.js\",\"/_next/static/chunks/05q93m-241.c_.js\",\"/_next/static/chunks/07yiw-otyptpc.js\",\"/_next/static/chunks/0cu0d~xlsprkn.js\",\"/_next/static/chunks/02snyy59pgeli.js\",\"/_next/static/chunks/0c06obk7j402r.js\",\"/_next/static/chunks/04o~ax.x-c6l9.js\",\"/_next/static/chunks/0qk0t2ke9fibt.js\"],\"LiveSessionBars\"]\n32:[\"$\",\"svg\",null,{\"aria-hidden\":true,\"className\":\"w-3 h-3\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"d\":\"M12 2.25a.75.75 0 0 1 .722.547l1.275 4.508 4.508 1.275a.75.75 0 0 1 0 1.444l-4.508 1.275-1.275 4.508a.75.75 0 0 1-1.444 0L9.997 11.299 5.49 10.024a.75.75 0 0 1 0-1.444l4.508-1.275 1.275-4.508A.75.75 0 0 1 12 2.25Zm6 12a.6.6 0 0 1 .577.438l.788 2.785 2.785.788a.6.6 0 0 1 0 1.155l-2.785.788-.788 2.785a.6.6 0 0 1-1.155 0l-.788-2.785-2.785-.788a.6.6 0 0 1 0-1.155l2.785-.788.788-2.785A.6.6 0 0 1 18 14.25Z\"}]}]\n33:[\"$\",\"span\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"sm:hidden\",\"children\":\"Join Us\"}],[\"$\",\"span\",null,{\"className\":\"hidden sm:inline\",\"children\":\"Join Us\"}]]}]\n"])</script><script>self.__next_f.push([1,"34:[\"$\",\"$L35\",null,{\"session\":null,\"viewer\":{\"canListen\":false,\"offerUpgrade\":false},\"initial\":{\"ufc\":null},\"initialSnapshot\":{\"live\":{\"ufc\":[],\"football\":[]},\"nextSession\":{\"type\":\"football\",\"startAt\":\"2026-09-02T10:00:00.000Z\",\"events\":[{\"id\":325753,\"kind\":\"football_match\",\"externalId\":\"1556043\",\"startAt\":\"$D2026-09-02T10:00:00.000Z\",\"endAt\":null,\"title\":\"JEF United Chiba vs Fagiano Okayama\",\"subtitle\":\"Japanese J1 League\",\"meta\":{\"round\":\"Regular Season - 5\",\"venue\":\"Fukuda Denshi Arena\",\"season\":2027,\"country\":\"Japan\",\"awayLogo\":\"https://media.api-sports.io/football/teams/310.png\",\"awayTeam\":\"Fagiano Okayama\",\"homeLogo\":\"https://media.api-sports.io/football/teams/301.png\",\"homeTeam\":\"JEF United Chiba\",\"apiStatus\":\"NS\",\"finalScore\":null,\"apiLeagueId\":98,\"apiLeagueName\":\"J1 League\",\"betCompetition\":\"Japanese J1 League\"},\"status\":\"scheduled\",\"createdAt\":\"$D2026-07-04T03:30:47.652Z\",\"updatedAt\":\"$D2026-09-01T03:30:30.165Z\"},{\"id\":325751,\"kind\":\"football_match\",\"externalId\":\"1556041\",\"startAt\":\"$D2026-09-02T10:00:00.000Z\",\"endAt\":null,\"title\":\"Avispa Fukuoka vs Urawa\",\"subtitle\":\"Japanese J1 League\",\"meta\":{\"round\":\"Regular Season - 5\",\"venue\":\"Best Denki Stadium\",\"season\":2027,\"country\":\"Japan\",\"awayLogo\":\"https://media.api-sports.io/football/teams/287.png\",\"awayTeam\":\"Urawa\",\"homeLogo\":\"https://media.api-sports.io/football/teams/316.png\",\"homeTeam\":\"Avispa Fukuoka\",\"apiStatus\":\"NS\",\"finalScore\":null,\"apiLeagueId\":98,\"apiLeagueName\":\"J1 League\",\"betCompetition\":\"Japanese J1 League\"},\"status\":\"scheduled\",\"createdAt\":\"$D2026-07-04T03:30:47.650Z\",\"updatedAt\":\"$D2026-09-01T03:30:30.164Z\"},{\"id\":325752,\"kind\":\"football_match\",\"externalId\":\"1556042\",\"startAt\":\"$D2026-09-02T10:00:00.000Z\",\"endAt\":null,\"title\":\"Cerezo Osaka vs Kashiwa Reysol\",\"subtitle\":\"Japanese J1 League\",\"meta\":{\"round\":\"Regular Season - 5\",\"venue\":\"Yodoko Sakura Stadium\",\"season\":2027,\"country\":\"Japan\",\"awayLogo\":\"https://media.api-sports.io/football/teams/281.png\",\"awayTeam\":\"Kashiwa Reysol\",\"homeLogo\":\"https://media.api-sports.io/football/teams/291.png\",\"homeTeam\":\"Cerezo Osaka\",\"apiStatus\":\"NS\",\"finalScore\":null,\"apiLeagueId\":98,\"apiLeagueName\":\"J1 League\",\"betCompetition\":\"Japanese J1 League\"},\"status\":\"scheduled\",\"createdAt\":\"$D2026-07-04T03:30:47.651Z\",\"updatedAt\":\"$D2026-09-01T03:30:30.164Z\"},{\"id\":325755,\"kind\":\"football_match\",\"externalId\":\"1556045\",\"startAt\":\"$D2026-09-02T10:00:00.000Z\",\"endAt\":null,\"title\":\"Mito Hollyhock vs Kashima\",\"subtitle\":\"Japanese J1 League\",\"meta\":{\"round\":\"Regular Season - 5\",\"venue\":\"Best Denki Stadium\",\"season\":2027,\"country\":\"Japan\",\"awayLogo\":\"https://media.api-sports.io/football/teams/290.png\",\"awayTeam\":\"Kashima\",\"homeLogo\":\"https://media.api-sports.io/football/teams/305.png\",\"homeTeam\":\"Mito Hollyhock\",\"apiStatus\":\"NS\",\"finalScore\":null,\"apiLeagueId\":98,\"apiLeagueName\":\"J1 League\",\"betCompetition\":\"Japanese J1 League\"},\"status\":\"scheduled\",\"createdAt\":\"$D2026-07-04T03:30:47.653Z\",\"updatedAt\":\"$D2026-09-01T03:30:30.166Z\"},{\"id\":325756,\"kind\":\"football_match\",\"externalId\":\"1556046\",\"startAt\":\"$D2026-09-02T10:00:00.000Z\",\"endAt\":null,\"title\":\"Sanfrecce Hiroshima vs Nagoya Grampus\",\"subtitle\":\"Japanese J1 League\",\"meta\":{\"round\":\"Regular Season - 5\",\"venue\":\"Edion Peace Wing Hiroshima\",\"season\":2027,\"country\":\"Japan\",\"awayLogo\":\"https://media.api-sports.io/football/teams/288.png\",\"awayTeam\":\"Nagoya Grampus\",\"homeLogo\":\"https://media.api-sports.io/football/teams/282.png\",\"homeTeam\":\"Sanfrecce Hiroshima\",\"apiStatus\":\"NS\",\"finalScore\":null,\"apiLeagueId\":98,\"apiLeagueName\":\"J1 League\",\"betCompetition\":\"Japanese J1 League\"},\"status\":\"scheduled\",\"createdAt\":\"$D2026-07-04T03:30:47.653Z\",\"updatedAt\":\"$D2026-09-01T03:30:30.166Z\"},{\"id\":325757,\"kind\":\"football_match\",\"externalId\":\"1556047\",\"startAt\":\"$D2026-09-02T10:00:00.000Z\",\"endAt\":null,\"title\":\"Shimizu S-pulse vs FC Tokyo\",\"subtitle\":\"Japanese J1 League\",\"meta\":{\"round\":\"Regular Season - 5\",\"venue\":\"IAI Stadium Nihondaira\",\"season\":2027,\"country\":\"Japan\",\"awayLogo\":\"https://media.api-sports.io/football/teams/292.png\",\"awayTeam\":\"FC Tokyo\",\"homeLogo\":\"https://media.api-sports.io/football/teams/283.png\",\"homeTeam\":\"Shimizu S-pulse\",\"apiStatus\":\"NS\",\"finalScore\":null,\"apiLeagueId\":98,\"apiLeagueName\":\"J1 League\",\"betCompetition\":\"Japanese J1 League\"},\"status\":\"scheduled\",\"createdAt\":\"$D2026-07-04T03:30:47.654Z\",\"updatedAt\":\"$D2026-09-01T03:30:30.166Z\"},{\"id\":325758,\"kind\":\"football_match\",\"externalId\":\"1556048\",\"startAt\":\"$D2026-09-02T10:00:00.000Z\",\"endAt\":null,\"title\":\"Tokyo Verdy vs Vissel Kobe\",\"subtitle\":\"Japanese J1 League\",\"meta\":{\"round\":\"Regular Season - 5\",\"venue\":\"Ajinomoto Stadium\",\"season\":2027,\"country\":\"Japan\",\"awayLogo\":\"https://media.api-sports.io/football/teams/289.png\",\"awayTeam\":\"Vissel Kobe\",\"homeLogo\":\"https://media.api-sports.io/football/teams/306.png\",\"homeTeam\":\"Tokyo Verdy\",\"apiStatus\":\"NS\",\"finalScore\":null,\"apiLeagueId\":98,\"apiLeagueName\":\"J1 League\",\"betCompetition\":\"Japanese J1 League\"},\"status\":\"scheduled\",\"createdAt\":\"$D2026-07-04T03:30:47.654Z\",\"updatedAt\":\"$D2026-09-01T03:30:30.166Z\"},{\"id\":325759,\"kind\":\"football_match\",\"externalId\":\"1556049\",\"startAt\":\"$D2026-09-02T10:00:00.000Z\",\"endAt\":null,\"title\":\"V-varen Nagasaki vs Gamba Osaka\",\"subtitle\":\"Japanese J1 League\",\"meta\":{\"round\":\"Regular Season - 5\",\"venue\":\"Peace Stadium\",\"season\":2027,\"country\":\"Japan\",\"awayLogo\":\"https://media.api-sports.io/football/teams/293.png\",\"awayTeam\":\"Gamba Osaka\",\"homeLogo\":\"https://media.api-sports.io/football/teams/285.png\",\"homeTeam\":\"V-varen Nagasaki\",\"apiStatus\":\"NS\",\"finalScore\":null,\"apiLeagueId\":98,\"apiLeagueName\":\"J1 League\",\"betCompetition\":\"Japanese J1 League\"},\"status\":\"scheduled\",\"createdAt\":\"$D2026-07-04T03:30:47.655Z\",\"updatedAt\":\"$D2026-09-01T03:30:30.166Z\"},{\"id\":325760,\"kind\":\"football_match\",\"externalId\":\"1556050\",\"startAt\":\"$D2026-09-02T10:00:00.000Z\",\"endAt\":null,\"title\":\"Yokohama F. Marinos vs Kyoto Sanga\",\"subtitle\":\"Japanese J1 League\",\"meta\":{\"round\":\"Regular Season - 5\",\"venue\":\"Nissan Stadium\",\"season\":2027,\"country\":\"Japan\",\"awayLogo\":\"https://media.api-sports.io/football/teams/302.png\",\"awayTeam\":\"Kyoto Sanga\",\"homeLogo\":\"https://media.api-sports.io/football/teams/296.png\",\"homeTeam\":\"Yokohama F. Marinos\",\"apiStatus\":\"NS\",\"finalScore\":null,\"apiLeagueId\":98,\"apiLeagueName\":\"J1 League\",\"betCompetition\":\"Japanese J1 League\"},\"status\":\"scheduled\",\"createdAt\":\"$D2026-07-04T03:30:47.655Z\",\"updatedAt\":\"$D2026-09-01T03:30:30.166Z\"},{\"id\":325754,\"kind\":\"football_match\",\"externalId\":\"1556044\",\"startAt\":\"$D2026-09-02T10:00:00.000Z\",\"endAt\":null,\"title\":\"Machida Zelvia vs Kawasaki Frontale\",\"subtitle\":\"Japanese J1 League\",\"meta\":{\"round\":\"Regular Season - 5\",\"venue\":\"Machida GION Stadium\",\"season\":2027,\"country\":\"Japan\",\"awayLogo\":\"https://media.api-sports.io/football/teams/294.png\",\"awayTeam\":\"Kawasaki Frontale\",\"homeLogo\":\"https://media.api-sports.io/football/teams/303.png\",\"homeTeam\":\"Machida Zelvia\",\"apiStatus\":\"NS\",\"finalScore\":null,\"apiLeagueId\":98,\"apiLeagueName\":\"J1 League\",\"betCompetition\":\"Japanese J1 League\"},\"status\":\"scheduled\",\"createdAt\":\"$D2026-07-04T03:30:47.652Z\",\"updatedAt\":\"$D2026-09-01T03:30:30.165Z\"}]}}}]\n"])</script><script>self.__next_f.push([1,"36:T5339,"])</script><script>self.__next_f.push([1,"\n.dia {\n  --dia-bg: #000;\n  --dia-bg2: #07090C;\n  --dia-panel: #0E1115;\n  --dia-panel2: #131820;\n  --dia-line: #1d242d;\n  --dia-hair: #161B22;\n  --dia-ink: #F5F7FA;\n  --dia-ink-soft: #C2C9D2;\n  /* Lifted from the pure-design palette (#7C8794 / #5B6571) so both\n     dim and faint clear WCAG AA 4.5:1 against the diary's deepest\n     bg (#000) used in the vitals strip. The deepest used here is\n     #000 → faint=#8A929E ≈ 5.0:1, dim=#9098A3 ≈ 5.3:1. */\n  --dia-ink-dim: #9098A3;\n  --dia-ink-faint: #8A929E;\n  --dia-amber: #d9a441;\n  --dia-amber-deep: #B58330;\n  --dia-amber-ink: #1a0f00;\n  --dia-green: #22c55e;\n  --dia-green-bright: #4ADE80;\n  --dia-blue: #3b82f6;\n  --dia-blue-bright: #60A5FA;\n  --dia-red: #ef4444;\n  background: var(--dia-bg);\n  color: var(--dia-ink);\n  font-family: 'Inter', system-ui, -apple-system, sans-serif;\n  font-size: 14px;\n}\n\n/* ============ HERO ============ */\n.dia-hero {\n  position: relative;\n  padding: 64px 32px 56px;\n  background:\n    radial-gradient(1200px 600px at 50% 0%, rgba(217,164,65,0.10), transparent 60%),\n    radial-gradient(900px 480px at 90% 100%, rgba(217,164,65,0.05), transparent 65%),\n    linear-gradient(180deg, #0c0a08 0%, var(--dia-bg) 100%);\n  border-bottom: 1px solid var(--dia-hair);\n  overflow: hidden;\n}\n.dia-hero::before {\n  content: ''; position: absolute; inset: 0;\n  background-image: radial-gradient(circle, rgba(255,255,255,0.025) 1px, transparent 1px);\n  background-size: 26px 26px;\n  mask-image: radial-gradient(ellipse 60% 50% at 50% 30%, #000 0%, transparent 75%);\n  -webkit-mask-image: radial-gradient(ellipse 60% 50% at 50% 30%, #000 0%, transparent 75%);\n  pointer-events: none;\n}\n.dia-hero-inner {\n  position: relative; max-width: 1280px; margin: 0 auto;\n  display: flex; flex-direction: column; gap: 16px;\n}\n.dia-hero-kicker {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 11px; font-weight: 700;\n  letter-spacing: 0.2em; text-transform: uppercase;\n  color: var(--dia-amber);\n  display: inline-flex; align-items: center; gap: 10px;\n}\n.dia-hero-kicker-dot {\n  width: 7px; height: 7px; border-radius: 50%;\n  background: var(--dia-amber);\n  box-shadow: 0 0 0 4px rgba(217,164,65,0.18), 0 0 10px var(--dia-amber);\n  animation: dia-pulse 1.8s ease-in-out infinite;\n}\n@keyframes dia-pulse {\n  0%,100% { opacity: 1; transform: scale(1); }\n  50% { opacity: 0.55; transform: scale(0.85); }\n}\n.dia-hero-h {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(36px, 5vw, 64px); font-weight: 900;\n  letter-spacing: -0.04em; line-height: 1.02;\n  text-transform: uppercase; color: var(--dia-ink); margin: 0;\n}\n.dia-hero-h em { font-style: normal; color: var(--dia-amber); }\n.dia-hero-p {\n  font-size: 16px; color: var(--dia-ink-soft); line-height: 1.6;\n  max-width: 42em; margin: 0;\n}\n\n/* ============ VITALS ============ */\n.dia-vitals {\n  border-bottom: 1px solid var(--dia-hair);\n  background: linear-gradient(180deg, rgba(255,255,255,0.012), transparent);\n}\n.dia-vitals-inner {\n  max-width: 1280px; margin: 0 auto;\n  display: grid; grid-template-columns: repeat(4, 1fr);\n}\n@media (max-width: 720px) {\n  .dia-vitals-inner { grid-template-columns: repeat(2, 1fr); }\n  /* When the grid is 2 columns, every other cell sits at the right\n     edge — its border-right would dangle as a hanging line. Strip it. */\n  .dia-vital:nth-child(2n) { border-right: none; }\n  .dia-vital:nth-child(-n+2) { border-bottom: 1px solid var(--dia-hair); }\n}\n.dia-vital {\n  padding: 22px 24px;\n  border-right: 1px solid var(--dia-hair);\n  display: flex; flex-direction: column; gap: 6px;\n}\n.dia-vital:last-child { border-right: none; }\n.dia-vital-k {\n  font-family: 'Inter', sans-serif;\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 0.18em; text-transform: uppercase;\n  color: var(--dia-ink-faint);\n}\n.dia-vital-v {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 26px; font-weight: 800;\n  letter-spacing: -0.025em; line-height: 1;\n  color: var(--dia-ink);\n}\n.dia-vital-v.a { color: var(--dia-amber); }\n.dia-vital-sub {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 10.5px; color: var(--dia-ink-faint); letter-spacing: 0.04em;\n}\n\n/* ============ BODY ============ */\n.dia-body {\n  max-width: 1280px; margin: 0 auto;\n  padding: 56px 32px 80px;\n}\n@media (max-width: 900px) {\n  .dia-hero { padding: 44px 18px 36px; }\n  .dia-body { padding: 40px 18px 60px; }\n}\n\n/* ============ FEATURED ARTICLE ============ */\n.dia-featured {\n  display: grid; grid-template-columns: 1fr 1fr;\n  gap: 0; align-items: stretch;\n  background: var(--dia-panel);\n  border: 1px solid var(--dia-line);\n  border-radius: 12px;\n  overflow: hidden;\n  margin-bottom: 48px;\n  text-decoration: none; color: inherit;\n  transition: border-color .2s, transform .2s, box-shadow .2s;\n}\n.dia-featured:hover {\n  border-color: rgba(217,164,65,0.4);\n  transform: translateY(-3px);\n  box-shadow: 0 24px 48px -24px rgba(0,0,0,0.7);\n}\n@media (max-width: 900px) { .dia-featured { grid-template-columns: 1fr; } }\n\n.dia-featured-cover {\n  position: relative;\n  background:\n    radial-gradient(circle at 30% 30%, rgba(217,164,65,0.32), transparent 55%),\n    radial-gradient(circle at 80% 70%, rgba(220,38,38,0.2), transparent 55%),\n    linear-gradient(135deg, #16110a 0%, #0a0807 100%);\n  overflow: hidden;\n}\n/* Only enforce the tall 360px stage when there's an actual image to\n   fill it. Empty gradient covers shouldn't eat a full mobile screen\n   on phones where the card stacks. */\n.dia-featured-cover.has-image { min-height: 360px; }\n.dia-featured-cover img {\n  display: block; width: 100%; height: 100%;\n  object-fit: cover; object-position: center;\n  transition: transform .4s ease;\n}\n.dia-featured:hover .dia-featured-cover img { transform: scale(1.04); }\n.dia-featured-tag {\n  position: absolute; top: 18px; right: 22px;\n  display: inline-flex; align-items: center; gap: 7px;\n  padding: 4px 10px;\n  background: var(--dia-amber); color: var(--dia-amber-ink);\n  border-radius: 4px;\n  font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 800;\n  letter-spacing: 0.18em; text-transform: uppercase;\n  z-index: 1;\n}\n.dia-featured-tag-dot {\n  width: 5px; height: 5px; border-radius: 50%;\n  background: var(--dia-amber-ink);\n  animation: dia-pulse 1.4s infinite ease-in-out;\n}\n.dia-featured-body {\n  padding: 36px;\n  display: flex; flex-direction: column; gap: 16px; justify-content: center;\n}\n.dia-featured-cat {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 10.5px; font-weight: 700; letter-spacing: 0.18em;\n  text-transform: uppercase; color: var(--dia-amber);\n}\n.dia-featured-h {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(24px, 2.8vw, 34px); font-weight: 900;\n  letter-spacing: -0.025em; line-height: 1.1;\n  text-transform: uppercase; color: var(--dia-ink);\n  margin: 0;\n}\n.dia-featured-excerpt {\n  font-size: 15px; color: var(--dia-ink-soft); line-height: 1.6;\n  margin: 0;\n}\n.dia-featured-meta {\n  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;\n  margin-top: 6px;\n  font-family: 'JetBrains Mono', monospace; font-size: 11px;\n  color: var(--dia-ink-faint); letter-spacing: 0.04em;\n}\n.dia-author-chip {\n  display: inline-flex; align-items: center; gap: 8px;\n  color: var(--dia-ink-soft); font-weight: 700;\n}\n.dia-author-av {\n  width: 24px; height: 24px; border-radius: 50%;\n  background: linear-gradient(135deg, var(--dia-amber), var(--dia-amber-deep));\n  color: var(--dia-amber-ink);\n  display: inline-flex; align-items: center; justify-content: center;\n  font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 900;\n  overflow: hidden;\n}\n.dia-author-av img { width: 100%; height: 100%; object-fit: cover; }\n.dia-engage {\n  display: inline-flex; align-items: center; gap: 4px;\n  color: var(--dia-ink-faint);\n  font-family: 'JetBrains Mono', monospace;\n  font-weight: 700;\n}\n.dia-engage svg { color: var(--dia-amber); }\n.dia-featured-cta {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 11px 18px;\n  background: var(--dia-amber); color: var(--dia-amber-ink);\n  border-radius: 7px;\n  font-family: 'Inter', sans-serif; font-size: 11.5px; font-weight: 800;\n  letter-spacing: 0.14em; text-transform: uppercase;\n  transition: gap .2s, filter .2s;\n  align-self: flex-start; margin-top: 4px;\n}\n.dia-featured:hover .dia-featured-cta { gap: 12px; filter: brightness(1.08); }\n\n/* ============ FILTERS ROW ============\n   justify-content space-between with wrap produces chaotic alignment\n   at mid-widths (one row when everything fits, ragged columns when it\n   doesn't). Use gap-based layout with margin-left:auto pushing the\n   search right at desktop, then stack cleanly on phones. */\n.dia-filters {\n  display: flex; align-items: center;\n  gap: 12px 16px; flex-wrap: wrap; margin-bottom: 20px;\n}\n.dia-filters .dia-search { margin-left: auto; }\n@media (max-width: 720px) {\n  .dia-filters {\n    flex-direction: column; align-items: stretch; gap: 12px;\n  }\n  .dia-filters .dia-search { margin-left: 0; width: 100%; min-width: 0; }\n}\n.dia-filters-h {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px; font-weight: 800;\n  letter-spacing: 0.18em; text-transform: uppercase;\n  color: var(--dia-ink-dim);\n}\n.dia-chips { display: inline-flex; gap: 8px; flex-wrap: wrap; }\n.dia-chip {\n  padding: 8px 14px; min-height: 36px;\n  display: inline-flex; align-items: center;\n  border-radius: 999px;\n  background: var(--dia-panel); border: 1px solid var(--dia-line);\n  font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 700;\n  letter-spacing: 0.12em; text-transform: uppercase;\n  color: var(--dia-ink-soft);\n  text-decoration: none;\n  transition: background .15s, color .15s, border-color .15s;\n  white-space: nowrap; cursor: pointer;\n}\n.dia-chip:hover { color: var(--dia-ink); border-color: var(--dia-ink-faint); }\n.dia-chip.active {\n  background: var(--dia-amber); color: var(--dia-amber-ink);\n  border-color: var(--dia-amber);\n  box-shadow: 0 4px 10px -3px rgba(217,164,65,0.45);\n}\n\n/* ============ SEARCH ============ */\n.dia-search {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 6px 12px 6px 10px;\n  background: var(--dia-panel); border: 1px solid var(--dia-line); border-radius: 8px;\n  min-width: 240px; flex: 0 1 auto;\n}\n.dia-search svg { color: var(--dia-ink-faint); flex-shrink: 0; }\n.dia-search input {\n  background: none; border: none; outline: none;\n  color: var(--dia-ink); font-family: 'Inter', sans-serif;\n  font-size: 12.5px; font-weight: 500; width: 100%; min-width: 0;\n}\n.dia-search input::placeholder { color: var(--dia-ink-faint); }\n.dia-search input::-webkit-search-cancel-button { display: none; }\n.dia-search-clear {\n  display: inline-flex; align-items: center; justify-content: center;\n  width: 22px; height: 22px;\n  color: var(--dia-ink-faint); cursor: pointer; background: none;\n  border: none; padding: 0; border-radius: 4px;\n}\n.dia-search-clear:hover { color: var(--dia-ink); }\n\n/* ============ SERIES ROW ============\n   Renders below the tag-chip row. Smaller visual weight than tag\n   chips so they read as \"long-form arcs\" rather than the primary\n   filter axis. */\n.dia-series-row {\n  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;\n  margin: -8px 0 28px;\n  padding: 12px 14px;\n  background: rgba(255,255,255,0.012);\n  border: 1px dashed var(--dia-hair);\n  border-radius: 10px;\n}\n.dia-series-h {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em;\n  text-transform: uppercase; color: var(--dia-ink-faint);\n  margin-right: 6px;\n}\n.dia-chip.series {\n  background: transparent;\n  border-color: rgba(217,164,65,0.4);\n  color: var(--dia-amber);\n  min-height: 32px;\n  padding: 6px 12px;\n  font-size: 10.5px;\n}\n.dia-chip.series:hover {\n  background: rgba(217,164,65,0.08);\n  border-color: var(--dia-amber);\n  color: var(--dia-amber);\n}\n\n/* ============ EMPTY ============ */\n.dia-empty {\n  padding: 64px 24px; text-align: center;\n  display: flex; flex-direction: column; align-items: center; gap: 14px;\n}\n.dia-empty-h { font-size: 16px; font-weight: 700; color: var(--dia-ink-soft); }\n.dia-empty-clear {\n  padding: 9px 18px;\n  background: var(--dia-amber); color: var(--dia-amber-ink); border-radius: 7px;\n  font-family: 'Inter', sans-serif; font-size: 11.5px; font-weight: 800;\n  letter-spacing: 0.14em; text-transform: uppercase;\n  text-decoration: none;\n}\n.dia-empty-clear:hover { filter: brightness(1.08); }\n\n/* ============ GRID + ARTICLE CARD ============ */\n.dia-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n@media (max-width: 1000px) {\n  .dia-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }\n}\n@media (max-width: 640px) { .dia-grid { grid-template-columns: 1fr; } }\n\n.dia-article {\n  display: flex; flex-direction: column;\n  background: var(--dia-panel);\n  border: 1px solid var(--dia-line);\n  border-radius: 12px;\n  overflow: hidden;\n  text-decoration: none; color: inherit;\n  transition: border-color .2s, transform .2s, box-shadow .2s;\n}\n.dia-article:hover {\n  border-color: rgba(217,164,65,0.32);\n  transform: translateY(-3px);\n  box-shadow: 0 18px 36px -18px rgba(0,0,0,0.65);\n}\n.dia-article-cover {\n  position: relative;\n  aspect-ratio: 16 / 10;\n  overflow: hidden;\n}\n.dia-article-cover img {\n  display: block; width: 100%; height: 100%;\n  object-fit: cover; object-position: center;\n  transition: transform .4s ease;\n}\n.dia-article:hover .dia-article-cover img { transform: scale(1.04); }\n/* Tinted fallback gradients when no coverImageUrl — picked by the\n   first-tag-hash mapping in PostCard so each tag reads consistently. */\n.dia-article-cover.amber {\n  background:\n    radial-gradient(circle at 30% 40%, rgba(217,164,65,0.3), transparent 60%),\n    linear-gradient(135deg, #16110a 0%, #08090a 100%);\n}\n.dia-article-cover.green {\n  background:\n    radial-gradient(circle at 40% 40%, rgba(34,197,94,0.3), transparent 60%),\n    linear-gradient(135deg, #0a1a10 0%, #050a07 100%);\n}\n.dia-article-cover.blue {\n  background:\n    radial-gradient(circle at 60% 40%, rgba(59,130,246,0.3), transparent 60%),\n    linear-gradient(135deg, #0a121e 0%, #050709 100%);\n}\n.dia-article-cover.red {\n  background:\n    radial-gradient(circle at 40% 30%, rgba(239,68,68,0.28), transparent 60%),\n    linear-gradient(135deg, #1a0808 0%, #08090a 100%);\n}\n.dia-article-cat-pill {\n  position: absolute; bottom: 14px; left: 16px;\n  display: inline-flex; align-items: center; padding: 3px 9px;\n  background: rgba(0,0,0,0.55); backdrop-filter: blur(6px);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 4px;\n  font-family: 'Inter', sans-serif; font-size: 9.5px; font-weight: 800;\n  letter-spacing: 0.16em; text-transform: uppercase;\n  z-index: 1;\n}\n.dia-article-cat-pill.amber { color: var(--dia-amber); }\n.dia-article-cat-pill.green { color: var(--dia-green-bright); }\n.dia-article-cat-pill.blue  { color: var(--dia-blue-bright); }\n.dia-article-cat-pill.red   { color: var(--dia-red); }\n.dia-article-body {\n  padding: 20px 22px 22px;\n  display: flex; flex-direction: column; gap: 10px; flex: 1;\n}\n.dia-article-h {\n  font-family: 'Inter', sans-serif;\n  font-size: 17px; font-weight: 800;\n  letter-spacing: -0.015em; line-height: 1.25;\n  color: var(--dia-ink); margin: 0;\n  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n.dia-article-excerpt {\n  font-size: 13.5px; color: var(--dia-ink-soft); line-height: 1.55;\n  margin: 0;\n  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;\n  overflow: hidden; flex: 1;\n}\n.dia-article-meta {\n  display: flex; align-items: center; gap: 6px 10px; flex-wrap: wrap;\n  margin-top: auto; padding-top: 12px;\n  border-top: 1px dashed var(--dia-hair);\n  font-family: 'JetBrains Mono', monospace; font-size: 10.5px;\n  color: var(--dia-ink-faint); letter-spacing: 0.04em;\n}\n/* Bind the · separator to the item that follows so it wraps with it\n   rather than dropping onto a fresh line as an orphan bullet. */\n.dia-article-meta \u003e * + *::before,\n.dia-featured-meta \u003e * + *::before {\n  content: \"·\"; margin-right: 8px; color: var(--dia-ink-faint);\n}\n.dia-featured-meta {\n  gap: 6px 10px;\n}\n\n/* ============ PAGINATION ============ */\n.dia-pagination {\n  display: flex; align-items: center; justify-content: center;\n  gap: 8px; margin-top: 40px; flex-wrap: wrap;\n}\n.dia-pag-btn, .dia-pag-num {\n  display: inline-flex; align-items: center; gap: 6px;\n  padding: 9px 14px; min-height: 38px;\n  background: var(--dia-panel); border: 1px solid var(--dia-line); border-radius: 7px;\n  font-family: 'Inter', sans-serif; font-size: 11.5px; font-weight: 700;\n  letter-spacing: 0.12em; text-transform: uppercase;\n  color: var(--dia-ink-soft);\n  text-decoration: none; cursor: pointer;\n  transition: color .15s, background .15s, border-color .15s;\n}\n.dia-pag-btn:hover:not(.disabled), .dia-pag-num:hover {\n  color: var(--dia-ink); border-color: var(--dia-ink-faint);\n}\n.dia-pag-btn.disabled {\n  opacity: 0.35; cursor: not-allowed; pointer-events: none;\n}\n.dia-pag-nums { display: inline-flex; gap: 4px; }\n.dia-pag-num.active {\n  background: var(--dia-amber); color: var(--dia-amber-ink); border-color: var(--dia-amber);\n}\n.dia-pag-gap {\n  display: inline-flex; align-items: center; padding: 0 4px;\n  color: var(--dia-ink-faint);\n}\n\n/* ============ NEWSLETTER ============ */\n.dia-newsletter {\n  margin-top: 64px; padding: 48px 36px;\n  background: linear-gradient(135deg, rgba(217,164,65,0.06) 0%, rgba(255,255,255,0.014) 100%);\n  border: 1px solid rgba(217,164,65,0.28); border-radius: 14px;\n  text-align: center; position: relative; overflow: hidden;\n}\n.dia-newsletter::before {\n  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;\n  background: linear-gradient(90deg, transparent, var(--dia-amber), transparent);\n}\n.dia-newsletter-kicker {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 11px; font-weight: 700;\n  letter-spacing: 0.2em; text-transform: uppercase;\n  color: var(--dia-amber);\n  display: inline-block; margin-bottom: 12px;\n}\n.dia-newsletter-h {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(24px, 3vw, 36px); font-weight: 900;\n  letter-spacing: -0.025em; line-height: 1.1;\n  text-transform: uppercase; color: var(--dia-ink);\n  max-width: 22em; margin: 0 auto;\n}\n.dia-newsletter-h em { font-style: normal; color: var(--dia-amber); }\n.dia-newsletter-p {\n  font-size: 14.5px; color: var(--dia-ink-soft); line-height: 1.55;\n  margin: 14px auto 24px; max-width: 36em;\n}\n.dia-newsletter-form {\n  display: inline-flex; gap: 8px; max-width: 460px; width: 100%;\n  flex-wrap: wrap; justify-content: center;\n}\n.dia-newsletter-input {\n  flex: 1; min-width: 200px;\n  padding: 12px 16px;\n  background: var(--dia-bg2); border: 1px solid var(--dia-line); border-radius: 8px;\n  color: var(--dia-ink); font-family: 'Inter', sans-serif; font-size: 14px;\n  outline: none; transition: border-color .2s, background .2s;\n}\n.dia-newsletter-input:focus { border-color: var(--dia-amber); background: var(--dia-panel); }\n.dia-newsletter-input::placeholder { color: var(--dia-ink-faint); }\n.dia-newsletter-submit {\n  padding: 12px 20px;\n  background: var(--dia-amber); color: var(--dia-amber-ink); border-radius: 8px;\n  font-family: 'Inter', sans-serif; font-size: 11.5px; font-weight: 800;\n  letter-spacing: 0.14em; text-transform: uppercase;\n  border: none; cursor: pointer;\n  transition: filter .15s, transform .15s;\n}\n.dia-newsletter-submit:hover { filter: brightness(1.08); transform: translateY(-1px); }\n.dia-newsletter-fine {\n  font-family: 'JetBrains Mono', monospace; font-size: 10.5px;\n  color: var(--dia-ink-faint); letter-spacing: 0.04em; margin-top: 14px;\n}\n.dia-newsletter-rss {\n  color: var(--dia-amber); text-decoration: none;\n  border-bottom: 1px dotted rgba(217,164,65,0.4);\n}\n.dia-newsletter-rss:hover { color: var(--dia-amber); border-bottom-color: var(--dia-amber); }\n.dia-newsletter-done {\n  display: inline-block; padding: 16px 24px;\n  background: rgba(34,197,94,0.08); border: 1px solid rgba(34,197,94,0.3);\n  border-radius: 10px;\n  color: var(--dia-green-bright);\n  font-family: 'JetBrains Mono', monospace; font-size: 13px; font-weight: 700;\n  letter-spacing: 0.04em;\n}\n\n/* Touch-only hit-area expansion: keeps the dense chrome visually\n   compact on desktop while honouring the 44×44 touch-target rule on\n   coarse-pointer devices. Uses position:relative + an ::after\n   pseudo-element so the visual pill stays its design size but the\n   click target satisfies WCAG. */\n@media (hover: none) and (pointer: coarse) {\n  .dia-chip,\n  .dia-pag-btn,\n  .dia-pag-num,\n  .dia-search-clear {\n    position: relative;\n  }\n  .dia-chip::after,\n  .dia-pag-btn::after,\n  .dia-pag-num::after,\n  .dia-search-clear::after {\n    content: \"\"; position: absolute; inset: 50% 0 0 50%;\n    width: 44px; height: 44px;\n    transform: translate(-50%, -50%);\n  }\n}\n\n/* ============ FOCUS ============ */\n.dia-chip:focus-visible,\n.dia-empty-clear:focus-visible,\n.dia-pag-btn:focus-visible,\n.dia-pag-num:focus-visible,\n.dia-search-clear:focus-visible,\n.dia-newsletter-submit:focus-visible {\n  outline: 2px solid var(--dia-amber);\n  outline-offset: 2px;\n}\n.dia-search input:focus-visible,\n.dia-newsletter-input:focus-visible {\n  outline: 2px solid var(--dia-amber);\n  outline-offset: 2px;\n}\n.dia-featured:focus-visible,\n.dia-article:focus-visible {\n  outline: 2px solid var(--dia-amber);\n  outline-offset: 4px;\n}\n"])</script><script>self.__next_f.push([1,"6:[\"$\",\"div\",null,{\"className\":\"dia\",\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$36\"}}],\"$L37\",\"$L38\"]}]\n"])</script><script>self.__next_f.push([1,":HL[\"/uploads/blog-images/bd94d651-afb1-45e0-a45e-6c4ff9f079d3.webp\",\"image\"]\n:HL[\"/uploads/avatars/f2c40ad2-5d0a-49dd-8441-651b29ee2a0d.jpg\",\"image\"]\n37:[\"$\",\"div\",null,{\"className\":\"dia-hero\",\"children\":[\"$\",\"div\",null,{\"className\":\"dia-hero-inner\",\"children\":[[\"$\",\"span\",null,{\"className\":\"dia-hero-kicker\",\"children\":[[\"$\",\"span\",null,{\"className\":\"dia-hero-kicker-dot\",\"aria-hidden\":\"true\"}],\"The Diary\"]}],[\"$\",\"h1\",null,{\"className\":\"dia-hero-h\",\"children\":[\"The Diary of a \",[\"$\",\"em\",null,{\"children\":\"Pro Gambler.\"}]]}],[\"$\",\"p\",null,{\"className\":\"dia-hero-p\",\"children\":\"Allsopp shares his thoughts on betting strategy, sports and life…\"}]]}]}]\n"])</script><script>self.__next_f.push([1,"38:[\"$\",\"div\",null,{\"className\":\"dia-body\",\"children\":[[\"$\",\"$L13\",null,{\"href\":\"/diary/how-to-tail-my-football-bets-even-if-you-dont-know-anything-about-football\",\"className\":\"dia-featured\",\"aria-label\":\"How to tail my Football Bets [Even if you don't know anything about Football]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"dia-featured-cover has-image\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/uploads/blog-images/bd94d651-afb1-45e0-a45e-6c4ff9f079d3.webp\",\"alt\":\"\"}],[\"$\",\"span\",null,{\"className\":\"dia-featured-tag\",\"children\":[[\"$\",\"span\",null,{\"className\":\"dia-featured-tag-dot\",\"aria-hidden\":\"true\"}],\"New · this week\"]}]]}],[\"$\",\"div\",null,{\"className\":\"dia-featured-body\",\"children\":[[\"$\",\"span\",null,{\"className\":\"dia-featured-cat\",\"children\":\"guides\"}],[\"$\",\"h2\",null,{\"className\":\"dia-featured-h\",\"children\":\"How to tail my Football Bets [Even if you don't know anything about Football]\"}],[\"$\",\"p\",null,{\"className\":\"dia-featured-excerpt\",\"children\":\"You might never have watched a full Football match. That does not prevent you from following my Football bets. You don't even need to watch the games...\"}],[\"$\",\"div\",null,{\"className\":\"dia-featured-meta\",\"children\":[[\"$\",\"span\",null,{\"className\":\"dia-author-chip\",\"children\":[[\"$\",\"span\",null,{\"className\":\"dia-author-av\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"img\",null,{\"src\":\"/uploads/avatars/f2c40ad2-5d0a-49dd-8441-651b29ee2a0d.jpg\",\"alt\":\"\"}]}],\"Allsopp\"]}],[\"$\",\"span\",null,{\"children\":\"30 Jul 2026\"}],[\"$\",\"span\",null,{\"children\":[18,\" min read\"]}],[\"$\",\"span\",null,{\"className\":\"dia-engage\",\"aria-label\":\"3 reactions\",\"children\":[[\"$\",\"svg\",null,{\"aria-hidden\":\"true\",\"focusable\":\"false\",\"viewBox\":\"0 0 24 24\",\"width\":11,\"height\":11,\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"}]}],3]}],null]}],[\"$\",\"span\",null,{\"className\":\"dia-featured-cta\",\"children\":[\"Read the entry\",[\"$\",\"svg\",null,{\"aria-hidden\":\"true\",\"focusable\":\"false\",\"viewBox\":\"0 0 24 24\",\"width\":\"13\",\"height\":\"13\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[[\"$\",\"line\",null,{\"x1\":\"5\",\"y1\":\"12\",\"x2\":\"19\",\"y2\":\"12\"}],[\"$\",\"polyline\",null,{\"points\":\"12 5 19 12 12 19\"}]]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"dia-filters\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"dia-filters-h\",\"children\":[\"Browse · \",14,\" entr\",\"ies\"]}],[\"$\",\"form\",null,{\"className\":\"dia-search\",\"method\":\"get\",\"action\":\"/diary\",\"role\":\"search\",\"children\":[[\"$\",\"svg\",null,{\"aria-hidden\":\"true\",\"focusable\":\"false\",\"viewBox\":\"0 0 24 24\",\"width\":\"13\",\"height\":\"13\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[[\"$\",\"circle\",null,{\"cx\":\"11\",\"cy\":\"11\",\"r\":\"7\"}],[\"$\",\"line\",null,{\"x1\":\"21\",\"y1\":\"21\",\"x2\":\"16.65\",\"y2\":\"16.65\"}]]}],[\"$\",\"input\",null,{\"type\":\"search\",\"name\":\"q\",\"defaultValue\":\"\",\"placeholder\":\"Search entries…\",\"aria-label\":\"Search diary entries\"}],\"$undefined\",null]}],[\"$\",\"div\",null,{\"className\":\"dia-chips\",\"role\":\"group\",\"aria-label\":\"Filter by tag\",\"children\":[[\"$\",\"$L13\",null,{\"href\":\"/diary\",\"className\":\"dia-chip active\",\"aria-current\":\"true\",\"children\":\"All\"}],[[\"$\",\"$L13\",\"football\",{\"href\":\"/diary?tag=football\",\"className\":\"dia-chip\",\"aria-current\":\"$undefined\",\"children\":\"Football\"}],[\"$\",\"$L13\",\"results\",{\"href\":\"/diary?tag=results\",\"className\":\"dia-chip\",\"aria-current\":\"$undefined\",\"children\":\"Results\"}],[\"$\",\"$L13\",\"guides\",{\"href\":\"/diary?tag=guides\",\"className\":\"dia-chip\",\"aria-current\":\"$undefined\",\"children\":\"guides\"}]]]}]]}],null,[\"$\",\"div\",null,{\"className\":\"dia-grid\",\"children\":[[\"$\",\"$L13\",\"11\",{\"href\":\"/diary/we-hit-a-new-all-time-high\",\"className\":\"dia-article\",\"aria-label\":\"We hit a new all time high!\",\"children\":[[\"$\",\"div\",null,{\"className\":\"dia-article-cover blue\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/uploads/blog-images/81099ab4-8f14-4a3b-93ea-aa690517b2f3.webp\",\"alt\":\"We hit a new all time high!\",\"loading\":\"lazy\"}],[\"$\",\"span\",null,{\"className\":\"dia-article-cat-pill blue\",\"children\":\"Results\"}]]}],[\"$\",\"div\",null,{\"className\":\"dia-article-body\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"dia-article-h\",\"children\":\"We hit a new all time high!\"}],[\"$\",\"p\",null,{\"className\":\"dia-article-excerpt\",\"children\":\"Over the last few years, I have been through some incredibly dark periods. Depression. Performance anxiety. Chronic stress.\"}],\"$L39\"]}]]}],\"$L3a\",\"$L3b\",\"$L3c\",\"$L3d\",\"$L3e\",\"$L3f\",\"$L40\",\"$L41\"]}],\"$L42\",\"$L43\"]}]\n"])</script><script>self.__next_f.push([1,"44:I[124934,[\"/_next/static/chunks/0kqk~qmr9uwty.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/0cnku73vddbk5.js\",\"/_next/static/chunks/03ey0wt-b.7de.js\",\"/_next/static/chunks/05q93m-241.c_.js\",\"/_next/static/chunks/07yiw-otyptpc.js\",\"/_next/static/chunks/0cu0d~xlsprkn.js\",\"/_next/static/chunks/02snyy59pgeli.js\",\"/_next/static/chunks/0c06obk7j402r.js\",\"/_next/static/chunks/04o~ax.x-c6l9.js\",\"/_next/static/chunks/0qk0t2ke9fibt.js\",\"/_next/static/chunks/0xoafg53_nwkt.js\"],\"DiaryNewsletter\"]\n39:[\"$\",\"div\",null,{\"className\":\"dia-article-meta\",\"children\":[[\"$\",\"span\",null,{\"children\":\"18 Jul 2026\"}],[\"$\",\"span\",null,{\"children\":[5,\" min read\"]}],[\"$\",\"span\",null,{\"className\":\"dia-engage\",\"aria-label\":\"4 reactions\",\"children\":[[\"$\",\"svg\",null,{\"aria-hidden\":\"true\",\"focusable\":\"false\",\"viewBox\":\"0 0 24 24\",\"width\":10,\"height\":10,\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"}]}],4]}],null]}]\n"])</script><script>self.__next_f.push([1,"3a:[\"$\",\"$L13\",\"10\",{\"href\":\"/diary/7-straight-months-of-profit\",\"className\":\"dia-article\",\"aria-label\":\"7 Straight Months of Profit\",\"children\":[[\"$\",\"div\",null,{\"className\":\"dia-article-cover blue\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/uploads/blog-images/0f5e41b3-3aa1-4773-9bd7-25b570a88ec7.webp\",\"alt\":\"\",\"loading\":\"lazy\"}],[\"$\",\"span\",null,{\"className\":\"dia-article-cat-pill blue\",\"children\":\"Results\"}]]}],[\"$\",\"div\",null,{\"className\":\"dia-article-body\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"dia-article-h\",\"children\":\"7 Straight Months of Profit\"}],[\"$\",\"p\",null,{\"className\":\"dia-article-excerpt\",\"children\":\"One of the biggest misconceptions about being a professional gambler is that you make money purely from knowing a lot about a sport. In my experience, that's simply not true...\"}],[\"$\",\"div\",null,{\"className\":\"dia-article-meta\",\"children\":[[\"$\",\"span\",null,{\"children\":\"10 Jul 2026\"}],[\"$\",\"span\",null,{\"children\":[3,\" min read\"]}],[\"$\",\"span\",null,{\"className\":\"dia-engage\",\"aria-label\":\"3 reactions\",\"children\":[[\"$\",\"svg\",null,{\"aria-hidden\":\"true\",\"focusable\":\"false\",\"viewBox\":\"0 0 24 24\",\"width\":10,\"height\":10,\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"}]}],3]}],[\"$\",\"span\",null,{\"className\":\"dia-engage\",\"aria-label\":\"1 comment\",\"children\":[[\"$\",\"svg\",null,{\"aria-hidden\":\"true\",\"focusable\":\"false\",\"viewBox\":\"0 0 24 24\",\"width\":10,\"height\":10,\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"}]}],1]}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"3b:[\"$\",\"$L13\",\"9\",{\"href\":\"/diary/what-is-the-maurice-revello-tournament\",\"className\":\"dia-article\",\"aria-label\":\"What is the Maurice Revello Tournament?\",\"children\":[[\"$\",\"div\",null,{\"className\":\"dia-article-cover green\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/uploads/blog-images/1d33a960-55ec-48fd-afd7-82480e30801b.webp\",\"alt\":\"\",\"loading\":\"lazy\"}],[\"$\",\"span\",null,{\"className\":\"dia-article-cat-pill green\",\"children\":\"Football\"}]]}],[\"$\",\"div\",null,{\"className\":\"dia-article-body\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"dia-article-h\",\"children\":\"What is the Maurice Revello Tournament?\"}],[\"$\",\"p\",null,{\"className\":\"dia-article-excerpt\",\"children\":\"The Maurice Revello Tournament is an annual international youth football competition held every June in the south of France...\"}],[\"$\",\"div\",null,{\"className\":\"dia-article-meta\",\"children\":[[\"$\",\"span\",null,{\"children\":\"9 Jun 2026\"}],[\"$\",\"span\",null,{\"children\":[8,\" min read\"]}],null,null]}]]}]]}]\n3c:[\"$\",\"$L13\",\"8\",{\"href\":\"/diary/who-is-maurice-revello\",\"className\":\"dia-article\",\"aria-label\":\"Who is Maurice Revello?\",\"children\":[[\"$\",\"div\",null,{\"className\":\"dia-article-cover green\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/uploads/blog-images/6793946d-97ef-487f-bde0-64c03e938389.webp\",\"alt\":\"Maurice Revello\",\"loading\":\"lazy\"}],[\"$\",\"span\",null,{\"className\":\"dia-article-cat-pill green\",\"children\":\"Football\"}]]}],[\"$\",\"div\",null,{\"className\":\"dia-article-body\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"dia-article-h\",\"children\":\"Who is Maurice Revello?\"}],[\"$\",\"p\",null,{\"className\":\"dia-article-excerpt\",\"children\":\"Maurice Revello was a French football administrator and passionate football enthusiast.\"}],[\"$\",\"div\",null,{\"className\":\"dia-article-meta\",\"children\":[[\"$\",\"span\",null,{\"children\":\"9 Jun 2026\"}],[\"$\",\"span\",null,{\"children\":[5,\" min read\"]}],null,null]}]]}]]}]\n3d:[\"$\",\"$L13\",\"14\",{\"href\":\"/diary/strike-and-handicap-betting-in-the-ufc\",\"className\":\"dia-article\",\"aria-label\":\"Strike \u0026 Takedown Handicap Betting in UFC: A Complete Guide\",\"children\":[[\"$\",\"div\",null,{\"className\":\"dia-article-cover amber\",\"children\":[null,null]}],[\"$\",\"div\",null,{\"className\":\"dia-article-body\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"dia-article-h\",\"children\":\"Strike \u0026 Takedown Handicap Betting in UFC: A Complete Guide\"}],[\"$\",\"p\",null,{\"className\":\"dia-article-excerpt\",\"children\":\"[vcrow pixparticlescheck=””][vccolumn][vccolumntext css=”.vccustom1745635859692{padding-top: 20px !important;}”] While most UFC bettors focus on moneylines, round totals, or fight spreads, a sharp and growing market is Strike and Takedown Handicap Betting. Instead of betting on w\"}],[\"$\",\"div\",null,{\"className\":\"dia-article-meta\",\"children\":[[\"$\",\"span\",null,{\"children\":\"26 Apr 2025\"}],[\"$\",\"span\",null,{\"children\":[2,\" min read\"]}],null,null]}]]}]]}]\n3e:[\"$\",\"$L13\",\"12\",{\"href\":\"/diary/how-ufc-handicap-betting-works\",\"className\":\"dia-article\",\"aria-label\":\"How UFC Handicap Betting Works…\",\"children\":[[\"$\",\"div\",null,{\"className\":\"dia-article-cover red\",\"children\":[null,null]}],[\"$\",\"div\",null,{\"className\":\"dia-article-body\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"dia-article-h\",\"children\":\"How UFC Handicap Betting Works…\"}],[\"$\",\"p\",null,{\"className\":\"dia-article-excerpt\",\"children\":\"[vcrow pixparticlescheck=””][vccolumn][vccolumntext css=”.vccustom1745623143981{padding-top: 20px !important;}”] When most people think about betting on the UFC, they jump straight to moneyline bets — picking who they think will win. It’s simple, popular, and effective. But when \"}],[\"$\",\"div\",null,{\"className\":\"dia-article-meta\",\"children\":[[\"$\",\"span\",null,{\"children\":\"26 Apr 2025\"}],[\"$\",\"span\",null,{\"children\":[4,\" min read\"]}],null,null]}]]}]]}]\n3f:[\"$\",\"$L13\",\"13\",{\"href\":\"/diary/how-ufc-fight-spread-betting-works-on-draftkings-and-bet365\",\"className\":\"dia-article\",\"aria-label\":\"How UFC Fight Spread Betting Works on DraftKings and Bet365\",\"children\":[[\"$\",\"div\",null,{\"className\":\"dia-article-cover red\",\"children\":[null,null]}],[\"$\",\"div\",null,{\"className\":\"dia-article-body\",\"children\":[[\"$\",\"h3\",null,{\"cla"])</script><script>self.__next_f.push([1,"ssName\":\"dia-article-h\",\"children\":\"How UFC Fight Spread Betting Works on DraftKings and Bet365\"}],[\"$\",\"p\",null,{\"className\":\"dia-article-excerpt\",\"children\":\"[vcrow pixparticlescheck=””][vccolumn][vccolumntext css=”.vccustom1745621069152{padding-top: 20px !important;}”] When betting on the UFC, you’ll sometimes come across a market labelled “Fight Spread” — and if you’re not familiar with it, it can look confusing at first glance. But\"}],[\"$\",\"div\",null,{\"className\":\"dia-article-meta\",\"children\":[[\"$\",\"span\",null,{\"children\":\"25 Apr 2025\"}],[\"$\",\"span\",null,{\"children\":[2,\" min read\"]}],null,null]}]]}]]}]\n40:[\"$\",\"$L13\",\"15\",{\"href\":\"/diary/march-2025-the-coldest-deck-of-my-15-year-career\",\"className\":\"dia-article\",\"aria-label\":\"March 2025: The Coldest Deck of My 15 Year Career\",\"children\":[[\"$\",\"div\",null,{\"className\":\"dia-article-cover green\",\"children\":[null,null]}],[\"$\",\"div\",null,{\"className\":\"dia-article-body\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"dia-article-h\",\"children\":\"March 2025: The Coldest Deck of My 15 Year Career\"}],[\"$\",\"p\",null,{\"className\":\"dia-article-excerpt\",\"children\":\"[vcrow pixparticlescheck=””][vccolumn][vcvideo link=”https://videopress.com/v/iTrGFETG” css=””][vcvideo link=”https://videopress.com/v/OQrBllNh” css=””][vcvideo link=”https://videopress.com/v/3LXguJfI” css=””][vcvideo link=”https://videopress.com/v/BTA131OP” css=””][vcvideo link=\"}],[\"$\",\"div\",null,{\"className\":\"dia-article-meta\",\"children\":[[\"$\",\"span\",null,{\"children\":\"2 Apr 2025\"}],[\"$\",\"span\",null,{\"children\":[2,\" min read\"]}],null,null]}]]}]]}]\n41:[\"$\",\"$L13\",\"16\",{\"href\":\"/diary/changes-to-latency-have-caused-us-big-problems-in-ufc-live-betting\",\"className\":\"dia-article\",\"aria-label\":\"Changes to latency have caused us big problems in UFC Live Betting\",\"children\":[[\"$\",\"div\",null,{\"className\":\"dia-article-cover amber\",\"children\":[null,null]}],[\"$\",\"div\",null,{\"className\":\"dia-article-body\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"dia-article-h\",\"children\":\"Changes to latency have caused us big problems in UFC Live Betting\"}],[\"$\",\"p\",null,{\"className\":\"dia-article-excerpt\",\"children\":\"I’ve been live betting on the UFC for 15 years, and during that time, everything has been very consistent. Like anything, we’ve had occasional rough patches, but nothing ever felt different. The odds moved as expected, and the volume of…\"}],[\"$\",\"div\",null,{\"className\":\"dia-article-meta\",\"children\":[[\"$\",\"span\",null,{\"children\":\"10 Aug 2024\"}],[\"$\",\"span\",null,{\"children\":[5,\" min read\"]}],null,null]}]]}]]}]\n42:[\"$\",\"nav\",null,{\"className\":\"dia-pagination\",\"aria-label\":\"Pagination\",\"children\":[[\"$\",\"span\",null,{\"className\":\"dia-pag-btn disabled\",\"aria-disabled\":\"true\",\"children\":[[\"$\",\"svg\",null,{\"aria-hidden\":\"true\",\"focusable\":\"false\",\"viewBox\":\"0 0 24 24\",\"width\":\"12\",\"height\":\"12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.4\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"polyline\",null,{\"points\":\"15 18 9 12 15 6\"}]}],\"Prev\"]}],[\"$\",\"div\",null,{\"className\":\"dia-pag-nums\",\"children\":[[\"$\",\"$L13\",\"1\",{\"href\":\"/diary\",\"className\":\"dia-pag-num active\",\"aria-current\":\"page\",\"children\":1}],[\"$\",\"$L13\",\"2\",{\"href\":\"/diary?page=2\",\"className\":\"dia-pag-num\",\"aria-current\":\"$undefined\",\"children\":2}]]}],[\"$\",\"$L13\",null,{\"href\":\"/diary?page=2\",\"className\":\"dia-pag-btn\",\"rel\":\"next\",\"children\":[\"Next\",[\"$\",\"svg\",null,{\"aria-hidden\":\"true\",\"focusable\":\"false\",\"viewBox\":\"0 0 24 24\",\"width\":\"12\",\"height\":\"12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.4\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"polyline\",null,{\"points\":\"9 18 15 12 9 6\"}]}]]}]]}]\n43:[\"$\",\"$L44\",null,{}]\n"])</script>
    </body>
</html>
