@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/pixel-en-pruts-2/assets/comic-neue-latin-400-normal-BdhG8RSD.woff2)format("woff2"),url(/pixel-en-pruts-2/assets/comic-neue-latin-400-normal-CU7kPFAv.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:700;src:url(/pixel-en-pruts-2/assets/comic-neue-latin-700-normal-NE4Vcoll.woff2)format("woff2"),url(/pixel-en-pruts-2/assets/comic-neue-latin-700-normal-yR9qu__P.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/pixel-en-pruts-2/assets/alfa-slab-one-vietnamese-400-normal-C0oZnEo7.woff2)format("woff2"),url(/pixel-en-pruts-2/assets/alfa-slab-one-vietnamese-400-normal-BeSfPuN6.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/pixel-en-pruts-2/assets/alfa-slab-one-latin-ext-400-normal-DZhSYPC8.woff2)format("woff2"),url(/pixel-en-pruts-2/assets/alfa-slab-one-latin-ext-400-normal-Dg9tQUb7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/pixel-en-pruts-2/assets/alfa-slab-one-latin-400-normal-CbTZiZTW.woff2)format("woff2"),url(/pixel-en-pruts-2/assets/alfa-slab-one-latin-400-normal-UIGeWgec.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--table:#143940;--table-2:#0f2d33;--paper:#f7eedb;--paper-2:#efe2c4;--ink:#1d1a16;--ink-soft:#5a5146;--terra:#c4513a;--terra-d:#9e3c28;--mustard:#e2a72e;--mustard-l:#f6dc8a;--petrol:#1f5f6b;--petrol-d:#164650;--white:#fffdf7;--focus:#fc3;--screen-ink:#12304a;--book:1100px;--gap:clamp(7px, 1cqw, 12px);--slab:"Alfa Slab One", Georgia, serif;--hand:"Comic Neue", "Comic Sans MS", system-ui, sans-serif;--mono:ui-monospace, "Cascadia Mono", "SFMono-Regular", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{background:var(--table);-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--hand);color:var(--ink);background:radial-gradient(circle at 20% 0%, #ffffff12, transparent 50%), repeating-linear-gradient(90deg, transparent 0 46px, #0000000d 46px 48px), var(--table);margin:0;font-weight:700;line-height:1.35;overflow-x:hidden}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}main{max-width:calc(var(--book) + 32px);margin:0 auto;padding:clamp(12px,3vw,36px) 16px 56px}.cover{background:var(--paper);border-radius:4px 10px 10px 4px;margin:0 auto;padding:clamp(10px,1.8vw,22px);position:relative;box-shadow:0 18px 40px #00000073,inset 14px 0 18px -14px #00000059}.cover-art{border:3px solid var(--ink);overflow:hidden}.cover-art img{width:100%;height:auto;display:block}.motion .cover-art img{transform-origin:50% 70%;animation:26s ease-in-out infinite alternate cover-drift}@keyframes cover-drift{to{transform:scale(1.06)translate(-1.2%)}}.cover-title{text-align:center;padding:clamp(10px,1.6vw,20px) 8px 4px}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--petrol);margin:0 0 6px;font-size:clamp(12px,1.2vw,15px)}h1{font:400 clamp(28px, 5.4vw, 60px) / 1.02 var(--slab);color:var(--terra);letter-spacing:.01em;text-shadow:3px 3px 0 var(--ink);-webkit-text-stroke:1px var(--ink);margin:0}h1 span{color:var(--petrol);display:block}.sub{margin:10px 0 0;font-size:clamp(14px,1.5vw,19px);font-style:italic;font-weight:400}.howto{text-align:center;color:var(--paper);opacity:.85;margin:22px auto 18px;font-size:15px;font-weight:400}.book{gap:clamp(22px,4vw,44px);display:grid}.page{background:radial-gradient(circle at 100% 0%, #ffffff80, transparent 40%), var(--paper);border-radius:3px 8px 8px 3px;padding:clamp(10px,2.2vw,28px) clamp(10px,2.2vw,28px) clamp(6px,1.2vw,14px);position:relative;box-shadow:0 20px 44px #00000080,inset 14px 0 18px -14px #00000059;container:page/inline-size}.page-head{margin:0 0 var(--gap);border-bottom:3px solid var(--ink);padding-bottom:6px}.page-head h2{font:400 clamp(18px, 2.6cqw, 30px) / 1.1 var(--slab);color:var(--petrol);align-items:center;gap:.5em;margin:0;display:flex}.pn{border:2.5px solid var(--ink);background:var(--mustard);min-width:1.6em;height:1.6em;color:var(--ink);border-radius:50%;place-items:center;padding:0 .3em;font-size:.72em;display:inline-grid}.folio{text-align:center;font:400 13px var(--slab);color:var(--ink-soft);letter-spacing:.2em;margin:8px 0 0}.folio:before,.folio:after{content:"—";opacity:.5;margin:0 .6em}.row{gap:var(--gap);margin-bottom:var(--gap);align-items:flex-start;display:flex}.panel{flex:var(--a) 1 0;min-width:0;margin:0;position:relative}.art{aspect-ratio:var(--a);border:3px solid var(--ink);background:var(--paper-2);position:relative;overflow:hidden}.panel-art .art{container-type:size}.stage{--w:calc(max(100cqw, calc(100cqh * var(--ia,1))) * var(--z,1));width:var(--w);aspect-ratio:var(--ia,1);left:calc((100cqw - var(--w)) * var(--fx,.5));top:calc((100cqh - var(--w) / var(--ia,1)) * var(--fy,.5));position:absolute;container-type:inline-size}.panel-closeup .stage{width:auto;inset:0}.panel-closeup.cropped .art{container-type:size}.panel-closeup .stage.stage-crop{width:100cqh;height:100cqh;inset:0 auto auto;left:calc((100cqw - 100cqh) * var(--fx,.5))}.panel-closeup.cropped .desk{overflow:visible}.panel-closeup.cropped .beam{display:none}.stage>picture img,.cam>picture img{width:100%;height:100%;display:block}.motion .stage.drift{transform-origin:50% 60%;transition:transform 9s cubic-bezier(.3,0,.3,1)}.motion .panel:not(.on) .stage.drift{transform:scale(1.045)}.motion .panel .art{transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.3,1)}.motion .panel:not(.on) .art{opacity:0;transform:translateY(18px)}.panel-zoom{--k:var(--kd);--z0:var(--z0d);--z1:var(--z1d);--sw:var(--swd);--fit:.6}.cam{width:calc(var(--k) * 100%);aspect-ratio:var(--ia);transform-origin:0 0;transform:var(--z1);position:absolute;top:0;left:0;container-type:inline-size}.motion .panel-zoom .cam{transform:var(--z0);will-change:transform;transition:transform 2.8s cubic-bezier(.55,0,.25,1) .5s}.motion .panel-zoom.zoomed .cam{transform:var(--z1)}.motion .panel-zoom.settled .cam{will-change:auto}.panel-zoom .art:after{content:"";pointer-events:none;background:radial-gradient(#0000 55%,#101e2847);position:absolute;inset:0}.scr{background:var(--scr,#cfeefb);color:var(--screen-ink);border-radius:.6cqw;position:absolute;overflow:hidden;container-type:size}.scr-masked{-webkit-mask:var(--mask) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--mask) 0 0 / 100% 100% no-repeat;mask:var(--mask) 0 0 / 100% 100% no-repeat;border-radius:0}.scr-body{height:100%;font:700 calc(var(--ss,1) * 6.4cqw) / 1.3 var(--hand);flex-direction:column;gap:.5em;padding:.7em .9em;display:flex}.scr-target .scr-body{font-size:calc(3.1cqw * var(--fit) / var(--sw))}.scr-close .scr-body{font-size:6cqw}.sl{display:block}.sl-bar{font:700 .72em/1.2 var(--hand);letter-spacing:.04em;text-transform:uppercase;color:#e9f6fb;background:var(--petrol-d);align-items:center;gap:.35em;margin:-.7em -.9em .15em;padding:.35em .9em;display:flex}.sl-bar i{opacity:.55;background:#e9f6fb;border-radius:50%;width:.7em;height:.7em}.sl-bar i:nth-of-type(3){margin-right:.5em}.sl-u{font-family:var(--mono);color:var(--petrol-d);font-size:.86em;font-weight:600}.sl-u:before{content:"> ";color:var(--terra)}.sl-a{background:#ffffffb8;border-radius:.5em;align-self:flex-start;max-width:100%;padding:.35em .6em;box-shadow:0 0 0 1.5px #12304a40}.sl-code{font-family:var(--mono);white-space:pre;font-size:.8em;font-weight:500;line-height:1.35}.sl-err{font-family:var(--mono);color:#b3261e;font-size:.82em;font-weight:700}.sl-ok{color:#175a2f}.sl-ok:before{content:"✔ "}.sl-meta{opacity:.75;font-size:.72em;font-weight:400}.sl-big{text-align:center;font:400 1.5em/1.15 var(--slab);color:var(--screen-ink);margin:auto 0}.sl-row{border-bottom:1px dashed #12304a4d;justify-content:space-between;gap:1em;padding-bottom:.15em;display:flex}.sl-row span{min-width:0}.sl-row+.sl-row{margin-top:-.38em}.sl-row b{text-align:right;color:#8a3020;flex:none;font-weight:700}.scr-dark .sl-row b{color:#ffb59e}.sl-progress{grid-template-columns:1fr auto;align-items:center;gap:.25em .6em;display:grid}.sl-progress .pl{grid-column:1/-1}.pb{border:2px solid var(--screen-ink);background:#fff9;border-radius:.5em;min-width:0;display:block;overflow:hidden}.pb b{height:.8em;width:var(--v);background:repeating-linear-gradient(45deg, var(--mustard) 0 8px, #f0bf52 8px 16px);display:block}.motion .panel:not(.on) .pb b{width:0}.motion .panel.on .pb b{transition:width 2.2s cubic-bezier(.2, .7, .2, 1) calc(var(--d0,.5s) + var(--i) * .4s)}.sl-chart svg{width:100%;height:3.2em;display:block}.sl-chart .ax{fill:none;stroke:var(--screen-ink);stroke-width:2px;vector-effect:non-scaling-stroke}.sl-chart .ln{fill:none;stroke:var(--terra);stroke-width:3.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}.motion .panel:not(.on) .sl-chart .ln{stroke-dashoffset:1px}.motion .panel.on .sl-chart .ln{transition:stroke-dashoffset 1.8s ease-in-out calc(var(--d0,.5s) + var(--i) * .4s)}.sl-chart .ct{font-size:.82em;display:block}.cursor{background:var(--screen-ink);vertical-align:-.15em;width:.55em;height:1em;margin-top:-.2em;display:inline-block}.motion .cursor{animation:1.05s step-end infinite blink}@keyframes blink{50%{opacity:0}}.scr-dark{color:#d6f2e9;background:#13252c}.scr-dark .sl-u{color:#9be2c9}.scr-dark .sl-a{box-shadow:none;background:#ffffff14}.scr-dark .cursor{background:#d6f2e9}.scr-brand{background:var(--paper);color:var(--ink)}.scr-brand .scr-body{text-align:center;background:linear-gradient(var(--terra) 0 0) top / 100% .45em no-repeat, linear-gradient(var(--petrol) 0 0) bottom / 100% .45em no-repeat;justify-content:center;align-items:center;gap:.35em}.scr-brand .sl-big{color:var(--terra);margin:0}.scr-brand .sl-err{font-family:var(--hand);color:var(--petrol-d)}.scr-brand .cursor{display:none}.motion .panel .sl{animation:.45s cubic-bezier(.2,.8,.3,1) both paused line-in;animation-delay:calc(var(--d0,.4s) + var(--i) * .42s)}.motion .panel.on .sl{animation-play-state:running}.motion .panel-zoom .scr-target{--d0:3.1s}.motion .panel .cursor{opacity:0}.motion .panel.on .cursor{opacity:1;transition:opacity 0s calc(var(--d0,.4s) + var(--i) * .42s)}@keyframes line-in{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}.desk{width:100%;height:100%;position:absolute;inset:0}.desk .wall{fill:#f1e2c2}.desk .top{fill:#d79a52}.desk .grain{stroke:#78461959}.desk .beam{fill:#6b4a2f}.desk-evening .wall{fill:#e9d3a6}.desk-evening .window{fill:#24456a;stroke:#1b1b1b;stroke-width:10px}.desk-evening .frame{stroke:#1b1b1b;stroke-width:10px}.desk-cellar .wall{fill:#3b4a52}.desk-cellar .bricks{stroke:#2a353b}.desk-cellar .top{fill:#8a6a45}.say{pointer-events:none;z-index:3;position:absolute;inset:0}.b{background:var(--white);border:2.5px solid var(--ink);text-align:center;text-wrap:balance;border-radius:1.6em;margin:0;padding:.5em .85em .55em;font-size:clamp(13.5px,1.55cqw,17px);line-height:1.22;position:absolute;box-shadow:2px 3px #1d1a162e}.b .who{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.b em{color:var(--terra-d);font-style:normal}.b-caption{background:var(--mustard-l);text-align:left;box-shadow:3px 3px 0 var(--ink);border-radius:2px;font-weight:400}.b-whisper{border-style:dashed;font-weight:400}.b-shout{box-shadow:4px 4px 0 var(--terra);border-width:3.5px;border-radius:.9em;font-size:clamp(14px,1.7cqw,18.5px)}.b-phone{--tail-fill:#e7f1f3;background:#e7f1f3;border-radius:.4em;font-style:italic;font-weight:400}.b[data-tail]:before,.b[data-tail]:after{content:"";border-style:solid;width:0;height:0;position:absolute}.b[data-tail=b]:before{top:100%;left:calc(var(--tp) - 9px);border-width:20px 9px 0;border-color:var(--ink) transparent transparent transparent}.b[data-tail=b]:after{top:calc(100% - 3px);left:calc(var(--tp) - 5.5px);border-width:17px 5.5px 0;border-color:var(--tail-fill,var(--white)) transparent transparent transparent}.b[data-tail=t]:before{bottom:100%;left:calc(var(--tp) - 9px);border-width:0 9px 20px;border-color:transparent transparent var(--ink) transparent}.b[data-tail=t]:after{bottom:calc(100% - 3px);left:calc(var(--tp) - 5.5px);border-width:0 5.5px 17px;border-color:transparent transparent var(--tail-fill,var(--white)) transparent}.b[data-tail=l]:before{right:100%;top:calc(var(--tp) - 9px);border-width:9px 20px 9px 0;border-color:transparent var(--ink) transparent transparent}.b[data-tail=l]:after{right:calc(100% - 3px);top:calc(var(--tp) - 5.5px);border-width:5.5px 17px 5.5px 0;border-color:transparent var(--tail-fill,var(--white)) transparent transparent}.b[data-tail=r]:before{left:100%;top:calc(var(--tp) - 9px);border-width:9px 0 9px 20px;border-color:transparent transparent transparent var(--ink)}.b[data-tail=r]:after{left:calc(100% - 3px);top:calc(var(--tp) - 5.5px);border-width:5.5px 0 5.5px 17px;border-color:transparent transparent transparent var(--tail-fill,var(--white))}.motion .panel .b{animation:.42s cubic-bezier(.3,1.5,.5,1) both paused pop-in;animation-delay:calc(var(--b0,.45s) + var(--i) * .75s)}.motion .panel.on .b{animation-play-state:running}.motion .panel-zoom .b{--b0:3.6s}@keyframes pop-in{0%{opacity:0;transform:scale(.8)translateY(6px)}}.sign{text-align:center;color:var(--ink);transform:rotate(var(--rot,0deg));pointer-events:none;place-items:center;line-height:1.05;display:grid;position:absolute}.sign-banner{font:400 2.6cqw/1 var(--slab);color:var(--petrol-d);letter-spacing:.04em}.sign-note{font:700 1.15cqw/1.12 var(--hand);color:#2b3f8c;padding:.3cqw}.sign-postit{font:700 max(10px, 1.7cqw)/1.1 var(--hand);color:#4b3b1a;border:.3cqw solid var(--ink);background:#f3df84;padding:.6cqw;box-shadow:.4cqw .5cqw #1d1a1659}.sign-flip{font:700 1.9cqw/1.2 var(--hand);color:#2b3f8c;align-content:start;padding-top:6%}.sign-flip b{color:var(--terra);font-size:1.25em}.sign-poster{font:400 2.3cqw/1.05 var(--slab);color:var(--terra)}.sign-poster small{font:700 .55em/1 var(--hand);color:var(--petrol-d);margin-top:.3em;display:block}.sign-label{font:400 1.1cqw/1 var(--slab);letter-spacing:.06em}.panel-closeup .sign-postit{font-size:3.3cqw}.fx{pointer-events:none;position:absolute;overflow:visible}.fx-steam path{fill:none;stroke:#fff;stroke-width:3.5px;stroke-linecap:round;opacity:.85}.motion .fx-steam path{stroke-dasharray:22 70;animation:2.8s linear infinite steam}.motion .fx-steam path+path{animation-delay:-1.4s}@keyframes steam{0%{stroke-dashoffset:0;opacity:.9}to{stroke-dashoffset:-92px;opacity:.2}}.fx-zzz{font:400 2.2cqw/1 var(--slab);color:var(--petrol-d)}.fx-zzz i{left:calc(var(--n,0) * 30%);font-style:normal;position:absolute}.fx-zzz i:first-child{--n:0;font-size:.7em;top:60%}.fx-zzz i:nth-child(2){--n:1;font-size:.85em;top:30%}.fx-zzz i:nth-child(3){--n:2;top:0}.motion .fx-zzz i{animation:3.6s ease-in-out infinite zzz}.motion .fx-zzz i:nth-child(2){animation-delay:.5s}.motion .fx-zzz i:nth-child(3){animation-delay:1s}@keyframes zzz{0%,to{opacity:.35;transform:translate(0)}50%{opacity:1;transform:translate(4px,-6px)}}.fx-spin path{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.motion .fx-spin{animation:.9s ease-in-out infinite alternate wobble}@keyframes wobble{to{opacity:.6;transform:translate(6%)scaleX(.92)}}.fx-ring path{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.motion .fx-ring{animation:1.6s ease-in-out infinite ring}@keyframes ring{0%,60%,to{opacity:0}10%,40%{opacity:1}}.fx-sweat path{fill:#bfe6f7;stroke:var(--ink);stroke-width:2px}.motion .fx-sweat{animation:2.4s ease-in infinite sweat}@keyframes sweat{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(120%)}}.fx-paper{overflow:hidden}.fx-paper i{border:2px solid var(--ink);background:repeating-linear-gradient(#0000 0 18%,#2b3f8c59 18% 23%),#fff;height:100%;position:absolute;top:0;left:10%;right:10%;transform:translateY(0)}.motion .fx-paper i{animation:4.5s ease-in-out infinite print}@keyframes print{0%,15%{transform:translateY(-100%)}60%,to{transform:translateY(0)}}.fx-toast i{border:2px solid var(--ink);background:#e3a85a;border-radius:30% 30% 4px 4px;width:34%;height:100%;position:absolute;bottom:0}.fx-toast i:first-child{left:12%}.fx-toast i:last-child{right:12%}.motion .fx-toast i{animation:5s cubic-bezier(.3,1.6,.5,1) infinite toast}@keyframes toast{0%,55%{transform:translateY(70%)}62%,to{transform:translateY(-40%)}}.fx-confetti{display:none}.motion .fx-confetti{display:block}.fx-confetti i{top:0;left:calc(var(--c) * 7%);background:var(--terra);border:1px solid var(--ink);width:1.2cqw;height:.7cqw;position:absolute}.fx-confetti i:nth-child(3n){background:var(--mustard)}.fx-confetti i:nth-child(3n+1){background:#e3418f}.motion .fx-confetti i{animation:4s linear infinite confetti;animation-delay:calc(var(--c) * -.29s)}@keyframes confetti{0%{transform:translateY(-20%)rotate(0)}to{transform:translateY(1400%)rotate(540deg)}}.motion .panel:not(.vis) .fx,.motion .panel:not(.vis) .fx *{animation-play-state:paused!important}.end{text-align:center;font:400 clamp(22px, 3vw, 34px) var(--slab);color:var(--mustard-l);letter-spacing:.2em;text-transform:uppercase;margin:36px 0 8px}.colofon{max-width:760px;color:var(--paper);border-top:2px solid #f7eedb40;margin:28px auto 0;padding:20px 22px;font-size:15px;font-weight:400}.colofon h2{font:400 18px var(--slab);color:var(--mustard-l);margin:0 0 8px}.colofon p{margin:0 0 10px}@media (max-width:759px){main{padding-inline:8px}.page{padding:10px 10px 6px}.row{flex-direction:column;align-items:stretch;margin-bottom:0}.row+.row{margin-top:var(--gap)}.panel{flex:none;width:100%}.panel-zoom{--k:var(--km);--z0:var(--z0m);--z1:var(--z1m);--sw:var(--swm);--fit:.98}.panel-zoom .art{aspect-ratio:1}.scr-target .scr-body{font-size:calc(4.4cqw * var(--fit) / var(--sw))}.scr-close .scr-body{font-size:6.6cqw}.say{flex-direction:column;gap:12px;padding:4px 4px 14px;display:flex;position:static}.say:empty{display:none}.b{align-self:flex-start;max-width:86%;font-size:15.5px;position:relative;width:auto!important;top:auto!important;left:auto!important}.b[data-side=r]{align-self:flex-end}.b-caption{align-self:stretch;max-width:100%}.b[data-tail]:before,.b[data-tail]:after{top:auto;bottom:auto;right:auto}.b[data-tail]:before{top:100%;left:var(--mt,24px);border-width:13px 8px 0;border-color:var(--ink) transparent transparent transparent}.b[data-tail]:after{top:calc(100% - 3px);left:calc(var(--mt,24px) + 3px);border-width:10px 5px 0;border-color:var(--tail-fill,var(--white)) transparent transparent transparent}.b[data-side=r]{--mt:calc(100% - 40px)}.say-after{padding:14px 4px 4px}.say-after .b[data-tail]:before{border-width:0 8px 13px;border-color:transparent transparent var(--ink) transparent;top:auto;bottom:100%}.say-after .b[data-tail]:after{border-width:0 5px 10px;border-color:transparent transparent var(--tail-fill,var(--white)) transparent;top:auto;bottom:calc(100% - 3px)}.sign-postit{font-size:max(9px,1.7cqw)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.bar{z-index:20;color:var(--paper);font:700 14px/1.2 var(--hand);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f2d33f0;border-bottom:2px solid #00000059;align-items:center;gap:12px;padding:6px 16px;display:flex;position:sticky;top:0}.bar-home{font:400 15px var(--slab);color:var(--mustard-l);text-decoration:none}.bar-progress{background:#f7eedb33;border-radius:3px;flex:1;height:6px;overflow:hidden}.bar-progress b{background:var(--mustard);transform-origin:0;height:100%;transform:scaleX(var(--p,0));display:block}.bar-page{white-space:nowrap;font-variant-numeric:tabular-nums}.bar-btn{border:2px solid var(--paper);min-height:32px;color:var(--paper);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px}.bar-btn[aria-pressed=true]{background:var(--mustard);color:var(--ink);border-color:var(--mustard)}.bar-btn:hover{background:#f7eedb26}:fullscreen main{max-width:none}.howto a{color:var(--mustard-l)}.page-head h2:focus{outline:none}.page-head h2:focus-visible{outline:3px solid var(--focus)}.b-off{--tail-fill:#f1ead8;background:#f1ead8;border-style:solid}.b-off:before,.b-off:after{display:none}.b-sleep{border-style:dashed;font-style:italic;font-weight:400}.b-sleep .t:after{content:" zzz";font:400 .85em var(--slab);color:var(--petrol);font-style:normal}.b-sfx{box-shadow:none;font:400 clamp(22px, 4.2cqw, 46px) / 1 var(--slab);color:var(--mustard);-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink);letter-spacing:.04em;background:0 0;border:0;padding:0;transform:rotate(-6deg)}.todo{width:100%;height:100%;font:700 14px var(--mono);color:var(--ink-soft);background:repeating-linear-gradient(45deg,#efe2c4 0 14px,#e7d6b1 14px 28px);place-items:center;display:grid}.sl-slides{flex-direction:column;gap:.3em;height:100%;display:flex}.slides-head{opacity:.8;font-size:.7em}.slides-grid{flex:1;grid-template-columns:repeat(5,1fr);align-content:start;gap:.3em;display:grid;overflow:hidden}.slides-grid i{aspect-ratio:16/9;font:700 .62em/1 var(--hand);text-align:center;background:#fff;border:1px solid #12304a66;place-items:center;padding:0 .1em;font-style:normal;display:grid;position:relative;overflow:hidden}.slides-grid i b{color:#4f5d6b;font-size:.75em;position:absolute;top:.1em;left:.15em}.slides-grid i.first{background:var(--terra);color:#fff;font-size:.55em}.slides-more{text-align:center;color:var(--terra-d);font-size:.75em}.sl-agents{grid-template-columns:auto 1fr;align-items:center;gap:.6em;height:100%;min-height:0;display:grid}.sl-agents svg{aspect-ratio:1;height:100%;max-height:7em}.sl-agents path{stroke:var(--screen-ink);stroke-width:1.4px;fill:none}.sl-agents marker path{fill:var(--screen-ink);stroke:none}.sl-agents circle{fill:var(--mustard);stroke:var(--screen-ink);stroke-width:1.2px}.sl-agents text{font:700 6px var(--hand);fill:var(--screen-ink);text-anchor:middle}.motion .panel.on .sl-agents .ag circle{animation:3.6s ease-in-out infinite agent;animation-delay:calc(var(--d) * .3s)}@keyframes agent{0%,12%,to{fill:var(--mustard)}5%{fill:var(--terra)}}.ag-t{font-size:.85em}.sl-kpi{border-bottom:1px dashed #12304a4d;border-radius:.3em;grid-template-columns:1fr auto auto;align-items:baseline;gap:.6em;padding:.05em .2em;display:grid}.sl-kpi+.sl-kpi{margin-top:-.38em}.sl-kpi .kv{font:400 1.05em var(--slab);color:#175a2f;font-variant-numeric:tabular-nums}.sl-kpi .kd{color:#175a2f;min-width:3.4em;font-size:.7em}.sl-kpi[role=button]{cursor:pointer}.sl-kpi[role=button]:hover,.sl-kpi[role=button]:focus-visible{outline:2px solid var(--mustard);outline-offset:0;background:#e2a72e40}.sl-kpi.up .kv{animation:.6s cubic-bezier(.3,1.6,.5,1) kpi-up}@keyframes kpi-up{0%{opacity:.3;transform:translateY(40%)scale(.8)}}.sl-result{background:#ffffffd9;border-radius:.3em;grid-template-columns:auto 1fr;gap:0 .4em;padding:.3em;display:grid}.sl-result .rn{color:#fff;background:#175a2f;border-radius:50%;grid-row:1/4;align-self:start;place-items:center;width:1.5em;height:1.5em;font-size:.85em;display:grid}.sl-result .ru{color:#175a2f;font-size:.6em}.sl-result .rt{color:#1a3fa0;font-size:.9em;text-decoration:underline}.sl-result .rd{font-size:.62em;font-weight:400}.sl-code{white-space:pre-wrap;overflow-wrap:anywhere}.sl.live{animation:.35s ease-out both line-in!important}.sl-code.new{animation:.4s ease-out both line-in}.sl-progress.push .pb b{transition:width .5s cubic-bezier(.2,.8,.3,1)!important}.sl-progress .pb b{transition:width .7s cubic-bezier(.5,0,.3,1.4)}.scr-phone{border-radius:1.6cqw}.scr-phone .scr-body{font-size:9.5cqw}.desk-dark .pupil{transition:transform .6s}.motion .desk-dark .eyes{transform-box:fill-box;transform-origin:50%;animation:5s step-end infinite blink-eyes}.motion .desk-dark .eyes:nth-of-type(2n){animation-delay:-2.2s}@keyframes blink-eyes{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.motion .desk-dark .lamp{animation:1.6s ease-in-out infinite alternate lamp}@keyframes lamp{to{opacity:.3}}.panel-closeup:has(.desk-dark) .art{background:#07080a}.desk .glass .sky{fill:#cfe6ef}.desk .glass .towers{fill:#9fc3d3;stroke:#6f93a3;stroke-width:4px}.desk .glass .mullion{stroke:#5b6b73;stroke-width:12px}.toy{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;margin:0;padding:0;position:absolute}button.toy:after{content:"";border:2px solid var(--ink);background:var(--mustard) radial-gradient(circle, var(--ink) 0 22%, transparent 24%);border-radius:50%;width:clamp(14px,2.2cqw,22px);height:clamp(14px,2.2cqw,22px);position:absolute;top:-4px;right:-4px;box-shadow:2px 2px #1d1a1640}.motion button.toy:after{animation:2.4s ease-in-out infinite hint}@keyframes hint{50%{transform:scale(1.18)}}button.toy:hover,button.toy:focus-visible{box-shadow:0 0 0 3px var(--mustard);background:#f6dc8a38;outline:none}.toy-msg{z-index:4;max-width:36%;font:700 clamp(12px, 1.5cqw, 16px) / 1.2 var(--hand);background:var(--mustard-l);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);pointer-events:none;border-radius:4px;margin:0;padding:.45em .7em;transition:opacity .5s;animation:.3s cubic-bezier(.3,1.5,.5,1) pop-in;position:absolute}.panel-closeup .toy-msg{max-width:60%;font-size:clamp(12px,3.6cqw,17px)}.toy-msg.out{opacity:0}.fx-toast.pop i{animation:1.4s cubic-bezier(.3,1.6,.5,1) toast-pop!important}@keyframes toast-pop{0%{transform:translateY(70%)}30%{transform:translateY(-160%)rotate(-8deg)}to{transform:translateY(-40%)}}.fx-print i{animation:2.2s ease-in-out both print!important}.toy[hidden]{display:none}.toy-chat:not([hidden]){display:flex}.toy-chat{z-index:3;align-items:center;gap:.4em;padding:0 .6em}.stage:has(.toy-chat:not([hidden])) .scr-body{padding-bottom:9cqw}.toy-chat input{min-width:0;line-height:1.3;font:600 clamp(13px, 3cqw, 16px) var(--mono);border:2px solid var(--screen-ink);background:#fff;border-radius:.4em;flex:1;padding:.15em .5em}.toy-chat button{line-height:1.3;font:700 clamp(13px, 3cqw, 16px) var(--hand);color:#fff;background:var(--petrol);border:2px solid var(--ink);cursor:pointer;border-radius:.4em;padding:.15em .8em}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fx-pages i{border:2px solid var(--ink);background:repeating-linear-gradient(#0000 0 18%,#2b3f8c4d 18% 23%),#fff;width:40%;height:34%;position:absolute;top:30%;left:30%}.motion .fx-pages i{animation:3s ease-out infinite fly;animation-delay:calc(var(--p) * -.33s)}@keyframes fly{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(calc((var(--p) - 4) * 40%), -180%) rotate(calc((var(--p) - 4) * 40deg));opacity:0}}@media (max-width:759px){.bar{gap:8px;padding:6px 8px;font-size:13px}.bar-btn{padding:4px 7px}#btn-full{display:none}.toy-msg{max-width:70%}.panel-closeup.cropped .art{aspect-ratio:1}.panel-closeup .stage.stage-crop{width:auto;height:auto;inset:0}}.scr-dark .sl-err{color:#ff8f80}@media (max-width:759px){.say .b-sfx{z-index:3;max-width:none;position:absolute;right:5%;top:4%!important;left:auto!important}}.framed .bar{padding-right:190px}.framed #btn-full{display:none!important}@media (max-width:560px){.framed .bar{padding-right:150px}.framed .bar-home,.framed .bar-progress{display:none}}.bar button,.bar-page{white-space:nowrap}