.final-mode{--mode-yellow:#ffe36b;--mode-blue:#2839e8;--mode-cream:#fff0d9;--mode-coral:#f45340;background:var(--mode-yellow);color:#191919;position:relative;isolation:isolate}
.final-mode:before,.final-mode:after{content:"";position:absolute;background:var(--mode-blue);width:16%;height:21%;z-index:-1;pointer-events:none;clip-path:polygon(0 0,100% 0,94% 12%,88% 14%,87% 21%,75% 27%,73% 33%,63% 35%,63% 43%,51% 48%,48% 59%,36% 63%,34% 68%,24% 71%,21% 81%,10% 85%,9% 94%,0 100%);filter:drop-shadow(5px 7px 0 var(--mode-cream))}
.final-mode:before{left:0;top:0}.final-mode:after{right:0;bottom:0;transform:rotate(180deg);width:21%;height:14%}
.mode-watching{position:absolute;left:5.8%;top:10%;margin:0;z-index:3;transform-origin:left top;pointer-events:none;will-change:transform}
.mode-watching span{display:block;font:900 min(11.5cqw,22svh)/.86 Oswald,Impact,sans-serif;letter-spacing:-.045em;white-space:nowrap;transform:skew(-8deg) rotate(-4deg);transform-origin:left bottom;-webkit-text-stroke:.012em currentColor}
.mode-investigating{position:absolute;left:5.2%;top:45%;width:57%;z-index:4;pointer-events:none}
.mode-paper{display:table;opacity:0;padding:0 .06em .045em;background:var(--mode-cream);color:var(--mode-blue);font:900 min(9.1cqw,17.7svh)/.91 Oswald,Impact,sans-serif;letter-spacing:-.045em;transform-origin:10% 100%;white-space:nowrap;-webkit-text-stroke:.01em currentColor}
.mode-paper:last-of-type{font-size:min(8cqw,16svh);margin-top:-.018em;margin-left:-.13em;letter-spacing:-.055em}
.mode-underline{display:block;width:67%;height:6.6svh;margin-left:21%;overflow:visible;color:var(--mode-coral)}.mode-underline path{stroke:currentColor;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.mode-machine{position:absolute;left:54%;top:5%;width:46%;height:86%;z-index:5;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center}
.mode-toggle{position:relative;display:block;align-self:stretch;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;border-radius:22%;touch-action:manipulation;isolation:isolate}
.mode-toggle:focus-visible{outline:3px solid #191919;outline-offset:-5px;background:#fff0d926}
.mode-machine-svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.mode-machine-svg text{font:700 28px Oswald,Impact,sans-serif;fill:#191919;letter-spacing:-.4px}
.mode-hint{margin:0 0 0 15%;font:700 clamp(11px,min(1cqw,1.9svh),18px)/1.1 var(--mono);text-align:center;letter-spacing:-.04em;pointer-events:none}
.mode-direction{position:absolute;left:56%;top:27%;width:13%;height:20%;z-index:6;pointer-events:none;transition:opacity .2s}.mode-direction path{stroke:#191919;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.final-mode[data-mode="investigate"] .mode-direction{opacity:0}
.mode-actions{position:absolute;left:5.8%;right:44%;bottom:6.2%;display:flex;gap:4%;align-items:center;z-index:8}
.mode-primary,.mode-all-stories{display:flex;align-items:center;justify-content:space-between;text-decoration:none;min-height:62px;transition:transform .18s,box-shadow .18s;white-space:nowrap}
.mode-primary{flex:1;background:#191919;color:var(--mode-cream);padding:1.8svh 4%;box-shadow:7px 8px 0 var(--mode-coral);font:800 min(1.6cqw,2.8svh)/1.1 var(--body);letter-spacing:-.025em;gap:1em}
.mode-primary .mode-primary-arrow{font:500 1.65em/1 var(--body);transition:transform .18s}.mode-primary:hover{transform:translateY(-4px);box-shadow:8px 12px 0 var(--mode-coral)}.mode-primary:hover .mode-primary-arrow{transform:translate(3px,-3px)}.mode-primary:active{transform:translateY(3px) scale(.99);box-shadow:3px 4px 0 var(--mode-coral)}
.mode-primary-copy{display:block}.mode-primary-copy b{font:inherit}.mode-primary-copy small{display:block;margin-top:7px;font:400 clamp(11px,min(.82cqw,1.6svh),16px)/1.2 var(--body);white-space:normal;color:#e8ddc6;max-width:29em}
.mode-all-stories{border:1.5px solid #191919;padding:1.7svh 3%;font:800 min(.95cqw,1.9svh)/1.1 var(--body)}.mode-all-stories:hover{transform:translateY(-3px);background:#fff0d92e}
.mode-announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mode-no-script{position:absolute;bottom:20%;left:6%;font:14px var(--body)}
@media(min-width:768px) and (max-aspect-ratio:6/5){
 .mode-watching{left:6%;top:7%}.mode-watching span{font-size:min(15cqw,14svh)}
 .mode-machine{left:35%;width:65%;top:22%;height:52%}.mode-direction{left:29%;top:32%;width:17%;height:13%}
 .mode-investigating{left:6%;top:64%;width:88%}.mode-paper{font-size:min(12cqw,10svh)}.mode-paper:last-of-type{font-size:min(11.6cqw,9svh)}.mode-underline{height:4svh;width:50%;margin-left:30%}
 .mode-actions{left:6%;right:6%;bottom:5%;gap:5%}.mode-primary{font-size:2.4cqw;flex:1.4;min-height:64px}.mode-all-stories{font-size:1.7cqw;flex:1;justify-content:center;min-height:64px}.mode-hint{font-size:12px}
}
@media(max-width:767px) and (orientation:portrait){
 .final-mode:before{width:21%;height:10%}.final-mode:after{width:29%;height:8%}
 .mode-watching{left:7%;top:5.5%}.mode-watching span{font-size:min(18.6cqw,11.3svh);line-height:.86;letter-spacing:-.04em}
 .mode-machine{left:1%;width:98%;top:21%;height:43%;z-index:3}.mode-hint{position:absolute;top:93%;left:0;width:100%;font-size:10px;margin:0}
 .mode-direction{left:2%;top:34%;width:16%;height:11%}
 .mode-investigating{left:8%;top:65%;width:86%;z-index:4}.mode-paper{font-size:min(14.8cqw,8.5svh);line-height:.91}.mode-paper:last-of-type{font-size:min(12.1cqw,6.8svh);letter-spacing:-.055em;margin-left:-.13em}
 .mode-underline{height:3.3svh;width:73%;margin-left:15%}
 .mode-actions{left:7%;right:7%;bottom:3%;display:grid;gap:9px}.mode-primary{font-size:clamp(14px,3.8cqw,18px);min-height:54px;padding:14px 5%;box-shadow:5px 6px 0 var(--mode-coral)}.mode-all-stories{font-size:clamp(11px,3cqw,14px);min-height:38px;justify-content:center;padding:9px;border:0;text-decoration:underline;text-underline-offset:4px}
}
@media(max-width:767px) and (orientation:portrait) and (max-height:690px){.mode-watching{top:5%}.mode-machine{top:22%;height:39%}.mode-investigating{top:61.5%}.mode-hint{font-size:9px;top:95%}.mode-actions{bottom:2%;gap:4px}.mode-primary{min-height:52px}.mode-all-stories{min-height:32px;padding:7px}.mode-underline{height:2.6svh}}
@media(orientation:landscape) and (max-height:540px){.mode-watching{top:8%;left:5%}.mode-watching span{font-size:20svh}.mode-investigating{top:43%;left:5%}.mode-paper{font-size:18svh}.mode-paper:last-of-type{font-size:15svh}.mode-machine{left:56%;width:42%;height:88%;top:2%}.mode-hint{font-size:9px}.mode-actions{left:5%;right:43%;bottom:5%;gap:4%}.mode-primary{font-size:2.5svh;min-height:44px;padding:10px 4%}.mode-all-stories{font-size:1.8svh;min-height:44px;padding:8px 3%}.mode-direction{left:54%;top:23%}}
@media(prefers-reduced-motion:reduce){.mode-watching{will-change:auto}.mode-primary,.mode-all-stories,.mode-primary span,.mode-direction{transition:none}}

@media(max-width:767px) and (orientation:portrait){.final-mode[data-mode="investigate"] .mode-hint{visibility:hidden}}