.video-dialog.registration-puzzle-dialog{width:min(338px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border-radius:10px;background:#fff;color:#30333a;overflow:auto;box-shadow:0 12px 40px #0005;font-family:Arial,Helvetica,sans-serif}.registration-puzzle{padding:17px;box-sizing:border-box}.registration-puzzle *{box-sizing:border-box}.registration-puzzle header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.registration-puzzle header h2{font-size:17px;margin:0 0 5px;font-weight:600;color:#31343a}.registration-puzzle header p{font-size:12px;color:#858a92;margin:0}.registration-puzzle header button{border:0;background:none;color:#a1a6ad;font-size:23px;line-height:1;padding:0 0 5px 9px;cursor:pointer}.puzzle-image{position:relative;width:100%;overflow:hidden;border-radius:4px;background:#254b2b}.puzzle-image>svg{display:block;width:100%;height:auto}.puzzle-hole{fill:#0d1d16;fill-opacity:.67;stroke:#fff;stroke-opacity:.65;stroke-width:1;stroke-dasharray:2 1}.puzzle-piece-edge{fill:none;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 1px 2px #0009)}#puzzleMovingPiece{filter:drop-shadow(1px 2px 3px #0009)}.puzzle-image-caption{position:absolute;bottom:0;left:0;right:0;padding:5px;text-align:center;background:#0005;color:#fff;font-size:10px;line-height:1.4}.puzzle-slider{height:42px;border-radius:4px;background:#f3f5f7;border:1px solid #e0e5ea;position:relative;margin:15px 0 10px;overflow:hidden}.puzzle-slider>span{position:absolute;inset:0 auto 0 0;background:#dceee5;width:0;pointer-events:none}.puzzle-slider>label{position:absolute;inset:0;display:grid;place-items:center;padding-left:28px;font-size:11px;color:#959ca5;pointer-events:none;white-space:nowrap}.puzzle-slider input{position:absolute;inset:0;width:100%;height:100%;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:grab;touch-action:none;padding:0;border:0;border-radius:4px;outline-offset:-2px}.puzzle-slider input:active{cursor:grabbing}.puzzle-slider input::-webkit-slider-runnable-track{background:transparent;height:40px}.puzzle-slider input::-moz-range-track{background:transparent;height:40px}.puzzle-slider input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:43px;height:40px;border-radius:3px;border:1px solid #d7dfe8;box-shadow:1px 0 4px #8996a633;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m5 6 6 6-6 6m7-12 6 6-6 6' fill='none' stroke='%238a96a8' stroke-width='1.8'/%3E%3C/svg%3E") center no-repeat}.puzzle-slider input::-moz-range-thumb{width:42px;height:38px;border-radius:3px;border:1px solid #d7dfe8;box-shadow:1px 0 4px #8996a633;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m5 6 6 6-6 6m7-12 6 6-6 6' fill='none' stroke='%238a96a8' stroke-width='1.8'/%3E%3C/svg%3E") center no-repeat}.puzzle-status{font-size:11px;line-height:1.5;color:#8a929c;min-height:32px;margin:0 0 4px}.puzzle-keyboard{font-size:9px;line-height:1.5;color:#a1a6ad;margin:0 0 10px}.registration-puzzle footer{display:flex;align-items:center;gap:8px;border-top:1px solid #edf0f4;padding-top:10px}.registration-puzzle footer>span{font-size:9px;color:#a6adb6;flex:1}.registration-puzzle button{font-family:inherit}.registration-puzzle .puzzle-refresh{font-size:22px;color:#969faa;line-height:1;border:0;background:none;padding:0 4px;cursor:pointer}.registration-puzzle .puzzle-check{font-size:10px;line-height:1.5;color:#5b7295;background:#f0f4f9;border:1px solid #e0e6ef;border-radius:4px;padding:5px 7px;cursor:pointer}.registration-puzzle .puzzle-continue{display:block;width:100%;border:0;border-radius:5px;padding:11px;margin-top:13px;font-size:12px;font-weight:600;letter-spacing:.5px;color:#fff;background:#2cb37c;cursor:pointer}.registration-puzzle .puzzle-continue:disabled{color:#a7b0bb;background:#e9edf2;cursor:default}.registration-puzzle .puzzle-check:disabled{opacity:.55;cursor:default}.registration-puzzle[data-state=error] .puzzle-status{color:#d65a50}.registration-puzzle[data-state=error] .puzzle-slider{border-color:#efb6b0}.registration-puzzle[data-state=success] .puzzle-slider{background:#e8f7ee;border-color:#9bd8b8}.registration-puzzle[data-state=success] .puzzle-slider>label{padding-left:0;color:#249861}.registration-puzzle[data-state=success] .puzzle-slider input{visibility:hidden}.registration-puzzle[data-state=success] .puzzle-status{color:#249861}.registration-puzzle[data-state=success] .puzzle-piece-edge{stroke:#6bffaf;stroke-width:1.7}.registration-puzzle button:focus-visible,.registration-puzzle input:focus-visible{outline:2px solid #768fe4;outline-offset:2px}#inviteInput[readonly]{color:#d3c3ff;letter-spacing:1px;cursor:default}.registration-puzzle-dialog::backdrop{background:#06040d9e}@media(max-width:350px){.registration-puzzle{padding:14px}.puzzle-slider>label{font-size:10px}.registration-puzzle header h2{font-size:16px}}@media(prefers-reduced-motion:reduce){#puzzleMovingPiece{transition:none}}
