.monitor{position:relative}.casing-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:15;pointer-events:none;border-radius:inherit}.casing-target{position:absolute;z-index:16;padding:0;background:transparent;border:0;cursor:crosshair;touch-action:manipulation}.casing-target:disabled{pointer-events:none}.casing-target:focus-visible{outline:2px dashed #7c5026;outline-offset:-2px}.casing-target:hover{background:#442b0a16}.casing-top-left,.casing-top-right{top:42px;width:40%;height:12px}.casing-top-left{left:7%}.casing-top-right{right:7%}.casing-left-top,.casing-left-bottom,.casing-right-top,.casing-right-bottom{width:19px;height:24%}.casing-left-top,.casing-left-bottom{left:0}.casing-right-top,.casing-right-bottom{right:0}.casing-left-top,.casing-right-top{top:23%}.casing-left-bottom,.casing-right-bottom{top:50%}.casing-bottom-left,.casing-bottom-right{bottom:7px;height:32px;width:39%}.casing-bottom-left{left:6%}.casing-bottom-right{right:6%}.extras98{border-top:1px solid #b6b5a82a;margin-top:13px;padding-top:13px;color:#c7d0c4}.extras98-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.extras98-heading>b{font:10px monospace;letter-spacing:1.1px}.extras98 button,.extras98 select{font:11px Tahoma,Arial,sans-serif;background:#26372f;color:#d8e6da;border:1px solid #71817466;padding:7px 10px;border-radius:3px;min-height:31px}.extras98 button:hover{background:#37493d}.extras98 button[aria-pressed=true]{border-color:#a0c6a1;background:#3c5140}.extras98 select{flex:1;min-width:130px}.extras98-line{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.extras98 p{font:11px/1.5 Tahoma,Arial,sans-serif;color:#aabaaa;margin:7px 0 0}.extras98 .replay-hint{font-size:10px}.extras98 button:disabled{opacity:.5;cursor:not-allowed}.replay98{border-top:1px dashed #71817466;margin-top:10px;padding-top:5px}.tool[data-tool=stapler]{--weapon-color:#d78a79}.stapler-icon{font:bold 37px Arial;color:#bb8d80;line-height:36px}.desktop [data-pinned]>.window-title:before{content:'⊓';font:bold 18px monospace;color:#eee;text-shadow:1px 1px #111;position:absolute;left:45%;top:2px;pointer-events:none}.assistant-protected:after{content:'◌';position:absolute;inset:-5px;border:2px solid #dbbd6a;border-radius:50%;box-shadow:0 0 12px #ffe08f88;pointer-events:none}.office-companion{position:absolute;width:50px;height:82px;z-index:99980;pointer-events:none;filter:drop-shadow(2px 3px 2px #0005);transform:rotate(-6deg)}.paperclip-drawing{position:absolute;inset:0}.paperclip-loop{position:absolute;left:8px;top:3px;width:32px;height:67px;border:5px solid #8a9294;border-radius:21px 21px 15px 15px;box-shadow:inset 1px 0 white,1px 0 #f4f4ec,-1px 0 #414b51;transform:rotate(8deg)}.paperclip-inner{position:absolute;left:16px;top:26px;width:16px;height:43px;border:4px solid #8c9595;border-top:0;border-radius:0 0 13px 13px;box-shadow:inset 1px 0 white,1px 1px #eee;transform:rotate(8deg)}.paperclip-eye{position:absolute;top:10px;width:15px;height:19px;border:1px solid #333;border-radius:50%;background:#fff;box-shadow:1px 1px #555}.eye-left{left:5px;transform:rotate(-12deg)}.eye-right{left:24px;transform:rotate(10deg)}.paperclip-eye:after{content:'';position:absolute;width:5px;height:7px;left:3px;top:7px;border-radius:50%;background:#111}.paperclip-shadow{position:absolute;bottom:0;left:3px;width:45px;height:7px;background:#0003;border-radius:50%;filter:blur(2px)}.companion-bubble{position:absolute;right:7px;bottom:88px;width:190px;padding:10px;background:#fffbd4;color:#1e211f;border:1px solid #333;border-radius:10px;font:11px/1.4 Tahoma,Arial,sans-serif;transform:rotate(6deg);box-shadow:2px 2px #0003}.companion-bubble:after{content:'';position:absolute;bottom:-8px;right:20px;border-top:8px solid #fffbd4;border-left:8px solid transparent}.office-companion[data-companion-state=resigned]{filter:grayscale(1) drop-shadow(2px 3px 2px #0005);transform:rotate(20deg)}.office-companion[data-companion-state=repair] .paperclip-drawing:after{content:'🔧';position:absolute;left:32px;top:30px;font-size:22px}.office-companion[data-companion-state=guard] .paperclip-drawing:after{content:'◈';position:absolute;left:24px;top:35px;font-size:40px;color:#d1ad55;text-shadow:1px 1px #61551e}.internet-icon{font-style:italic;color:#2386c4;background:#e9f0ef}.programs-icon{color:#782b52;background:#eee3cc}.replay-export-link{display:inline-block;color:#c6edc8;font-size:12px;margin-top:7px;text-decoration:underline}
@media(max-width:580px){.casing-target{max-width:46%}.casing-left-top,.casing-left-bottom,.casing-right-top,.casing-right-bottom{width:10px}.casing-top-left,.casing-top-right{top:41px;height:8px}.casing-bottom-left,.casing-bottom-right{height:26px;bottom:3px}.extras98-heading{align-items:flex-start}.extras98-heading>b{font-size:9px;line-height:1.5}.extras98 button,.extras98 select{font-size:10px;padding:6px 7px}.companion-bubble{width:145px;font-size:10px}.office-companion{transform:scale(.8);transform-origin:bottom center}}

.extras98 [hidden]{display:none!important}.office-companion.companion-left .companion-bubble{left:5px;right:auto}.office-companion.companion-left .companion-bubble:after{left:15px;right:auto}

.office-companion{z-index:9;transition:none}.office-companion[hidden],.companion-bubble[hidden]{display:none!important}
.paperclip-mouth{position:absolute;left:17px;top:32px;width:15px;height:7px;border-bottom:2px solid #253237;border-radius:50%}
.companion-book,.companion-pencil,.companion-sponge{display:none;position:absolute}
.companion-book{left:1px;top:40px;width:47px;height:31px;border:2px solid #525b48;border-radius:2px;background:repeating-linear-gradient(0deg,transparent 0 5px,#74694370 5px 6px),linear-gradient(90deg,#f6e9c9 47%,#59634d 48% 52%,#e7d7ac 53%);box-shadow:0 3px #6a4930;transform:rotate(-7deg)}
.companion-pencil{left:35px;top:38px;width:5px;height:27px;border:1px solid #6d4b1a;background:linear-gradient(0deg,#242a24 0 10%,#e5ba54 11% 85%,#d7948b 86%);transform-origin:bottom;transform:rotate(30deg)}
.companion-sponge{left:32px;top:26px;width:25px;height:17px;border:1px solid #8b6b27;background:radial-gradient(ellipse at 25% 25%,#997939 1px,transparent 2px),radial-gradient(ellipse at 75% 65%,#997939 1px,transparent 2px),#eacb6e;border-radius:3px;box-shadow:0 3px #547b5b}
.office-companion[data-companion-state=reading] .companion-book,.office-companion[data-companion-state=writing] .companion-book,.office-companion[data-companion-state=writing] .companion-pencil,.office-companion[data-companion-state=clean] .companion-sponge{display:block}
.office-companion[data-companion-state=reading] .paperclip-eye:after{animation:companion-read 2s ease-in-out infinite}
.office-companion[data-companion-state=writing] .companion-pencil{animation:companion-write .55s ease-in-out infinite alternate}
.office-companion[data-companion-state=clean] .companion-sponge{animation:companion-wipe .6s ease-in-out infinite alternate}
.office-companion[data-companion-state=repair] .paperclip-drawing:after{animation:companion-fix .6s ease-in-out infinite alternate;transform-origin:5px 20px}
.office-companion[data-companion-state=grimace] .eye-left{transform:rotate(-25deg) scaleY(.55)}.office-companion[data-companion-state=grimace] .eye-right{transform:rotate(22deg) scaleY(.8)}.office-companion[data-companion-state=grimace] .paperclip-mouth{border-top:2px solid #253237;border-bottom:0;transform:rotate(-15deg);top:38px}
.office-companion[data-companion-state=idle] .paperclip-eye{animation:companion-blink 5.7s infinite}
.office-companion[data-companion-state=panic] .paperclip-drawing{animation:companion-panic .18s linear infinite alternate}.office-companion[data-companion-state=panic] .paperclip-mouth{border:2px solid #253237;width:11px;height:13px;background:#566269}
@keyframes companion-read{0%,100%{transform:translate(0,2px)}45%{transform:translate(5px,2px)}50%{transform:translate(0,4px)}}
@keyframes companion-write{to{transform:rotate(15deg) translateX(-5px)}}@keyframes companion-wipe{to{transform:translate(13px,7px) rotate(12deg)}}@keyframes companion-fix{to{transform:rotate(-22deg)}}@keyframes companion-panic{to{transform:rotate(8deg) translateY(-3px)}}@keyframes companion-blink{0%,44%,48%,100%{scale:1 1}46%{scale:1 .15}}
@media(prefers-reduced-motion:reduce){.office-companion{transition:none}.office-companion .paperclip-drawing,.office-companion .paperclip-drawing:after,.office-companion .paperclip-eye,.office-companion .paperclip-eye:after,.office-companion .companion-pencil,.office-companion .companion-sponge{animation:none!important}}

.challenge-deck{display:grid;grid-template-columns:minmax(180px,1fr) minmax(290px,1.1fr) 83px;gap:5px 18px;padding:15px 19px 12px;margin:0 0 17px;border:1px solid #a2c58978;border-left:4px solid #bdd7a2;border-radius:7px;background:linear-gradient(115deg,#344536,#1d2d25);box-shadow:0 7px 18px #08140e40;color:#e5ecdc}.challenge-title{display:flex;align-items:center;gap:9px}.challenge-emblem{display:grid;place-items:center;width:27px;height:27px;background:#bcd29a;color:#1d2d23;border-radius:3px;font:22px Georgia,serif}.challenge-title h2{margin:0;font:bold 13px/1.3 'Courier New',monospace;letter-spacing:1.4px}.challenge-actions{display:flex;align-items:center;gap:7px;grid-column:2;grid-row:1/3}.challenge-deck select,.challenge-deck button{min-height:36px;font:11px Tahoma,Arial,sans-serif;border:1px solid #81947c;border-radius:3px;padding:7px 10px}.challenge-deck select{width:100%;min-width:0;color:#e1eada;background:#1b2a22}.challenge-deck [data-challenge-start]{white-space:nowrap;background:#cadfa8;color:#1c3025;font-weight:bold;border-color:#e6f2d6;box-shadow:0 2px #789365;cursor:pointer}.challenge-deck [data-challenge-start]:hover{background:#e0eec9;transform:translateY(-1px)}.challenge-deck button:focus-visible,.challenge-deck select:focus-visible{outline:2px solid #f3dea0;outline-offset:3px}.challenge-clock{grid-column:3;grid-row:1/4;text-align:center;border-left:1px solid #a0b69444;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.challenge-clock strong{font:bold 35px/1 'Courier New',monospace;color:#dcebc0;font-variant-numeric:tabular-nums}.challenge-clock>span{margin-top:4px;font:8px/1.3 monospace;letter-spacing:.5px;color:#b9c5b1}.challenge-goal{margin:0;grid-column:1;font:11px/1.5 Tahoma,Arial,sans-serif;color:#bdcdb5}.challenge-deck [data-challenge-status]{grid-column:1/3;margin:1px 0 0;font:10px/1.5 Tahoma,Arial,sans-serif;color:#9eb49f}.challenge-foot{grid-column:1/-1;display:flex;align-items:center;gap:16px;margin-top:4px}.challenge-meter{height:5px;background:#0e201b;border-radius:2px;overflow:hidden;flex:1}.challenge-meter>span{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#bed7a0 0 11px,#96b985 11px 13px);transition:width .18s}.challenge-deck .fly-toggle{background:transparent;border:0;color:#aec1a6;padding:2px 0;font:10px/1.3 Tahoma,Arial,sans-serif;min-height:24px;cursor:pointer}.challenge-deck .fly-toggle:hover{color:#ebeed5}.challenge-deck[data-state=running]{position:sticky;top:8px;z-index:25;border-color:#cbdba3;box-shadow:0 0 0 1px #b8d59724,0 7px 18px #08140e40}.challenge-deck[data-state=running] [data-challenge-status]{color:#e7edc6;font-weight:bold}.challenge-deck[data-urgent=true] .challenge-clock strong{color:#f2b38e}.challenge-deck[data-state=success] .challenge-meter>span{background:#e5cb7f}.fly-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none}.tool[data-tool=revolver]{--weapon-color:#d4b98c}
@media(max-width:700px){.challenge-deck{grid-template-columns:1fr 58px;gap:7px 10px;padding:12px;margin-bottom:12px}.challenge-title{grid-column:1;grid-row:1}.challenge-actions{grid-column:1;grid-row:3}.challenge-clock{grid-column:2;grid-row:1/4}.challenge-goal{grid-column:1;grid-row:2}.challenge-deck [data-challenge-status]{grid-column:1/-1;grid-row:4}.challenge-foot{grid-row:5;gap:8px}.challenge-deck select,.challenge-deck button{font-size:10px;padding:7px}.challenge-title h2{font-size:10px;letter-spacing:.7px}.challenge-clock strong{font-size:30px}.challenge-deck .fly-toggle{padding:2px 0;font-size:9px}}
@media(prefers-reduced-motion:reduce){.challenge-meter>span{transition:none}.challenge-deck [data-challenge-start]:hover{transform:none}}

.companion-work-arm,.companion-bucket,.companion-suds,.companion-polish{display:none;position:absolute;pointer-events:none}
.office-companion[data-companion-state=clean] .companion-work-arm,.office-companion[data-companion-state=clean] .companion-bucket,.office-companion[data-companion-state=clean] .companion-suds,.office-companion[data-companion-state=clean] .companion-polish{display:block}
.office-companion[data-companion-state=clean] .companion-sponge{width:34px;height:22px;left:23px;top:24px;border-radius:4px;background:radial-gradient(circle at 18% 24%,#8c7130 0 1px,transparent 2px),radial-gradient(circle at 64% 67%,#9b8039 0 2px,transparent 3px),radial-gradient(circle at 82% 20%,#f7e6a0 0 2px,transparent 3px),linear-gradient(#f6d988,#c7a252);box-shadow:0 4px #447d64,inset 1px 1px #fff4bd;z-index:6;animation:companion-window-scrub 1.2s ease-in-out infinite}
.companion-work-arm{left:24px;top:45px;width:29px;height:7px;border:1px solid #526967;border-radius:7px;background:linear-gradient(#d8e2d8,#6b8882);transform-origin:left;z-index:5;animation:companion-work-elbow 1.2s ease-in-out infinite}
.companion-bucket{left:-21px;top:57px;width:23px;height:25px;border:2px solid #457b88;border-radius:2px 2px 8px 8px;background:linear-gradient(90deg,#396b80,#9ad6d3,#467e91);box-shadow:1px 2px #12322b55}
.companion-bucket:before{content:'';position:absolute;inset:-9px 0 9px;border:2px solid #bbc6ad;border-bottom:0;border-radius:14px 14px 0 0}.companion-bucket:after{content:'';position:absolute;left:1px;right:1px;top:1px;height:5px;border-radius:50%;background:#d4f7eb}
.companion-suds{left:12px;top:15px;width:64px;height:50px;z-index:4;background:radial-gradient(circle at 8% 72%,#f5ffedbd 0 4px,transparent 5px),radial-gradient(circle at 65% 20%,#e4fff6ba 0 5px,transparent 6px),radial-gradient(circle at 40% 80%,#ecfff1bb 0 3px,transparent 4px);animation:companion-foam-rise 1.4s infinite}
.companion-polish{left:52px;top:16px;width:15px;height:24px;z-index:4;background:#e8fff5;clip-path:polygon(48% 0,61% 38%,100% 50%,62% 60%,50% 100%,37% 60%,0 50%,37% 40%);animation:companion-polish-glint 1.2s infinite}
@keyframes companion-window-scrub{0%,100%{transform:translate(-13px,0) rotate(-15deg)}25%{transform:translate(24px,4px) rotate(15deg)}50%{transform:translate(20px,24px) rotate(-10deg)}75%{transform:translate(-16px,20px) rotate(12deg)}}
@keyframes companion-work-elbow{0%,100%{transform:rotate(-45deg) scaleX(.7)}25%{transform:rotate(-15deg) scaleX(1.4)}50%{transform:rotate(25deg) scaleX(1.35)}75%{transform:rotate(85deg) scaleX(.65)}}
@keyframes companion-polish-glint{0%,65%,100%{opacity:0;scale:.3}80%{opacity:.9;scale:1}}
@media(prefers-reduced-motion:reduce){.office-companion .companion-work-arm,.office-companion .companion-suds,.office-companion .companion-polish{animation:none!important}.office-companion .companion-suds,.office-companion .companion-polish{opacity:.4}}
