About \u2014 Twelfth Calling Field Guide | 12 Step Sobriety Browser Video Game<\/title>\n<style>\n\/* \u2500\u2500\u2500 PAGE BASE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n*{margin:0;padding:0;box-sizing:border-box}\nbody{\n background:radial-gradient(ellipse at 50% 0%,#0d0022 0%,#03000a 100%);\n color:#c4c0e0;font-family:'Georgia',serif;\n min-height:100vh;padding-bottom:60px;\n}\n\n\/* \u2500\u2500\u2500 SITE NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#site-nav{\n position:sticky;top:0;z-index:100;\n background:rgba(0,0,0,.92);\n border-bottom:1px solid #2a1550;\n padding:12px 24px;\n display:flex;align-items:center;justify-content:space-between;\n backdrop-filter:blur(6px);\n}\n.nav-logo{\n font-size:clamp(.8rem,3vw,1rem);letter-spacing:.25em;\n color:#ffee00;text-decoration:none;\n text-shadow:0 0 10px rgba(255,238,0,.45);\n font-family:'Georgia',serif;text-transform:uppercase;\n}\n.nav-logo:hover{text-shadow:0 0 18px rgba(255,238,0,.7)}\n.nav-links{display:flex;gap:20px;align-items:center}\n.nav-links a{\n color:#5a4888;font-size:.75rem;letter-spacing:.15em;\n text-decoration:none;text-transform:uppercase;\n transition:color .2s;\n}\n.nav-links a:hover{color:#ffee00}\n.nav-links a.active{color:#ffee00;text-shadow:0 0 8px rgba(255,238,0,.4)}\n.nav-play{\n background:none;border:1px solid #ffee00;color:#ffee00;\n padding:7px 18px;font-size:.72rem;letter-spacing:.18em;\n border-radius:4px;cursor:pointer;font-family:'Georgia',serif;\n text-decoration:none;text-transform:uppercase;\n transition:all .25s;\n box-shadow:0 0 8px rgba(255,238,0,.2);\n}\n.nav-play:hover{background:rgba(255,238,0,.1);box-shadow:0 0 16px rgba(255,238,0,.45)}\n\n\/* \u2500\u2500\u2500 HERO HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#about-hero{\n text-align:center;padding:48px 24px 32px;\n border-bottom:1px solid #1e1035;\n}\n#about-hero h1{\n font-size:clamp(1.6rem,5vw,2.8rem);letter-spacing:.2em;\n color:#ffee00;font-weight:normal;\n text-shadow:0 0 18px rgba(255,238,0,.45),0 0 50px rgba(200,160,0,.25);\n margin-bottom:.3em;\n}\n#about-hero .hero-sub{\n color:#5a4888;font-size:clamp(.7rem,2vw,.88rem);\n letter-spacing:.3em;text-transform:uppercase;\n}\n\n\/* \u2500\u2500\u2500 MAIN CONTENT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#about-body{\n max-width:760px;margin:0 auto;padding:32px 24px;\n}\n\n\/* re-use modal FAQ classes but in page flow context *\/\n.faq-intro{\n font-size:.9rem;color:#7766aa;line-height:1.8;\n margin-bottom:32px;padding:16px 20px;\n border-left:2px solid #4422aa;\n background:rgba(60,20,120,.12);\n font-style:italic;\n}\n.faq-intro b{color:#ffee00;font-weight:normal;font-style:normal}\n\n.faq-section{margin-bottom:36px}\n.faq-sh{\n font-size:.68rem;letter-spacing:.35em;text-transform:uppercase;\n color:#5533aa;margin-bottom:18px;padding-bottom:8px;\n border-bottom:1px solid #1e1035;\n}\n.faq-entry{\n margin-bottom:20px;display:flex;gap:14px;align-items:flex-start;\n}\n.faq-entry:last-child{margin-bottom:0}\n.faq-icon{font-size:1.5rem;line-height:1;flex-shrink:0;width:30px;text-align:center;margin-top:2px}\n.faq-txt h3{\n font-size:.9rem;color:#c9a84c;font-weight:normal;\n letter-spacing:.08em;margin-bottom:6px;\n}\n.faq-txt p{font-size:.8rem;color:#6a5f88;line-height:1.7}\n.faq-txt p b{color:#9988cc;font-weight:normal}\n.faq-tip{\n background:rgba(80,40,160,.12);border-left:2px solid #4422aa;\n padding:9px 14px;margin-top:10px;font-size:.76rem;\n color:#5c4f7a;line-height:1.65;font-style:italic;\n}\n\n\/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#about-footer{\n text-align:center;padding:24px;\n border-top:1px solid #1e1035;\n color:#2a1a40;font-size:.65rem;letter-spacing:.12em;\n margin-top:20px;\n}\n#about-footer a{color:#3d2a55;text-decoration:none;transition:color .2s}\n#about-footer a:hover{color:#ffee00}\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:600px){\n #about-hero{padding:32px 16px 24px}\n #about-body{padding:24px 16px}\n .faq-entry{gap:10px}\n .faq-icon{width:24px;font-size:1.2rem}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<nav id=\"site-nav\" aria-label=\"Site navigation\">\n <a class=\"nav-logo\" href=\"\/\" title=\"Twelfth Calling \u2014 12 Step Recovery HTML5 Browser Video Game\">\ud83d\udcd6 Twelfth Calling<\/a>\n <div class=\"nav-links\">\n <a href=\"\/\" title=\"Play the game\">Home<\/a>\n <a href=\"\/about\/\" class=\"active\" title=\"Field guide and game info\" aria-current=\"page\">About<\/a>\n <a class=\"nav-play\" href=\"\/\" title=\"Play Twelfth Calling free in your browser\">\ud83d\udeb6 Play Now<\/a>\n <\/div>\n<\/nav>\n\n\n<header id=\"about-hero\">\n <h1>\u2726 Field Guide to Recovery<\/h1>\n <p class=\"hero-sub\">Twelfth Calling \u2014 v1.0.0 \u00b7 12 Step Sobriety HTML5 Browser Video Game<\/p>\n<\/header>\n\n\n<main id=\"about-body\">\n\n \n <div class=\"faq-intro\">\n A newly certified Chemical Dependency Counselor sets off on their first day of work at their new job.\n As a faithful 12 Stepper, the task is to ensure sobriety with the\n <b>Big Book Boomerang<\/b>, and the Faith Skills to\n <b>Send to Detox<\/b> Inpatient or <b>Get ’em Sober<\/b> Outpatient.\n Breaking bottles will unlock messages and healing from your sponsor.\n <\/div>\n\n \n <section class=\"faq-section\" aria-labelledby=\"sh-controls\">\n <div class=\"faq-sh\" id=\"sh-controls\">\ud83d\udd79 Directional Movement and Controls<\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83d\udc46<\/div>\n <div class=\"faq-txt\">\n <h3>Movement<\/h3>\n <p>\n <b>Swipe Left<\/b> \u2014 Move Left<br>\n <b>Swipe Right<\/b> \u2014 Move Right<br>\n <b>Swipe Up<\/b> \u2014 Move Up<br>\n <b>Swipe Down<\/b> \u2014 Move Down\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83d\udc4a<\/div>\n <div class=\"faq-txt\">\n <h3>Actions<\/h3>\n <p>\n <b>Tap<\/b> \u2014 Attack with the Big Book Boomerang<br>\n <b>Push Buttons<\/b> \u2014 Use a Faith Skill (Get ’em Sober or Send to Detox)<br>\n <b>Break Bottles<\/b> \u2014 Heal damage and receive a message from your sponsor\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"faq-section\" aria-labelledby=\"sh-hazards\">\n <div class=\"faq-sh\" id=\"sh-hazards\">\u2694 Hazard Types<\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83c\udf7a<\/div>\n <div class=\"faq-txt\">\n <h3>Drunk \u2014 “The Stumbler”<\/h3>\n <p><b>HP: 40 \u00b7 Speed: Medium \u00b7 Damage: Low<\/b><br>\n The most common hazard in the early steps. Carries a bottle and moves with an\n unpredictable sine-wave stagger \u2014 don’t let the stumbling fool you, they’ll close\n distance fast when the pattern swings your way. Appears from <b>Step 1<\/b> onward.<\/p>\n <div class=\"faq-tip\">Tactic: Attack during their stagger phase when they lurch away. Easy solo, dangerous in groups.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83c\udf3f<\/div>\n <div class=\"faq-txt\">\n <h3>Stoned \u2014 “The Wall”<\/h3>\n <p><b>HP: 75 \u00b7 Speed: Slow \u00b7 Damage: Medium<\/b><br>\n Slow but relentless. Wears sunglasses and doesn’t rush \u2014 they barely need to.\n Their high HP pool means normal attacks alone take a long time to bring them down.\n Appears from <b>Step 1<\/b> onward and becomes more common after Step 3.<\/p>\n <div class=\"faq-tip\">Tactic: Save Faith Strikes for Stoned hazards. One Strike takes a major chunk out of their HP bar.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\u26a1<\/div>\n <div class=\"faq-txt\">\n <h3>Tweaker \u2014 “The Sparker”<\/h3>\n <p><b>HP: 22 \u00b7 Speed: Very Fast \u00b7 Damage: Low<\/b><br>\n Sprints at you and zigzags chaotically, switching lateral direction every few\n tenths of a second. Lowest HP of any hazard but hardest to land a clean swing on.\n Dangerous when mixed with slower hazards that box you in. Appears from <b>Step 4<\/b>.<\/p>\n <div class=\"faq-tip\">Tactic: Let them come to you. Wait for them to close in, then attack \u2014 the forward arc will catch them even mid-zigzag.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83d\udc8a<\/div>\n <div class=\"faq-txt\">\n <h3>Pill Head \u2014 “The Boss”<\/h3>\n <p><b>HP: 100 \u00b7 Speed: Medium \u00b7 Damage: High<\/b><br>\n The most dangerous hazard in the game. Larger than normal, wears a crown of pills,\n and hits hard enough to shred your health bar in seconds if you get cornered.\n Glowing purple eyes mean they’re locked onto you. Appears from <b>Step 7<\/b> and\n becomes common in the final steps.<\/p>\n <div class=\"faq-tip\">Tactic: Prioritize Pill Heads. Never let one attack you from behind while fighting others. Keep moving.<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"faq-section\" aria-labelledby=\"sh-combat\">\n <div class=\"faq-sh\" id=\"sh-combat\">\u26a1 Combat System<\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83d\udcd6<\/div>\n <div class=\"faq-txt\">\n <h3>Big Book Boomerang \u2014 SPACE or Screen Tap<\/h3>\n <p>A forward-arc melee swing dealing <b>30 damage<\/b> with ~2.9 unit range.\n Knocks hazards backward on hit. Cooldown: 0.52 seconds \u2014 fast enough to chain\n quickly against single targets. The attack arc covers roughly a 270\u00b0 cone in\n front of and beside you, so facing the hazard matters.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\u2726<\/div>\n <div class=\"faq-txt\">\n <h3>Faith Strike \u2014 Z or X<\/h3>\n <p>A radial burst dealing <b>65 damage<\/b> to all hazards within 5.5 units \u2014\n the largest AoE in the game. Costs <b>20 Faith<\/b> per use, 2.2-second cooldown.\n Ideal for clearing clustered groups or cracking a Pill Head’s HP early.\n Faith regenerates slowly on its own, and bottle pickups restore 28 points.<\/p>\n <div class=\"faq-tip\">Press <b>X<\/b> on keyboard (or the red button) to activate <b>Send to Detox<\/b> \u2014 a more powerful neon red radial strike with a 6-second cooldown.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83d\udd25<\/div>\n <div class=\"faq-txt\">\n <h3>Combo Multiplier<\/h3>\n <p>Landing hits on multiple hazards within a 3-second window builds a combo counter\n shown in the bottom-right. Higher combos multiply your score bonus per kill.\n The counter resets if you go 3 seconds without hitting a hazard \u2014 keep the\n pressure up to maximize your final score.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"faq-section\" aria-labelledby=\"sh-pickups\">\n <div class=\"faq-sh\" id=\"sh-pickups\">\ud83c\udf7e Bottles & Pickups<\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83d\udd34<\/div>\n <div class=\"faq-txt\">\n <h3>Red Bottle \u2014 Health Restore<\/h3>\n <p>Restores <b>+28 Health<\/b> (max 100). Glows red and floats gently above the\n ground. Walk over it to collect. Always triggers a Sponsor call.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83d\udd35<\/div>\n <div class=\"faq-txt\">\n <h3>Blue Bottle \u2014 Faith Restore<\/h3>\n <p>Restores <b>+28 Faith<\/b> (max 100). Glows blue. Same pickup mechanics as\n the red bottle. Prioritize these when you’re planning Faith Strikes on a\n wave with Pill Heads or large groups.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83d\udcde<\/div>\n <div class=\"faq-txt\">\n <h3>Sponsor Call<\/h3>\n <p>Every bottle you collect triggers a call from your Sponsor, who shares one of\n <b>62 authentic AA sayings<\/b>. The game pauses during the call \u2014 use the moment\n to breathe. Press <b>“Keep Coming Back”<\/b> to return to the fight.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"faq-section\" aria-labelledby=\"sh-steps\">\n <div class=\"faq-sh\" id=\"sh-steps\">\ud83d\udcd6 The 12 Steps<\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\u2460<\/div>\n <div class=\"faq-txt\">\n <h3>Step Progression<\/h3>\n <p>Each of the 12 Steps is a wave of hazards you must defeat before advancing.\n Hazard count rises each step (3 hazards on Step 1, up to 12 on Step 12).\n New hazard types unlock every few steps \u2014 Tweakers at Step 4, Pill Heads at Step 7.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83c\udf1f<\/div>\n <div class=\"faq-txt\">\n <h3>Step Clear Rewards<\/h3>\n <p>Clearing a step grants <b>+1000 base score<\/b> plus a step bonus,\n <b>+35 Faith<\/b> refill, and 3 bonus bottles scattered across the arena.\n A brief grace period (3.5 seconds) gives you time to collect pickups before the\n next step’s announcement.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\u2726<\/div>\n <div class=\"faq-txt\">\n <h3>Spiritual Awakening \u2014 Step 12<\/h3>\n <p>Clearing all 12 Steps triggers the victory screen and a fanfare. Your final\n score reflects kills, combos, and step bonuses accumulated across the full journey.\n The hardest path is the most rewarding one.<\/p>\n <div class=\"faq-tip\">“Having had a spiritual awakening as the result of these steps, we tried to carry this message to alcoholics.”<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/main>\n\n\n<footer id=\"about-footer\">\n <p>\n <a href=\"\/\" title=\"Play Twelfth Calling\">Twelfth Calling<\/a>\n \u00b7 v1.0.0\n \u00b7 Free HTML5 12 Step Sobriety Browser Video Game\n \u00b7 Tech Support: <a href=\"tel:8883530365\" title=\"Tech support 888-353-0365\">888-353-0365<\/a>\n <\/p>\n<\/footer>\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"AboutPage\",\n \"name\": \"Field Guide to Recovery \u2014 Twelfth Calling\",\n \"description\": \"Complete field guide for Twelfth Calling: hazard types, combat system, Faith Skills, bottle pickups, and 12 step progression for this free HTML5 sobriety browser video game.\",\n \"url\": \"https:\/\/ls-l.work\/about\/\",\n \"inLanguage\": \"en-US\",\n \"isPartOf\": {\n \"@type\": \"WebSite\",\n \"name\": \"Twelfth Calling\",\n \"url\": \"https:\/\/ls-l.work\/\"\n },\n \"about\": {\n \"@type\": \"VideoGame\",\n \"name\": \"Twelfth Calling\",\n \"url\": \"https:\/\/ls-l.work\/\",\n \"softwareVersion\": \"1.0.0\",\n \"gamePlatform\": \"Web Browser\",\n \"genre\": [\"Action\", \"Adventure\", \"Educational\"],\n \"description\": \"A 12 step sobriety recovery journey as a free HTML5 JavaScript browser video game.\"\n },\n \"breadcrumb\": {\n \"@type\": \"BreadcrumbList\",\n \"itemListElement\": [\n { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Home\", \"item\": \"https:\/\/ls-l.work\/\" },\n { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"About\", \"item\": \"https:\/\/ls-l.work\/about\/\" }\n ]\n }\n}\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>About \u2014 Twelfth Calling Field Guide | 12 Step Sobriety Browser Video Game \ud83d\udcd6 Twelfth Calling Home About \ud83d\udeb6 Play Now \u2726 Field Guide to Recovery Twelfth Calling \u2014 v1.0.0 \u00b7 12 Step Sobriety HTML5 Browser Video Game A newly certified Chemical Dependency Counselor sets off on their first day of work at their new […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":9,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":221,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/pages\/2\/revisions\/221"}],"wp:attachment":[{"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2026-05-20T14:35:08","date_gmt":"2026-05-20T14:35:08","guid":{"rendered":"http:\/\/ls-l.work\/?page_id=2"},"modified":"2026-07-03T01:14:50","modified_gmt":"2026-07-03T01:14:50","slug":"hazards","status":"publish","type":"page","link":"https:\/\/ls-l.work\/about\/","title":{"rendered":"About Twelfth Calling"},"content":{"rendered":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nAbout \u2014 Twelfth Calling Field Guide | 12 Step Sobriety Browser Video Game<\/title>\n<style>\n\/* \u2500\u2500\u2500 PAGE BASE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n*{margin:0;padding:0;box-sizing:border-box}\nbody{\n background:radial-gradient(ellipse at 50% 0%,#0d0022 0%,#03000a 100%);\n color:#c4c0e0;font-family:'Georgia',serif;\n min-height:100vh;padding-bottom:60px;\n}\n\n\/* \u2500\u2500\u2500 SITE NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#site-nav{\n position:sticky;top:0;z-index:100;\n background:rgba(0,0,0,.92);\n border-bottom:1px solid #2a1550;\n padding:12px 24px;\n display:flex;align-items:center;justify-content:space-between;\n backdrop-filter:blur(6px);\n}\n.nav-logo{\n font-size:clamp(.8rem,3vw,1rem);letter-spacing:.25em;\n color:#ffee00;text-decoration:none;\n text-shadow:0 0 10px rgba(255,238,0,.45);\n font-family:'Georgia',serif;text-transform:uppercase;\n}\n.nav-logo:hover{text-shadow:0 0 18px rgba(255,238,0,.7)}\n.nav-links{display:flex;gap:20px;align-items:center}\n.nav-links a{\n color:#5a4888;font-size:.75rem;letter-spacing:.15em;\n text-decoration:none;text-transform:uppercase;\n transition:color .2s;\n}\n.nav-links a:hover{color:#ffee00}\n.nav-links a.active{color:#ffee00;text-shadow:0 0 8px rgba(255,238,0,.4)}\n.nav-play{\n background:none;border:1px solid #ffee00;color:#ffee00;\n padding:7px 18px;font-size:.72rem;letter-spacing:.18em;\n border-radius:4px;cursor:pointer;font-family:'Georgia',serif;\n text-decoration:none;text-transform:uppercase;\n transition:all .25s;\n box-shadow:0 0 8px rgba(255,238,0,.2);\n}\n.nav-play:hover{background:rgba(255,238,0,.1);box-shadow:0 0 16px rgba(255,238,0,.45)}\n\n\/* \u2500\u2500\u2500 HERO HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#about-hero{\n text-align:center;padding:48px 24px 32px;\n border-bottom:1px solid #1e1035;\n}\n#about-hero h1{\n font-size:clamp(1.6rem,5vw,2.8rem);letter-spacing:.2em;\n color:#ffee00;font-weight:normal;\n text-shadow:0 0 18px rgba(255,238,0,.45),0 0 50px rgba(200,160,0,.25);\n margin-bottom:.3em;\n}\n#about-hero .hero-sub{\n color:#5a4888;font-size:clamp(.7rem,2vw,.88rem);\n letter-spacing:.3em;text-transform:uppercase;\n}\n\n\/* \u2500\u2500\u2500 MAIN CONTENT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#about-body{\n max-width:760px;margin:0 auto;padding:32px 24px;\n}\n\n\/* re-use modal FAQ classes but in page flow context *\/\n.faq-intro{\n font-size:.9rem;color:#7766aa;line-height:1.8;\n margin-bottom:32px;padding:16px 20px;\n border-left:2px solid #4422aa;\n background:rgba(60,20,120,.12);\n font-style:italic;\n}\n.faq-intro b{color:#ffee00;font-weight:normal;font-style:normal}\n\n.faq-section{margin-bottom:36px}\n.faq-sh{\n font-size:.68rem;letter-spacing:.35em;text-transform:uppercase;\n color:#5533aa;margin-bottom:18px;padding-bottom:8px;\n border-bottom:1px solid #1e1035;\n}\n.faq-entry{\n margin-bottom:20px;display:flex;gap:14px;align-items:flex-start;\n}\n.faq-entry:last-child{margin-bottom:0}\n.faq-icon{font-size:1.5rem;line-height:1;flex-shrink:0;width:30px;text-align:center;margin-top:2px}\n.faq-txt h3{\n font-size:.9rem;color:#c9a84c;font-weight:normal;\n letter-spacing:.08em;margin-bottom:6px;\n}\n.faq-txt p{font-size:.8rem;color:#6a5f88;line-height:1.7}\n.faq-txt p b{color:#9988cc;font-weight:normal}\n.faq-tip{\n background:rgba(80,40,160,.12);border-left:2px solid #4422aa;\n padding:9px 14px;margin-top:10px;font-size:.76rem;\n color:#5c4f7a;line-height:1.65;font-style:italic;\n}\n\n\/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#about-footer{\n text-align:center;padding:24px;\n border-top:1px solid #1e1035;\n color:#2a1a40;font-size:.65rem;letter-spacing:.12em;\n margin-top:20px;\n}\n#about-footer a{color:#3d2a55;text-decoration:none;transition:color .2s}\n#about-footer a:hover{color:#ffee00}\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:600px){\n #about-hero{padding:32px 16px 24px}\n #about-body{padding:24px 16px}\n .faq-entry{gap:10px}\n .faq-icon{width:24px;font-size:1.2rem}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<nav id=\"site-nav\" aria-label=\"Site navigation\">\n <a class=\"nav-logo\" href=\"\/\" title=\"Twelfth Calling \u2014 12 Step Recovery HTML5 Browser Video Game\">\ud83d\udcd6 Twelfth Calling<\/a>\n <div class=\"nav-links\">\n <a href=\"\/\" title=\"Play the game\">Home<\/a>\n <a href=\"\/about\/\" class=\"active\" title=\"Field guide and game info\" aria-current=\"page\">About<\/a>\n <a class=\"nav-play\" href=\"\/\" title=\"Play Twelfth Calling free in your browser\">\ud83d\udeb6 Play Now<\/a>\n <\/div>\n<\/nav>\n\n\n<header id=\"about-hero\">\n <h1>\u2726 Field Guide to Recovery<\/h1>\n <p class=\"hero-sub\">Twelfth Calling \u2014 v1.0.0 \u00b7 12 Step Sobriety HTML5 Browser Video Game<\/p>\n<\/header>\n\n\n<main id=\"about-body\">\n\n \n <div class=\"faq-intro\">\n A newly certified Chemical Dependency Counselor sets off on their first day of work at their new job.\n As a faithful 12 Stepper, the task is to ensure sobriety with the\n <b>Big Book Boomerang<\/b>, and the Faith Skills to\n <b>Send to Detox<\/b> Inpatient or <b>Get ’em Sober<\/b> Outpatient.\n Breaking bottles will unlock messages and healing from your sponsor.\n <\/div>\n\n \n <section class=\"faq-section\" aria-labelledby=\"sh-controls\">\n <div class=\"faq-sh\" id=\"sh-controls\">\ud83d\udd79 Directional Movement and Controls<\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83d\udc46<\/div>\n <div class=\"faq-txt\">\n <h3>Movement<\/h3>\n <p>\n <b>Swipe Left<\/b> \u2014 Move Left<br>\n <b>Swipe Right<\/b> \u2014 Move Right<br>\n <b>Swipe Up<\/b> \u2014 Move Up<br>\n <b>Swipe Down<\/b> \u2014 Move Down\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83d\udc4a<\/div>\n <div class=\"faq-txt\">\n <h3>Actions<\/h3>\n <p>\n <b>Tap<\/b> \u2014 Attack with the Big Book Boomerang<br>\n <b>Push Buttons<\/b> \u2014 Use a Faith Skill (Get ’em Sober or Send to Detox)<br>\n <b>Break Bottles<\/b> \u2014 Heal damage and receive a message from your sponsor\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"faq-section\" aria-labelledby=\"sh-hazards\">\n <div class=\"faq-sh\" id=\"sh-hazards\">\u2694 Hazard Types<\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83c\udf7a<\/div>\n <div class=\"faq-txt\">\n <h3>Drunk \u2014 “The Stumbler”<\/h3>\n <p><b>HP: 40 \u00b7 Speed: Medium \u00b7 Damage: Low<\/b><br>\n The most common hazard in the early steps. Carries a bottle and moves with an\n unpredictable sine-wave stagger \u2014 don’t let the stumbling fool you, they’ll close\n distance fast when the pattern swings your way. Appears from <b>Step 1<\/b> onward.<\/p>\n <div class=\"faq-tip\">Tactic: Attack during their stagger phase when they lurch away. Easy solo, dangerous in groups.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83c\udf3f<\/div>\n <div class=\"faq-txt\">\n <h3>Stoned \u2014 “The Wall”<\/h3>\n <p><b>HP: 75 \u00b7 Speed: Slow \u00b7 Damage: Medium<\/b><br>\n Slow but relentless. Wears sunglasses and doesn’t rush \u2014 they barely need to.\n Their high HP pool means normal attacks alone take a long time to bring them down.\n Appears from <b>Step 1<\/b> onward and becomes more common after Step 3.<\/p>\n <div class=\"faq-tip\">Tactic: Save Faith Strikes for Stoned hazards. One Strike takes a major chunk out of their HP bar.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\u26a1<\/div>\n <div class=\"faq-txt\">\n <h3>Tweaker \u2014 “The Sparker”<\/h3>\n <p><b>HP: 22 \u00b7 Speed: Very Fast \u00b7 Damage: Low<\/b><br>\n Sprints at you and zigzags chaotically, switching lateral direction every few\n tenths of a second. Lowest HP of any hazard but hardest to land a clean swing on.\n Dangerous when mixed with slower hazards that box you in. Appears from <b>Step 4<\/b>.<\/p>\n <div class=\"faq-tip\">Tactic: Let them come to you. Wait for them to close in, then attack \u2014 the forward arc will catch them even mid-zigzag.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83d\udc8a<\/div>\n <div class=\"faq-txt\">\n <h3>Pill Head \u2014 “The Boss”<\/h3>\n <p><b>HP: 100 \u00b7 Speed: Medium \u00b7 Damage: High<\/b><br>\n The most dangerous hazard in the game. Larger than normal, wears a crown of pills,\n and hits hard enough to shred your health bar in seconds if you get cornered.\n Glowing purple eyes mean they’re locked onto you. Appears from <b>Step 7<\/b> and\n becomes common in the final steps.<\/p>\n <div class=\"faq-tip\">Tactic: Prioritize Pill Heads. Never let one attack you from behind while fighting others. Keep moving.<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"faq-section\" aria-labelledby=\"sh-combat\">\n <div class=\"faq-sh\" id=\"sh-combat\">\u26a1 Combat System<\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83d\udcd6<\/div>\n <div class=\"faq-txt\">\n <h3>Big Book Boomerang \u2014 SPACE or Screen Tap<\/h3>\n <p>A forward-arc melee swing dealing <b>30 damage<\/b> with ~2.9 unit range.\n Knocks hazards backward on hit. Cooldown: 0.52 seconds \u2014 fast enough to chain\n quickly against single targets. The attack arc covers roughly a 270\u00b0 cone in\n front of and beside you, so facing the hazard matters.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\u2726<\/div>\n <div class=\"faq-txt\">\n <h3>Faith Strike \u2014 Z or X<\/h3>\n <p>A radial burst dealing <b>65 damage<\/b> to all hazards within 5.5 units \u2014\n the largest AoE in the game. Costs <b>20 Faith<\/b> per use, 2.2-second cooldown.\n Ideal for clearing clustered groups or cracking a Pill Head’s HP early.\n Faith regenerates slowly on its own, and bottle pickups restore 28 points.<\/p>\n <div class=\"faq-tip\">Press <b>X<\/b> on keyboard (or the red button) to activate <b>Send to Detox<\/b> \u2014 a more powerful neon red radial strike with a 6-second cooldown.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83d\udd25<\/div>\n <div class=\"faq-txt\">\n <h3>Combo Multiplier<\/h3>\n <p>Landing hits on multiple hazards within a 3-second window builds a combo counter\n shown in the bottom-right. Higher combos multiply your score bonus per kill.\n The counter resets if you go 3 seconds without hitting a hazard \u2014 keep the\n pressure up to maximize your final score.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"faq-section\" aria-labelledby=\"sh-pickups\">\n <div class=\"faq-sh\" id=\"sh-pickups\">\ud83c\udf7e Bottles & Pickups<\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83d\udd34<\/div>\n <div class=\"faq-txt\">\n <h3>Red Bottle \u2014 Health Restore<\/h3>\n <p>Restores <b>+28 Health<\/b> (max 100). Glows red and floats gently above the\n ground. Walk over it to collect. Always triggers a Sponsor call.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83d\udd35<\/div>\n <div class=\"faq-txt\">\n <h3>Blue Bottle \u2014 Faith Restore<\/h3>\n <p>Restores <b>+28 Faith<\/b> (max 100). Glows blue. Same pickup mechanics as\n the red bottle. Prioritize these when you’re planning Faith Strikes on a\n wave with Pill Heads or large groups.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83d\udcde<\/div>\n <div class=\"faq-txt\">\n <h3>Sponsor Call<\/h3>\n <p>Every bottle you collect triggers a call from your Sponsor, who shares one of\n <b>62 authentic AA sayings<\/b>. The game pauses during the call \u2014 use the moment\n to breathe. Press <b>“Keep Coming Back”<\/b> to return to the fight.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"faq-section\" aria-labelledby=\"sh-steps\">\n <div class=\"faq-sh\" id=\"sh-steps\">\ud83d\udcd6 The 12 Steps<\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\u2460<\/div>\n <div class=\"faq-txt\">\n <h3>Step Progression<\/h3>\n <p>Each of the 12 Steps is a wave of hazards you must defeat before advancing.\n Hazard count rises each step (3 hazards on Step 1, up to 12 on Step 12).\n New hazard types unlock every few steps \u2014 Tweakers at Step 4, Pill Heads at Step 7.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\ud83c\udf1f<\/div>\n <div class=\"faq-txt\">\n <h3>Step Clear Rewards<\/h3>\n <p>Clearing a step grants <b>+1000 base score<\/b> plus a step bonus,\n <b>+35 Faith<\/b> refill, and 3 bonus bottles scattered across the arena.\n A brief grace period (3.5 seconds) gives you time to collect pickups before the\n next step’s announcement.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-entry\">\n <div class=\"faq-icon\">\u2726<\/div>\n <div class=\"faq-txt\">\n <h3>Spiritual Awakening \u2014 Step 12<\/h3>\n <p>Clearing all 12 Steps triggers the victory screen and a fanfare. Your final\n score reflects kills, combos, and step bonuses accumulated across the full journey.\n The hardest path is the most rewarding one.<\/p>\n <div class=\"faq-tip\">“Having had a spiritual awakening as the result of these steps, we tried to carry this message to alcoholics.”<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/main>\n\n\n<footer id=\"about-footer\">\n <p>\n <a href=\"\/\" title=\"Play Twelfth Calling\">Twelfth Calling<\/a>\n \u00b7 v1.0.0\n \u00b7 Free HTML5 12 Step Sobriety Browser Video Game\n \u00b7 Tech Support: <a href=\"tel:8883530365\" title=\"Tech support 888-353-0365\">888-353-0365<\/a>\n <\/p>\n<\/footer>\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"AboutPage\",\n \"name\": \"Field Guide to Recovery \u2014 Twelfth Calling\",\n \"description\": \"Complete field guide for Twelfth Calling: hazard types, combat system, Faith Skills, bottle pickups, and 12 step progression for this free HTML5 sobriety browser video game.\",\n \"url\": \"https:\/\/ls-l.work\/about\/\",\n \"inLanguage\": \"en-US\",\n \"isPartOf\": {\n \"@type\": \"WebSite\",\n \"name\": \"Twelfth Calling\",\n \"url\": \"https:\/\/ls-l.work\/\"\n },\n \"about\": {\n \"@type\": \"VideoGame\",\n \"name\": \"Twelfth Calling\",\n \"url\": \"https:\/\/ls-l.work\/\",\n \"softwareVersion\": \"1.0.0\",\n \"gamePlatform\": \"Web Browser\",\n \"genre\": [\"Action\", \"Adventure\", \"Educational\"],\n \"description\": \"A 12 step sobriety recovery journey as a free HTML5 JavaScript browser video game.\"\n },\n \"breadcrumb\": {\n \"@type\": \"BreadcrumbList\",\n \"itemListElement\": [\n { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Home\", \"item\": \"https:\/\/ls-l.work\/\" },\n { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"About\", \"item\": \"https:\/\/ls-l.work\/about\/\" }\n ]\n }\n}\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>About \u2014 Twelfth Calling Field Guide | 12 Step Sobriety Browser Video Game \ud83d\udcd6 Twelfth Calling Home About \ud83d\udeb6 Play Now \u2726 Field Guide to Recovery Twelfth Calling \u2014 v1.0.0 \u00b7 12 Step Sobriety HTML5 Browser Video Game A newly certified Chemical Dependency Counselor sets off on their first day of work at their new […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":9,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":221,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/pages\/2\/revisions\/221"}],"wp:attachment":[{"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}