*{box-sizing:border-box}html,body,#root{color:#dfe7e5;background:#000;width:100%;height:100%;margin:0;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.app{width:100%;height:100%;position:relative}.mission{position:absolute;inset:0}.overlay{cursor:pointer;-webkit-user-select:none;user-select:none;background:#000000d1;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.overlay.end{cursor:default;background:#000}.start-title{letter-spacing:.35em;font-size:34px;font-weight:300}.start-sub{opacity:.65;letter-spacing:.1em;font-size:15px}.controls{opacity:.4;letter-spacing:.08em;margin-top:28px;font-size:12px}.title-card{opacity:0;pointer-events:none;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity 1.4s;display:flex;position:absolute;inset:0}.title-card.on{opacity:1;transition:none}.title-line{letter-spacing:.25em;font-size:26px;font-weight:300}.title-place{opacity:.45;letter-spacing:.15em;font-size:12px}.subtitle{text-align:center;opacity:0;pointer-events:none;background:#0000008c;border-radius:4px;max-width:min(760px,86vw);padding:10px 18px;font-size:18px;line-height:1.45;transition:opacity .4s;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.subtitle.on{opacity:1}.subtitle .speaker{letter-spacing:.15em;text-transform:uppercase;opacity:.55;margin-bottom:4px;font-size:12px;display:block}.fade{opacity:0;pointer-events:none;background:#000;transition:opacity 2.4s ease-in;position:absolute;inset:0}.fade.on{opacity:1}.end-next{letter-spacing:.2em;font-size:20px;font-weight:300}.end-note{opacity:.45;font-size:12px}.subtitle.echo{color:#cfe6ff;letter-spacing:.03em;background:#020a1899;font-style:italic}.subtitle.echo .speaker{color:#6fb6ff;font-style:normal}.scene-layer{position:absolute;inset:0}.vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 26%,#000000ad 58%,#000000fa 100%);position:absolute;inset:0}.inner-text{text-align:center;pointer-events:none;width:min(900px,90vw);transition:opacity 2.2s,filter 2.2s;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.inner-text.fading{opacity:0;filter:blur(6px)}.inner-line{color:#e8eef2;letter-spacing:.6em;opacity:0;filter:blur(10px);text-shadow:0 0 2px #000000e6,0 0 14px #000000bf,0 0 34px #0009,0 0 22px #c8e1ff4d;font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,3vw,34px);font-style:italic;font-weight:300;line-height:1.8;transition:opacity 1.6s,filter 1.6s,letter-spacing 2.4s cubic-bezier(.2,.7,.2,1)}.inner-line.on{opacity:.82;filter:blur();letter-spacing:.08em}.qte{opacity:0;pointer-events:none;flex-direction:column;gap:12px;width:min(520px,84vw);transition:opacity .8s;display:flex;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.qte.on{opacity:1}.qte-row{align-items:center;gap:12px;display:flex}.qte-label{letter-spacing:.2em;text-transform:uppercase;opacity:.6;width:110px;font-size:11px}.qte-track{background:#ffffff14;border-radius:3px;flex:1;height:6px;overflow:hidden}.qte-fill{border-radius:3px;width:0;height:100%}.qte-fill.reg{background:linear-gradient(90deg,#6f8b96,#b9d3dc)}.qte-fill.res{background:linear-gradient(90deg,#b86a2e,#ffc27a)}.qte-key{color:#ffd9ae;opacity:0;border:1px solid #ffd2a099;border-radius:4px;place-items:center;width:26px;height:26px;font-size:13px;transition:opacity .4s;display:grid}.qte-key.on{opacity:1;animation:.9s ease-in-out infinite key-pulse}@keyframes key-pulse{50%{transform:scale(1.12);box-shadow:0 0 12px #ffbe7873}}.hint{letter-spacing:.04em;text-align:center;color:#d6f3ff;opacity:0;pointer-events:none;background:#000c148c;border-left:2px solid #4fd8ff;max-width:min(640px,86vw);padding:8px 16px;font-size:15px;transition:opacity .35s;position:absolute;top:16%;left:50%;transform:translate(-50%)}.hint.on{opacity:1}.prompt{letter-spacing:.15em;opacity:0;pointer-events:none;background:#00000073;border:1px solid #dcf0eb80;border-radius:4px;padding:6px 14px;font-size:14px;transition:opacity .3s;position:absolute;top:58%;left:50%;transform:translate(-50%)}.prompt.on{opacity:1}.worldmap{opacity:0;pointer-events:none;background:#000;transition:opacity 2.6s;position:absolute;inset:0}.worldmap.on{opacity:1;pointer-events:auto;cursor:pointer}.worldmap-image{filter:blur(3px)saturate(.7)brightness(.8);background:50%/contain no-repeat;transition:filter 4s,transform 6s;position:absolute;inset:6% 8%;transform:scale(1.06)}.worldmap.on .worldmap-image{filter:blur(.6px)saturate(.85)brightness(.95);transform:scale(1)}.worldmap-vignette{pointer-events:none;background:radial-gradient(at 38% 42%,#0000 22%,#0000008c 52%,#000000f7 80%);position:absolute;inset:0}.worldmap-continue{letter-spacing:.2em;opacity:0;font-size:12px;transition:opacity 1s 3.5s;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.worldmap.on .worldmap-continue{opacity:.5}.fade.intro{transition:opacity .9s ease-out}.fade.quick{transition:opacity .55s ease-in}.arrest{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .6s;display:flex;position:absolute;inset:0}.arrest.on{opacity:1}.arrest-tint{mix-blend-mode:multiply;background:radial-gradient(#ff463259 0%,#960000bf 100%);position:absolute;inset:0}.arrest-title{letter-spacing:.12em;color:#ffe9e4;text-shadow:0 0 24px #ff2814b3,0 2px 6px #000c;font-size:clamp(34px,6vw,72px);font-weight:300;position:relative}.arrest-sub{letter-spacing:.5em;text-transform:uppercase;color:#ffb8aa;opacity:.85;font-size:clamp(16px,2vw,24px);position:relative}