/* Scoped welcome surface only: existing workspaces and other products unchanged. */
.snv-welcome{--snw-paper:#faf6ed;--snw-ink:#20251f;--snw-muted:#66695f;background:var(--snw-paper);color:var(--snw-ink);border-radius:28px;padding:clamp(16px,4vw,42px);max-width:980px;margin:8px auto 40px;box-sizing:border-box;overflow:clip;font-family:'SM Sham','SA Hazm',Arial,sans-serif;direction:rtl}
.snv-welcome *{box-sizing:border-box}.snw-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.snv-welcome .snw-back{background:transparent;border:0;color:inherit;font:inherit;cursor:pointer;min-height:44px;padding:6px 0;text-decoration:underline;text-underline-offset:5px}.snw-wordmark{font-size:22px;font-weight:700}.snw-heading{text-align:center;max-width:700px;margin:16px auto 0}.snw-greeting{font-size:14px;color:var(--snw-muted);margin:0 0 14px}.snw-heading h1{font-size:clamp(27px,4vw,46px);line-height:1.65;margin:0;font-weight:700;letter-spacing:-.025em}.snw-heading h1 span{display:block}.snw-heading h1 span:last-child{text-decoration:underline;text-decoration-color:#e7b831;text-decoration-thickness:5px;text-underline-offset:8px}.snv-welcome .snw-description{font-size:clamp(15px,2vw,18px);line-height:1.9;max-width:530px;margin:22px auto 4px;color:var(--snw-muted)}
.das-puzzle{width:min(100%,510px);margin:8px auto 0;isolation:isolate}.das-puzzle-board{width:100%;height:auto;display:block;overflow:visible;touch-action:manipulation}.das-puzzle-piece{cursor:pointer;transform-box:fill-box;transform-origin:center;transition:transform .18s ease,opacity .18s ease;outline:none}.das-puzzle-fill{fill:var(--piece-color);stroke:#20251f;stroke-width:3.3;stroke-linejoin:round}.das-puzzle-pencil{stroke:#20251f;stroke-width:1;fill:none;opacity:.5;stroke-dasharray:2 3 16 2}.das-puzzle-icon{stroke:var(--piece-ink);stroke-width:3.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.das-puzzle-title{fill:var(--piece-ink);font-family:inherit;font-size:34px;font-weight:700;direction:rtl;pointer-events:none}.das-puzzle-number{fill:var(--piece-ink);font-size:15px;font-family:inherit;opacity:.7;pointer-events:none}.das-puzzle[data-selected] .das-puzzle-piece:not(.is-selected){opacity:.76}.das-puzzle-piece.is-selected{transform:translateY(-2px) scale(1.055)}.das-puzzle-piece.is-selected .das-puzzle-fill{stroke-width:4.5}.das-puzzle-piece:focus-visible .das-puzzle-fill{stroke:#fff;stroke-width:8;paint-order:stroke fill;filter:drop-shadow(0 0 2px #111)}
@media(hover:hover){.das-puzzle-piece:hover{transform:translateY(-2px) scale(1.035);opacity:1!important}}
.snw-hint{text-align:center;font-size:13px;color:var(--snw-muted);margin:0 0 8px}.snw-details{border-top:3px solid var(--selected-color,#f6c64c);padding:14px 0 0;max-width:540px;margin:0 auto;min-height:190px;text-align:right}.snw-stage-label{font-size:12px;color:var(--snw-muted)}.snw-details h2{font-size:25px;margin:4px 0}.snw-details>p{font-size:17px;line-height:1.9;margin:4px 0 12px}.snv-welcome .snw-note{font-size:13px;color:var(--snw-muted);line-height:1.8}.snv-welcome .snw-start{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 26px;background:#f6c64c;color:#181b16;border:1.5px solid #20251f;border-radius:12px 15px 11px 14px;font:inherit;font-weight:700;cursor:pointer;box-shadow:2px 3px 0 #20251f}.snw-progress{max-width:540px;margin:22px auto 0;font-size:13px;color:var(--snw-muted)}.snw-progress progress{display:block;width:100%;height:7px;margin-top:8px;accent-color:#c68a10}.snv-welcome button:focus-visible{outline:3px solid #ce8c00;outline-offset:4px}
[data-theme=dark] .snv-welcome{--snw-paper:#202721;--snw-ink:#faf6ed;--snw-muted:#c4c8bc}.snv-welcome .das-puzzle{color:#20251f}
@media(max-width:420px){.snv-welcome{border-radius:18px;padding:16px 12px}.snw-heading{margin-top:10px}.snw-heading h1{font-size:27px}.snw-details{min-height:200px;padding:12px 4px 0}.snw-details>p{font-size:16px}.snw-details h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.das-puzzle-piece{transition:none!important}.das-puzzle-piece.is-selected,.das-puzzle-piece:hover{transform:none!important}}

/* Keep centered copy balanced, including narrow screens and browser zoom. */
.snw-heading h1 span,.snv-welcome .snw-description span{display:block;text-wrap:balance}
.snw-details>p{text-wrap:pretty}

/* Fine pencil marks and a drawn offset shadow, no raster assets or filters per piece. */
.das-puzzle-shadow{fill:#20251f;opacity:.18;stroke:#20251f;stroke-width:3;stroke-linejoin:round}
.das-puzzle-hatching{fill:none;stroke:#20251f;stroke-width:1.4;stroke-linecap:round;opacity:.32}
.das-puzzle-piece.is-selected .das-puzzle-pencil{opacity:.7;stroke-width:1.5}
@media(hover:hover){.das-puzzle-piece.is-selected:hover{transform:translateY(-2px) scale(1.055)}}
@media(max-width:420px){.snw-greeting{margin-bottom:8px}.snw-heading h1{line-height:1.5}.snv-welcome .snw-description{margin-top:12px;line-height:1.7}.snw-hint{margin-bottom:6px}}
@media(prefers-reduced-motion:reduce){.das-puzzle-piece.is-selected:hover{transform:none!important}}

/* Offset SVG shadow paths retain the drawn depth without a whole-board filter. */
.das-puzzle-piece{touch-action:manipulation}.das-puzzle-piece:active{opacity:1}
.snv-welcome button:active{transform:translateY(1px)}

/* Finite feedback only. Two drawn halos use opacity rather than blur filters. */
.das-puzzle-piece{transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .18s ease}
.das-puzzle-glow{fill:none;stroke:#ffd22f;stroke-linejoin:round;opacity:0;transition:opacity .18s ease;pointer-events:none}
.das-puzzle-glow.is-outer{stroke-width:19;stroke-opacity:.18}
.das-puzzle-glow.is-inner{stroke-width:10;stroke-opacity:.48}
.das-puzzle-piece:focus-visible .das-puzzle-glow{opacity:1;transition-delay:.3s}
.das-puzzle-piece:focus-visible .das-puzzle-fill{filter:none}
@media(hover:hover) and (pointer:fine){
 .das-puzzle-piece:hover,.das-puzzle-piece.is-selected:hover{transform:translateY(-4px) scale(1.07)}
 .das-puzzle-piece:hover .das-puzzle-glow{opacity:1;transition-delay:.35s}
}
.das-puzzle-piece.is-pressed,.das-puzzle-piece.is-selected.is-pressed,.das-puzzle-piece:active{transform:translateY(1px) scale(1.015);opacity:1!important}
.das-puzzle-piece.is-pressed .das-puzzle-glow{opacity:1;transition-delay:0s}
@media(prefers-reduced-motion:reduce){
 .das-puzzle-piece,.das-puzzle-glow{transition:none!important}
 .das-puzzle-piece,.das-puzzle-piece:hover,.das-puzzle-piece.is-selected:hover,.das-puzzle-piece.is-pressed,.das-puzzle-piece:active{transform:none!important}
}
.snw-route-guide{max-width:620px;margin:12px auto 6px;padding:14px 18px;border-inline-start:3px solid #f6c64c;border-radius:10px;background:#171a16;color:var(--snw-muted);font-size:14px;line-height:1.9;text-align:right}
@media(max-width:600px){.snw-route-guide{margin-inline:4px;padding:12px 14px;font-size:13px;line-height:1.8}}