.sa{--sa-ink:#eef4ff;--sa-dim:#9fa6d6;--sa-cyan:#7ef0ff;--sa-violet:#c9a8ff;--sa-gold:#ffd77a;--sa-red:#ff7d8f;--sa-glass:#0a0720cc;--sa-line:#7ef0ff4d;--sa-top:var(--pk-fx-top,72px);padding:var(--sa-top) max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));color:var(--sa-ink);font-family:var(--pk-font-body,system-ui, sans-serif);-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden;container:sa/size}.sa-glyphs{width:0;height:0;position:absolute;overflow:hidden}.sa-stage{flex-direction:column;gap:clamp(4px,1.2cqmin,9px);width:min(100%,44rem);height:100%;min-height:0;margin:0 auto;display:flex}.sa-head{border:1px solid var(--sa-line);background:var(--sa-glass);border-radius:14px 4px;flex:none;grid-template-columns:1fr auto;grid-template-areas:"run beacons""stop beacons";column-gap:10px;padding:5px 12px 6px;display:grid}.sa-head__run{letter-spacing:.2em;text-transform:uppercase;color:var(--sa-cyan);grid-area:run;margin:0;font:700 .6rem/1.3 ui-monospace,SF Mono,Menlo,Consolas,monospace}.sa-head__stop{font:800 clamp(.95rem, .8rem + 1.3cqmin, 1.2rem) / 1.15 var(--pk-font-display,system-ui, sans-serif);letter-spacing:.01em;grid-area:stop;margin:0}.sa-beacons{grid-area:beacons;align-self:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sa-beacons__b{background:0 0;border:2px solid #7ef0ff73;width:16px;height:16px;rotate:45deg}.sa-beacons__b[data-state=lit]{background:var(--sa-cyan);box-shadow:0 0 12px var(--sa-cyan);border-color:#fff;animation:.5s ease-out sa-pop}.sa-beacons__b[data-state=dim]{background:#9fa6d659}.sa-chart{border:1px solid var(--sa-line);background:#07051a8c;border-radius:12px;flex:none;grid-template-rows:auto minmax(0,1fr);gap:2px;height:5.6rem;padding:4px 8px 6px;display:grid}.sa[data-phase=choose] .sa-chart{flex:auto;height:auto;min-height:0}.sa-chart__title{letter-spacing:.14em;text-transform:uppercase;color:var(--sa-dim);margin:0;font:700 .72rem/1.2 ui-monospace,SF Mono,Menlo,Consolas,monospace}.sa[data-phase=choose] .sa-chart__title{color:var(--sa-cyan);font-size:clamp(.85rem,.7rem + 1cqmin,1.05rem)}.sa-chart__map{min-height:0;position:relative}.sa-lanes{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sa-lane{stroke:#9fa6d659;stroke-width:1.4px;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.sa-lane--open{stroke:var(--sa-cyan);stroke-dasharray:5 4}.sa-lane--flown{stroke:var(--sa-gold);stroke-dasharray:none;stroke-width:2.4px}.sa-node,.sa-planet{left:calc(var(--x,0) * 100%);top:calc(var(--y,0) * 100%);position:absolute;translate:-50% -50%}.sa-node{border:2px solid var(--sa-cyan);letter-spacing:.06em;text-transform:uppercase;width:2.4rem;height:2.4rem;color:var(--sa-cyan);background:#0b1840;border-radius:50%;place-items:center;font:800 .48rem/1 ui-monospace,monospace;display:grid}.sa-node--signal{border-color:var(--sa-violet);color:var(--sa-violet)}.sa-node--signal[data-lit]{background:var(--sa-violet);color:#120a2e;box-shadow:0 0 18px var(--sa-violet)}.sa-planet{min-width:44px;min-height:44px;color:var(--sa-ink);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-items:center;gap:1px;padding:2px;display:grid}.sa-planet[hidden]{display:none}.sa-planet:disabled{cursor:default}.sa-planet__orb{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, hsl(var(--hue) 90% 82%), hsl(var(--hue) 70% 50%) 50%, hsl(var(--hue) 60% 22%));border-radius:50%;width:clamp(1.4rem,.8rem + 3cqmin,2.6rem);position:relative;box-shadow:0 0 0 2px #07051acc}.sa-planet[data-ringed] .sa-planet__orb:after{content:"";border:2px solid hsl(var(--hue) 80% 80% / .8);border-radius:50%;position:absolute;inset:35% -32%;rotate:-18deg}.sa-planet__name{font:700 clamp(.58rem, .5rem + .6cqmin, .78rem) / 1.1 var(--pk-font-body,system-ui, sans-serif);white-space:nowrap;text-shadow:0 1px 2px #000}.sa-planet__rule{color:var(--sa-gold);white-space:nowrap;font:600 .66rem/1.1 ui-monospace,monospace;display:none}.sa[data-phase=choose] .sa-planet__rule{display:block}.sa-planet[data-open] .sa-planet__orb{box-shadow:0 0 0 3px var(--sa-cyan), 0 0 18px var(--sa-cyan);animation:1.8s ease-in-out infinite sa-breathe}.sa-planet[data-open]:hover .sa-planet__orb,.sa-planet:focus-visible .sa-planet__orb{box-shadow:0 0 0 3px #fff, 0 0 22px var(--sa-cyan)}.sa-planet:focus-visible{outline-offset:2px;outline:2px solid #fff}.sa-planet[data-chosen] .sa-planet__orb{box-shadow:0 0 0 3px var(--sa-gold)}.sa-planet[data-closed]{opacity:.35}.sa-rule{border-left:3px solid var(--sa-cyan);background:#122846cc;border-radius:4px;flex:none;padding:5px 12px}.sa-rule[hidden]{display:none}.sa-rule__name{color:var(--sa-cyan);text-transform:uppercase;letter-spacing:.08em;margin:0;font:800 .8rem/1.2 ui-monospace,monospace}.sa-rule__brief{margin:1px 0 0;font-size:clamp(.72rem,.66rem + .5cqmin,.86rem);line-height:1.3}.sa-board{--sw:clamp(1.4rem, .8rem + 2.5cqw, 2.2rem);border:1px solid var(--sa-line);scrollbar-width:thin;background:radial-gradient(at 50% 120%,#7ef0ff1f,#0000 60%),#050414c7;border-radius:16px;flex-wrap:wrap;flex:auto;place-content:safe center center;gap:8px 13px;min-height:0;padding:10px;display:flex;overflow-y:auto}.sa-word{gap:3px;display:inline-flex}.sa-star{contain:layout paint;width:var(--sw);min-width:24px;color:var(--sa-cyan);cursor:pointer;touch-action:manipulation;background:#7ef0ff0d;border:0;border-radius:8px;justify-items:center;gap:3px;padding:3px 0 2px;display:grid}.sa-glyph{aspect-ratio:6/8;width:74%;height:auto;overflow:visible}.sa-glyph__star{fill:currentColor}.sa-glyph__line{stroke:currentColor;stroke-width:.18px;stroke-linecap:round;opacity:.45;fill:none}.sa-star__face{width:100%;min-height:1.35em;font:800 calc(var(--sw) * .62) / 1.1 var(--pk-font-display,system-ui, sans-serif);color:var(--sa-gold);border-top:2px solid #7ef0ff59;place-items:center;display:grid}.sa-star[data-sel]{box-shadow:inset 0 0 0 2px var(--sa-cyan);background:#7ef0ff33}.sa-star:focus-visible{outline-offset:1px;outline:3px solid #fff}.sa-star[data-given] .sa-star__face{color:var(--sa-violet)}.sa-star[data-wrong]{color:var(--sa-red);background:#ff7d8f40;animation:.36s ease-out sa-shake}.sa-star[data-pop] .sa-star__face{animation:.32s ease-out sa-pop}.sa-board[data-flare] .sa-star{animation:.9s ease-out both sa-flare;animation-delay:calc(var(--i,0) * 25ms)}.sa-keys{flex:none;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;display:grid}.sa-key{clip-path:polygon(14% 0,86% 0,100% 50%,86% 100%,14% 100%,0 50%);min-width:0;min-height:42px;color:var(--sa-ink);font:800 clamp(.95rem, .8rem + .8cqw, 1.15rem) / 1 var(--pk-font-display,system-ui, sans-serif);cursor:pointer;touch-action:manipulation;background:linear-gradient(#1f2a63,#121845);border:1px solid #7ef0ff66;border-radius:8px;place-items:center;padding:0;display:grid}.sa-key:hover{background:linear-gradient(#2c3a80,#19215a)}.sa-key:active{background:var(--sa-cyan);color:#04131a}.sa-key[data-used]{color:var(--sa-dim);background:#12184580}.sa-key:focus-visible{outline-offset:-3px;outline:3px solid #fff}.sa-key--clear{background:linear-gradient(#5a2340,#36142a)}.sa-foot{flex:none;gap:5px;display:grid}.sa-status{background:var(--sa-glass);border-radius:8px;min-height:2.4em;margin:0;padding:4px 10px;font-size:clamp(.78rem,.72rem + .5cqmin,.92rem);line-height:1.25}.sa-status[data-tone=good]{color:var(--sa-cyan)}.sa-status[data-tone=bad]{color:#ffc0c9}.sa-status[data-tone=note]{color:var(--sa-gold)}.sa-actions{gap:8px;display:flex}.sa-btn{border:1px solid var(--sa-cyan);min-height:44px;color:var(--sa-ink);font:700 .88rem / 1 var(--pk-font-body,system-ui, sans-serif);cursor:pointer;background:#12285ad9;border-radius:22px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.sa-btn:hover{background:#1e3c82e6}.sa-btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.sa-btn[aria-pressed=false]{opacity:.75}.sa-btn__cost{color:var(--sa-dim);font-size:.64rem}.sa[data-hinted] .sa-btn__cost{color:var(--sa-gold)}.sa[data-phase=choose] .sa-rule,.sa[data-phase=choose] .sa-board,.sa[data-phase=choose] .sa-keys,.sa[data-phase=choose] .sa-actions{display:none}.sa-card{left:50%;top:calc(var(--sa-top) + 4px);width:min(100% - 20px,30rem);max-height:calc(100% - var(--sa-top) - 12px);border:1px solid var(--sa-cyan);background:linear-gradient(160deg,#1a1446f7,#08061ef7);border-radius:20px 6px;gap:6px;padding:16px 18px 18px;animation:.36s cubic-bezier(.2,1.2,.4,1) both sa-card-in;display:grid;position:absolute;overflow-y:auto;transform:translate(-50%);box-shadow:0 0 30px #7ef0ff40,0 18px 40px #0009}.sa-card[hidden]{display:none}.sa-card__kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--sa-cyan);margin:0;font:700 .68rem/1.2 ui-monospace,monospace}.sa-card__title{font:800 clamp(1.3rem, 1rem + 2cqmin, 1.75rem) / 1.1 var(--pk-font-display,system-ui, sans-serif);margin:0}.sa-card__rule{color:var(--sa-gold);text-transform:uppercase;letter-spacing:.06em;margin:0;font:800 .9rem/1.2 ui-monospace,monospace}.sa-card__body{color:#dfe4ff;margin:0;font-size:.92rem;line-height:1.4}.sa-card__text{border-left:3px solid var(--sa-violet);font:700 1rem / 1.35 var(--pk-font-display,system-ui, sans-serif);background:#c9a8ff1a;margin:0;padding:10px 12px}.sa-example{border-top:1px dashed var(--sa-line);flex-wrap:wrap;gap:8px;margin:0;padding:8px 0 0;list-style:none;display:flex}.sa-example[hidden]{display:none}.sa-example__pair{width:2.6rem;color:var(--sa-cyan);justify-items:center;gap:3px;display:grid}.sa-example__pair .sa-glyph{width:1.6rem}.sa-example__true{font:800 1.15rem / 1 var(--pk-font-display,system-ui, sans-serif);color:var(--sa-gold)}.sa-go{color:#07051a;min-height:48px;font:800 1.05rem / 1 var(--pk-font-body,system-ui, sans-serif);cursor:pointer;background:linear-gradient(90deg,#3fd8f0,#a98bff);border:0;border-radius:24px;margin-top:6px}.sa-go:focus-visible{outline-offset:2px;outline:3px solid #fff}.sa[data-clean=yes] .sa-card--arrived .sa-card__title{color:var(--sa-cyan)}.sa[data-cover] .sa-keys,.sa[data-cover] .sa-foot,.sa[data-cover] .sa-rule{visibility:hidden}@container sa (height<=34rem){.sa-head__run{display:none}.sa-head{padding:3px 10px}.sa-head__stop{font-size:.9rem}.sa:not([data-phase=choose]) .sa-chart{display:none}.sa-rule{padding:3px 8px}.sa-rule__brief{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.68rem;display:-webkit-box;overflow:hidden}.sa-keys{gap:3px}.sa-glyph{width:58%}.sa-board{gap:5px 9px;padding:6px}.sa-status{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:2px 8px;font-size:.72rem;display:-webkit-box;overflow:hidden}.sa-btn{min-height:40px}.sa-planet__name{display:none}.sa[data-phase=choose] .sa-planet__name{display:block}.sa-key{min-height:34px}.sa-status{min-height:0}.sa-btn__cost{display:none}}@container sa (height<=26rem){.sa:not([data-phase=choose]) .sa-chart{display:none}}@container sa (height<=26rem) and (width>=34rem){.sa:not([data-phase=choose]) .sa-stage{grid-template:"rule keys""board keys"minmax(0,1fr)"board status""board actions"/minmax(0,1.2fr) minmax(0,1fr);column-gap:10px;width:100%;display:grid}.sa:not([data-phase=choose]) .sa-head{display:none}.sa-rule{grid-area:rule;padding:3px 8px}.sa-rule__brief{display:none}.sa-board{grid-area:board}.sa-keys{grid-area:keys;align-self:start;gap:3px}.sa-key{min-height:32px;font-size:.9rem}.sa:not([data-phase=choose]) .sa-foot{display:contents}.sa-status{white-space:nowrap;text-overflow:ellipsis;grid-area:status;padding:2px 6px;font-size:.72rem;overflow:hidden}.sa-actions{grid-area:actions}.sa-btn{min-height:36px;font-size:.8rem}}@container sa (width>=40rem) and (height>=40rem){.sa-keys{grid-template-columns:repeat(14,minmax(0,1fr))}}@keyframes sa-dash{to{stroke-dashoffset:-18px}}@keyframes sa-breathe{50%{scale:1.08}}@keyframes sa-pop{0%{opacity:.2;scale:.4}70%{scale:1.15}to{scale:1}}@keyframes sa-flare{30%{opacity:.55;translate:0 -4px}to{translate:0}}@keyframes sa-shake{30%{translate:-3px}60%{translate:3px}}@keyframes sa-card-in{0%{opacity:0;translate:0 14px}}[data-pk-motion=reduce] .sa-star,[data-pk-motion=reduce] .sa-star__face,[data-pk-motion=reduce] .sa-card,[data-pk-motion=reduce] .sa-planet__orb,[data-pk-motion=reduce] .sa-lane,[data-pk-motion=reduce] .sa-beacons__b{animation:none!important}