{"id":81,"date":"2026-06-30T12:24:37","date_gmt":"2026-06-30T12:24:37","guid":{"rendered":"https:\/\/ls-l.work\/about\/?page_id=81"},"modified":"2026-07-02T19:31:26","modified_gmt":"2026-07-02T19:31:26","slug":"blog-twelfth-calling-sobriety-browser-game","status":"publish","type":"page","link":"https:\/\/ls-l.work\/about\/blog-twelfth-calling-sobriety-browser-game\/","title":{"rendered":"Blog"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* \u2500\u2500\u2500 WORDPRESS INTEGRATION \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\/* Hide the WordPress theme header when this page is embedded *\/\nhtml { margin-top: -36px; }\nheader, .wp-block-post-title, main > div:nth-of-type(1)            { display:none !important; }\nfooter>.has-global-padding {\n    padding-right: var(--wp--style--root--padding-right);\n    padding-left: var(--wp--style--root--padding-left);\n}\n.wp-block-group {\n    box-sizing: border-box;\n}\n* {\n#site-nav {min-width: 100%!important;}\n#wpadminbar           { display:none !important; }  \/* WP admin toolbar *\/\nheader {display:none!important;}\n#site-nav {min-width: 100%!important;}\n\/* Ensure the page body can scroll freely inside WordPress *\/\nhtml, body            { overflow-y:auto  !important;\n                        height:auto     !important;\n                        min-height:100% !important; }\n\/* Remove any WP theme top-padding reserved for the admin bar *\/\nhtml.admin-bar body   { margin-top:0 !important; }\n\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  display:flex;align-items:center;\n  text-decoration:none;line-height:1;\n}\n.nav-logo img{width:32px;height:32px;display:block}\n.nav-links a{\n  color:#5a4888;font-size:.75rem;letter-spacing:.15em;\n  text-decoration:none;text-transform:uppercase;\n  padding:0 12px;\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 !important;\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  text-shadow:0 0 8px rgba(255,238,0,.4);\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}\nh2.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\/* Hide intro paragraph \u2014 shown in-game modal, not needed on page *\/\nmain > *:first-child { display:none !important; }\n\n\/* Play Now button at top of content *\/\n.about-play-btn{\n  display:inline-block;\n  margin-bottom:28px;\n}\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}\nhtml {margin-top: 0px !important;\n}\nmain:first-of-type > div:nth-of-type(2) .has-global-padding { padding: 0px!important;}\n\nfooter.wp-block-template-part,\nfooter.wp-block-template-part * { color:#ffee00 !important; }\nblockquote { text-align: center; }\nh2.wp-block-heading { color: #c9a84c; }\nh3.wp-block-heading { color: #c9a84c; }\n<\/style>\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\">\n    <img loading=\"lazy\" decoding=\"async\" src=\"\/assets\/favicon.svg\" alt=\"Twelfth Calling\" width=\"32\" height=\"32\">\n  <\/a>\n  <div class=\"nav-links\">\n    <a href=\"\/\" class=\"active\" 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 href=\"tel:8883530365\" class=\"active\" title=\"Tech support \u2014 888-353-0365\">Contact<\/a>\n  <\/div>\n<\/nav>\n\n\n\n<div style=\"height:69px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Blog<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-query is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"wp-block-post-template is-layout-flow wp-block-post-template-is-layout-flow\"><li class=\"wp-block-post post-101 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/ls-l.work\/about\/movement-and-direction-controls\/\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/ls-l.work\/about\/wp-content\/uploads\/2026\/06\/favicon-32.png\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"Movement and Direction Controls\" style=\"object-fit:cover;\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:75%\"><h2 class=\"wp-block-post-title\"><a href=\"https:\/\/ls-l.work\/about\/movement-and-direction-controls\/\" target=\"_self\" >Movement and Direction Controls<\/a><\/h2><\/div>\n<\/div>\n\n<\/li><li class=\"wp-block-post post-82 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/ls-l.work\/about\/movement-and-directional-controls\/\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/ls-l.work\/about\/wp-content\/uploads\/2026\/06\/favicon-32.png\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"Three Ways to Hear Twelfth Calling \u2014 A Guide to Audio Settings\" style=\"object-fit:cover;\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:75%\"><h2 class=\"wp-block-post-title\"><a href=\"https:\/\/ls-l.work\/about\/movement-and-directional-controls\/\" target=\"_self\" >Three Ways to Hear Twelfth Calling \u2014 A Guide to Audio Settings<\/a><\/h2><\/div>\n<\/div>\n\n<\/li><\/ul><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Home About Contact Blog<\/p>\n","protected":false},"author":1,"featured_media":85,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blog-page","meta":{"footnotes":""},"class_list":["post-81","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/pages\/81","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=81"}],"version-history":[{"count":34,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/pages\/81\/revisions\/212"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/media\/85"}],"wp:attachment":[{"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/media?parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}