.sky{--accent:#6ab7e8}.sky-board{display:flex;align-items:center;justify-content:center;position:relative;padding:16px 14px;flex-direction:column;aspect-ratio:auto;min-height:0;background:radial-gradient(120% 90% at 50% -12%,rgba(106,183,232,.14),transparent 55%),linear-gradient(180deg,#0a1220 0%,#0c1626 55%,#0f1e36 100%)}.sky-board:before{content:"";position:absolute;left:0;right:0;bottom:0;height:54%;pointer-events:none;background:linear-gradient(0deg,rgba(126,190,235,.1) 0 100%) 2% 100%/7% 42% no-repeat,linear-gradient(0deg,rgba(126,190,235,.14) 0 100%) 9% 100%/4.5% 70% no-repeat,linear-gradient(0deg,rgba(126,190,235,.08) 0 100%) 15% 100%/8% 30% no-repeat,linear-gradient(0deg,rgba(126,190,235,.12) 0 100%) 23% 100%/5% 54% no-repeat,linear-gradient(0deg,rgba(126,190,235,.09) 0 100%) 76% 100%/6% 46% no-repeat,linear-gradient(0deg,rgba(126,190,235,.13) 0 100%) 84% 100%/4.5% 64% no-repeat,linear-gradient(0deg,rgba(126,190,235,.08) 0 100%) 91% 100%/8% 34% no-repeat,linear-gradient(0deg,rgba(126,190,235,.11) 0 100%) 98% 100%/5% 50% no-repeat,linear-gradient(0deg,rgba(106,183,232,.1),transparent 72%)}.sky-board>div:first-child{position:relative;z-index:1;width:min(100%,560px);background:linear-gradient(180deg,rgba(13,22,40,.74),rgba(8,14,26,.62));border:1px solid rgba(106,183,232,.2);border-radius:16px;padding:14px 14px 12px;box-shadow:0 16px 36px -20px #000000bf,inset 0 1px #a0d7f512}.sky-grid{display:grid;grid-template-columns:repeat(var(--n,7),1fr);grid-template-rows:repeat(var(--n,7),1fr);gap:4px;width:min(66vh,100%,520px);aspect-ratio:1;margin:0 auto}.sky-clue{position:relative;display:grid;place-items:center;font:800 clamp(13px,3vmin,20px)/1 var(--font-mono);color:#7ec4f0f2;transition:opacity .2s,color .2s}.sky-clue.ok{opacity:.32}.sky-clue.bad{color:#e0564a}.sky-clue:before{position:absolute;font-size:.52em;line-height:1;opacity:.55}.sky-clue:empty:before{content:none}.sky-clue[data-t]:before{content:"▾";bottom:1px;left:50%;transform:translate(-50%)}.sky-clue[data-b]:before{content:"▴";top:1px;left:50%;transform:translate(-50%)}.sky-clue[data-l]:before{content:"▸";right:2px;top:50%;transform:translateY(-50%)}.sky-clue[data-r]:before{content:"◂";left:2px;top:50%;transform:translateY(-50%)}.sky-cell{appearance:none;position:relative;z-index:0;overflow:hidden;border:1px solid rgba(106,183,232,.3);border-radius:9px;cursor:pointer;background:linear-gradient(180deg,rgba(126,190,240,.09),rgba(126,190,240,0) 36%) rgba(14,22,38,.82);color:#f4f9ff;font:800 clamp(15px,3.6vmin,24px)/1 var(--font-mono);text-shadow:0 1px 2px rgba(3,8,18,.95),0 0 7px rgba(3,8,18,.55);transition:background .12s,border-color .12s;touch-action:manipulation;padding:0;--bt:#cfeaff;--bm:#5f9ed8;--bb:#20406b;--glow:rgba(106,183,232,.4)}.sky-cell:hover{border-color:var(--accent)}.sky-cell:after{content:"";position:absolute;left:16%;right:16%;bottom:0;z-index:-1;height:calc(var(--v,0)*88%);border-radius:4px 4px 0 0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%),repeating-linear-gradient(0deg,rgba(7,13,26,.4) 0 2px,transparent 2px 8px),repeating-linear-gradient(90deg,rgba(7,13,26,.36) 0 2px,transparent 2px 7px),linear-gradient(180deg,var(--bt),var(--bm) 42%,var(--bb));box-shadow:inset 0 2px #e8f7ff8c,inset 0 0 0 1px #bee6ff40,0 0 12px -2px var(--glow);transition:height .2s ease,opacity .2s ease}.sky-cell:empty:after{height:0;opacity:0;box-shadow:none}.sky-cell.sel{border-color:var(--accent);box-shadow:0 0 0 2px #6ab7e880;background:rgba(106,183,232,.14)}.sky-cell.sel:after{filter:brightness(1.12) saturate(1.08)}.sky-cell.bad{color:#ff8a7a;border-color:#e0564aa6;--bt:#f4c4b8;--bm:#cd6a58;--bb:#5e2422;--glow:rgba(224,86,74,.4)}.sky-pad{display:flex;gap:6px;justify-content:center;margin-top:12px;flex-wrap:wrap}.sky-key{min-width:44px;min-height:46px;justify-content:center;font-family:var(--font-mono);font-weight:800;position:relative;overflow:hidden;z-index:0}.sky-key:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;pointer-events:none;height:calc(var(--v,0)*100%);background:repeating-linear-gradient(0deg,rgba(7,13,26,.3) 0 1px,transparent 1px 5px),linear-gradient(180deg,rgba(150,205,245,.4),rgba(106,183,232,.12));box-shadow:inset 0 1px #d6f0ff80}.sky-key[data-v="0"]:after{content:none}.sky-over[hidden]{display:none}.sky-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(6,10,18,.82);backdrop-filter:blur(4px);border-radius:16px;z-index:5}.sky-over b{font-size:52px;line-height:1}.sky-over span{font:700 15px/1.5 var(--font-sans);color:#dfe9ff}@media (max-width:600px){.sky-board{padding:10px 8px}.sky-board>div:first-child{padding:10px 8px 8px}}