/* WAGIE — The Endless Shift comic opening */
.comic-story{--story-bg:#171612;position:relative;z-index:60;background:var(--story-bg);color:#f1e8d7;overflow:clip;border-bottom:8px solid #181714}.story-skip{position:fixed;z-index:90;right:24px;top:22px;padding:10px 14px;border:1px solid rgba(241,232,215,.5);background:rgba(24,23,20,.78);backdrop-filter:blur(10px);color:#f1e8d7;font:500 10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;transition:.2s}.story-skip:hover{background:#f0bf38;color:#181714;border-color:#181714}.story-progress{position:fixed;z-index:89;left:0;top:0;width:100%;height:3px;background:rgba(255,255,255,.12);pointer-events:none}.story-progress span{display:block;width:100%;height:100%;background:#e65b2f;transform:scaleX(var(--story-progress,0));transform-origin:left}.comic-chapter{position:relative;min-height:102vh;display:grid;place-items:center;padding:5vh max(30px,calc((100vw - 1180px)/2))}.chapter-clock{min-height:92vh}.comic-panel{position:sticky;top:6vh;width:min(1180px,100%);height:min(82vh,800px);overflow:hidden;border:5px solid #111;background:#e6d8bf;box-shadow:14px 14px 0 #e65b2f;transform:translateY(calc(var(--chapter-distance,0)*24px)) rotate(calc(var(--chapter-distance,0)*-.45deg));isolation:isolate}.comic-panel:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-image:radial-gradient(rgba(24,23,20,.16) .75px,transparent .8px);background-size:5px 5px;mix-blend-mode:multiply;opacity:.22}.comic-panel img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.02 + var(--chapter-progress,0)*.045)) translateY(calc(var(--chapter-distance,0)*-12px));transition:filter .15s linear}.caption-box{position:absolute;z-index:4;width:min(390px,38%);padding:22px 24px;color:#181714;background:#f1e8d7;border:4px solid #181714;box-shadow:8px 8px 0 #e65b2f;transform:translateY(calc((1 - var(--chapter-progress,0))*40px));opacity:1}.caption-box.top-left{top:7%;left:4%}.caption-box.left{left:3%;top:50%;transform:translateY(calc(-50% + (1 - var(--chapter-progress,0))*40px)) rotate(-1deg)}.caption-box.right{right:4%;top:9%;transform:translateY(calc((1 - var(--chapter-progress,0))*40px)) rotate(1deg)}.caption-box small,.finale-copy small{display:block;margin-bottom:14px;font:500 10px "DM Mono",monospace;letter-spacing:.09em}.caption-box strong{display:block;font-size:clamp(28px,4vw,58px);line-height:.87;letter-spacing:-.06em}.caption-box p{margin:14px 0 0;font:600 clamp(14px,1.5vw,19px) "Space Grotesk",sans-serif}.clock-card{position:absolute;z-index:5;right:4%;top:7%;padding:12px 18px;background:#181714;color:#f0bf38;border:3px solid #f1e8d7;font:500 clamp(22px,3vw,42px) "DM Mono",monospace;box-shadow:6px 6px 0 #e65b2f;animation:clockFlicker 2.2s steps(1) infinite}.clock-in-stage{position:sticky;top:0;width:100%;min-height:100vh;display:grid;place-items:center;background:#f0bf38;color:#181714;overflow:hidden;border-block:8px solid #181714}.clock-in-stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 48px,rgba(24,23,20,.08) 48px 49px),repeating-linear-gradient(0deg,transparent 0 48px,rgba(24,23,20,.08) 48px 49px)}.clock-cage-label{position:absolute;z-index:2;left:8vw;top:9vh;display:flex;align-items:end;gap:16px}.clock-cage-label small{font:700 11px "DM Mono",monospace;letter-spacing:.09em}.clock-cage-label strong{font:700 clamp(55px,10vw,145px)/.7 "Space Grotesk",sans-serif;letter-spacing:-.08em;color:#e65b2f}.clock-in-stage p{position:absolute;left:8vw;bottom:9vh;margin:0;font-size:clamp(28px,5vw,72px);line-height:.9;letter-spacing:-.06em}.time-card-story{position:relative;z-index:2;width:min(410px,78vw);display:grid;grid-template-columns:1fr 1.4fr;gap:0;border:4px solid #181714;background:#f1e8d7;box-shadow:12px 12px 0 #181714;transform:translateY(calc((.5 - var(--chapter-progress,0))*100px)) rotate(calc((.5 - var(--chapter-progress,0))*5deg))}.time-card-story>*{padding:15px;border-bottom:1px solid #181714}.time-card-story span{font:500 10px "DM Mono",monospace}.time-card-story b{font:700 18px "DM Mono",monospace}.stamp-story{position:absolute;z-index:3;width:190px;height:190px;display:grid;place-items:center;border:10px double #e65b2f;border-radius:50%;color:#e65b2f;background:rgba(241,232,215,.9);font:700 30px/1 "DM Mono",monospace;text-align:center;transform:scale(calc(.25 + var(--chapter-progress,0)*.75)) rotate(calc(-24deg + var(--chapter-progress,0)*12deg));opacity:1}.sfx{position:absolute;z-index:5;padding:8px 13px;color:#f1e8d7;background:#e65b2f;border:3px solid #181714;font:900 clamp(19px,3vw,42px) Impact,sans-serif;transform:scale(calc(.5 + var(--chapter-progress,0)*.5)) rotate(-8deg);text-shadow:2px 2px #181714}.sfx-one{right:8%;top:12%}.sfx-two{right:31%;bottom:9%;background:#f0bf38;color:#181714;transform:scale(calc(.5 + var(--chapter-progress,0)*.5)) rotate(7deg)}.pay-slip{position:absolute;z-index:5;left:44%;bottom:7%;display:grid;gap:3px;padding:11px 18px;background:#fff;border:3px dashed #181714;color:#181714;transform:translateX(calc((1 - var(--chapter-progress,0))*-180px)) rotate(-6deg);box-shadow:5px 5px 0 #181714}.pay-slip span{font:500 9px "DM Mono",monospace}.pay-slip b{font:700 23px "DM Mono",monospace}.finale-panel{height:min(88vh,860px);box-shadow:16px 16px 0 #f0bf38}.finale-copy{position:absolute;z-index:5;left:50%;bottom:3.5%;width:min(760px,82%);padding:16px 24px 14px;transform:translateX(-50%) translateY(calc((1 - var(--chapter-progress,0))*50px));color:#181714;background:rgba(241,232,215,.94);border:4px solid #181714;box-shadow:7px 7px 0 #e65b2f;text-align:center;opacity:1}.finale-copy strong{display:block;font-size:clamp(42px,7vw,100px);line-height:.78;letter-spacing:-.08em}.finale-copy strong i{color:#e65b2f;font-style:normal}.finale-copy a{display:inline-flex;margin-top:18px;padding:13px 18px;border:3px solid #181714;background:#f0bf38;box-shadow:5px 5px 0 #181714;font:700 11px "DM Mono",monospace;text-transform:uppercase}.main-site-anchor{scroll-margin-top:0}.comic-story.is-past .story-skip,.comic-story.is-past .story-progress{opacity:0;pointer-events:none}@keyframes clockFlicker{48%{opacity:1}49%{opacity:.55}50%{opacity:1}}
@media(max-width:720px){.story-skip{right:12px;top:12px}.comic-chapter{min-height:115vh;padding:8vh 14px}.chapter-clock{min-height:95vh}.comic-panel,.finale-panel{top:7vh;height:78vh;border-width:3px;box-shadow:8px 8px 0 #e65b2f}.comic-panel img{object-position:60% center}.caption-box{width:calc(100% - 28px);left:14px!important;right:auto!important;top:auto!important;bottom:14px!important;padding:16px;border-width:3px;transform:translateY(calc((1 - var(--chapter-progress,0))*28px))!important}.caption-box strong{font-size:clamp(27px,10vw,46px)}.clock-card{right:14px;top:14px}.panel-reverse img{object-position:69% center}.chapter-payday .comic-panel img{object-position:37% center}.chapter-payday .caption-box{bottom:14px!important}.pay-slip{left:17px;bottom:33%;}.clock-in-stage p{left:20px;bottom:28px}.stamp-story{width:140px;height:140px;font-size:22px}.finale-panel img{object-position:50% center}.finale-copy{bottom:4%;width:90%}.finale-copy strong{font-size:clamp(36px,12vw,60px)}.sfx-two{display:none}}
@media(prefers-reduced-motion:reduce){.comic-chapter{min-height:auto;padding-block:32px}.comic-panel,.clock-in-stage{position:relative;top:auto;transform:none}.comic-panel img,.caption-box,.time-card-story,.stamp-story,.sfx,.pay-slip,.finale-copy{transform:none!important;opacity:1!important}.story-progress{display:none}.clock-in-stage{min-height:80vh}}