.oddjob-app[inert]{visibility:hidden}.clock-intro{color:#f4f5ef;background:#000;border:0;outline:none;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.clock-intro[open]{flex-direction:column;justify-content:center;align-items:center;display:flex}.clock-intro::backdrop{background:#000}.intro-mast{color:#a4aaa5;border-bottom:1px solid #343936;justify-content:space-between;align-items:center;padding-bottom:14px;font-size:11px;display:flex;position:absolute;top:28px;left:32px;right:32px}.intro-mast strong{font:26px/1 var(--display);color:#f4f5ef}.intro-scene{isolation:isolate;flex-shrink:0;width:800px;max-width:calc(100vw - 40px);height:420px;margin-top:-55px;position:relative}.intro-scene *{animation-play-state:paused!important}.intro-scene.is-ready *{animation-play-state:running!important}.intro-floor{background:#343936;height:2px;position:absolute;bottom:26px;left:0;right:0}.intro-floor:after{content:"";border-bottom:1px dashed #343936;position:absolute;top:13px;left:0;right:0}.punch-clock{z-index:1;background:#101412;border:2px solid #a4aaa5;width:100px;height:91px;padding:9px 12px;position:absolute;top:38px;left:5%}.punch-clock>span{color:#a4aaa5;font-size:10px;display:block}.punch-clock>svg{color:#f4f5ef;position:absolute;top:30px;right:11px}.clock-slot{background:#000;border:1px solid #a4aaa5;width:53px;height:7px;position:absolute;bottom:14px;left:12px}.punch-lamp{background:#ff705f;width:8px;height:8px;animation:.12s step-end 1.65s both oddjob-punch-light;position:absolute;top:35px;left:14px}.time-card{color:#080909;z-index:2;background:#f4f5ef;width:51px;height:67px;padding:5px 6px;animation:1.15s ease-in-out .9s both oddjob-clock-card;position:absolute;top:75px;left:8%}.time-card>b{font:15px/1 var(--display);display:block}.time-card>span{margin-top:3px;font-size:7px;display:block}.time-card>i{background:#a4aaa5;height:2px;margin-top:6px;display:block}.intro-clerk-travel{z-index:3;transform-origin:bottom;width:225px;animation:1.35s cubic-bezier(.2,.6,.35,1) both oddjob-clerk-arrive;position:absolute;bottom:24px;left:9%}.intro-clerk-step{transform-origin:bottom;animation:.29s ease-in-out 4 alternate both oddjob-clerk-step}.intro-clerk-step>img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.job-sheet-travel{z-index:2;width:370px;height:290px;animation:.9s cubic-bezier(.2,.8,.3,1) .55s both oddjob-sheet-arrive;position:absolute;top:58px;left:45%}.job-sheet{color:#080909;clip-path:polygon(0 0,100% 0,100% 97%,96% 99%,92% 97%,88% 99%,84% 97%,80% 99%,76% 97%,72% 99%,68% 97%,64% 99%,60% 97%,56% 99%,52% 97%,48% 99%,44% 97%,40% 99%,36% 97%,32% 99%,28% 97%,24% 99%,20% 97%,16% 99%,12% 97%,8% 99%,4% 97%,0 99%);background:#f4f5ef;width:100%;height:100%;padding:23px 25px;animation:.35s ease-out 2.5s both oddjob-sheet-impact;position:relative;transform:rotate(-4deg)}.sheet-top{border-bottom:1px solid #343936;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;font-size:9px;display:flex}.sheet-top>i{background:#080909;width:7px;height:7px}.sheet-brand{font:92px/.95 var(--display);margin-top:13px}.job-sheet>p{font:23px/.98 var(--display);margin-top:9px}.sheet-rules{width:117px;position:absolute;top:142px;right:25px}.sheet-rules>i{background:#a4aaa5;height:3px;margin-bottom:10px;display:block}.sheet-rules>i:last-child{width:62%}.ink-imprint{color:#b44234;font:34px/1 var(--display);opacity:0;border:3px solid #b44234;padding:3px 12px;animation:.16s step-end 2.54s both oddjob-ink;position:absolute;bottom:35px;left:33px;transform:rotate(-9deg)}.sheet-foot{color:#47524b;font-size:8px;position:absolute;bottom:15px;left:25px}.stamp-tool{z-index:5;transform-origin:bottom;width:108px;height:95px;animation:1.7s cubic-bezier(.25,.7,.3,1) 1.65s both oddjob-stamp;position:absolute;top:89px;left:62%}.stamp-grip{background:#101412;border:3px solid #f4f5ef;width:65px;height:28px;margin:auto;transform:rotate(-2deg)}.stamp-neck{background:#f4f5ef;width:24px;height:29px;margin:auto}.stamp-base{color:#f4f5ef;text-align:center;background:#101412;border:3px solid #f4f5ef;justify-content:center;align-items:center;height:37px;display:flex}.stamp-base>b{font:23px var(--display)}.intro-door-label{color:#a4aaa5;font-size:10px;position:absolute;bottom:1px;right:22px}.intro-endline{flex-shrink:0;align-items:center;gap:17px;height:76px;margin-top:0;animation:.45s 3.1s both paused oddjob-endline;display:flex}.clock-intro.is-ready .intro-endline{animation-play-state:running}.intro-endline>strong{font:46px/1 var(--display)}.intro-endline>span{color:#a4aaa5;font-size:13px}.intro-controls{align-items:center;gap:11px;max-width:calc(100vw - 28px);display:flex;position:absolute;bottom:30px}.intro-controls button{min-height:44px;font:13px var(--body);color:#f4f5ef;background:#000;border:1px solid #59685e;justify-content:center;align-items:center;gap:9px;padding:11px 17px;display:flex}.intro-controls button.intro-enter{color:#080909;background:#8fe8b3;border-color:#8fe8b3;font-weight:750}.intro-controls button.intro-replay{width:44px;padding:0}.intro-controls button:hover{border-color:#ff705f}.intro-controls button:focus-visible{outline-offset:5px;outline:2px solid #ff705f}.intro-scene.art-failed .intro-clerk-travel{display:none}@keyframes oddjob-clerk-arrive{0%{transform:translate(-520px)}85%{transform:translate(6px)}to{transform:translate(0)}}@keyframes oddjob-clerk-step{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-7px)rotate(2deg)}}@keyframes oddjob-clock-card{0%{opacity:0;transform:translate(72px,205px)rotate(18deg)}15%{opacity:1}50%{transform:translate(0)rotate(0)}80%{opacity:1;transform:translateY(-32px)}to{opacity:0;transform:translateY(-32px)}}@keyframes oddjob-punch-light{0%{background:#ff705f}to{background:#8fe8b3}}@keyframes oddjob-sheet-arrive{0%{opacity:0;transform:translate(500px)rotate(14deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes oddjob-stamp{0%{opacity:0;transform:translate(100px,-290px)rotate(-19deg)}14%{opacity:1}35%{transform:translateY(-32px)rotate(4deg)}52%{transform:translateY(83px)rotate(-8deg)}60%{transform:translateY(83px)rotate(-8deg)}to{opacity:0;transform:translate(50px,-330px)rotate(12deg)}}@keyframes oddjob-sheet-impact{0%{transform:rotate(-4deg)translateY(0)}25%{transform:rotate(-6deg)translateY(5px)}65%{transform:rotate(-2deg)translateY(-2px)}to{transform:rotate(-4deg)translateY(0)}}@keyframes oddjob-ink{0%{opacity:0;transform:rotate(-9deg)scale(1.08)}to{opacity:1;transform:rotate(-9deg)scale(1)}}@keyframes oddjob-endline{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.intro-scene{width:500px;max-width:calc(100vw - 28px);height:380px;margin-top:-50px}.intro-clerk-travel{width:170px;bottom:28px;left:0}.job-sheet-travel{width:285px;height:265px;top:46px;left:auto;right:0}.job-sheet{padding:20px}.sheet-brand{font-size:73px}.sheet-rules{width:80px;top:132px;right:20px}.ink-imprint{font-size:29px;bottom:36px;left:26px}.sheet-top{font-size:8px}.stamp-tool{top:69px;left:auto;right:82px}.punch-clock{width:84px;height:80px;top:4px;left:0}.punch-clock>svg{width:23px;right:8px}.clock-slot{width:45px;left:9px}.punch-lamp{left:10px}.time-card{top:36px;left:15px}.intro-endline{height:62px}.intro-endline>strong{font-size:38px}.intro-endline>span{font-size:11px}.intro-mast{top:20px;left:20px;right:20px}}@media (max-width:450px){.intro-scene{width:340px;height:355px;margin-top:-30px}.intro-clerk-travel{z-index:4;width:118px;bottom:25px;left:-4px}.job-sheet-travel{width:240px;height:248px;top:48px;right:2px}.job-sheet{padding:18px}.sheet-top{padding-bottom:8px;font-size:7px}.sheet-brand{font-size:67px}.job-sheet>p{margin-top:9px;font-size:21px}.sheet-rules{width:58px;top:123px;right:18px}.sheet-rules>i{height:2px;margin-bottom:9px}.ink-imprint{border-width:2px;padding:4px 8px;font-size:25px;bottom:30px;left:34px}.sheet-foot{font-size:7px;bottom:13px;left:21px}.stamp-tool{width:92px;top:66px;right:58px}.stamp-base>b{font-size:21px}.punch-clock{width:73px;height:73px;padding:6px;top:5px;left:0}.punch-clock>span{font-size:8px}.punch-clock>svg{width:20px;top:23px;right:6px}.punch-lamp{width:6px;height:6px;top:29px;left:8px}.clock-slot{width:41px;bottom:12px;left:7px}.time-card{width:43px;height:56px;top:31px;left:10px}.time-card>b{font-size:13px}.time-card>span{font-size:6px}.intro-endline{flex-direction:column;justify-content:center;gap:12px;height:67px;margin-top:6px}.intro-endline>strong{font-size:40px}.intro-endline>span{font-size:11px}.intro-door-label{font-size:8px;right:2px}.intro-controls{gap:8px;bottom:24px}.intro-controls button{padding:10px 13px;font-size:12px}.intro-mast{top:17px;left:15px;right:15px}.intro-mast strong{font-size:24px}}@media (max-width:350px){.intro-scene{width:290px}.job-sheet-travel{width:213px;right:0}.sheet-brand{font-size:59px}.intro-clerk-travel{width:100px}.sheet-top{font-size:6px}.sheet-rules{width:45px;right:16px}.ink-imprint{font-size:23px;left:26px}.stamp-tool{right:47px}}@media (max-height:560px) and (min-width:451px){.intro-mast{padding-bottom:8px;top:12px}.intro-scene{width:580px;max-width:calc(100vw - 100px);height:255px;margin-top:2px}.intro-clerk-travel{width:148px;bottom:12px;left:6%}.job-sheet-travel{width:250px;height:210px;top:18px;left:auto;right:35px}.job-sheet{padding:14px 18px}.sheet-brand{margin-top:8px;font-size:65px}.job-sheet>p{font-size:18px}.sheet-top{padding-bottom:6px;font-size:7px}.sheet-rules{width:65px;top:111px;right:18px}.ink-imprint{border-width:2px;font-size:25px;bottom:24px;left:29px}.sheet-foot{font-size:6px;bottom:8px;left:20px}.punch-clock{transform-origin:0 0;top:13px;left:0;transform:scale(.7)}.time-card{width:35px;height:45px;font-size:6px;top:37px;left:14px}.time-card>b{font-size:11px}.time-card>span{font-size:5px}.time-card>i{margin-top:4px}.stamp-tool{width:90px;top:31px;left:auto;right:103px}.stamp-base>b{font-size:20px}.intro-floor{bottom:13px}.intro-door-label{font-size:8px;bottom:-3px;right:2px}.intro-endline{gap:12px;height:40px;margin-top:10px}.intro-endline>strong{font-size:30px}.intro-endline>span{font-size:10px}.intro-controls{bottom:10px}.intro-controls button{min-height:34px;padding:7px 12px;font-size:11px}.intro-controls button.intro-replay{width:34px}}@media (prefers-reduced-motion:reduce){.intro-scene *,.intro-endline{animation:none!important}.intro-clerk-travel,.intro-clerk-step,.job-sheet-travel{opacity:1;transform:none}.punch-lamp{background:#8fe8b3}.time-card,.stamp-tool{display:none}.ink-imprint{opacity:1}.intro-endline{opacity:1;transform:none}}@media (max-height:560px) and (min-width:451px){.intro-scene{height:220px}.intro-clerk-travel{width:130px}.job-sheet-travel{width:220px;height:180px}.sheet-brand{margin-top:5px;font-size:54px}.job-sheet>p{margin-top:5px;font-size:16px}.sheet-rules{width:52px;top:94px}.ink-imprint{padding:2px 8px;font-size:22px;bottom:20px;left:24px}.sheet-foot{font-size:5px;bottom:7px}.intro-endline{height:33px;margin-top:8px}.intro-endline>strong{font-size:26px}.intro-endline>span{font-size:9px}}