(function () { var root = document.documentElement; var current = 1; var active = false; var REL = /\d\s*(em|ex|ch|lh|cap|ic)\b|\d\s*%/i; var KW = /^(inherit|initial|unset|revert|revert-layer|larger|smaller|medium|xx-small|x-small|small|large|x-large|xx-large|xxx-large|math)$/i; function divided(v) { v = (v || "").trim(); if (!v || v.indexOf("--text-inflation") >= 0 || KW.test(v) || REL.test(v)) return null; return "calc((" + v + ") / var(--text-inflation, 1))"; } function fixRules(rules) { if (!rules) return; for (var i = 0; i < rules.length; i++) { var r = rules[i]; try { if (r.style) { var v = r.style.getPropertyValue("font-size"); if (v) { var n = divided(v); if (n) r.style.setProperty("font-size", n, r.style.getPropertyPriority("font-size")); } } if (r.cssRules) fixRules(r.cssRules); } catch (e) {} } } function fixSheet(sheet) { try { fixRules(sheet.cssRules); } catch (e) { /* cross-origin (fonts): nothing to divide */ } } function fixAllSheets() { var sheets = document.styleSheets; for (var i = 0; i < sheets.length; i++) fixSheet(sheets[i]); } var RE = /(^|;)(\s*font-size\s*:\s*)([^;]+?)(\s*!important)?\s*(;|$)/i; function fixInline(el) { if (!el || el.nodeType !== 1 || !el.hasAttribute || !el.hasAttribute("style")) return; var css = el.getAttribute("style"); if (!css || css.indexOf("font-size") < 0 || css.indexOf("--text-inflation") >= 0) return; var m = RE.exec(css); if (!m) return; var n = divided(m[3]); if (!n) return; el.setAttribute("style", css.replace(m[0], m[1] + m[2] + n + (m[4] || "") + m[5])); } function fixTree(node) { if (!node || node.nodeType !== 1) return; fixInline(node); var all = node.querySelectorAll ? node.querySelectorAll("[style*=\"font-size\"]") : []; for (var i = 0; i < all.length; i++) fixInline(all[i]); } var inlineStarted = false; function startInline() { if (inlineStarted || !active) return; inlineStarted = true; fixTree(document.body); } function activate() { if (active) return; active = true; // Text that sets no size of its own inherits the browser default, which // is inflated too: give the body an explicit, divided base. :where() has // zero specificity, so any size the site sets itself still wins (and is // divided above). is left alone so rem lengths do not move. try { var base = document.createElement("style"); base.id = "text-inflation-base"; base.textContent = ":where(body){font-size:calc(16px / var(--text-inflation, 1))}"; (document.head || root).appendChild(base); } catch (e) {} fixAllSheets(); document.addEventListener("DOMContentLoaded", fixAllSheets); window.addEventListener("load", fixAllSheets); new MutationObserver(function (records) { for (var i = 0; i < records.length; i++) { var r = records[i]; if (r.type === "attributes") { if (inlineStarted) fixInline(r.target); continue; } for (var j = 0; j < r.addedNodes.length; j++) { var node = r.addedNodes[j]; if (node.nodeType !== 1) continue; if (node.tagName === "STYLE") fixSheet(node.sheet); else if (node.tagName === "LINK") node.addEventListener("load", function () { fixSheet(this.sheet); }); else if (node.querySelectorAll) { var styles = node.querySelectorAll("style"); for (var k = 0; k < styles.length; k++) fixSheet(styles[k].sheet); } if (inlineStarted) fixTree(node); } } }).observe(root, { subtree: true, childList: true, attributes: true, attributeFilter: ["style"] }); if (root.hasAttribute("data-hydrated")) startInline(); else window.addEventListener("socratopia:hydrated", function () { setTimeout(startInline, 0); }, { once: true }); } function measure() { try { var probe = document.createElement("span"); probe.textContent = "Ag"; probe.style.cssText = "position:absolute;left:-9999px;top:0;visibility:hidden;white-space:nowrap;font-size:16px;line-height:1;font-family:sans-serif"; root.appendChild(probe); var painted = parseFloat(getComputedStyle(probe).fontSize); root.removeChild(probe); var f = painted > 0 ? painted / 16 : 1; if (!(f > 0.4 && f < 4)) f = 1; f = Math.round(f * 1000) / 1000; if (Math.abs(f - current) < 0.005) return; current = f; if (Math.abs(f - 1) < 0.005) root.style.removeProperty("--text-inflation"); else { root.style.setProperty("--text-inflation", String(f)); activate(); } root.setAttribute("data-text-inflation", String(f)); } catch (e) {} } measure(); window.addEventListener("resize", measure); window.addEventListener("pageshow", measure); document.addEventListener("visibilitychange", function () { if (!document.hidden) measure(); }); })();

Books. Now multiplayer.