:root{--ink:#281b32;--paper:#eeeae5;--lavender:#d5c3e6;--purple:#7e5a99;--orange:#ff893e;--mint:#b9efbb;--step:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #f97626;outline-offset:5px}button:disabled,[aria-disabled=true]{opacity:.45;cursor:not-allowed}button{border:1px solid var(--ink);border-radius:0;background:transparent}button:hover:not(:disabled){background:var(--mint)}.skip{position:fixed;left:15px;top:-70px;z-index:100;background:var(--mint);padding:15px}.skip:focus{top:10px}header{min-height:88px;padding:16px 3.3%;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink)}.brand{font:900 46px/1 Impact,'Arial Narrow',sans-serif;letter-spacing:-2px;display:flex;align-items:center;gap:16px}.brand span{font:bold 10px/1.4 monospace;letter-spacing:1px;border-left:1px solid;padding-left:16px}nav{display:flex;gap:28px;align-items:center;font:700 12px monospace}nav a:first-child{padding:12px 16px;background:var(--ink);color:var(--paper)}.office{height:850px;position:relative;background:var(--lavender);isolation:isolate;overflow:clip;border-bottom:2px solid}.office:after{content:'';position:absolute;inset:0;pointer-events:none;background:url('assets/grain-v1.png?v=2');mix-blend-mode:multiply;opacity:.5;z-index:25}.wall-lines{position:absolute;inset:0 0 0 53%;background:linear-gradient(102deg,transparent 42%,#b998ce 42.2%,#b998ce 43%,transparent 43.2%),linear-gradient(90deg,#7e5a9933,transparent);border-left:1px solid #7e5a9944;transform:skew(-5deg)}.off-air{position:absolute;right:-14px;top:54px;font:230px/.77 Impact,sans-serif;letter-spacing:-8px;color:#9f7fb9;transform:rotate(7deg);opacity:.7}.eyebrow{position:absolute;top:24px;left:3.3%;right:3.3%;font:10px monospace;display:flex;gap:7px;align-items:center}.eyebrow>span:last-child{margin-left:auto}.green-dot{height:8px;width:8px;background:#31734f;border-radius:50%;display:inline-block}.headline{position:absolute;top:70px;left:3.3%;z-index:5;width:60%}.headline>p{font:11px monospace;letter-spacing:1px;margin:0 0 16px}.headline h1{font:clamp(60px,6.6vw,100px)/.91 Impact,'Arial Narrow',sans-serif;letter-spacing:-2px;margin:0;font-weight:900}.headline em{display:block;font-style:normal;color:var(--paper);-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px var(--ink);transform:rotate(-3deg);margin-top:2px}.pencil{display:block;font:italic 20px Georgia,serif;margin:22px 0 0 5px;transform:rotate(-3deg)}.hero-rig{--snack-x:76%;position:absolute;width:760px;height:760px;right:-60px;top:44px;z-index:6;transform-origin:45% 75%}.hero-rig>img{width:100%;height:100%;position:absolute;inset:0;pointer-events:none}.hero-shadow{transform:translate(13px,9px);opacity:.7}.mouth{position:absolute;left:45.8%;top:35%;width:5%;height:4%;z-index:5}.mouth b{position:absolute;left:70%;top:-10%;font:italic 28px Impact,sans-serif;color:var(--orange);transform:rotate(-13deg);opacity:0;white-space:nowrap}.chewing .mouth b{animation:crunch .7s both}.chewing .hero{animation:chew .7s both}.dust{position:absolute;inset:-10%;border:7px dotted var(--orange);border-radius:40%;opacity:0;transform:scale(.8)}.chewing .dust{animation:dust .8s both}.snack{position:absolute;left:76%;top:64%;width:2.2%;height:5%;border-radius:40%;border:5px solid #c35511;background:var(--orange);transform:rotate(30deg);animation:eat .7s both;z-index:7}.bag{position:absolute;left:75%;top:61%;height:150px;width:112px;transform:rotate(14deg);background:var(--orange);padding:12px 6px;text-align:center;box-shadow:inset 10px 0 #b34e1225,inset -8px 0 #fff2,5px 6px 0 #281b3222;clip-path:polygon(4% 0,96% 3%,100% 96%,5% 100%,0 5%)}.bag:before,.bag:after{content:'';position:absolute;left:0;right:0;height:7px;border-block:2px dashed;top:4px}.bag:after{top:auto;bottom:4px}.bag small{font:8px monospace}.bag strong{font:bold italic 27px Georgia;display:block;letter-spacing:-2px;margin:16px 0 9px;text-shadow:1px 2px var(--paper)}.bag span{font:bold 9px monospace}.chewing .bag{animation:bag .65s both}.cheese-hand{position:absolute;left:64%;top:41%;width:6%;height:6%;background:radial-gradient(ellipse,#ff893e99,transparent 65%);opacity:0}.shorts-label{position:absolute;left:52%;top:72%;background:var(--mint);transform:rotate(-9deg);padding:8px;font:bold 11px monospace;box-shadow:3px 4px var(--ink)}.breath{position:absolute;left:51%;top:32%;font:36px Impact,sans-serif;letter-spacing:-4px;color:var(--paper);opacity:0}.salary{position:absolute;top:75px;right:3%;transform:rotate(8deg);z-index:8;background:var(--paper);padding:17px 20px;width:184px;box-shadow:5px 6px #281b3229;clip-path:polygon(0 0,100% 2%,98% 98%,93% 96%,88% 100%,82% 97%,76% 99%,70% 96%,63% 99%,57% 96%,50% 99%,43% 97%,36% 99%,29% 97%,22% 99%,15% 97%,8% 100%,0 96%)}.salary span,.salary small{font:9px monospace;display:block}.salary strong{font:55px Impact,sans-serif;display:block;margin:5px 0}.pay-stamp{position:absolute;bottom:13px;left:-14px;border:3px solid #4a6c45;color:#4a6c45;font:12px Impact,sans-serif;padding:6px;transform:rotate(-18deg);opacity:0}.id-pass{position:absolute;left:51%;top:310px;width:112px;background:var(--paper);padding:8px;z-index:5;transform:rotate(12deg);box-shadow:3px 3px #281b3233}.id-pass:before{content:'';position:absolute;left:36px;top:-19px;width:24px;height:25px;background:#eeeeaa77;transform:rotate(-10deg)}.id-pass img{width:60px;height:66px;object-fit:cover;object-position:top;float:left}.id-pass span{font:11px Impact,sans-serif}.id-pass b{font:9px monospace;display:block;clear:both;padding-top:6px}.call-hardware{position:absolute;left:6%;top:428px;width:435px;z-index:10;transform:rotate(-5deg);transform-origin:50% 80%}.screen-rim{background:#69616f;border:3px solid var(--ink);padding:8px;box-shadow:9px 10px 0 #281b3233}.call-title{font:10px monospace;padding:3px 3px 9px;color:var(--paper);display:flex;justify-content:space-between}.call-screen{height:182px;background:#211e26;color:#e4dce9;position:relative;overflow:hidden;text-align:center;border:1px solid #08070a}.avatar{font:68px Georgia,serif;padding-top:15px;position:relative}.camera-off{font:10px monospace}.call-screen p{font:11px monospace;position:absolute;bottom:15px;left:0;right:0;margin:0;z-index:3}.mic{font:8px monospace;position:absolute;bottom:5px;left:0;right:0;opacity:.6}.call-bottom{font:9px monospace;padding:8px 3px 1px;color:var(--paper);display:flex;justify-content:space-between}.call-bottom b{color:var(--mint)}.camera{width:124px;height:35px;position:absolute;top:-31px;left:160px;background:#302b36;border:2px solid #0b080e;border-radius:10px 10px 1px 1px;z-index:1}.camera i{width:19px;height:19px;border:5px solid #131017;border-radius:100%;background:#7f8290;position:absolute;top:6px;left:51px}.camera span{position:absolute;left:17px;top:14px;background:var(--mint);width:5px;height:5px;border-radius:50%}.camera b{position:absolute;left:22px;top:5px;background:#a7a7a0;color:#333;font:8px monospace;padding:5px 2px;transform:rotate(-8deg);width:83px;box-shadow:1px 2px #0006}.screen-foot{position:absolute;left:37%;width:28%;height:32px;top:100%;background:#514758;clip-path:polygon(25% 0,75% 0,80% 70%,100% 80%,100% 100%,0 100%,0 80%,20% 70%)}.signal{position:absolute;left:10px;bottom:12px;display:flex;align-items:end;gap:2px}.signal i{width:3px;height:6px;background:var(--mint)}.signal i:nth-child(2){height:10px}.signal i:nth-child(3){height:14px}.signal i:nth-child(4){height:18px}.buffer{position:absolute;right:15px;top:20px;border:3px dotted var(--mint);border-bottom-color:transparent;border-radius:50%;width:24px;height:24px;opacity:0}.captions{position:absolute;left:8px;right:8px;top:16px;display:flex;gap:4px;flex-wrap:wrap;justify-content:space-between;pointer-events:none}.caption{padding:4px;background:var(--orange);color:var(--ink);font:10px monospace;transform:rotate(-8deg)}.desk{position:absolute;bottom:0;left:-4%;width:108%;height:173px;background:#644574;transform:rotate(3deg);border-top:15px solid #ab87c2;z-index:7;box-shadow:0 12px inset #281b32}.desk span{position:absolute;right:8%;top:32px;font:9px monospace;color:#e3d5eb;max-width:230px;transform:rotate(-3deg)}.crack{position:absolute;left:54%;top:0;width:16px;height:120px;background:var(--ink);clip-path:polygon(30% 0,80% 0,40% 30%,90% 50%,30% 65%,80% 100%,0 73%,25% 50%,0 30%);transform:scaleY(0);transform-origin:top}.laptop{position:absolute;right:1%;bottom:92px;width:280px;z-index:9;transform:rotate(5deg)}.laptop img{width:100%;display:block}.action{position:absolute;left:5%;bottom:24px;width:520px;z-index:16;transform:rotate(-2deg)}.action>div{font:10px monospace;display:flex;align-items:center;gap:8px;padding:8px;color:var(--paper)}.action>div b{margin-left:auto;font-weight:400}.action>div>span{font-size:20px}.action button{background:var(--orange);border:2px solid;box-shadow:6px 7px var(--ink);width:100%;padding:17px 19px;font:36px/1 Impact,'Arial Narrow',sans-serif;text-align:left;display:flex;justify-content:space-between}.action button:hover{background:#ffb676}.action button:active{transform:translate(3px,4px);box-shadow:3px 3px var(--ink)}.action p{font:9px monospace;display:flex;justify-content:space-between;color:var(--paper);padding:4px}.lamp{position:absolute;right:28px;top:241px;width:60px;height:190px;border-right:7px solid #38253f;transform:rotate(-30deg);z-index:2}.lamp i{position:absolute;left:-31px;top:-18px;width:80px;height:45px;background:#39273f;clip-path:polygon(27% 0,60% 0,100% 100%,0 100%)}.beam{position:absolute;right:0;top:280px;width:310px;height:380px;clip-path:polygon(80% 0,100% 100%,0 100%);background:#f5f1d321;transform:rotate(25deg)}.ceiling-cable{position:absolute;right:17%;top:-40px;width:270px;height:370px;border-left:3px solid #745581;border-radius:50%;transform:rotate(16deg)}.crumb{position:absolute;width:14px;height:8px;border:2px solid #ce6420;border-radius:40%;background:var(--orange);z-index:13;transform:rotate(var(--r))}.ping{position:absolute;left:30%;top:390px;padding:10px 13px;background:var(--paper);box-shadow:5px 6px var(--ink);font:11px monospace;z-index:13;transform:translate(var(--x),var(--y)) rotate(var(--r));border:1px solid}.colleague{position:absolute;width:100px;height:110px;right:var(--x);bottom:140px;background:#392341;z-index:4;border:3px solid #ae8cc8;transform:rotate(var(--r))}.colleague img{width:100%;height:100%;object-fit:contain;opacity:.75}.colleague:after{content:'CAMERA OFF';position:absolute;bottom:0;left:0;right:0;text-align:center;background:var(--ink);font:8px monospace;color:var(--paper);padding:5px}.sleeve{position:absolute;right:-300px;top:475px;padding:15px;background:var(--paper);font:16px Impact,sans-serif;z-index:9;transform:rotate(-12deg);transition:right .5s}.privacy{position:absolute;left:-15%;top:47%;width:130%;background:var(--mint);font:38px Impact,sans-serif;padding:8px;text-align:center;z-index:14;transform:rotate(-12deg) scaleX(0);pointer-events:none}.ending{position:absolute;left:3.3%;top:68px;z-index:18;background:var(--orange);padding:23px 27px;width:560px;transform:rotate(-4deg);box-shadow:10px 12px var(--ink);clip-path:polygon(0 1%,98% 0,100% 95%,95% 99%,89% 97%,81% 100%,74% 98%,68% 100%,60% 98%,51% 100%,41% 97%,31% 99%,20% 98%,10% 100%,0 98%)}.ending>span{font:10px monospace}.ending h2{font:76px/.88 Impact,sans-serif;letter-spacing:-1px;margin:22px 0}.ending em{font-style:normal;color:var(--paper);text-shadow:3px 3px var(--ink)}.ending p{font:13px monospace}.ending button{background:var(--ink);color:var(--paper);font:bold 12px monospace;padding:14px;margin:8px 0 18px}.ending button:hover{color:var(--ink)}.below{padding:18px 3.3%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid}.below p{font:12px monospace;margin:0}.below>div{display:flex;gap:8px;flex-shrink:0}.below button,footer button{font:10px monospace;padding:10px}footer{padding:28px 3.3% 18px}.contract{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.contract>b{font:24px Impact,sans-serif}.contract>b span{font:10px monospace;display:block}.contract code{font:11px monospace;overflow-wrap:anywhere}.credit{display:flex;justify-content:space-between;gap:16px;font:9px monospace;border-top:1px solid #281b3233;margin-top:22px;padding-top:18px}.credit a{text-decoration:underline}.credit>span{opacity:.6}#copy-feedback{font:10px monospace}dialog{padding:10px;background:var(--paper);max-width:min(90vw,750px);max-height:93vh;border:2px solid}dialog::backdrop{background:#201627dc}dialog button{display:block;margin:0 0 10px auto;padding:10px}dialog img{display:block;max-width:100%;max-height:78vh;object-fit:contain}
/* Each consequence is driven by the same completed request count. */
body[data-phase=armed] .camera b{transform:rotate(12deg) translateX(5px)}body[data-phase=impact] .call-hardware{animation:monitor .65s}body[data-phase=impact] .headline{filter:drop-shadow(3px 0 #ff893e)}body[data-phase=impact] .salary{animation:pay .7s}body[data-phase=impact] .breath{animation:scream .65s}body[data-phase=impact] .lamp{transform:rotate(-38deg)}body[data-phase=impact] .buffer{opacity:1;animation:spin .8s linear infinite}body[data-phase=impact] .camera span{background:var(--orange)}body[data-level]:not([data-level="0"]) .cheese-hand{opacity:.7}body[data-level]:not([data-level="0"]) .signal i:last-child{opacity:.15}body[data-level="2"] .id-pass,body[data-level="3"] .id-pass,body[data-level="4"] .id-pass,body[data-level="5"] .id-pass,body[data-level="6"] .id-pass{transform:translateY(35px) rotate(-20deg)}body[data-level="3"] .screen-rim,body[data-level="4"] .screen-rim,body[data-level="5"] .screen-rim,body[data-level="6"] .screen-rim{box-shadow:12px 13px var(--orange)}body[data-level="3"] .sleeve,body[data-level="4"] .sleeve,body[data-level="5"] .sleeve,body[data-level="6"] .sleeve{right:-12px}body[data-level="4"] .crack,body[data-level="5"] .crack,body[data-level="6"] .crack{transform:scaleY(1)}body[data-level="4"] .laptop,body[data-level="5"] .laptop,body[data-level="6"] .laptop{transform:translateY(20px) rotate(17deg)}body[data-level="5"] .privacy,body[data-level="6"] .privacy{transform:rotate(-12deg) scaleX(1)}body[data-level="5"] .ceiling-cable,body[data-level="6"] .ceiling-cable{height:600px;transform:rotate(-18deg)}body[data-level="6"] .office{background:#b693d1}body[data-level="6"] .pay-stamp{opacity:1}body[data-level="6"] .avatar{font-size:105px;padding:0;transform:rotate(-12deg)}body[data-level="6"] .desk{transform:rotate(6deg) translateY(18px)}body[data-level="6"] .off-air{color:#eee7f2;transform:rotate(14deg) scale(1.3)}
@keyframes eat{0%{left:var(--snack-x);top:64%;opacity:1}45%{left:67%;top:43%;transform:rotate(-45deg)}85%{left:46%;top:35%;transform:scale(.7) rotate(90deg);opacity:1}100%{left:46%;top:35%;transform:scale(0);opacity:0}}@keyframes chew{35%,70%{transform:scale(1.014,.988)}50%,85%{transform:scale(.998,1.007)}}@keyframes crunch{20%,80%{opacity:1;transform:translate(10px,-5px) rotate(-12deg)}100%{opacity:0;transform:translate(35px,-20px)}}@keyframes dust{40%{opacity:.9}100%{transform:scale(2.2);opacity:0}}@keyframes bag{50%{transform:rotate(20deg) scale(.9,1.05)}}@keyframes monitor{25%{transform:rotate(-7deg) translateX(-5px)}55%{transform:rotate(-2deg) translateX(4px)}}@keyframes pay{50%{transform:rotate(12deg) translateY(-8px)}}@keyframes scream{25%{opacity:.8}100%{transform:translateX(50px) scale(1.8);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}
.low-fx *,.low-fx *:before,.low-fx *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.low-fx .chewing .mouth b{animation:none;opacity:1}.low-fx .snack{animation:none;left:46%;top:35%;transform:rotate(30deg)}
@media(min-width:1600px){.office{height:900px}.hero-rig{right:3%;width:830px;height:830px}.headline{left:5%;top:85px}.call-hardware{left:9%;top:454px}.action{left:8%;bottom:25px}.headline h1{font-size:108px}}
@media(max-width:1100px) and (min-width:701px){.hero-rig{right:-170px;top:100px;width:730px;height:730px}.headline{width:68%}.headline h1{font-size:72px}.salary{right:20px;top:64px;width:150px}.id-pass{left:48%;top:359px}.call-hardware{left:4%;width:365px;top:420px}.action{width:450px;left:4%}.laptop{width:220px}.below{align-items:start;flex-direction:column}nav{gap:16px}}
@media(max-width:700px){header{padding:13px 18px;min-height:104px;flex-wrap:wrap;gap:15px}.brand{font-size:34px;gap:10px}.brand span{font-size:8px;padding-left:10px}nav{gap:20px;font-size:10px;width:100%;justify-content:space-between}nav a:first-child{padding:8px 10px}.office{height:1110px}.eyebrow{left:18px;right:18px;top:18px;font-size:8px}.eyebrow>span:last-child{font-size:7px}.headline{left:18px;top:53px;width:93%;z-index:7}.headline>p{font-size:8px;margin-bottom:13px}.headline h1{font-size:clamp(43px,10.7vw,72px);letter-spacing:-1px;line-height:.93}.headline em{margin-top:2px;text-shadow:2px 2px var(--ink)}.pencil{font-size:15px;margin:15px 0 0}.hero-rig{width:550px;height:550px;top:245px;right:-133px;z-index:6}.hero-shadow{transform:translate(7px,5px)}.off-air{font-size:180px;top:300px;right:-22px}.salary{top:260px;left:20px;right:auto;width:126px;padding:13px;transform:rotate(-9deg);z-index:7}.salary span,.salary small{font-size:7px}.salary strong{font-size:38px}.pay-stamp{font-size:8px;bottom:5px}.id-pass{left:22px;top:436px;width:90px;transform:rotate(-12deg)}.id-pass img{width:45px;height:60px}.id-pass span{font-size:9px}.id-pass b{font-size:7px}.bag{width:80px;height:117px;left:66%;top:64%;padding:12px 3px}.bag strong{font-size:21px;margin:9px 0}.bag span{font-size:8px}.bag small{font-size:6px}.shorts-label{left:43%;top:81%;font-size:9px}.call-hardware{width:calc(100% - 52px);left:26px;top:733px;transform:rotate(-4deg);z-index:10}.call-screen{height:158px}.avatar{font-size:60px;padding-top:8px}.call-title{font-size:8px}.camera{left:calc(50% - 62px)}.call-bottom{font-size:8px}.call-screen p{font-size:10px}.call-screen .mic{font-size:7px}.desk{height:318px;bottom:0;transform:rotate(3deg)}.desk span{display:none}.laptop{right:-5px;bottom:343px;width:154px;transform:rotate(10deg);z-index:8}.action{left:22px;bottom:20px;width:calc(100% - 44px);transform:rotate(-2deg)}.action button{font-size:25px;padding:17px 13px;min-height:66px}.action>div{font-size:8px;padding:5px}.action p{font-size:7px;gap:8px;line-height:1.5}.action p span{max-width:130px;text-align:right}.lamp{top:420px;right:-35px}.beam{top:400px;right:-90px}.ceiling-cable{right:0;top:250px;width:120px;height:270px}.mouth b{font-size:22px;left:30%}.ending{top:52px;left:20px;width:calc(100% - 40px);padding:20px}.ending h2{font-size:52px;margin:18px 0}.ending>span{font-size:8px}.ending p{font-size:10px}.ending button{font-size:10px;padding:13px 9px}.privacy{font-size:23px;top:590px}.sleeve{top:647px;font-size:13px}.ping{left:20px;top:580px;max-width:180px;font-size:9px}.colleague{width:70px;height:80px;bottom:395px}.below{padding:17px 20px;flex-direction:column;align-items:start;gap:16px}.below p{font-size:11px;line-height:1.6}.below>div{gap:6px;flex-wrap:wrap}.below button{font-size:8px;padding:10px 7px}footer{padding:24px 20px 18px}.contract{gap:14px}.contract code{font-size:10px;flex-basis:100%}.credit{flex-direction:column;font-size:8px;line-height:1.5}.breath{font-size:24px}.wall-lines{inset:0 0 0 30%}body[data-level="5"] .ceiling-cable,body[data-level="6"] .ceiling-cable{height:480px}body[data-level="6"] .avatar{font-size:88px}.signal{left:6px}.captions{top:4px}.caption{font-size:8px;padding:3px}.snack{left:68%;top:65%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.chewing .mouth b{animation:none;opacity:1}.snack{animation:none;left:46%;top:35%;transform:rotate(30deg)}}
/* Optical QA: keep the question readable above the physical screen. */
@media(min-width:1101px){.headline h1{font-size:clamp(74px,5.8vw,88px)}.pencil{position:absolute;top:332px;left:465px;width:170px;font-size:17px}}
@media(min-width:701px) and (max-width:1100px){.headline h1{font-size:64px}.pencil{position:absolute;top:300px;left:355px;width:130px;font-size:15px}}
@media(max-width:700px){.pencil{font-size:12px;margin-top:9px}.bag{left:59%;top:64%}}
@media(max-width:360px){.hero-rig{width:480px;height:480px;right:-100px;top:275px}.salary{width:100px;left:14px}.salary strong{font-size:32px}.salary span,.salary small{font-size:6px}.shorts-label{top:85%}.signal{top:12px;bottom:auto}.call-screen p{padding:0 6px;font-size:9px}.pencil{font-size:11px}.ending h2{font-size:46px}.ending button{font-size:9px}}

@media(max-width:700px){.hero-rig{--snack-x:60%}}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}

/* Keep the overtime slip at the right edge at every breakpoint. */
.salary{left:auto;right:0;transform:none}
@keyframes pay{50%{transform:translateY(-8px)}}