/*! Copyright 2026 LoschaZ Games (loschazgames.com). All rights reserved. */
.sync{--tool-accent:var(--accent-3);padding-bottom:var(--space-8)}.sync [hidden]{display:none!important}.sync-hero__art{display:none}.sync-hero__svg{display:block;width:100%;height:auto}.sync-d-frame{fill:var(--surface-2);stroke:var(--line-strong);stroke-width:2}.sync-d-screen{fill:var(--bg-deep);stroke:var(--line);stroke-width:1.5}.sync-d-line{fill:none;stroke:color-mix(in srgb,var(--tool-accent) 55%,var(--ink-2));stroke-width:4;stroke-linecap:round}.sync-d-arrow{fill:none;stroke:var(--accent);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.sync-d-lock{fill:var(--surface-3);stroke:var(--tool-accent);stroke-width:2}.sync-d-lockline{fill:none;stroke:var(--tool-accent);stroke-width:2;stroke-linejoin:round}@media(min-width:1100px){.sync-hero__art{display:block}}.sync-app{scroll-margin-top:var(--sticky-top,5rem)}.sync-body{display:grid;gap:var(--space-5)}.sync-card{display:grid;gap:var(--space-3);align-content:start;min-width:0;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2)}.sync-card h3,.sync-state h3{margin:0;font-size:var(--fs-lg);line-height:var(--lh-ui)}.sync-card p,.sync-state p{margin:0;color:var(--ink-2);line-height:var(--lh-body)}.sync-card>.lz-btn{justify-self:start}.sync-start{display:grid;gap:var(--space-4)}@media(min-width:900px){.sync-start{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.sync-join{display:grid;gap:var(--space-2)}.sync-join label{font-weight:600;color:var(--ink)}.sync-join__row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sync-join input{flex:1 1 16rem;min-width:0;min-height:48px;padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-deep);color:var(--ink);font-family:var(--font-mono);font-size:var(--fs-md);letter-spacing:.04em;text-transform:uppercase;outline-offset:2px}.sync-join input[aria-invalid=true]{border-color:var(--danger)}.sync-error{margin:0;color:var(--danger);font-size:var(--fs-sm)}.sync-confirm{justify-items:start;border-color:color-mix(in srgb,var(--tool-accent) 45%,var(--line));background:color-mix(in srgb,var(--tool-accent) 8%,var(--surface-2))}.sync-code{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-deep);color:var(--ink);font-family:var(--font-mono);font-size:clamp(.95rem,2.6vw,1.2rem);letter-spacing:.06em;overflow-wrap:anywhere}.sync-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sync-connected{display:grid;gap:var(--space-4)}.sync-state{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--accent) 9%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}.sync-state>div{flex:1 1 14rem;min-width:0}.sync-dot{flex:none;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}.sync-qr{display:grid;justify-items:center;gap:var(--space-3);margin:0;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-3)}.sync-qr__code{width:min(100%,240px);aspect-ratio:1;padding:var(--space-2);border-radius:var(--radius-md);background:#fff}.sync-qr__code svg{display:block;width:100%;height:100%}.sync-qr figcaption{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink-2);font-size:var(--fs-sm);font-weight:600;text-align:center}.sync-link{width:100%;min-height:48px;padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-deep);color:var(--ink);font-size:var(--fs-md);outline-offset:2px}.sync-note{display:flex;gap:var(--space-2);align-items:flex-start;color:var(--muted)!important;font-size:var(--fs-sm)}.sync-note .icon{flex:none;margin-top:.2em;color:var(--tool-accent)}.sync-tools{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}@media(min-width:900px){.sync-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.sync-switch{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);min-height:48px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-1);cursor:pointer}.sync-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.sync-switch__track{position:relative;flex:none;width:44px;height:26px;margin-top:2px;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--line-strong);transition:background-color var(--dur-fast) var(--ease)}.sync-switch__track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--ink-2);transition:transform var(--dur-fast) var(--ease)}.sync-switch input:checked+.sync-switch__track{background:var(--accent);border-color:var(--accent)}.sync-switch input:checked+.sync-switch__track:after{transform:translate(18px);background:var(--accent-ink)}.sync-switch input:focus-visible+.sync-switch__track{outline:2px solid var(--accent);outline-offset:3px}.sync-switch input:disabled+.sync-switch__track{opacity:.5}.sync-switch__text{display:grid;gap:2px;min-width:0}.sync-switch__text strong{color:var(--ink);font-size:var(--fs-md)}.sync-switch__text span{color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-ui)}.sync-switch__text .sync-switch__note{color:var(--accent-2)}.sync-manage [data-danger]{border-color:color-mix(in srgb,var(--danger) 55%,var(--line-strong));color:var(--danger)}.sync-status{min-height:1.6em;margin:0;color:var(--ink-2);font-weight:600}.sync-status.is-error{color:var(--danger)}.sync-shell[aria-busy=true] .sync-status:before{content:"";display:inline-block;width:12px;height:12px;margin-right:var(--space-2);border-radius:50%;border:2px solid color-mix(in srgb,var(--tool-accent) 30%,transparent);border-top-color:var(--tool-accent);vertical-align:-1px;animation:sync-spin .9s linear infinite}@keyframes sync-spin{to{transform:rotate(360deg)}}.sync-info{display:grid;gap:var(--space-7);max-width:48rem;margin-top:var(--space-8)}.sync-section h2{margin:0 0 var(--space-4);font-size:clamp(1.6rem,3vw,2.2rem)}.sync-section ul{display:grid;gap:var(--space-2)}.sync-carried a{font-weight:600}.sync-carried__off{color:var(--accent-2)}.sync-faq .lz-section-head{margin-bottom:var(--space-4)}@media(max-width:760px){.sync-card,.sync-state{padding:var(--space-4)}.sync-state .lz-btn{width:100%}.sync-info{margin-top:var(--space-7);gap:var(--space-6)}}@media(hover:hover)and (pointer:fine){.sync-switch:hover{background:var(--surface-3)}}.sync-faq .lz-section-head h2{font-size:clamp(1.6rem,3vw,2.2rem)}