{"id":10,"date":"2026-03-20T12:12:36","date_gmt":"2026-03-20T12:12:36","guid":{"rendered":"https:\/\/alwaysbechomping.co.uk\/?page_id=10"},"modified":"2026-03-20T17:14:02","modified_gmt":"2026-03-20T17:14:02","slug":"always-be-chomping","status":"publish","type":"page","link":"https:\/\/alwaysbechomping.co.uk\/","title":{"rendered":"Always Be Chomping"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efccf73 e-con-full e-flex e-con e-parent\" data-id=\"efccf73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8948d8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a8948d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ALWAYS BE CHOMPING \u2014 WordPress Page HTML -->\r\n<!-- Paste this into WordPress using the Custom HTML block or Code Editor -->\r\n<!-- Replace YOUR_GAME_URL with the URL where always_be_chomping.html is hosted -->\r\n\r\n<style>\r\n.abc-wrap { font-family: 'Segoe UI', Arial, sans-serif; background: #091E35; color: #fff; margin: 0 -20px; }\r\n.abc-wrap * { box-sizing: border-box; }\r\n\r\n\/* HERO *\/\r\n.abc-hero {\r\n  text-align: center;\r\n  padding: 70px 24px 60px;\r\n  background: linear-gradient(180deg, #030d1a 0%, #091E35 60%, #091E35 100%);\r\n  border-bottom: 1px solid rgba(245,166,35,0.15);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.abc-hero::before {\r\n  content: '';\r\n  position: absolute; top: 0; left: 50%; transform: translateX(-50%);\r\n  width: 600px; height: 300px;\r\n  background: radial-gradient(ellipse at top, rgba(245,166,35,0.08) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n.abc-eyebrow {\r\n  font-size: 11px; letter-spacing: 4px; color: #F5A623;\r\n  text-transform: uppercase; margin-bottom: 16px; opacity: 0.8;\r\n}\r\n.abc-hero h1 {\r\n  font-size: clamp(48px, 10vw, 96px); font-weight: 900; color: #F5A623;\r\n  line-height: 0.88; letter-spacing: -2px; margin: 0 0 20px;\r\n  font-family: 'Segoe UI Black', 'Arial Black', sans-serif;\r\n}\r\n.abc-hero-sub {\r\n  font-size: 18px; color: rgba(255,255,255,0.6); max-width: 520px;\r\n  margin: 0 auto 12px; line-height: 1.6;\r\n}\r\n.abc-hero-url {\r\n  font-size: 13px; color: rgba(245,166,35,0.5);\r\n  letter-spacing: 1px; margin-bottom: 36px; display: block;\r\n}\r\n.abc-btn {\r\n  display: inline-block; background: #F5A623; color: #1a0a00;\r\n  font-weight: 800; font-size: 16px; padding: 16px 44px;\r\n  border-radius: 4px; text-decoration: none; letter-spacing: 1px;\r\n  text-transform: uppercase; border: none; cursor: pointer;\r\n  font-family: inherit;\r\n}\r\n.abc-btn:hover { background: #ffd060; color: #1a0a00; text-decoration: none; }\r\n.abc-btn-ghost {\r\n  display: inline-block; border: 1px solid rgba(245,166,35,0.4);\r\n  color: #F5A623; font-size: 14px; padding: 12px 28px;\r\n  border-radius: 4px; text-decoration: none; margin-left: 12px;\r\n  font-family: inherit;\r\n}\r\n.abc-btn-ghost:hover { border-color: #F5A623; color: #F5A623; text-decoration: none; background: rgba(245,166,35,0.08); }\r\n\r\n\/* OSCAR INTRO *\/\r\n.abc-oscar {\r\n  max-width: 800px; margin: 0 auto; padding: 64px 24px;\r\n  display: flex; align-items: center; gap: 48px;\r\n}\r\n.abc-oscar-art {\r\n  flex-shrink: 0; width: 160px; height: 160px;\r\n  background: rgba(245,166,35,0.1); border-radius: 50%;\r\n  border: 2px solid rgba(245,166,35,0.3);\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 80px; line-height: 1;\r\n}\r\n.abc-oscar-text h2 {\r\n  font-size: 32px; font-weight: 800; color: #F5A623; margin: 0 0 12px;\r\n  font-family: 'Segoe UI Black', 'Arial Black', sans-serif;\r\n}\r\n.abc-oscar-text p {\r\n  font-size: 15px; color: rgba(255,255,255,0.65); line-height: 1.75; margin: 0 0 10px;\r\n}\r\n.abc-oscar-text p:last-child { margin: 0; }\r\n\r\n\/* GAME EMBED *\/\r\n.abc-game-section {\r\n  background: #071628;\r\n  border-top: 1px solid rgba(245,166,35,0.1);\r\n  border-bottom: 1px solid rgba(245,166,35,0.1);\r\n  padding: 32px 16px;\r\n}\r\n.abc-game-label {\r\n  text-align: center; font-size: 10px; letter-spacing: 3px;\r\n  color: rgba(245,166,35,0.4); text-transform: uppercase; margin-bottom: 12px;\r\n}\r\n.abc-game-frame {\r\n  max-width: 900px; margin: 0 auto;\r\n  border: 1px solid rgba(245,166,35,0.2); border-radius: 6px; overflow: hidden;\r\n}\r\n.abc-game-frame iframe {\r\n  width: 100%; height: 580px; border: none; display: block;\r\n}\r\n\r\n\/* SECTION SHARED *\/\r\n.abc-section { max-width: 860px; margin: 0 auto; padding: 60px 24px; }\r\n.abc-section-label {\r\n  font-size: 10px; letter-spacing: 3px; color: #F5A623;\r\n  text-transform: uppercase; margin-bottom: 6px; opacity: 0.7;\r\n}\r\n.abc-section h2 {\r\n  font-size: 32px; font-weight: 800; color: #fff; margin: 0 0 32px;\r\n  font-family: 'Segoe UI Black', 'Arial Black', sans-serif;\r\n}\r\n\r\n\/* HOW TO PLAY *\/\r\n.abc-rules-grid {\r\n  display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n  gap: 16px; margin-bottom: 40px;\r\n}\r\n.abc-rule-card {\r\n  background: rgba(255,255,255,0.04); border: 1px solid rgba(245,166,35,0.12);\r\n  border-radius: 8px; padding: 20px;\r\n}\r\n.abc-rule-icon { font-size: 28px; margin-bottom: 10px; display: block; }\r\n.abc-rule-card h3 { font-size: 14px; font-weight: 700; color: #F5A623; margin: 0 0 6px; }\r\n.abc-rule-card p { font-size: 13px; color: rgba(255,255,255,0.5); margin: 0; line-height: 1.6; }\r\n\r\n\/* FISH TABLE *\/\r\n.abc-table-wrap { overflow-x: auto; margin-bottom: 12px; }\r\n.abc-table {\r\n  width: 100%; border-collapse: collapse; font-size: 14px;\r\n}\r\n.abc-table th {\r\n  background: #F5A623; color: #1a0a00; font-weight: 700;\r\n  padding: 12px 16px; text-align: left; font-size: 12px;\r\n  letter-spacing: 1px; text-transform: uppercase;\r\n}\r\n.abc-table td {\r\n  padding: 12px 16px; border-bottom: 1px solid rgba(255,255,255,0.06);\r\n  color: rgba(255,255,255,0.8); vertical-align: middle;\r\n}\r\n.abc-table tr:nth-child(even) td { background: rgba(255,255,255,0.03); }\r\n.abc-table tr:last-child td { border-bottom: none; }\r\n.abc-pts { color: #F5A623; font-weight: 700; }\r\n.abc-neg { color: #ff6666; font-weight: 700; }\r\n.abc-fish-dot {\r\n  display: inline-block; border-radius: 50%;\r\n  width: 14px; height: 10px; margin-right: 8px; vertical-align: middle;\r\n  border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\r\n}\r\n\r\n\/* HAZARDS *\/\r\n.abc-hazards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }\r\n.abc-hazard-card {\r\n  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,100,100,0.15);\r\n  border-radius: 8px; padding: 18px; display: flex; gap: 14px; align-items: flex-start;\r\n}\r\n.abc-hazard-icon { font-size: 28px; flex-shrink: 0; margin-top: 2px; }\r\n.abc-hazard-card h3 { font-size: 13px; font-weight: 700; color: #ff9999; margin: 0 0 2px; }\r\n.abc-hazard-card .abc-hazard-label { font-size: 11px; color: rgba(255,255,255,0.3); margin-bottom: 6px; display: block; }\r\n.abc-hazard-card p { font-size: 12px; color: rgba(255,255,255,0.5); margin: 0; line-height: 1.55; }\r\n.abc-hazard-pts { display: inline-block; background: rgba(255,80,80,0.15); color: #ff8888; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 3px; margin-bottom: 6px; }\r\n\r\n\/* SPECIAL *\/\r\n.abc-special { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: 14px; margin-top: 32px; }\r\n.abc-special-card {\r\n  background: rgba(100,180,255,0.05); border: 1px solid rgba(100,180,255,0.2);\r\n  border-radius: 8px; padding: 18px; display: flex; gap: 14px;\r\n}\r\n.abc-special-card h3 { font-size: 13px; font-weight: 700; color: #7dd4f8; margin: 0 0 4px; }\r\n.abc-special-card p { font-size: 12px; color: rgba(255,255,255,0.5); margin: 0; line-height: 1.55; }\r\n\r\n\/* LEVELS *\/\r\n.abc-levels { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 10px; }\r\n.abc-level-card {\r\n  border-radius: 8px; padding: 16px; border: 1px solid rgba(255,255,255,0.07);\r\n  background: rgba(255,255,255,0.03);\r\n}\r\n.abc-level-card .abc-lv-num { font-size: 11px; color: #F5A623; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 4px; }\r\n.abc-level-card h3 { font-size: 14px; font-weight: 700; color: #fff; margin: 0 0 4px; }\r\n.abc-level-card p { font-size: 12px; color: rgba(255,255,255,0.4); margin: 0; line-height: 1.5; }\r\n\r\n\/* LEADERBOARD *\/\r\n.abc-lb-section { background: #071628; border-top: 1px solid rgba(245,166,35,0.08); border-bottom: 1px solid rgba(245,166,35,0.08); }\r\n.abc-lb-inner { max-width: 600px; margin: 0 auto; padding: 60px 24px; }\r\n.abc-lb-wrap { background: #091E35; border: 1px solid rgba(245,166,35,0.15); border-radius: 8px; overflow: hidden; margin-bottom: 16px; }\r\n.abc-lb-row { display: flex; align-items: center; padding: 12px 18px; border-bottom: 1px solid rgba(255,255,255,0.05); gap: 14px; font-size: 14px; }\r\n.abc-lb-row:last-child { border-bottom: none; }\r\n.abc-lb-row.abc-lb-head { background: rgba(245,166,35,0.1); font-size: 11px; color: rgba(255,255,255,0.3); letter-spacing: 1px; text-transform: uppercase; }\r\n.abc-lb-rank { min-width: 28px; font-weight: 700; color: #F5A623; }\r\n.abc-lb-name { flex: 1; }\r\n.abc-lb-lv { min-width: 50px; text-align: right; font-size: 12px; color: rgba(255,255,255,0.3); }\r\n.abc-lb-score { min-width: 70px; text-align: right; font-weight: 700; color: #F5A623; }\r\n.abc-lb-empty { padding: 24px; text-align: center; font-size: 13px; color: rgba(255,255,255,0.25); }\r\n\r\n\/* SIGNUP *\/\r\n.abc-signup-section { max-width: 560px; margin: 0 auto; padding: 60px 24px; text-align: center; }\r\n.abc-signup-section h2 { font-size: 28px; font-weight: 800; color: #fff; margin: 0 0 8px; }\r\n.abc-signup-section p { font-size: 14px; color: rgba(255,255,255,0.45); margin-bottom: 28px; line-height: 1.7; }\r\n.abc-form-row { display: flex; gap: 8px; margin-bottom: 10px; }\r\n.abc-form-row input {\r\n  flex: 1; background: rgba(255,255,255,0.06);\r\n  border: 1px solid rgba(255,255,255,0.12); border-radius: 4px;\r\n  padding: 12px 16px; color: #fff; font-size: 14px; font-family: inherit;\r\n  outline: none; min-width: 0;\r\n}\r\n.abc-form-row input:focus { border-color: rgba(245,166,35,0.5); }\r\n.abc-form-row input::placeholder { color: rgba(255,255,255,0.2); }\r\n.abc-form-note { font-size: 11px; color: rgba(255,255,255,0.18); margin-top: 8px; }\r\n.abc-submit-msg { display: none; color: #30c870; font-size: 14px; margin-top: 12px; font-weight: 600; }\r\n\r\n\/* CATALYST CTA *\/\r\n.abc-cta-section {\r\n  background: linear-gradient(135deg, #0d2a10 0%, #091E35 50%, #1a0d00 100%);\r\n  border-top: 1px solid rgba(245,166,35,0.15);\r\n  padding: 70px 24px;\r\n  text-align: center;\r\n}\r\n.abc-cta-inner { max-width: 600px; margin: 0 auto; }\r\n.abc-cta-section .abc-eyebrow { margin-bottom: 12px; }\r\n.abc-cta-section h2 {\r\n  font-size: clamp(28px, 5vw, 44px); font-weight: 800; color: #fff;\r\n  margin: 0 0 16px; line-height: 1.15;\r\n  font-family: 'Segoe UI Black', 'Arial Black', sans-serif;\r\n}\r\n.abc-cta-section h2 span { color: #F5A623; }\r\n.abc-cta-section p { font-size: 16px; color: rgba(255,255,255,0.5); margin-bottom: 36px; line-height: 1.7; max-width: 480px; margin-left: auto; margin-right: auto; }\r\n.abc-cta-features { display: flex; justify-content: center; gap: 32px; flex-wrap: wrap; margin-bottom: 36px; }\r\n.abc-cta-feat { font-size: 13px; color: rgba(255,255,255,0.5); display: flex; align-items: center; gap: 6px; }\r\n.abc-cta-feat::before { content: ''; display: inline-block; width: 6px; height: 6px; background: #F5A623; border-radius: 50%; }\r\n.abc-cta-section .abc-btn { font-size: 17px; padding: 18px 52px; }\r\n.abc-cta-small { font-size: 12px; color: rgba(255,255,255,0.2); margin-top: 14px; display: block; }\r\n.abc-cta-small a { color: rgba(245,166,35,0.5); text-decoration: none; }\r\n.abc-cta-small a:hover { color: #F5A623; }\r\n\r\n\/* FOOTER *\/\r\n.abc-footer {\r\n  border-top: 1px solid rgba(255,255,255,0.06);\r\n  padding: 20px 24px; display: flex; justify-content: space-between;\r\n  align-items: center; max-width: 860px; margin: 0 auto;\r\n  font-size: 12px; color: rgba(255,255,255,0.18); flex-wrap: wrap; gap: 8px;\r\n}\r\n.abc-footer a { color: rgba(245,166,35,0.45); text-decoration: none; }\r\n.abc-footer a:hover { color: #F5A623; }\r\n\r\n\/* Divider *\/\r\n.abc-divider { border: none; border-top: 1px solid rgba(255,255,255,0.06); margin: 0; }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 600px) {\r\n  .abc-oscar { flex-direction: column; text-align: center; gap: 24px; }\r\n  .abc-oscar-art { margin: 0 auto; }\r\n  .abc-form-row { flex-direction: column; }\r\n  .abc-btn-ghost { margin-left: 0; margin-top: 10px; display: block; }\r\n  .abc-cta-features { gap: 16px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"abc-wrap\">\r\n\r\n  <!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550 -->\r\n  <div class=\"abc-hero\">\r\n    <div class=\"abc-eyebrow\">A game for marketers, by marketers<\/div>\r\n    <h1>ALWAYS<br>BE<br>CHOMPING<\/h1>\r\n    <p class=\"abc-hero-sub\">Eat the leads. Close the contracts. Dodge everything your pipeline throws at you.<\/p>\r\n    <span class=\"abc-hero-url\">alwaysbechomping.co.uk<\/span>\r\n    <div style=\"margin-bottom:28px;\">\r\n      <span id=\"abc-play-count\" style=\"font-size:13px;color:rgba(245,166,35,0.7);letter-spacing:1px;\">\r\n        Loading...\r\n      <\/span>\r\n    <\/div>\r\n    <a href=\"#abc-game\" class=\"abc-btn\">Play now<\/a>\r\n    <a href=\"#abc-how-to-play\" class=\"abc-btn-ghost\">How to play<\/a>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550 OSCAR INTRO \u2550\u2550\u2550 -->\r\n  <div class=\"abc-section\">\r\n    <div class=\"abc-oscar\" style=\"padding:0\">\r\n      <!-- Upload Oscar_Headshot.jpg to WordPress Media Library, copy the URL, replace https:\/\/alwaysbechomping.co.uk\/wp-content\/uploads\/2026\/03\/Oscar_Headshot.jpg.jpg below -->\r\n      <div class=\"abc-oscar-art\" style=\"background:none;border:none;width:200px;height:200px;border-radius:12px;overflow:hidden;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/alwaysbechomping.co.uk\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-20-2026-01_27_20-PM.png\" alt=\"Oscar the Octopus\" style=\"width:100%;height:100%;object-fit:cover;border-radius:12px;\"\/><\/div>\r\n      <div class=\"abc-oscar-text\">\r\n        <h2>Meet Oscar.<\/h2>\r\n        <p>Oscar is a golden octopus with eight arms, zero patience for cold leads, and an inexplicable passion for closing contracts. He lives on our office desk. He wears an orange cap. He is, inexplicably, our mascot.<\/p>\r\n        <p>One day we asked ourselves: what if Oscar could actually eat the pipeline? What if budget cuts, legal reviews and the competition were things he could dodge? What if the whole messy chaos of B2B marketing was a game?<\/p>\r\n        <p><strong style=\"color:#F5A623\">Always Be Chomping<\/strong> is that game. Made by the team at Catalyst, played by anyone who's ever sat in a meeting and wondered if they could just eat the problem instead.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <hr class=\"abc-divider\">\r\n\r\n  <!-- \u2550\u2550\u2550 GAME \u2550\u2550\u2550 -->\r\n  <div class=\"abc-game-section\" id=\"abc-game\">\r\n    <p class=\"abc-game-label\">Play now &mdash; no download, no login<\/p>\r\n    <div class=\"abc-game-frame\">\r\n      <!-- Replace YOUR_GAME_URL with the hosted URL of always_be_chomping.html -->\r\n      <iframe src=\"https:\/\/bramwellbrownthebear-ai.github.io\/always-be-chomping\/\" width=\"100%\" height=\"620px\" frameborder=\"0\" scrolling=\"no\" allowfullscreen allow=\"fullscreen\"><\/iframe>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- HOW TO PLAY -->\r\n  <div class=\"abc-section\" id=\"abc-how-to-play\">\r\n    <p class=\"abc-section-label\">How to play<\/p>\r\n    <h2>Simple rules.<br>Brutal pipeline.<\/h2>\r\n\r\n    <!-- Controls -->\r\n    <h3 style=\"font-size:18px;font-weight:700;color:#F5A623;margin:0 0 12px\">Controls<\/h3>\r\n    <div class=\"abc-rules-grid\" style=\"margin-bottom:32px\">\r\n      <div class=\"abc-rule-card\">\r\n        <span class=\"abc-rule-icon\">\ud83d\udda5\ufe0f<\/span>\r\n        <h3>Desktop<\/h3>\r\n        <p>WASD or arrow keys to move Oscar around the reef.<\/p>\r\n      <\/div>\r\n      <div class=\"abc-rule-card\">\r\n        <span class=\"abc-rule-icon\">\ud83d\udcf1<\/span>\r\n        <h3>Mobile<\/h3>\r\n        <p>Touch and drag anywhere on screen. Oscar follows your finger.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Scoring -->\r\n    <h3 style=\"font-size:18px;font-weight:700;color:#F5A623;margin:0 0 12px\">Scoring<\/h3>\r\n    <div class=\"abc-rules-grid\" style=\"margin-bottom:32px\">\r\n      <div class=\"abc-rule-card\">\r\n        <span class=\"abc-rule-icon\">\ud83d\udcca<\/span>\r\n        <h3>Level score<\/h3>\r\n        <p>Resets to zero at the start of each level. Eating fish adds points. Hazards deduct points. If it goes below zero you lose a life.<\/p>\r\n      <\/div>\r\n      <div class=\"abc-rule-card\">\r\n        <span class=\"abc-rule-icon\">\ud83c\udfc6<\/span>\r\n        <h3>Total score<\/h3>\r\n        <p>Your running bank across all levels. When you complete a level, your level score gets added to the total. Hazards never touch it.<\/p>\r\n      <\/div>\r\n      <div class=\"abc-rule-card\">\r\n        <span class=\"abc-rule-icon\">\u2764\ufe0f<\/span>\r\n        <h3>Lives<\/h3>\r\n        <p>You start with 3 lives. Lose a life when your level score goes below zero. Score resets to zero and you carry on. All three gone \u2014 game over.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- The leads -->\r\n    <h3 style=\"font-size:18px;font-weight:700;color:#F5A623;margin:0 0 12px\">The leads \u2014 eat these<\/h3>\r\n    <div class=\"abc-table-wrap\" style=\"margin-bottom:32px\">\r\n      <table class=\"abc-table\">\r\n        <thead><tr><th>Lead<\/th><th>Points<\/th><th>Size<\/th><th>What to know<\/th><\/tr><\/thead>\r\n        <tbody>\r\n          <tr>\r\n            <td style=\"white-space:nowrap\"><svg width=\"36\" height=\"22\" viewBox=\"0 0 36 22\" style=\"vertical-align:middle;\">\r\n      <ellipse cx=\"19\" cy=\"11\" rx=\"13\" ry=\"8\" fill=\"#7aabcc\"\/>\r\n      <polygon points=\"0,0 7,11 0,22\" fill=\"#7aabcc\"\/>\r\n      <circle cx=\"28\" cy=\"8\" r=\"2\" fill=\"#111\"\/>\r\n      <circle cx=\"27\" cy=\"7\" r=\"1\" fill=\"white\"\/>\r\n    <\/svg> Cold Lead<\/td>\r\n            <td><span class=\"abc-pts\">+10<\/span><\/td><td>Tiny<\/td>\r\n            <td>Everywhere. Easy points. Not worth chasing but grab them if they swim past.<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td style=\"white-space:nowrap\"><svg width=\"50\" height=\"30\" viewBox=\"0 0 50 30\" style=\"vertical-align:middle;\">\r\n      <ellipse cx=\"27\" cy=\"15\" rx=\"19\" ry=\"11\" fill=\"#e07820\"\/>\r\n      <polygon points=\"0,0 11,15 0,30\" fill=\"#e07820\"\/>\r\n      <circle cx=\"39\" cy=\"11\" r=\"3\" fill=\"#111\"\/>\r\n      <circle cx=\"38\" cy=\"10\" r=\"1\" fill=\"white\"\/>\r\n    <\/svg> Warm Lead<\/td>\r\n            <td><span class=\"abc-pts\">+25<\/span><\/td><td>Medium<\/td>\r\n            <td>Common. Worth a short detour.<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td style=\"white-space:nowrap\"><svg width=\"64\" height=\"38\" viewBox=\"0 0 64 38\" style=\"vertical-align:middle;\">\r\n      <ellipse cx=\"35\" cy=\"19\" rx=\"24\" ry=\"14\" fill=\"#cc2020\"\/>\r\n      <polygon points=\"0,0 14,19 0,38\" fill=\"#cc2020\"\/>\r\n      <circle cx=\"49\" cy=\"14\" r=\"4\" fill=\"#111\"\/>\r\n      <circle cx=\"49\" cy=\"13\" r=\"2\" fill=\"white\"\/>\r\n    <\/svg> Hot Prospect<\/td>\r\n            <td><span class=\"abc-pts\">+50<\/span><\/td><td>Large<\/td>\r\n            <td>Less frequent. Moves faster. Worth going for.<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td style=\"white-space:nowrap\"><svg width=\"80\" height=\"48\" viewBox=\"0 0 80 48\" style=\"vertical-align:middle; filter:drop-shadow(0 0 4px #F5A623);\">\r\n      <ellipse cx=\"44\" cy=\"24\" rx=\"30\" ry=\"18\" fill=\"#cc8800\"\/>\r\n      <polygon points=\"0,0 17,24 0,48\" fill=\"#cc8800\"\/>\r\n      <circle cx=\"62\" cy=\"18\" r=\"6\" fill=\"#111\"\/>\r\n      <circle cx=\"61\" cy=\"16\" r=\"3\" fill=\"white\"\/>\r\n    <\/svg> Qualified Lead<\/td>\r\n            <td><span class=\"abc-pts\">+75<\/span><\/td><td>Big, glowing<\/td>\r\n            <td>Rare and gold. The shark wants it too. Get there first.<\/td>\r\n          <\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n\r\n    <!-- Collectibles -->\r\n    <h3 style=\"font-size:18px;font-weight:700;color:#F5A623;margin:0 0 12px\">Things to aim for<\/h3>\r\n    <div class=\"abc-rules-grid\" style=\"margin-bottom:32px\">\r\n      <div class=\"abc-rule-card\">\r\n        <span class=\"abc-rule-icon\">\ud83d\udcdc<\/span>\r\n        <h3>Signed Contract<\/h3>\r\n        <p>Hit the level score threshold and a glowing gold contract appears on screen. Swim through it to complete the level and bank your score.<\/p>\r\n      <\/div>\r\n      <div class=\"abc-rule-card\">\r\n        <span class=\"abc-rule-icon\">\ud83d\udc0b<\/span>\r\n        <h3>The Whale<\/h3>\r\n        <p>Rare. Glides slowly across the screen. Swim into it for a bonus of 100 x your current level. Level 5? That is 500 points. Do not miss it.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Hazards -->\r\n    <h3 style=\"font-size:18px;font-weight:700;color:#F5A623;margin:0 0 12px\">Hazards \u2014 these cost you points<\/h3>\r\n    <p style=\"font-size:13px;color:rgba(255,255,255,0.4);margin-bottom:16px;line-height:1.7\">Hazards deduct from your level score only. Your total score is always safe. Damage scales up every level \u2014 by level 5 a shark hit hurts. A lot.<\/p>\r\n    <div class=\"abc-hazards\" style=\"margin-bottom:32px\">\r\n      <div class=\"abc-hazard-card\">\r\n        <div class=\"abc-hazard-icon\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 32 32\" fill=\"none\"><line x1=\"2\" y1=\"30\" x2=\"26\" y2=\"6\" stroke=\"#8b4513\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/><polygon points=\"26,6 32,2 28,8\" fill=\"#d0d0d0\"\/><line x1=\"2\" y1=\"30\" x2=\"7\" y2=\"25\" stroke=\"#a0522d\" stroke-width=\"5\" stroke-linecap=\"round\"\/><\/svg><\/div>\r\n        <div>\r\n          <h3>Spear \u2014 Budget Cut<\/h3>\r\n          <span class=\"abc-hazard-label\">Appears Level 1<\/span>\r\n          <span class=\"abc-hazard-pts\">-75 pts &mdash; scales up with levels<\/span>\r\n          <p>Fast and straight. Travels diagonally across the screen. Arrives without warning. Much like an email from finance at the end of Q3.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"abc-hazard-card\">\r\n        <div class=\"abc-hazard-icon\">\ud83d\udd78\ufe0f<\/div>\r\n        <div>\r\n          <h3>Net \u2014 Legal Review<\/h3>\r\n          <span class=\"abc-hazard-label\">Appears Level 2<\/span>\r\n          <span class=\"abc-hazard-pts\">-50 pts &mdash; scales up with levels<\/span>\r\n          <p>Slow, large and wavy. Drifts across the screen. Doesn't move fast \u2014 just takes up a lot of space and gets in the way of everything.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"abc-hazard-card\">\r\n        <div class=\"abc-hazard-icon\">\ud83e\udd88<\/div>\r\n        <div>\r\n          <h3>Shark \u2014 The Competition<\/h3>\r\n          <span class=\"abc-hazard-label\">Appears Level 3<\/span>\r\n          <span class=\"abc-hazard-pts\">-100 pts &mdash; scales up with levels<\/span>\r\n          <p>Hunts you for a few seconds then breaks off to steal your best leads instead. Rude. Effective. Exactly like your main competitor.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"abc-hazard-card\">\r\n        <div class=\"abc-hazard-icon\">\ud83e\udd80<\/div>\r\n        <div>\r\n          <h3>Crab \u2014 Scope Creep<\/h3>\r\n          <span class=\"abc-hazard-label\">Appears Level 4<\/span>\r\n          <span class=\"abc-hazard-pts\">-60 pts &mdash; scales up with levels<\/span>\r\n          <p>Charges at you with claws snapping then loses its nerve and scuttles off. Comes back. Charges again. A perfect metaphor for a stakeholder who keeps changing the brief.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"abc-hazard-card\">\r\n        <div class=\"abc-hazard-icon\">\ud83c\udf38<\/div>\r\n        <div>\r\n          <h3>Anemone \u2014 Algorithm Change<\/h3>\r\n          <span class=\"abc-hazard-label\">Appears Level 5<\/span>\r\n          <span class=\"abc-hazard-pts\">-40 pts &mdash; scales up with levels<\/span>\r\n          <p>Pulsing multicolour nightmare. Touch it and your controls invert for 3 seconds. Left becomes right. Up becomes down. Your brand guidelines become someone else&rsquo;s mood board.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Levels -->\r\n    <h3 style=\"font-size:18px;font-weight:700;color:#F5A623;margin:0 0 12px\">The levels<\/h3>\r\n    <div class=\"abc-levels\" style=\"margin-bottom:8px\">\r\n      <div class=\"abc-level-card\"><div class=\"abc-lv-num\">Level 1<\/div><h3>The Shallows<\/h3><p>Bright tropical reef. Spears only. Ease in.<\/p><\/div>\r\n      <div class=\"abc-level-card\"><div class=\"abc-lv-num\">Level 2<\/div><h3>The Tidal Zone<\/h3><p>Teal depths. Nets join the party.<\/p><\/div>\r\n      <div class=\"abc-level-card\"><div class=\"abc-lv-num\">Level 3<\/div><h3>The Deep<\/h3><p>Dark purple. The shark arrives and it wants your leads.<\/p><\/div>\r\n      <div class=\"abc-level-card\"><div class=\"abc-lv-num\">Level 4<\/div><h3>Volcanic Vent<\/h3><p>Near-black lava glow. The crab appears.<\/p><\/div>\r\n      <div class=\"abc-level-card\"><div class=\"abc-lv-num\">Level 5<\/div><h3>The Abyss<\/h3><p>Bioluminescent dark. Anemone joins in. Controls will scramble.<\/p><\/div>\r\n      <div class=\"abc-level-card\"><div class=\"abc-lv-num\">Level 6+<\/div><h3>The Void<\/h3><p>All five hazards. Full speed. Pitch black. Just survival.<\/p><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  \r\n\r\n  <!-- \u2550\u2550\u2550 LEADERBOARD \u2550\u2550\u2550 -->\r\n  <div class=\"abc-lb-section\" id=\"abc-leaderboard\">\r\n    <div class=\"abc-lb-inner\">\r\n      <p class=\"abc-section-label\" style=\"text-align:center\">Global rankings<\/p>\r\n      <h2 style=\"font-size:28px;font-weight:800;color:#fff;text-align:center;margin:0 0 24px;font-family:'Segoe UI Black','Arial Black',sans-serif\">Who's eating?<\/h2>\r\n      <div class=\"abc-lb-wrap\" id=\"abc-lb-table\">\r\n        <div class=\"abc-lb-row abc-lb-head\">\r\n          <span class=\"abc-lb-rank\">#<\/span>\r\n          <span class=\"abc-lb-name\">Player<\/span>\r\n          <span class=\"abc-lb-lv\">Level<\/span>\r\n          <span class=\"abc-lb-score\">Score<\/span>\r\n        <\/div>\r\n        <div id=\"abc-lb-rows\">\r\n          <div class=\"abc-lb-empty\">No scores yet \u2014 be the first on the board.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <p style=\"font-size:12px;color:rgba(255,255,255,0.2);text-align:center\">Sign up below to claim your spot and get notified when new levels drop.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- === EMAIL SIGNUP === -->\r\n  <div id=\"abc-signup\" style=\"background:#071628;border-top:1px solid rgba(245,166,35,0.08);border-bottom:1px solid rgba(245,166,35,0.08);\">\r\n    <div style=\"max-width:560px;margin:0 auto;padding:60px 24px;text-align:center;\">\r\n      <p class=\"abc-section-label\">Join the leaderboard<\/p>\r\n      <h2 style=\"font-size:28px;font-weight:800;color:#fff;margin:0 0 8px;font-family:'Segoe UI Black','Arial Black',sans-serif;\">Think you can beat Oscar?<\/h2>\r\n      <p style=\"font-size:14px;color:rgba(255,255,255,0.45);margin-bottom:28px;line-height:1.7;\">Sign up and we will let you know when new levels and challenges drop. No spam. Just chomping.<\/p>\r\n      <form action=\"https:\/\/formspree.io\/f\/xgonqyow\" method=\"POST\" id=\"abc-form\" style=\"text-align:left;\">\r\n        <div style=\"display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap;\">\r\n          <input type=\"text\" name=\"name\" placeholder=\"Your name\" required\r\n            style=\"flex:1;min-width:140px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:4px;padding:12px 16px;color:#fff;font-size:14px;font-family:inherit;outline:none;\"\/>\r\n          <input type=\"email\" name=\"email\" placeholder=\"Work email\" required\r\n            style=\"flex:1;min-width:140px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:4px;padding:12px 16px;color:#fff;font-size:14px;font-family:inherit;outline:none;\"\/>\r\n        <\/div>\r\n        <button type=\"submit\"\r\n          style=\"width:100%;padding:14px;background:#F5A623;color:#1a0a00;border:none;border-radius:4px;font-size:15px;font-weight:800;font-family:inherit;cursor:pointer;letter-spacing:0.5px;text-transform:uppercase;\">\r\n          Claim my spot on the leaderboard\r\n        <\/button>\r\n        <p style=\"font-size:11px;color:rgba(255,255,255,0.18);margin-top:10px;text-align:center;\">We will not sell your details or fill your inbox. That would be bad marketing and we are supposed to be good at this.<\/p>\r\n      <\/form>\r\n      <p id=\"abc-form-thanks\" style=\"display:none;color:#30c870;font-size:15px;font-weight:700;margin-top:16px;text-align:center;\">You are on the board. We will be in touch.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <hr class=\"abc-divider\">\r\n\r\n  <!-- === CATALYST CTA === -->\r\n  <div class=\"abc-cta-section\">\r\n    <div class=\"abc-cta-inner\">\r\n      <div class=\"abc-eyebrow\">Made by Catalyst<\/div>\r\n      <h2>Your marketing shouldn't feel like<br><span>dodging budget cuts underwater.<\/span><\/h2>\r\n      <p>Always Be Chomping is a game. But the chaos it parodies is very real. If your marketing feels like Oscar \u2014 good instincts, no backup, constantly outrun by things that shouldn't exist \u2014 we should talk.<\/p>\r\n      <div class=\"abc-cta-features\">\r\n        <span class=\"abc-cta-feat\">Full marketing team, outsourced<\/span>\r\n        <span class=\"abc-cta-feat\">Strategy to execution<\/span>\r\n        <span class=\"abc-cta-feat\">No hiring, no overhead<\/span>\r\n        <span class=\"abc-cta-feat\">Built for growth-stage businesses<\/span>\r\n      <\/div>\r\n      <a href=\"https:\/\/catalystcontent.co.uk\/contact\/\" class=\"abc-btn\">Talk to Catalyst &rarr;<\/a>\r\n      <span class=\"abc-cta-small\">Or <a href=\"https:\/\/www.catalystcontent.co.uk\">find out more about what we do<\/a> first. No pressure.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- === FOOTER === -->\r\n  <div class=\"abc-footer\">\r\n    <span>alwaysbechomping.co.uk &copy; 2026<\/span>\r\n    <span>\r\n      <a href=\"https:\/\/www.catalystcontent.co.uk\" target=\"_blank\">Made by Catalyst<\/a>\r\n      &nbsp;&middot;&nbsp;\r\n      <a href=\"#\" onclick=\"abcShare(event)\">Share<\/a>\r\n      &nbsp;&middot;&nbsp;\r\n      <a href=\"https:\/\/www.linkedin.com\/company\/catalystuk\/\" target=\"_blank\">LinkedIn<\/a>\r\n    <\/span>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Leaderboard \u2014 reads from localStorage (same key the game uses)\r\nfunction abcLoadLeaderboard(){\r\n  try {\r\n    var lb = JSON.parse(localStorage.getItem('abc_lb') || '[]');\r\n    var el = document.getElementById('abc-lb-rows');\r\n    if(!el) return;\r\n    if(!lb || lb.length === 0){\r\n      el.innerHTML = '<div class=\"abc-lb-empty\">No scores yet \u2014 be the first on the board.<\/div>';\r\n      return;\r\n    }\r\n    el.innerHTML = lb.slice(0,10).map(function(e,i){\r\n      return '<div class=\"abc-lb-row\">' +\r\n        '<span class=\"abc-lb-rank\">' + (i+1) + '<\/span>' +\r\n        '<span class=\"abc-lb-name\">' + (e.name||'Anon') + '<\/span>' +\r\n        '<span class=\"abc-lb-lv\">Lv ' + (e.level||1) + '<\/span>' +\r\n        '<span class=\"abc-lb-score\">' + (e.score||0).toLocaleString() + '<\/span>' +\r\n      '<\/div>';\r\n    }).join('');\r\n  } catch(err) {\r\n    console.log('Leaderboard load error:', err);\r\n  }\r\n}\r\n\r\n\/\/ Signup via WPForms id=45\r\n\r\n\r\n\/\/ Share function\r\nfunction abcShare(e){\r\n  e.preventDefault();\r\n  var url = 'https:\/\/alwaysbechomping.co.uk';\r\n  if(navigator.share){\r\n    navigator.share({title:'Always Be Chomping',text:'Can you beat my score? Play the marketing game by Catalyst.',url:url});\r\n  } else if(navigator.clipboard){\r\n    navigator.clipboard.writeText(url).then(function(){\r\n      var el=document.createElement('div');\r\n      el.innerHTML='Link copied!';\r\n      el.style.cssText='position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#F5A623;color:#1a0a00;padding:12px 24px;border-radius:6px;font-weight:bold;font-size:14px;z-index:9999;font-family:monospace;';\r\n      document.body.appendChild(el);\r\n      setTimeout(function(){document.body.removeChild(el);},2500);\r\n    });\r\n  } else {\r\n    window.prompt('Copy this link:',url);\r\n  }\r\n}\r\n\/\/ Formspree form handler\r\nvar abcForm = document.getElementById('abc-form');\r\nif(abcForm){\r\n  abcForm.addEventListener('submit', function(e){\r\n    e.preventDefault();\r\n    var data = new FormData(abcForm);\r\n    fetch('https:\/\/formspree.io\/f\/xgonqyow', {\r\n      method: 'POST',\r\n      body: data,\r\n      headers: { 'Accept': 'application\/json' }\r\n    }).then(function(response){\r\n      if(response.ok){\r\n        abcForm.style.display = 'none';\r\n        document.getElementById('abc-form-thanks').style.display = 'block';\r\n      } else {\r\n        alert('Something went wrong. Please try again.');\r\n      }\r\n    }).catch(function(){\r\n      alert('Something went wrong. Please try again.');\r\n    });\r\n  });\r\n}\r\n\r\n\/\/ Games played counter\r\nfunction abcLoadPlayCount(){\r\n  fetch('https:\/\/api.countapi.xyz\/get\/alwaysbechomping.co.uk\/games-played')\r\n    .then(function(r){ return r.json(); })\r\n    .then(function(data){\r\n      var el = document.getElementById('abc-play-count');\r\n      if(el && data && data.value){\r\n        var n = parseInt(data.value);\r\n        el.textContent = n.toLocaleString() + ' games played';\r\n      } else if(el){\r\n        el.textContent = '';\r\n      }\r\n    })\r\n    .catch(function(){\r\n      var el = document.getElementById('abc-play-count');\r\n      if(el) el.textContent = '';\r\n    });\r\n}\r\nabcLoadPlayCount();\r\n\r\n\/\/ Fullscreen\r\nfunction abcFullscreen(){\r\n  var frame = document.querySelector('#abc-game iframe');\r\n  var btn = document.getElementById('abc-fs-btn');\r\n  if(!frame) return;\r\n  var el = frame.parentElement.parentElement; \/\/ the wrapper div\r\n  if(!document.fullscreenElement){\r\n    var req = el.requestFullscreen || el.webkitRequestFullscreen || el.mozRequestFullScreen || el.msRequestFullscreen;\r\n    if(req) req.call(el);\r\n    if(btn) btn.innerHTML = '<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M5 1v4H1M13 5H9V1M9 13v-4h4M1 9h4v4\" stroke=\"#F5A623\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Exit full screen';\r\n  } else {\r\n    var exit = document.exitFullscreen || document.webkitExitFullscreen || document.mozCancelFullScreen || document.msExitFullscreen;\r\n    if(exit) exit.call(document);\r\n    if(btn) btn.innerHTML = '<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M1 5V1h4M9 1h4v4M13 9v4H9M5 13H1V9\" stroke=\"#F5A623\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Full screen';\r\n  }\r\n}\r\n\r\n\/\/ Update button text when fullscreen exits via Escape key\r\ndocument.addEventListener('fullscreenchange', function(){\r\n  var btn = document.getElementById('abc-fs-btn');\r\n  if(!btn) return;\r\n  if(!document.fullscreenElement){\r\n    btn.innerHTML = '<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M1 5V1h4M9 1h4v4M13 9v4H9M5 13H1V9\" stroke=\"#F5A623\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Full screen';\r\n  }\r\n});\r\n\r\n\/\/ Smooth scroll for anchor links\r\ndocument.querySelectorAll('a[href^=\"#abc-\"]').forEach(function(a){\r\n  a.addEventListener('click', function(e){\r\n    var target = document.querySelector(a.getAttribute('href'));\r\n    if(target){ e.preventDefault(); target.scrollIntoView({ behavior:'smooth' }); }\r\n  });\r\n});\r\n\r\n\/\/ Load leaderboard on page load\r\nabcLoadLeaderboard();\r\n\/\/ Refresh every 30 seconds in case someone plays on same device\r\nsetInterval(abcLoadLeaderboard, 30000);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A game for marketers, by marketers ALWAYSBECHOMPING Eat the leads. Close the contracts. Dodge everything your pipeline throws at you. alwaysbechomping.co.uk Loading&#8230; Play now How to play Meet Oscar. Oscar is a golden octopus with eight arms, zero patience for cold leads, and an inexplicable passion for closing contracts. He lives on our office desk. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alwaysbechomping.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alwaysbechomping.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alwaysbechomping.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alwaysbechomping.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alwaysbechomping.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":35,"href":"https:\/\/alwaysbechomping.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":62,"href":"https:\/\/alwaysbechomping.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/62"}],"wp:attachment":[{"href":"https:\/\/alwaysbechomping.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}