.pw-root{--sun:#e39a2c;--sun-ray:#e8a94a;--moon:#4f74a0}.pw-root[data-theme=dark]{--sun:#f0b54e;--sun-ray:#f3c46e;--moon:#9dbce0}.pg-sunmoon .pg-grid{--gap:clamp(4px, calc(var(--cell,60px) * .09), 9px);gap:var(--gap);position:relative}.pg-sunmoon .pg-cell{background:var(--raised);box-shadow:inset 0 0 0 1.5px var(--slab-edge), 0 2px 0 var(--slab-edge);border-radius:22%}.pg-sunmoon .pg-cell.locked{background:color-mix(in srgb, var(--slab-edge) 55%, var(--raised));box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--slab-edge) 80%, var(--ink) 8%);cursor:default}.pg-sunmoon .pg-cell svg{width:66%;height:66%}.sun .sun-disc{fill:var(--sun)}.sun .sun-rays{stroke:var(--sun-ray)}.moon .moon-body{fill:var(--moon)}.pg-sunmoon .pg-cell.locked svg{filter:saturate(.9)}.pg-sunmoon .pg-cell.bad{box-shadow:inset 0 0 0 3px var(--clay);background-image:repeating-linear-gradient(135deg, color-mix(in srgb, var(--clay) 22%, transparent) 0 5px, transparent 5px 11px)}.pg-sunmoon .pg-cell.hl{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--ink) 55%, transparent)}.pg-sunmoon .pg-cell.target{box-shadow:inset 0 0 0 3.5px var(--lichen), 0 0 0 3px color-mix(in srgb, var(--lichen) 35%, transparent);animation:1.1s ease-in-out infinite sm-glow}@keyframes sm-glow{50%{box-shadow:inset 0 0 0 3.5px color-mix(in srgb, var(--lichen) 40%, transparent)}}.sm-sign{z-index:3;width:clamp(15px, calc(var(--cell,60px) * .34), 24px);height:clamp(15px, calc(var(--cell,60px) * .34), 24px);background:var(--slab);color:var(--ink);font:700 clamp(11px, calc(var(--cell,60px) * .24), 17px)/1 var(--body);box-shadow:0 0 0 1.5px var(--slab-edge);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.sm-demo{gap:6px;max-width:280px;margin:4px auto 14px;display:grid}.sm-demo-row{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.sm-demo-row .pg-cell{aspect-ratio:1;cursor:default}.sm-demo-note{font-size:.875rem;margin:0 0 6px!important}.sm-demo-note.no{color:var(--clay)!important}@media (prefers-reduced-motion:reduce){.pg-sunmoon .pg-cell.target{animation:none}}