#ty-surface{color-scheme:light dark;--page:light-dark(#e9e7df,#17171b);--ink:light-dark(#22202b,#f0ece5);--rule:light-dark(#77736e,#918b83);font-family:Arial,sans-serif;background:var(--page);color:var(--ink);padding:18px 20px 16px}
    #ty-surface *{box-sizing:border-box}#ty-surface [hidden]{display:none!important}#ty-surface button,#ty-surface a{font:inherit}#ty-surface button{color:inherit}#ty-surface button:focus-visible,#ty-surface a:focus-visible{outline:3px solid #ed5427;outline-offset:4px}#ty-surface .ty-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:8px 0 20px;padding-right:85px}#ty-surface .ty-name{font:italic 42px/.95 'Times New Roman',serif;letter-spacing:-.045em;margin:0}#ty-surface .ty-domain{font:11px/1.5 'Courier New',monospace;display:block;margin-top:8px;letter-spacing:.04em}#ty-surface .ty-tools{display:flex;gap:15px;align-items:center}#ty-surface .ty-plain{padding:6px 0;border:0;background:none;text-decoration:underline;text-underline-offset:3px;font:12px/1.3 'Courier New',monospace;white-space:nowrap}
    #ty-surface .ty-world{height:510px;position:relative;isolation:isolate;color:#131324;overflow:hidden;border:1px solid #171720}#ty-surface canvas{width:100%;height:100%;position:absolute;inset:0;z-index:-1;image-rendering:pixelated}#ty-surface .ty-region{position:absolute;top:0;height:100%;pointer-events:none;min-width:0}#ty-surface .ty-word{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%) rotate(-5deg);border:0;background:#fff5bd;color:#171226;box-shadow:5px 5px 0 #100c28;padding:8px 12px;text-align:center;font:italic 46px/.95 'Times New Roman',serif;white-space:nowrap;pointer-events:auto;transition:font-size .35s,top .35s,transform .35s;max-width:95%}#ty-surface .ty-word small{display:block;font:11px/1.5 'Courier New',monospace;letter-spacing:.02em;margin-top:6px;font-style:normal}#ty-surface .ty-region[data-region="1"] .ty-word{background:#151534;color:#f5f1dd;transform:translate(-50%,-50%) rotate(3deg)}#ty-surface .ty-region[data-region="2"] .ty-word{background:#b9f14e;color:#17221b;transform:translate(-50%,-50%) rotate(-3deg);font-size:40px}#ty-surface .ty-region.active .ty-word{font-size:37px;top:49px;transform:translate(-50%,-50%);max-width:80%}#ty-surface .ty-region.folded .ty-word{font:13px/1 'Courier New',monospace;padding:8px 6px;top:50%;transform:translate(-50%,-50%) rotate(-90deg);box-shadow:3px 3px 0 #171324;max-width:none}#ty-surface .ty-region.folded .ty-word small{display:none}
    #ty-surface .ty-body{position:absolute;top:112px;left:12%;width:76%;max-width:520px;color:#161622;background:#f2efe1;padding:22px 25px;border:1px solid #38352b;box-shadow:6px 7px 0 #10162644;pointer-events:auto;opacity:0;transform:translateY(12px);transition:opacity .2s,transform .25s}#ty-surface .ty-body.ready{opacity:1;transform:translateY(0)}#ty-surface .ty-body h2{font:29px/1.05 'Times New Roman',serif;letter-spacing:-.02em;margin:9px 0 16px}#ty-surface .ty-body p{font:16px/1.45 'Times New Roman',serif;margin:12px 0}#ty-surface .ty-body .ty-kicker{font:11px/1.3 'Courier New',monospace;letter-spacing:.05em}#ty-surface .ty-body a{display:block;color:#172b8c;text-underline-offset:4px;margin:18px 0 4px;font:21px/1.1 'Times New Roman',serif}#ty-surface .ty-body .ty-link-note{font:12px/1.4 Arial,sans-serif;margin:5px 0 20px}#ty-surface .ty-back{border:1px solid #292b36;background:#dedbd0;color:#171720;padding:8px 10px;box-shadow:2px 2px 0 #504e44;font:12px/1.2 'Courier New',monospace!important;margin-top:8px}#ty-surface .ty-play-body{background:#0b1747;color:#ecf4cb;border-color:#b2cedf}#ty-surface .ty-play-body p{max-width:330px}#ty-surface .ty-impulse{display:block;width:100%;min-height:85px;margin:19px 0 7px;background:#b7f047;color:#18251f;border:4px outset #e6ffa0;font:italic 31px/1 'Times New Roman',serif;box-shadow:5px 5px 0 #020c20}#ty-surface .ty-impulse:active{border-style:inset}
    #ty-surface .ty-handle{position:absolute;z-index:4;transform:translate(-50%,-50%);width:35px;height:68px;padding:0;border:3px outset #f5f4e7;background:#c4c5b9;color:#112137;touch-action:none;font:20px/1 'Courier New',monospace;box-shadow:3px 3px 0 #020b35;cursor:ew-resize}#ty-surface .ty-handle:after{content:'';display:block;width:11px;height:20px;margin:7px auto 0;background:repeating-linear-gradient(0deg,#30354c 0px,#30354c 1px,#c4c5b9 1px,#c4c5b9 4px)}#ty-surface .ty-handle:active{border-style:inset}#ty-surface .ty-below{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:11px;font:11px/1.5 'Courier New',monospace}#ty-surface .ty-traces{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#ty-surface .ty-trace{padding:5px 7px;background:var(--page);color:var(--ink);border:0;border-left:5px solid #b4d937;font:11px/1.2 'Courier New',monospace!important;text-decoration:underline}#ty-surface .ty-status{min-height:17px}#ty-surface .ty-index{background:var(--page);padding:12px 0;border-top:1px solid var(--rule);margin-top:13px}#ty-surface .ty-index button{border:0;background:none;color:var(--ink);font:18px/1.4 'Times New Roman',serif;text-decoration:underline;padding:7px 20px 7px 0}#ty-surface .ty-note{font:11px/1.4 'Courier New',monospace;color:var(--ink);opacity:.75;margin-top:16px}
    @media(max-width:580px){#ty-surface{padding:14px 12px}#ty-surface .ty-header{padding-right:0;align-items:start;gap:14px}#ty-surface .ty-name{font-size:31px}#ty-surface .ty-tools{gap:11px;flex-wrap:wrap;justify-content:end;max-width:125px}#ty-surface .ty-world{height:620px}#ty-surface .ty-region{left:0;width:100%;height:auto}#ty-surface .ty-word{font-size:38px;top:50%;max-width:90%}#ty-surface .ty-region[data-region="2"] .ty-word{font-size:35px}#ty-surface .ty-region.active .ty-word{font-size:30px;top:43px}#ty-surface .ty-region.folded .ty-word{top:50%;font-size:12px;transform:translate(-50%,-50%);max-width:90%;padding:6px 15px}#ty-surface .ty-body{top:88px;left:7%;width:86%;padding:16px 18px}#ty-surface .ty-body h2{font-size:26px}#ty-surface .ty-body p{font-size:16px;line-height:1.45}#ty-surface .ty-handle{width:62px;height:32px;font-size:18px;cursor:ns-resize}#ty-surface .ty-handle:after{display:none}#ty-surface .ty-play-body p{margin:9px 0}#ty-surface .ty-impulse{min-height:70px;margin-top:12px}#ty-surface .ty-back{min-height:38px}#ty-surface .ty-note{margin-top:10px}}
    #ty-surface.ty-still .ty-body,#ty-surface.ty-still .ty-word{transition:none}
    @media(prefers-reduced-motion:reduce){#ty-surface .ty-body,#ty-surface .ty-word{transition:none}}

/* The document stays readable before, without, or after failed enhancement. */
html{background:#e9e7df;color:#22202b;scroll-behavior:auto}
body{margin:0}
#ty-surface{min-height:100vh;min-height:100svh}
#ty-surface .ty-header>div{min-width:0}
#ty-surface .ty-word{display:block;text-decoration:none}
#ty-surface .ty-index a{display:inline-block;border:0;background:none;color:var(--ink);font:18px/1.4 'Times New Roman',serif;text-decoration:underline;padding:7px 20px 7px 0}
#ty-surface .ty-index h2{font:12px/1.4 'Courier New',monospace;margin:4px 0 8px}
#ty-surface h2:focus-visible{outline:3px solid #ed5427;outline-offset:4px}
#ty-surface .ty-body{overflow-wrap:anywhere}
#ty-surface .ty-body h2{scroll-margin-top:24px}
#ty-surface .ty-impulse{overflow-wrap:normal}
#ty-surface .ty-note{margin-bottom:0}
#ty-surface .ty-fallback{font:12px/1.5 'Courier New',monospace}
#ty-surface.ty-enhanced .ty-fallback{display:none}
#ty-surface:not(.ty-enhanced) .ty-interactive,
#ty-surface:not(.ty-enhanced) canvas{display:none}
#ty-surface:not(.ty-enhanced) .ty-world{height:auto;overflow:visible;border:0}
#ty-surface:not(.ty-enhanced) .ty-region{position:relative;inset:auto;width:auto;height:auto;pointer-events:auto;margin:24px 0}
#ty-surface:not(.ty-enhanced) .ty-region .ty-word{position:relative;inset:auto;transform:none;max-width:100%;width:fit-content;margin-bottom:18px;font-size:36px}
#ty-surface:not(.ty-enhanced) .ty-body{position:relative;inset:auto;width:100%;opacity:1;transform:none;transition:none}
@media(max-width:580px){#ty-surface .ty-header{flex-wrap:wrap}#ty-surface .ty-tools{max-width:none;justify-content:start}#ty-surface .ty-body{left:7%;width:86%}}
@media(min-width:581px) and (max-width:800px){#ty-surface.ty-enhanced .ty-region[data-region="2"]:not(.active):not(.folded) .ty-word{font-size:clamp(28px,4.8vw,40px)}}
@media(max-width:380px){#ty-surface .ty-header{gap:12px}#ty-surface .ty-tools{width:100%}#ty-surface .ty-body{left:6%;width:88%;padding:16px}#ty-surface .ty-body .ty-kicker{overflow-wrap:normal}}
@media(prefers-color-scheme:dark){html{background:#17171b;color:#f0ece5}}