.panama-lock{--pl-ink:#edf4f7;--pl-muted:#9cb1c2;--pl-accent:#f5b15b;--pl-line:rgba(178,210,230,.16);color:var(--pl-ink);border:1px solid var(--pl-line);border-radius:22px;overflow:hidden;background:#0b1725;font:inherit;isolation:isolate}.panama-lock *{box-sizing:border-box}.panama-lock__head{padding:25px 28px 18px}.panama-lock__title{margin:0 0 8px;font-size:clamp(22px,2.5vw,34px);line-height:1.16;letter-spacing:-.03em}.panama-lock__subtitle{margin:0;max-width:78ch;color:var(--pl-muted);font-size:14px;line-height:1.6}.panama-lock__viewport{position:relative;height:clamp(360px,45vw,570px);background:radial-gradient(ellipse at 50% 30%,#19364b,#0a1422 75%);touch-action:pan-y}.panama-lock__canvas{width:100%;height:100%;display:block;touch-action:none}.panama-lock__loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:36px;color:var(--pl-muted);max-width:100%;font-size:16px;line-height:1.6}.panama-lock__loading[hidden]{display:none}.panama-lock__corner{position:absolute;left:22px;right:22px;top:16px;display:flex;justify-content:space-between;pointer-events:none;color:#aac7d6;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.panama-lock__hint{position:absolute;left:22px;bottom:12px;pointer-events:none;color:#a9becb;font-size:12px;line-height:1.4;padding:5px 9px;border-radius:6px;background:rgba(5,17,28,.5)}.panama-lock button{font:inherit;cursor:pointer}.panama-lock__view-reset{position:absolute;right:20px;bottom:23px;border:1px solid var(--pl-line);border-radius:7px;color:#d1e5ed;background:rgba(12,33,48,.82);font-size:12px!important;padding:7px 10px}.panama-lock__controls{border-top:1px solid var(--pl-line);padding:20px 28px 19px;background:#0d1b2b}.panama-lock__toolbar{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.panama-lock__play,.panama-lock__reset{min-height:43px;border-radius:9px;padding:10px 18px;font-weight:700!important;font-size:14px!important}.panama-lock__play{background:var(--pl-accent);color:#122234;border:1px solid var(--pl-accent)}.panama-lock__play:hover{background:#ffc775}.panama-lock__reset{border:1px solid var(--pl-line);color:#cbdee9;background:transparent}.panama-lock__meter{margin-left:auto;display:flex;gap:14px;align-items:center;color:var(--pl-muted);font-size:13px}.panama-lock__meter strong{font-size:21px;color:#77d0d8;font-variant-numeric:tabular-nums;min-width:52px;text-align:right}.panama-lock__scrub{width:100%;margin:24px 0 14px;accent-color:var(--pl-accent);height:12px;cursor:ew-resize}.panama-lock__stages{display:flex;gap:8px}.panama-lock__stage{border:1px solid var(--pl-line);height:34px;min-width:34px;border-radius:50%;color:#99b3c3;background:transparent;font-size:13px!important;font-variant-numeric:tabular-nums}.panama-lock__stage.is-active{color:#172738;background:#87d0d7;border-color:#87d0d7}.panama-lock__status{font-size:15px;line-height:1.6;margin:14px 0 0;color:#d2e1e8;min-height:48px;max-width:85ch}.panama-lock__sources{margin-top:12px;font-size:12px}.panama-lock__sources a{color:#92afbf;text-decoration:underline;text-underline-offset:3px}.panama-lock button:focus-visible,.panama-lock input:focus-visible,.panama-lock__viewport:focus-visible{outline:3px solid #b8eaf3;outline-offset:4px}.panama-lock.has-fallback .panama-lock__viewport{height:230px}.panama-lock.has-fallback .panama-lock__canvas{display:none}@media(max-width:600px){.panama-lock{border-radius:14px}.panama-lock__head{padding:20px 18px 13px}.panama-lock__viewport{height:365px}.panama-lock__controls{padding:17px 18px}.panama-lock__meter{width:100%;margin:4px 0 0;justify-content:space-between}.panama-lock__hint{left:10px;bottom:9px;max-width:62%;font-size:11px}.panama-lock__view-reset{right:10px;bottom:20px;max-width:30%;font-size:11px!important}.panama-lock__corner{left:16px;right:16px;font-size:10px}.panama-lock__status{min-height:76px;font-size:14px}.panama-lock__stages{gap:10px}}@media(prefers-reduced-motion:reduce){.panama-lock *{scroll-behavior:auto!important;transition:none!important}}[dir=rtl] .panama-lock__meter{margin-left:0;margin-right:auto}[dir=rtl] .panama-lock__hint{left:auto;right:22px}[dir=rtl] .panama-lock__view-reset{right:auto;left:20px}