.ab{--board:#1c2723;--slate:#24312c;--chalk:#f1eee6;--chalk-2:#f1eee69e;--ink:#1e2b40;--cream:#f6f0e2;background:var(--board);color:var(--chalk);font-family:var(--font-saans), system-ui, sans-serif}html.ab-locked,html.ab-locked body{overflow:hidden}.ab-story,.ab-ch{position:relative}.ab-stage{background:var(--board);height:100svh;position:sticky;top:0;overflow:hidden}.ab-canvas{width:1000px;height:780px;transform:translate(-50%, -50%) scale(var(--s,1));transform-origin:50%;position:absolute;top:50%;left:50%}.ab-line{left:calc(var(--x) * 1px);top:calc(var(--y) * 1px);font-size:calc(var(--fs) * 1px);font-family:var(--font-caveat), "Bradley Hand", cursive;color:var(--chalk);white-space:nowrap;opacity:0;z-index:4;letter-spacing:.005em;font-weight:700;line-height:1;position:absolute}@media (max-aspect-ratio:4/5){.ab-line[data-ph]{left:40px;top:calc(var(--py) * 1px);font-size:calc(var(--pfs) * 1px);white-space:normal;width:920px;line-height:1.1}.ab-ticks{transform:translate(236px,-580px)}}.ab-loud{color:#f8a81b;transform-origin:0}.ab-svg{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ab-chalk{fill:none;stroke:var(--chalk);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;filter:url(#ab-chalk-f)}.ab-chalk .ab-thin,.ab-thin.ab-chalk{stroke-width:3px;stroke:var(--chalk-2)}.ab-chalk [data-draw],.ab-chalk[data-draw]{opacity:0}.ab-crayon{stroke-width:7px}.ab-pin{opacity:0;stroke:var(--chalk);stroke-width:3px;transform:scale(0)}.ab-gear{stroke-width:4px}.ab-paper{background:var(--cream);box-sizing:border-box;opacity:0;z-index:3;border-radius:6px;flex-direction:column;gap:13px;width:150px;height:192px;padding:18px 16px;display:flex;position:absolute;top:0;left:0}.ab-paper i{border-radius:4px;width:46%;height:10px}.ab-paper b{background:#d4cbb9;border-radius:3px;height:6px}.ab-wipe{opacity:0;z-index:3;background:#34413b;border-radius:22px;width:120px;height:330px;position:absolute;overflow:hidden}.ab-wipe i{background:#b9874f;height:46%;position:absolute;top:0;left:0;right:0}.ab-smudge{opacity:0;z-index:1;background:#f1eee60b;border-radius:42% 50% 46% 54%;width:380px;height:320px;transition:opacity .4s;position:absolute}.ab-counter{font-family:var(--font-caveat), cursive;color:#f8a81b;opacity:0;z-index:4;font-size:34px;font-weight:700;position:absolute}.ab-friend{border:3.5px solid var(--chalk);box-sizing:border-box;opacity:0;transform-origin:50%;z-index:4;border-radius:50% 46% 52% 48%;place-items:center;width:88px;height:88px;display:grid;position:absolute}.ab-friendFace{width:58px;display:block}.ab-friendFace svg{width:100%;height:auto;display:block}.ab-block{opacity:0;transform-origin:50%;z-index:4;border-radius:12px;position:absolute}.ab-world{z-index:0;background:#e4492a;position:absolute;inset:0}.ab-closing{z-index:1;background:var(--board);position:absolute;inset:0}.ab-last .ab-stage>.ab-canvas{z-index:2}.ab-rainbow{width:100%;height:100%;display:block;position:absolute;inset:0}.ab-rainbow path{stroke-dasharray:var(--len,6000);stroke-dashoffset:var(--len,6000);transition:stroke-dashoffset 1.7s cubic-bezier(.6, 0, .3, 1) var(--d,0s)}.ab-rainbow[data-on="1"] path{stroke-dashoffset:0}.ab-head{z-index:3;padding:0 max(16px, env(safe-area-inset-left,0px));text-align:center;color:#fff;opacity:0;position:absolute;top:18vh;left:0;right:0}.ab-head h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(38px,min(9vh,10.5vw),108px);font-weight:600;line-height:.98}.ab-head p{max-width:30em;margin:2.2vh auto 0;font-size:clamp(17px,min(2.7vh,4.2vw),27px);font-weight:450;line-height:1.4}.ab-nowrap{white-space:nowrap}.ab-buddy{vertical-align:-.1em;opacity:0;transform-origin:30% 20%;width:.52em;height:.61em;margin-left:.08em;display:inline-block;position:relative}.ab-buddy svg{width:100%;height:100%;display:block;overflow:visible}.ab-buddyFace{position:absolute;inset:0}.ab-buddyFace>svg{width:100%;height:100%}.ab-tail{z-index:3;opacity:0;flex-direction:column;align-items:center;gap:1.6vh;display:flex;position:absolute;top:75vh;left:0;right:0}.ab-cta{color:var(--ink);background:#fff;border-radius:999px;padding:1em 1.6em;font-size:clamp(17px,2.4vh,23px);font-weight:600;text-decoration:none;display:inline-block}.ab-cta:focus-visible,.ab-back:focus-visible,.ab-enter:focus-visible,.ab-quiet:focus-visible,.ab-sound:focus-visible,.ab-home:focus-visible{outline-offset:3px;outline:3px solid #29a383}.ab-back{color:#fff;text-underline-offset:4px;font-size:clamp(15px,1.9vh,18px);font-weight:500}.ab-back:before{content:"← "}.ab-sign{font-family:var(--font-caveat), cursive;color:#fff;margin-top:.4vh;font-size:clamp(26px,3.6vh,38px);font-weight:700}.ab-home{z-index:55;top:calc(14px + env(safe-area-inset-top,0px));left:max(16px, env(safe-area-inset-left,0px));height:40px;color:var(--chalk);font:600 15px/1 var(--font-saans), system-ui, sans-serif;background:#1c272399;border:1.5px solid #f1eee666;border-radius:999px;align-items:center;gap:7px;padding:0 16px 0 10px;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex;position:fixed}.ab-home:hover{background:#f1eee624;border-color:#f1eee6b3}.ab:not([data-entered]) .ab-home{color:var(--ink);background:#fff9;border-color:#1e2b4038}.ab:not([data-entered]) .ab-home:hover{background:#fff;border-color:#1e2b4066}@media (max-width:520px){.ab-home{padding:0 12px 0 8px}.ab-homeWord{display:none}}.ab-sound{z-index:40;top:calc(16px + env(safe-area-inset-top,0px));right:max(20px, env(safe-area-inset-right,0px));color:var(--chalk);font:600 14px/1 var(--font-saans), system-ui, sans-serif;cursor:pointer;background:0 0;border:1.5px solid #f1eee666;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex;position:fixed}.ab-notchHang{z-index:35;visibility:hidden;height:0;position:fixed;top:0;left:0;right:0}.ab-notchHang[data-on="1"]{visibility:visible}.ab-notchHang .ld-stageNotch{z-index:35;pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.ab-hint{z-index:20;left:50%;bottom:calc(26px + env(safe-area-inset-bottom,0px));font-family:var(--font-caveat), cursive;color:var(--chalk-2);pointer-events:none;flex-direction:column;align-items:center;gap:6px;font-size:26px;font-weight:700;transition:opacity .5s;display:flex;position:fixed;transform:translate(-50%)}.ab:not([data-entered]) .ab-hint{opacity:0}.ab-fade{z-index:45;pointer-events:none;opacity:0;background:#000;position:fixed;inset:0}.ab[data-entered] .ab-fade{animation:1.6s forwards ab-lights}@keyframes ab-lights{0%{opacity:1}to{opacity:0}}.ab-gate{z-index:50;color:var(--ink);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));background:#f8a81b;place-items:center;display:grid;position:fixed;inset:0}.ab-gateWall,.ab-gateWall .ld-wall{position:absolute;inset:0}.ab-gateCard{z-index:1;text-align:center;background:#fff;border-radius:34px;justify-items:center;gap:14px;max-width:580px;padding:44px clamp(24px,5vw,52px) 40px;transition:opacity .35s,transform .5s;display:grid;position:relative}.ab-gate[data-swallow] .ab-gateCard{opacity:0;transform:scale(.97)}.ab-gateKicker{font-family:var(--font-caveat), cursive;color:#e4492a;margin:6px 0 0;font-size:30px;font-weight:700;line-height:1}.ab-gate h1{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(40px,6vw,62px);font-weight:600;line-height:1}.ab-gateLede{color:#45526a;text-wrap:balance;max-width:30em;margin:0;font-size:18px;line-height:1.5}.ab-gateActions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.ab-enter{background:var(--ink);color:#fff;font:600 18px/1 var(--font-saans), system-ui, sans-serif;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:17px 26px;display:inline-flex}.ab-quiet{color:var(--ink);font:600 17px/1 var(--font-saans), system-ui, sans-serif;cursor:pointer;background:0 0;border:2px solid #e6decd;border-radius:999px;padding:15px 24px}.ab-gateNote{z-index:52;transform-origin:0 0;align-items:flex-start;gap:4px;transition:opacity .3s;display:flex;position:fixed;top:16px;left:calc(50% + 104px);transform:rotate(-3deg)}.ab-gateNote span{font-family:var(--font-caveat), cursive;color:var(--ink);white-space:nowrap;margin-top:26px;font-size:30px;font-weight:700;line-height:1}.ab-gate[data-swallow] .ab-gateNote{opacity:0}.ab-peek{width:40px;transition:opacity .2s;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.ab-peek svg{width:100%;height:auto;display:block}.ab-gate[data-swallow] .ab-peek{opacity:0}.ab-swallow{z-index:51;background:#000;border-radius:0 0 16px 16px;width:190px;height:32px;position:fixed;top:0;left:50%;transform:translate(-50%)}.ab-gate[data-swallow] .ab-swallow{border-radius:0 0 50% 50%;width:300vmax;height:300vmax;transition:width 1.15s cubic-bezier(.7,0,.25,1),height 1.15s cubic-bezier(.7,0,.25,1),border-radius 1.15s}@media (prefers-reduced-motion:reduce){.ab-gate[data-swallow] .ab-swallow,.ab-rainbow path{transition:none}.ab[data-entered] .ab-fade{animation:none}}@media (max-width:640px){.ab-gateNote{transform-origin:50% 0;top:40px;left:50%;transform:translate(-50%)rotate(-3deg)}.ab-gateNote svg{display:none}.ab-gateNote span{margin-top:0;font-size:26px}.ab-gateNote span:before{content:"↑ "}}