.game-spaced-out{--so-region-line:3px solid var(--ink);--so-cell-line:1px solid #22304a33;--so-clash:#d23a60;--so-solved:var(--sunbeam);--so-mark:var(--ink);--so-mark-auto:#22304a42}.game-spaced-out .so-home-daily{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.game-spaced-out .so-home-preview{width:180px}@media (width<=600px){.game-spaced-out .so-home-daily{grid-template-columns:minmax(0,1fr);gap:16px}.game-spaced-out .so-home-preview{order:-1;width:150px;margin:0 auto}}.game-spaced-out .so-size{font-variant-numeric:tabular-nums;min-width:58px}.game-spaced-out .so-meta{color:var(--muted);margin:12px 0 20px;font-size:14px;font-weight:700;line-height:1.45}.game-spaced-out .so-muted{color:var(--muted);font-size:14px;font-weight:800}.game-spaced-out .so-meta b,.game-spaced-out .so-muted b,.game-spaced-out .so-next-line b{color:var(--ink);font-variant-numeric:tabular-nums}.game-spaced-out .so-next-line{width:100%;color:var(--muted);margin:4px 0 0;font-size:14px;font-weight:800}.game-spaced-out .so-clock{border:2px solid var(--ink);background:var(--game-tint);border-radius:12px;flex-direction:column;align-items:center;min-width:64px;padding:3px 8px 4px;line-height:1;display:flex}.game-spaced-out .so-clock span{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:800}.game-spaced-out .so-clock b{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:2px;font-size:22px;font-weight:700}.game-spaced-out .so-toggle[aria-pressed=true]{background:var(--signpost-tint);box-shadow:inset 0 0 0 2px var(--signpost), 0 3px 0 #22304ae6}.game-spaced-out .so-play{flex-direction:column;gap:24px;padding-top:4px;display:flex}.game-spaced-out .so-board{--n:7;grid-template-columns:repeat(var(--n), minmax(0, 1fr));width:100%;max-width:calc(var(--n) * 60px + 6px);border:3px solid var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#fff;border-radius:14px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 7px #22304a59}.game-spaced-out .so-row{display:contents}.game-spaced-out .so-cell{aspect-ratio:1;background:var(--so-fill);cursor:pointer;touch-action:none;border:0;border-radius:0;place-items:center;min-width:0;padding:0;display:grid;position:relative}.game-spaced-out .so-cell[data-top=cell]{border-top:var(--so-cell-line)}.game-spaced-out .so-cell[data-top=region]{border-top:var(--so-region-line)}.game-spaced-out .so-cell[data-left=cell]{border-left:var(--so-cell-line)}.game-spaced-out .so-cell[data-left=region]{border-left:var(--so-region-line)}.game-spaced-out .so-cell[aria-disabled=true]{cursor:default}.game-spaced-out .so-cell:focus-visible{outline:3px solid var(--lake);outline-offset:-4px;z-index:1}@media (hover:hover) and (pointer:fine){.game-spaced-out .so-cell:hover:not([aria-disabled=true]):before{content:"";background:#ffffff59;position:absolute;inset:0}}.game-spaced-out .so-dot{aspect-ratio:1;background:var(--so-mark);border-radius:50%;width:20%}.game-spaced-out .so-cell[data-mark=auto] .so-dot{background:var(--so-mark-auto)}.game-spaced-out .so-star{width:66%;height:66%;fill:var(--ink);stroke:var(--ink);stroke-width:1.4px;stroke-linejoin:round;overflow:visible}.game-spaced-out .so-board[data-size=full] .so-cell[data-mark=star] .so-star{animation:.2s ease-out so-star-in}.game-spaced-out .so-board[data-size=full] .so-cell[data-mark=dot] .so-dot{animation:.14s ease-out so-dot-in}.game-spaced-out .so-cell[data-conflict=true]{background:repeating-linear-gradient(-45deg, #d23a6038 0 3px, transparent 3px 7px), var(--so-fill)}.game-spaced-out .so-cell[data-conflict=true]:after{content:"";border:3px solid var(--so-clash);border-radius:8px;position:absolute;inset:2px}.game-spaced-out .so-cell[data-conflict=true] .so-star{fill:var(--so-clash);stroke:var(--so-clash)}.game-spaced-out .so-hint-ring{pointer-events:none;border-radius:8px;position:absolute;inset:3px}.game-spaced-out .so-cell[data-hint=area] .so-hint-ring{border:3px dashed var(--lake);background:#3e8fd81a}.game-spaced-out .so-cell[data-hint=target] .so-hint-ring{border:4px solid var(--lake);background:#3e8fd829;animation:1.2s ease-in-out infinite so-hint-pulse}.game-spaced-out .so-cell[data-hint=wrong] .so-hint-ring{border:3px solid var(--signpost-deep);box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--signpost-deep);animation:1.2s ease-in-out infinite so-hint-pulse;inset:5px}.game-spaced-out .so-hint-badge{aspect-ratio:1;border:2px solid var(--ink);width:max(14px,32%);color:var(--ink);font-family:var(--font-display);pointer-events:none;background:#fff;border-radius:50%;place-items:center;font-size:clamp(9px,1.6vw,13px);font-weight:700;line-height:1;display:grid;position:absolute;top:2px;right:2px}.game-spaced-out .so-hint-msg[data-open=false]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.game-spaced-out .so-hint-msg[data-open=true]{width:100%;max-width:calc(var(--so-n,7) * 60px + 6px);border:2px solid var(--ink);background:#fff;border-radius:14px;align-items:center;gap:10px;margin:0 auto;padding:8px 8px 8px 14px;display:flex;box-shadow:0 4px #22304a59}.game-spaced-out .so-hint-msg[data-open=true] p{flex:1;margin:0;font-size:15px;font-weight:700;line-height:1.35}.game-spaced-out .so-hint-icon{width:22px;height:22px;color:var(--ink);flex:none}.game-spaced-out .so-hint-close{flex:none;width:34px;height:34px}.game-spaced-out .so-hint-count{border:1.5px solid var(--ink);background:var(--game-tint);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 5px;font-size:12px;display:inline-grid}.game-spaced-out .so-cell[data-halo=true]:before{content:"";background:repeating-linear-gradient(45deg,#22304a29 0 2px,#0000 2px 6px);position:absolute;inset:0}.game-spaced-out .so-board[data-size=full][data-solved=true] .so-cell[data-mark=star] .so-star{fill:var(--so-solved);stroke-width:1.8px;animation:none}.game-spaced-out .so-board[data-size=full][data-celebrate=true] .so-cell[data-mark=star] .so-star{animation:so-solved .42s ease-out var(--so-delay,0s) both}.game-spaced-out .so-board[data-size=preview]{--so-region-line:2px solid var(--ink);--so-cell-line:1px solid #22304a29;pointer-events:none;border-width:2px;border-radius:10px;box-shadow:0 4px #22304a59}.game-spaced-out .so-board[data-size=preview] .so-cell[data-conflict=true]:after{border-width:2px;border-radius:5px;inset:1px}.game-spaced-out .so-home-preview .so-board[data-size=preview]{max-width:none}.game-spaced-out .so-help{gap:14px;margin:0;padding:0;list-style:none;display:grid}.game-spaced-out .so-help-step{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px;display:grid}.game-spaced-out .so-help-step h3{font-family:var(--font-display);margin:0 0 2px;font-size:17px;font-weight:600;line-height:1.2}.game-spaced-out .so-help-step p{margin:0;font-size:14.5px;font-weight:600;line-height:1.4}.game-spaced-out .so-help-art{justify-content:center;display:flex}.game-spaced-out .so-help-art .so-board[data-size=preview]{width:76px}.game-spaced-out .so-cycle{align-items:center;gap:1px;display:flex}.game-spaced-out .so-cycle-cell{border:2px solid var(--ink);background:var(--so-fill);border-radius:5px;place-items:center;width:19px;height:19px;display:grid}.game-spaced-out .so-cycle-arrow{stroke-width:3px;width:8px;height:8px;color:var(--muted)}.game-spaced-out .so-help-extras{border-top:2px dashed var(--sky-deep);gap:4px;margin:14px 0 0;padding:10px 0 0;list-style:none;display:grid}.game-spaced-out .so-help-extras li{align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1.3;display:flex}.game-spaced-out .so-help-extras svg{stroke-width:2.2px;flex:none;width:18px;height:18px}.game-spaced-out .so-help-foot{justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;display:flex}.game-spaced-out .so-help-keys{color:var(--muted);margin:0 auto 0 0;font-size:13.5px;font-weight:700}@media (hover:none){.game-spaced-out .so-help-keys{display:none}}@media (width<=420px){.game-spaced-out .so-help{gap:12px}.game-spaced-out .so-help-step{grid-template-columns:70px minmax(0,1fr);gap:12px}.game-spaced-out .so-help-step h3{font-size:16px}.game-spaced-out .so-help-step p{font-size:14px;line-height:1.35}.game-spaced-out .so-help-art .so-board[data-size=preview]{width:66px}.game-spaced-out .so-cycle-cell{width:16px;height:16px}.game-spaced-out .so-cycle-arrow{width:7px;height:7px}}@media (height<=760px) and (width<=600px){.game-spaced-out .so-help{gap:9px}.game-spaced-out .so-help-step{grid-template-columns:62px minmax(0,1fr);gap:10px}.game-spaced-out .so-help-step h3{font-size:15.5px}.game-spaced-out .so-help-step p{font-size:13.5px;line-height:1.3}.game-spaced-out .so-help-art .so-board[data-size=preview]{width:60px}.game-spaced-out .so-help-extras{gap:2px;margin-top:10px;padding-top:8px}.game-spaced-out .so-help-extras li{font-size:13.5px}.game-spaced-out .so-help-foot{margin-top:12px}}@media (width<=359px),(height<=600px){.game-spaced-out .so-help{gap:5px}.game-spaced-out .so-help-step{grid-template-columns:50px minmax(0,1fr);gap:8px}.game-spaced-out .so-help-step h3{font-size:14.5px}.game-spaced-out .so-help-step p{font-size:12.5px;line-height:1.25}.game-spaced-out .so-help-art .so-board[data-size=preview]{width:50px}.game-spaced-out .so-cycle-cell{border-width:1.5px;border-radius:3px;width:11px;height:11px}.game-spaced-out .so-cycle-arrow{width:5px;height:5px}.game-spaced-out .so-help-foot{margin-top:6px}.game-spaced-out .so-help-extras{gap:1px;margin-top:5px;padding-top:4px}.game-spaced-out .so-help-extras li{font-size:12.5px}.game-spaced-out .so-help-extras svg{width:15px;height:15px}.dt-modal:has(.so-help){padding:10px 14px 14px}.dt-modal:has(.so-help) .dt-modal-title{margin:6px 0 0;font-size:18px}.dt-modal:has(.so-help) .dt-icon-btn{width:38px;height:38px}}@keyframes so-hint-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.92)}}@keyframes so-star-in{0%{transform:scale(.4)rotate(-30deg)}70%{transform:scale(1.12)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes so-dot-in{0%{transform:scale(.3)}to{transform:scale(1)}}@keyframes so-solved{0%{fill:var(--ink);transform:scale(1)}20%{fill:var(--so-solved)}45%{transform:scale(1.28)}to{fill:var(--so-solved);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.game-spaced-out .so-star,.game-spaced-out .so-dot,.game-spaced-out .so-hint-ring{animation:none!important}}