body.sz-page{background:#f2f5fa;color:#0f1429}.sz-page .zb-brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:900}.sz-page .zb-brand img{width:38px;height:38px}.sz-main{max-width:1060px;margin:32px auto 60px;padding:0 20px}.sz-intro{margin-bottom:24px}.sz-intro h1{font-size:32px;line-height:1.25}.sz-intro p{color:#536477;margin-top:8px}.sz-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:24px;align-items:start}.sz-card{background:white;border:1px solid #dce3ef;border-radius:10px;padding:24px}.sz-top,.sz-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.sz-top{font-size:13px;color:#536477}.sz-top strong{color:#0f1429}.sz-board{display:grid;grid-template-columns:repeat(var(--size,6),minmax(0,1fr));border:1px solid #8793a3;border-radius:8px;overflow:hidden;margin:24px auto;max-width:560px;container-type:inline-size;user-select:none;position:relative}.sz-cell{aspect-ratio:1;min-width:0;border:0;border-right:1px solid #26344930;border-bottom:1px solid #26344930;padding:0;background:var(--region);color:#122644;font-size:clamp(18px,calc(65cqw / var(--size,6)),52px);line-height:1;font-weight:900;position:relative;touch-action:manipulation}.sz-cell.region-right{border-right:1.5px solid #8793a3}.sz-cell.region-bottom{border-bottom:1.5px solid #8793a3}.sz-cell.star{color:transparent;text-shadow:none;background-image:url('../images/sodzvezdie/star.png');background-size:70%;background-repeat:no-repeat;background-position:center}.sz-cell.marked{display:grid;place-items:center;color:#9aa5b5;text-shadow:none;background-image:none}.sz-cell.marked>.fa-xmark{display:block;font-size:clamp(16px,3.5vw,31px);line-height:1;pointer-events:none}.sz-cell.invalid{box-shadow:inset 0 0 0 3px #ac2937;color:#8e1522}.sz-cell:focus-visible{outline:3px solid #102440;outline-offset:-6px;z-index:1}.sz-cell:not(:disabled):hover{filter:brightness(.95)}.sz-cell:disabled{cursor:default;opacity:1}.sz-page button.sz-button{background:white;border:1px solid #cbd4e1;border-radius:6px;color:#102440;font-size:14px;font-weight:800;padding:10px 14px;min-height:44px;box-shadow:none;transform:none}.sz-page button.sz-primary{background:#fcd000;border-color:#fcd000}.sz-page button.sz-button:hover{background:#edf0f4}.sz-page button.sz-primary:hover{background:#e6be00}.sz-page button:disabled{opacity:.5;cursor:default}.sz-message{min-height:3em;margin:18px 0 8px!important;font-size:14px;font-weight:800}.sz-muted{color:#536477;font-size:13px;line-height:1.7}.sz-side{display:grid;gap:20px}.sz-side h2{font-size:20px;margin-bottom:18px}.sz-rules{padding-left:22px;margin:0;line-height:1.8;font-size:14px}.sz-rules li+li{margin-top:12px}.sz-stats{display:flex;gap:28px;margin:0 0 16px}.sz-stats dt{font-size:12px;color:#536477}.sz-stats dd{font-size:26px;font-weight:900;margin:0}.sz-result{background:#eef7ef;border:1px solid #bad6c1;border-radius:8px;padding:20px;margin-top:20px}.sz-result h2{font-size:22px;margin-bottom:10px}.sz-result p{font-size:14px;margin-bottom:16px}.sz-page .zb-footer{background:#fff;color:#0f1429;border-top:1px solid #dce3ef}.sz-page .zb-footer p{color:#536477}.sz-page .zb-footer>a{color:#102440}.sz-footer-brand{font-size:24px;font-weight:900}.sz-page dialog{max-width:860px;width:calc(100% - 32px);max-height:90vh;overflow:auto;border:1px solid #dce3ef;border-radius:12px;padding:40px 26px;color:#0f1429}.sz-page dialog::backdrop{background:#0f142980}.sz-page .zb-instructions{margin:24px auto}.sz-example{display:flex;justify-content:center;gap:5px;margin-top:20px}.sz-example b{width:38px;height:38px;display:grid;place-items:center;background:#e1e8f4;border-radius:4px;color:#102440}.sz-example b.star{background:#fff0b3}.sz-page .zb-instructions p{min-height:0}.sz-page .zb-how-close{border:0;background:transparent}.sz-other{font-size:14px;text-decoration:underline!important;text-underline-offset:4px}
@media(max-width:760px){.sz-layout{grid-template-columns:1fr}.sz-side{grid-template-columns:1fr 1fr}.sz-main{margin-top:24px}.sz-card{padding:18px}.sz-page .zb-header{padding:12px 16px}.sz-page .zb-header nav{gap:10px}.sz-page .zb-brand{font-size:19px}.sz-page .zb-home{font-size:12px;padding:8px}.sz-intro h1{font-size:26px}}
@media(max-width:480px){.sz-side{grid-template-columns:1fr}.sz-main{padding:0 12px}.sz-page .zb-brand img{width:28px;height:28px}.sz-page .zb-brand{gap:5px;font-size:17px}.sz-actions{justify-content:flex-start;gap:8px}.sz-page button.sz-button{padding:9px 11px;font-size:13px}.sz-card{padding:16px}}
.sz-page .zb-footer-links a{color:#536477}.sz-page .zb-footer-links a:hover{color:#102440;text-decoration:underline}.sz-page .sz-cell.star.invalid{background-image:url('../images/sodzvezdie/star.png');background-size:70%;filter:brightness(0.9) sepia(0.2) hue-rotate(-10deg)}.sz-example b.star{display:inline-block;width:32px;height:32px;background-image:url('../images/sodzvezdie/star.png');background-size:70%;background-repeat:no-repeat;background-position:center}.sz-example b.marked{display:grid;place-items:center;width:32px;height:32px;color:#9aa5b5;font-size:20px;background-image:none}.sz-example b.marked>.fa-xmark{line-height:1;pointer-events:none}.sz-constellation{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}
.sz-page button.sz-cell{font-size:clamp(18px,calc(65cqw / var(--size,6)),52px);line-height:1;font-weight:900}
/* Supplied branding, with the same white game shell as Zboropat. */
.sz-page .zb-brand img{width:160px;height:auto;display:block}
.sz-page .zb-footer .sz-footer-brand img{width:128px;height:auto;display:block;margin:auto}
.sz-page .zb-footer a:hover{color:#3f6297;text-decoration:underline;text-underline-offset:3px}
.sz-page .sz-cell:disabled{opacity:1}
.sz-board{isolation:isolate}
.sz-cell{z-index:2}
.sz-constellation{z-index:1;overflow:hidden}
.sz-solved{border-color:#354d72;background:radial-gradient(ellipse at 16% 82%,#758fb13b,transparent 48%),radial-gradient(ellipse at 88% 18%,#707dab40,transparent 42%),radial-gradient(circle at 13% 18%,#c7d5ef80 0 1px,transparent 1.5px),radial-gradient(circle at 77% 72%,#c7d5ef70 0 1px,transparent 1.5px),radial-gradient(circle at 43% 87%,#c7d5ef60 0 1px,transparent 1.5px),linear-gradient(155deg,#0d1b35,#192e50 65%,#0b192f)}
.sz-solved::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 8% 60%,#b5c5e219,transparent 38%),radial-gradient(ellipse at 82% 85%,#b5c5e214,transparent 36%)}
.sz-solved .sz-cell{background-color:transparent;border-color:transparent;box-shadow:none}
.sz-solved .sz-cell.marked{background-image:none}.sz-solved .sz-cell.marked>.fa-xmark{display:none}
.sz-solved .sz-cell.star{filter:drop-shadow(0 0 5px #fff2aa70)}
.sz-sky-outline{fill:#9fbde00a;stroke:#d7e5fa;stroke-width:1.5;stroke-dasharray:3 7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.78;animation:sz-reveal .8s ease-out both}
.sz-shape{font-weight:800;color:#203e66}
@keyframes sz-reveal{from{opacity:0}to{opacity:.78}}
@media(max-width:480px){.sz-page .zb-brand img{width:125px}.sz-page .zb-header nav{gap:8px}}
@media(prefers-reduced-motion:reduce){.sz-sky-outline{animation:none}}




.sz-other .fa-arrow-right{margin-inline-start:.4em;font-size:.9em}

/* Keep a board gesture available to mouse, pen and touch input. */
.sz-board,.sz-page .sz-cell{touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none}
